@media(max-width:600px){
body header{height:auto!important;min-height:108px!important;padding:12px 18px!important;align-content:start}body header nav{display:flex!important;justify-content:space-between;gap:5px!important;width:100%}body header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 7px;font-size:12px!important}
body .hero-bottom{padding:14px 20px!important;gap:14px!important;align-items:flex-start!important}body .hero-bottom p{font-size:13px!important;line-height:1.5!important;width:48%!important}body .hero-bottom .call-choice-cta{padding:14px 16px!important}
body .proof-face.black{display:none!important}body .proof-face{height:390px!important;min-height:0!important}body .proof-rig,body .proof-cube{height:auto!important}body .proof-face .proof-copy{opacity:1!important}body .proof-face.orange{color:#231808!important}
body #work,body .work-stage{height:auto!important;min-height:0!important;overflow:visible!important}body .work-rail{display:flex!important;flex-direction:column!important;height:auto!important;width:100%!important;overflow:visible!important;transform:none!important;gap:22px;padding:20px 14px!important;box-sizing:border-box}
body .work-rail>.project{flex:none!important;width:100%!important;height:auto!important;min-height:0!important;padding:24px 16px!important;border-radius:18px;overflow:hidden!important}body .project-head{position:static!important;display:block!important;height:auto!important;margin:0 0 22px!important;padding:0!important}body .project-head h2{font-size:38px!important;margin:10px 0!important}body .project-head p{font-size:13px!important;line-height:1.5!important}body .project-head small{font-size:11px!important}
body .project .posters{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%!important;height:auto!important;transform:none!important}body .project .poster.supplied-photo{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;align-self:start;box-shadow:none!important;opacity:1!important}body .project .poster.supplied-photo img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;opacity:1!important}
body .work-rail>.curated-gallery{flex:none!important;width:100%!important;height:850px!important;min-height:0!important;border-radius:18px}body .work-rail>.gold-scene{flex:none!important;width:100%!important;height:340px!important;min-height:0!important;border-radius:18px}body .rail-indicator,body .work .flash{display:none!important}
body .story-pocket blockquote{font-size:15px!important;line-height:1.6!important}body .story-pocket a.pill{min-height:44px;display:inline-flex;align-items:center}body #call-dialog{width:calc(100% - 32px);max-width:calc(100% - 32px);max-height:85svh;overflow:auto;padding:28px 22px;box-sizing:border-box}body #call-dialog .dialog-close{min-width:44px;min-height:44px}
}

@media(max-width:600px){body header>.call-choice-cta{min-height:44px!important;box-sizing:border-box!important}}

/* Phone polish: hero is laid out from viewport width (not height) so short phones don't collapse it. */
@media(max-width:600px){
body .opening{--hero-text:140px;--hero-statue:calc(var(--hero-text) + 40vw);--hero-ribbon:calc(var(--hero-statue) + 62vw);--hero-bottom:calc(var(--hero-ribbon) + 30vw + 28px);--hero-h:calc(var(--hero-bottom) + 172px)}
body .hero-ui{height:var(--hero-h)!important;bottom:auto!important}
body .proof-rig{padding-top:var(--hero-h)!important}
body .hero-ui header nav a:before{display:none!important}
body .hero-ui h1{top:var(--hero-text)!important;bottom:auto!important;font-size:14.5vw!important;line-height:.93!important;width:88%!important}
body img.mobile-hero{top:var(--hero-statue)!important;bottom:auto!important;right:-2vw!important;left:auto!important;width:78vw!important;height:calc(var(--hero-ribbon) - var(--hero-statue) + 12vw)!important;object-fit:contain!important;object-position:50% 100%!important}
body .opening .creative-ribbon.snake-ribbon{inset:var(--hero-ribbon) 0 auto!important;height:auto!important;padding:8px 16px!important;box-sizing:border-box;scroll-padding-inline:16px;scrollbar-width:none}
body .creative-ribbon::-webkit-scrollbar{display:none}
body .creative-ribbon .creative{height:30vw!important;width:auto!important;flex:none!important}
body .hero-ui .hero-bottom{top:var(--hero-bottom)!important;bottom:auto!important;height:auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:16px!important;padding:4px 20px 20px!important;box-sizing:border-box}
body .hero-ui .hero-bottom p{order:-1;width:100%!important;max-width:none!important;margin:0!important;text-align:left!important;font-size:15px!important;line-height:1.5!important}

body .audience-panel,body .work-rail>.gold-scene{display:none!important}

body .project .posters{display:block!important;columns:2;column-gap:12px}
body .project .poster.supplied-photo{display:block!important;margin:0 0 12px!important;break-inside:avoid}

body .work-rail>.curated-gallery{height:auto!important;padding-bottom:24px!important}
body .curated-gallery .gallery-piece img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover!important;border-radius:8px}

body .story-grid{display:flex!important;gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px!important;padding:44px 16px 16px!important;scroll-padding-inline:16px;scrollbar-width:none;align-items:flex-start}
body .story-grid::-webkit-scrollbar{display:none}
body .story-grid>.story-card{flex:0 0 86%!important;width:auto!important;max-width:none!important;scroll-snap-align:start;margin:0!important}
body .story-portrait .testimonial-video{height:min(54svh,440px)!important;width:auto!important;max-width:100%!important;display:block;margin:0 auto}
body .story-portrait .story-paper{width:auto!important;margin-inline:auto!important}

body .faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0!important;min-height:44px}
body .faq-list summary::-webkit-details-marker{display:none}
body .faq-list summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font:400 18px/1 Inter,Arial,sans-serif;opacity:.7}
body .faq-list details[open] summary::after{content:"\2212"}
}