/* Compact mobile rhythm; explicit artwork sizes keep metadata from squeezing it. */
@media(max-width:740px){
 html #home.hero{display:flex;flex-direction:column;align-items:stretch;gap:10px;height:auto;min-height:0;padding:10px 0 14px}
 html #home .hero-copy{display:contents}
 html #home .eyebrow{order:0;margin:0;justify-content:center;white-space:normal;text-align:center;line-height:1.6}
 html #home h1{order:1;align-self:center;max-width:100%;margin:0}
 html #home .artwork{order:2;flex:none;display:flex;flex-direction:column;width:100%;max-width:100%;height:auto;min-height:0;margin:0;padding:0}
 html #home .art-surface{flex:none;height:clamp(160px,calc(100svh - 510px),220px);min-height:160px;width:100%}
 html #home .logo-stage{width:clamp(110px,18svh,150px);top:50%}
 html #home .art-top{top:40%}
 html #home .art-controls{flex:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;gap:4px 18px;min-height:0;margin:2px 0 0}
 html #home .pluck-controls{grid-column:1;grid-row:1;justify-self:end;order:initial}
 html #home .sound-toggle{grid-column:2;grid-row:1;justify-self:start;order:initial;margin:0;min-height:34px}
 html #home .pluck-hint{grid-column:1/-1;grid-row:2;order:initial;max-width:100%;font-size:12px;line-height:1.6;gap:2px}
 html #home .drag-hint{font-size:11px}
 html #home .home-afterword{order:3;display:block;width:100%;margin:0;padding:10px 0 0;border-top:1px solid var(--line)}
 html #home .home-afterword>.intro{display:none!important}
 html #home .home-afterword .subscription-row{display:block;width:100%;padding:0;margin:0;border-top:0}
 html #home .home-afterword .sub-box{gap:8px;max-width:none}
 html #home .briefing-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 12px;padding-right:6px}
 html #home .briefing-heading>.sub-tout{grid-column:1/-1;width:auto;justify-content:flex-start;margin:0}
 html #home .briefing-heading .tout-tail{font-size:20px;line-height:1.5;text-align:left;margin:0}
 html #home .board-baseline{grid-column:1;grid-row:2;display:block;min-width:0;font-size:11px;line-height:1.65;white-space:normal}
 html #home .board-baseline[hidden]{display:none}
 html #home .subscriber-count{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:11px;line-height:1.65;white-space:nowrap}
 html #home .subscription-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:100%}
 html #home .home-afterword .sub-topics{justify-content:flex-end;flex-wrap:wrap;gap:6px 10px;width:auto;max-width:100%}
 html #home .home-afterword .sub-topics .tout-item{font-size:11px;line-height:1.6}
 html #home .home-afterword .subscription-feedback{font-size:11px;line-height:1.7;text-align:right;margin:0;min-height:0}
 html #home .explore-link{order:4;position:static;transform:none;align-self:center;flex-shrink:0;margin:2px 0 0;font-size:11px;line-height:1.7;text-align:center;white-space:normal}
}

@media(max-width:740px) and (max-height:740px){
 html #home.hero{gap:8px;padding-top:8px}
 html #home .home-afterword{padding-top:8px}
}