/* Mobile spacing controls. Desktop geometry is intentionally outside this query. */
@media(max-width:900px){
 :root{--mobile-space-small:16px;--mobile-space-medium:32px;--mobile-space-large:56px;}
 .work-feature .feature-more{--case-space-small:var(--mobile-space-small);--case-space-medium:var(--mobile-space-medium);--case-space-large:var(--mobile-space-large);}
 .home-work,.home-stories,.home-about,.home-manifest,.home-contact,.contact-main{padding-top:var(--mobile-space-large)!important;padding-bottom:var(--mobile-space-large)!important;}
 .section-head{margin-bottom:var(--mobile-space-medium)!important;}
 .project-grid,.home-stories .story-grid{gap:var(--mobile-space-small)!important;}
 .work-list{padding-top:var(--mobile-space-large);padding-bottom:var(--mobile-space-large);}
 /* Let fully expanded cases follow their content rather than reserve a screen. */
 .work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld).is-expanded :is(.case-hero,#randorff-net-case .case-hero,#randorff-skanda-case .case-hero){min-height:0!important;align-content:start!important;}
 .work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) .case-hero > .case-hero-copy{padding-top:var(--mobile-space-medium)!important;padding-bottom:var(--mobile-space-medium)!important;}
 .work-feature .feature-more-grid{row-gap:var(--mobile-space-medium)!important;}
 :is(#randorff-net-case,#randorff-skanda-case) .net-narrative-grid{row-gap:var(--mobile-space-medium)!important;}
 :is(#randorff-net-case,#randorff-skanda-case) .grid.net-case-rest{gap:var(--mobile-space-small)!important;}
 :is(#randorff-net-case,#randorff-skanda-case) .grid > .net-narrative{padding-bottom:var(--mobile-space-medium)!important;}
 #work-tall .tsr-case-animation,.work-feature.net .net-flipbook-insert{margin-top:var(--mobile-space-medium)!important;margin-bottom:var(--mobile-space-medium)!important;}
 #randorff-skanda-case .skanda-photo-row{gap:var(--mobile-space-small);}
 /* Six 240px cards, with a 120px taller palette and five shared gaps. */
 #randorff-skanda-case .grid > .cell.wide.skanda-animated-six{height:calc(1560px + 5 * var(--mobile-space-small))!important;}
 /* This stylesheet is also loaded inside the Skanda card iframe. */
 .test-grid .panel{margin-bottom:var(--mobile-space-small);}
 .test-grid .row:last-child .panel:last-child{margin-bottom:0;}
 .site-page[data-page^="story-"] .story-body{margin-top:var(--mobile-space-medium);margin-bottom:var(--mobile-space-large);}
 .site-page[data-page^="story-"] .story-meta-row{margin-bottom:var(--mobile-space-medium)!important;}
 .site-page[data-page^="story-"] .story-end{padding-top:var(--mobile-space-large);row-gap:var(--mobile-space-medium);}
}