/* Project covers and aligned editorial layouts — September 29 revision. */
:root{--header-height:88px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.site-header{height:var(--header-height);grid-template-columns:1fr auto 1fr;gap:24px}
.site-header.scrolled{background:rgba(22,45,36,.98);box-shadow:0 1px 0 #f5e8d11a}
.site-header.light.scrolled{background:rgba(245,232,209,.98);box-shadow:0 1px 0 #162d2420}
.site-header>.brand{position:absolute;left:50%;transform:translateX(-50%);margin:0}
.header-work{margin-left:120px;grid-column:1;grid-row:1}.menu-button{grid-column:1;grid-row:1}.header-contact{grid-column:3;grid-row:1}
.studio-gallery{gap:28px;padding:110px var(--gutter) 35px 0}
.studio-gallery figure{height:auto;min-height:0;aspect-ratio:3/2}
.studio-gallery img,.studio-gallery figure:nth-child(2) img{object-fit:cover}
.studio-gallery figcaption{bottom:20px;left:20px;font-size:10px}
.studio-copy h2{font-size:clamp(65px,6.6vw,110px);margin:35px 0}
.service-art.site-art>img{transform:none;object-fit:cover}
.feature-panel{overflow:hidden}
.feature-art,.feature-art.park-art,.feature-art.eclat-art,.feature-art.island-art{inset:150px var(--gutter) auto auto;width:53%;height:calc(100% - 270px);rotate:0deg;transform:none;box-shadow:none;overflow:hidden}
.feature-art img{object-fit:cover;object-position:center}
.feature-panel[data-feature="0"]{background:var(--pine)}
.feature-copy{left:var(--gutter);right:auto;bottom:145px;width:35%;max-width:570px}
.feature-copy h3{font-size:clamp(68px,7.5vw,125px);overflow-wrap:normal}
.feature-copy p{font-size:14px;line-height:1.6;margin-top:28px}
.feature-top{top:120px}.feature-controls{bottom:35px}
.feature-shade{display:none}
.work-grid{gap:65px 40px;align-items:start}.work:nth-child(even){margin:0}
.work-image{aspect-ratio:3/2;height:auto;background:#dedac9}
.work-image>img,.number-cover>img,.rouge-cover>img{position:static;inset:auto;width:100%;height:100%;margin:0;object-fit:cover;rotate:0deg;transform:none;filter:none;mix-blend-mode:normal}
.number-cover-copy,.rouge-cover-title{display:none}
.work-info{align-items:start;gap:20px}.work-info h3{font-size:clamp(28px,2.6vw,44px);line-height:1.1}.work-info span{padding-top:5px}
.craft-copy{top:calc(var(--header-height) + 45px);padding:40px;width:43%}
.craft-copy h2{font-size:clamp(60px,6.5vw,100px);margin:28px 0}
.craft-insert{right:var(--gutter);bottom:9%;width:28%;height:auto;aspect-ratio:3/4;transform:none}
.craft-insert img{width:100%;height:100%;margin:0;object-fit:cover;mix-blend-mode:normal}
.craft-insert figcaption{background:var(--cream);padding:12px 15px;left:18px;right:18px;bottom:18px;font-size:8px}
.craft-word{font-size:clamp(130px,19vw,300px);bottom:8%;left:var(--gutter);max-width:60%}
@media(min-width:901px){.motion-enabled .studio-story{height:240svh}.motion-enabled .studio-copy{padding-top:120px;padding-bottom:65px}.motion-enabled .studio-gallery{left:45%}.studio-copy{width:45%}.motion-enabled .featured-stage{min-height:720px}.feature-panel{min-height:720px}}
@media(max-width:1100px) and (min-width:901px){.header-work{display:none}.studio-copy h2{font-size:66px}.feature-copy h3{font-size:70px}.feature-art,.feature-art.park-art,.feature-art.eclat-art,.feature-art.island-art{width:50%;height:60%;top:23%}.craft-copy{padding:30px}.craft-copy h2{font-size:65px}}
@media(max-width:900px){
 :root{--header-height:78px}
 .site-header{grid-template-columns:44px 1fr auto;gap:18px}.site-header>.brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:start;font-size:31px}.header-work{display:none}.header-contact{grid-column:3}.menu-button{grid-column:1;justify-self:start}
 .studio-copy{width:100%;padding:110px var(--gutter) 50px}.studio-copy h2{font-size:clamp(63px,10vw,90px)}
 .studio-gallery{padding:0 var(--gutter) 65px;gap:24px}.studio-gallery figure{aspect-ratio:3/2;height:auto;max-height:none;min-height:0}
 .feature-panel{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:110px var(--gutter) 65px;gap:30px}
 .feature-top{position:static;order:0;gap:20px}.feature-top .eyebrow:first-child{max-width:80%}
 .feature-art,.feature-art.park-art,.feature-art.eclat-art,.feature-art.island-art{position:relative;order:1;inset:auto;width:100%;height:auto;aspect-ratio:3/2;max-height:none;rotate:0deg;transform:none}
 .feature-copy{position:static;order:2;width:100%;max-width:none}.feature-copy h3{font-size:clamp(65px,10vw,94px)}.feature-copy h3 br{display:none}.feature-copy h3 em:before{content:' '}.feature-copy p{font-size:13px;margin-top:20px}.feature-copy .underlined{margin-top:12px}
 .work-grid{gap:45px 25px}.work:nth-child(even){margin:0}.work-info{flex-direction:column;gap:7px}.work-info span{text-align:left;max-width:none;padding:0}
 .craft-copy{top:110px;width:55%;padding:30px}.craft-copy h2{font-size:65px}.craft-insert{width:30%;bottom:10%}.craft-word{font-size:21vw;bottom:10%}
}
@media(max-width:600px){
 :root{--header-height:74px}
 .site-header{grid-template-columns:1fr auto 30px;gap:17px}.site-header>.brand{grid-column:1;font-size:28px}.header-contact{grid-column:2;font-size:7px}.menu-button{grid-column:3;justify-self:end}.brand-orbit{right:-20px;width:20px;height:20px;font-size:17px}.brand small{font-size:6px}
 .studio-gallery{gap:20px}.studio-gallery figcaption{left:12px;bottom:12px;padding:8px 11px;font-size:8px}
 .feature-panel{padding-top:105px;padding-bottom:60px;gap:24px}.feature-top .eyebrow{font-size:7px}.feature-copy h3{font-size:clamp(54px,13vw,74px)}.feature-copy p{font-size:12px}.feature-copy .underlined{font-size:11px}
 .work-info{flex-direction:row;align-items:start}.work-info h3{font-size:29px;max-width:68%}.work-info span{font-size:7px;text-align:right;max-width:30%;padding-top:4px}.work-image{aspect-ratio:3/2}
 .craft-stage{min-height:880px;height:110svh}.craft-copy{top:100px;left:24px;width:calc(100% - 48px);max-width:none;padding:28px}.craft-copy h2{font-size:60px}.craft-copy>p:not(.eyebrow){max-width:none}
 .craft-insert{width:39%;right:24px;bottom:50px;aspect-ratio:3/4}.craft-insert figcaption{font-size:6px;padding:7px;left:8px;right:8px;bottom:8px}.craft-word{font-size:24vw;bottom:90px;max-width:55%}
}
@media(max-width:900px){.site-header>.brand{position:relative;left:auto}}
@media(min-width:1101px){.feature-art,.feature-art.park-art,.feature-art.eclat-art,.feature-art.island-art{bottom:145px;height:auto}}
/* A separate conversation cover replaces the old phone footage. */
.film-stage{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:130px var(--gutter) 90px;min-height:760px}
.film-copy{position:relative;inset:auto;width:100%;z-index:auto}.film-copy h2{font-size:clamp(55px,5.6vw,86px);line-height:1.02;margin:30px 0}.film-copy>p:not(.eyebrow){font-size:13px}
.film-window{position:relative;inset:auto;height:auto;max-width:none;width:100%;aspect-ratio:3/2;background:var(--pine);overflow:hidden}.conversation-cover{width:100%;height:100%;object-fit:cover}
.film-scroll{margin-top:28px;max-width:none}.motion-enabled .film-story{height:160svh}
@media(max-width:900px){.film-stage,.motion-enabled .film-stage{position:relative;height:auto;min-height:0;grid-template-columns:1fr;padding:110px var(--gutter) 70px;gap:40px}.motion-enabled .film-story{height:auto}.film-copy h2{font-size:clamp(48px,8vw,74px)}.film-window{inset:auto;width:100%;height:auto;max-width:none;aspect-ratio:3/2}.film-scroll{max-width:none}.film-copy{inset:auto;width:100%}}
@media(max-width:600px){.film-copy h2{font-size:clamp(42px,11.5vw,62px)}.film-copy>p:not(.eyebrow){font-size:12px}.film-copy .eyebrow{font-size:8px}.film-stage{gap:32px}}
