/* Content-led sizing: zoom and narrow windows reflow without fixed-width canvases. */
:root{--gutter:clamp(1.125rem,4vw,4rem);--content-width:82rem}
html{scrollbar-gutter:stable}body{min-width:0}main,section,article,figure,nav,form,.container{min-width:0}
.container,.site-header{padding-inline:max(var(--gutter),calc((100% - var(--content-width))/2))}
h1,h2,h3,p,a,li,dd{overflow-wrap:break-word}img,video,canvas,iframe{max-width:100%}button,input,textarea,select{max-width:100%}
.hero{min-height:0;padding-top:clamp(2rem,4vw,3.5rem)}.hero h1{font-size:clamp(3.25rem,1.5rem + 7vw,8.5rem);line-height:.97;margin-top:clamp(2rem,4vw,4rem);max-width:11ch}
.page-hero{padding-block:clamp(2.5rem,5vw,4.5rem)}.page-hero h1,.design-editorial .page-hero h1,.design-studio .page-hero h1{font-size:clamp(2.75rem,1.3rem + 5.5vw,6.5rem);line-height:1.04;max-width:20ch;margin-block:1.4rem 1.8rem;overflow-wrap:anywhere}
.editorial-hero,.studio-hero{min-height:0}.editorial-hero .editorial-heading h1,.studio-headline h1{font-size:clamp(3.25rem,1.2rem + 6.5vw,7.5rem);line-height:1.03}
.hero,.editorial-hero,.studio-hero{padding-bottom:11rem}.hero-bottom{align-items:start;gap:2rem}.hero-copy{max-width:40ch}.hero-top{gap:1.5rem;flex-wrap:wrap}
.section{padding-block:clamp(2.75rem,5vw,5rem)}.section-head{gap:1.5rem;flex-wrap:wrap}.section-head h2,.cta-section h2{font-size:clamp(2rem,1.15rem + 3.5vw,4.25rem)}
.page-hero-row{flex-wrap:wrap;gap:1.5rem}.page-hero .lede{font-size:clamp(1rem,.9rem + .35vw,1.25rem)}.page-count{flex-shrink:0}.footer-top,.footer-bottom{flex-wrap:wrap}.footer-links{flex-direction:row;flex-wrap:wrap;gap:1rem 1.5rem}.footer-links a{font-size:.875rem}
.directory-grid,.release-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:clamp(1.25rem,2.5vw,2.5rem)}.directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card,.release-card,.directory-card,.work-choice{min-width:0}
.service-directory{max-width:none}.service-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.service-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:clamp(1.5rem,3vw,2.5rem);background:var(--surface);min-width:0;transition:border-color .25s,background .25s}.service-card:hover{border-color:var(--accent)}.service-card h2{font-size:clamp(1.65rem,1.1rem + 1.7vw,2.5rem);margin-block:1.25rem;line-height:1.12}.service-card>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.8}.service-card ul{padding-left:1.15rem;margin-block:1.5rem 2rem;line-height:1.9;font-size:.95rem;color:var(--muted)}.service-card li::marker{color:var(--accent)}.service-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;padding-top:1.5rem;border-top:1px solid var(--line)}.service-card-footer strong{color:var(--accent);font-size:1rem}.service-card-footer .button{padding:.85rem 1rem;font-size:.8rem;gap:1rem}
.studio-profile{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);padding-block:3rem}.studio-image{grid-column:1/-1;margin:0;overflow:hidden}.studio-image img{width:100%;aspect-ratio:16/7;object-fit:cover}.studio-image figcaption{color:var(--muted);font-size:.75rem;padding-top:.65rem}.studio-profile h2{font-size:clamp(1.75rem,1rem + 2.5vw,3rem)}.studio-description .button{max-width:100%;white-space:normal}.studio-equipment{border-left:1px solid var(--line);padding-left:2rem}.studio-equipment ul{font-size:.95rem;line-height:2.1}
.directory-card .artist-image{width:100%;aspect-ratio:1;overflow:hidden}.directory-card .artist-image img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;filter:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.directory-card:hover .artist-image img{transform:scale(1.045)}.artist-profile-image{margin:0;padding-block:2rem;max-width:none}.artist-profile-image img{width:min(100%,50rem);max-height:38rem;object-fit:contain;object-position:left center}.directory-card h2{font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}
.project-heading h1{font-size:clamp(2.5rem,1rem + 5vw,6rem);overflow-wrap:anywhere}.project-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.project-story,.contact-grid,.person-profile{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.person-profile h1{font-size:clamp(2.5rem,1rem + 4vw,5rem);overflow-wrap:anywhere}.profile-booking{gap:1.25rem}.profile-booking .button{white-space:normal}.work-choice{min-height:26rem}.work-choice h2{font-size:clamp(2rem,1.2rem + 2vw,3.2rem)}.work-subnav{flex-wrap:wrap}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.field input,.field textarea,.field select{width:100%;min-width:0}
/* Larger continuous waveform; typography and carousel controls retain their own space. */
.hero>.sonic-ribbon,.editorial-hero>.sonic-ribbon,.studio-hero>.sonic-ribbon,.page-hero>.sonic-ribbon{position:relative;inset:auto;width:min(100%,40rem);max-width:100%;height:4.5rem;margin-top:1.75rem;margin-bottom:0;opacity:1;flex-shrink:0}.page-hero>.sonic-ribbon{width:min(100%,34rem);height:4rem}.editorial-hero>.sonic-ribbon{grid-column:1/-1}
.hero .reel-caption,.editorial-hero .reel-caption,.studio-hero .reel-caption{bottom:6.5rem;max-width:min(19rem,calc(100% - var(--gutter)*2))}.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{width:min(16rem,calc(100% - var(--gutter)*2));bottom:1.5rem}
@media(max-width:74rem){.site-header{position:relative;min-height:5rem;flex-wrap:nowrap;gap:1rem;padding-block:1rem}.site-header .brand{flex-shrink:0}.js-ready .site-header .menu-toggle{display:block}.js-ready .site-header .desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;max-height:75dvh;overflow:auto;z-index:30;flex-direction:column;align-items:stretch;gap:.2rem;padding:1rem var(--gutter);background:var(--bg);border-bottom:1px solid var(--line)}.js-ready .site-header .desktop-nav.is-open{display:flex}.desktop-nav>a{font-size:1rem;padding:.65rem 0}.js-ready .desktop-nav .nav-cta{display:block;margin:0}html:not(.js-ready) .site-header .desktop-nav{flex-wrap:wrap}}
@media(min-width:74.01rem){.site-header .menu-toggle{display:none}.site-header .desktop-nav{gap:1.2rem}.desktop-nav>a{font-size:.8125rem}.desktop-nav .nav-cta{margin-left:0}}
@media(max-width:52rem){.service-card-grid,.studio-profile,.project-story,.contact-grid,.person-profile,.intro-grid{grid-template-columns:1fr}.studio-image{grid-column:auto}.studio-image img{aspect-ratio:3/2}.studio-equipment{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0}.work-choices{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.design-editorial .work-grid>.work-card:nth-child(even){margin-top:0}.studio-records{grid-template-columns:1fr}.studio-headline{display:block}.studio-headline>p{margin-top:1.5rem}.team-grid{grid-template-columns:1fr}.project-navigation strong{font-size:1rem}.hero>.sonic-ribbon,.page-hero>.sonic-ribbon{width:100%}}
@media(max-width:30rem){.form-grid,.project-facts{grid-template-columns:1fr}.project-facts div:nth-child(2){grid-column:auto;grid-row:auto}.hero-top .eyebrow{font-size:.625rem}.hero-top>span:last-child{max-width:none;text-align:left}.hero-actions .button{padding:.85rem 1rem;font-size:.8rem;gap:.75rem}.team-grid article{grid-template-columns:5.5rem minmax(0,1fr);gap:0 1rem}.team-grid h3{font-size:1.1rem}.gallery-grid{grid-template-columns:1fr}.service-card-footer{align-items:start}.service-card-footer .button{width:100%;justify-content:space-between}.profile-booking .button{width:100%}.reel-caption small{font-size:.5625rem}.hero .reel-caption strong,.editorial-hero .reel-caption strong,.studio-hero .reel-caption strong{font-size:1.1rem}.editorial-footnote{font-size:.7rem}.section-head .text-link{white-space:normal}.release-card h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.directory-card:hover .artist-image img{transform:none}}

/* Balance the first screen: title and introduction share the desktop row. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.75rem 3rem;align-items:end}.hero>.hero-top{grid-column:1/-1}.hero>h1{font-size:clamp(3.25rem,1rem + 6vw,7.5rem);margin-top:1rem;grid-column:1}.hero>.hero-bottom{grid-column:2;display:block;margin-top:0;padding-bottom:1rem}.hero>.sonic-ribbon{grid-column:1/-1;margin-top:0}.hero .hero-copy{max-width:36ch}.hero .reel-caption,.editorial-hero .reel-caption,.studio-hero .reel-caption,.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{right:max(var(--gutter),calc((100% - var(--content-width))/2))}
@media(max-width:52rem){.hero{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero>h1,.hero>.hero-bottom{grid-column:1}.hero>.hero-bottom{padding-bottom:0}.hero .reel-caption,.editorial-hero .reel-caption,.studio-hero .reel-caption,.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{left:var(--gutter);right:auto}}