:root{--ink:#121212;--panel:#191919;--white:#f3f2ee;--muted:#aaa9a5;--red:#da493b;--rule:#ffffff25;--gutter:clamp(22px,4.2vw,80px);color-scheme:dark;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--white);font:1rem/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,video:focus-visible{outline:2px solid var(--red);outline-offset:6px}img,video{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-weight:400;font-kerning:normal}h1,h2{letter-spacing:-.045em;line-height:1.07}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}p{max-width:62ch}em{font-weight:400}button{border-radius:0}.muted{color:var(--muted)}[hidden]{display:none!important}
.skip{position:absolute;left:20px;top:-100px;z-index:30;padding:10px 20px;background:var(--white);color:var(--ink)}.skip:focus{top:10px}.nav{padding:26px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1920px;margin:auto}.brand{display:flex;align-items:baseline;gap:9px;font-size:2.05rem;font-weight:700;letter-spacing:-.075em;line-height:1.2}.brand span{font-size:.75rem;font-weight:400;letter-spacing:.01em}.nav nav{display:flex;align-items:center;gap:32px}.nav nav a{position:relative;font-size:.875rem;padding:10px 0;color:var(--muted)}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--white)}.nav nav a[aria-current=page]:after{content:'';display:block;height:2px;position:absolute;bottom:4px;left:0;right:0;background:var(--red)}main,footer{max-width:1920px;margin:auto}.eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.6;text-transform:uppercase}.section{padding:88px var(--gutter)}.text-link{background:transparent;border:0;border-bottom:1px solid #777;padding:10px 0;display:inline-flex;justify-content:space-between;align-items:center;gap:36px;font-size:.9375rem}.text-link:hover{border-color:var(--red);color:var(--white)}.text-link span{font-size:1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 22px;border:1px solid #fff5;font-size:.875rem;line-height:1.3;transition:background .2s,color .2s}.button.light{background:var(--white);color:var(--ink);border-color:var(--white)}.button.light:hover{background:#dddcd7;border-color:#dddcd7}.button-meta{font-size:.75rem;border-left:1px solid #0003;padding-left:16px}.play-icon{font-size:.7rem}.project-hero{padding:12px var(--gutter) 0}.hero-prelude{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted);padding:0 0 22px}.hero-prelude p{color:var(--white)}.hero-frame{position:relative;background:#070707;isolation:isolate}.hero-frame>img{width:100%;aspect-ratio:1.95;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#0002 54%,#000d 100%);pointer-events:none}.hero-caption{position:absolute;bottom:38px;left:38px;right:38px;display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-caption .eyebrow{color:#e3dfd9}.hero-caption h1{font-size:clamp(3.5rem,7.8vw,9.2rem);margin-top:14px;line-height:1}.hero-caption .button{margin-bottom:5px;flex-shrink:0}.hero-baseline{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--rule);font-size:.8125rem;color:var(--muted)}.hero-baseline a{color:var(--white)}.hero-baseline a span{margin-left:14px}.project-intro{display:grid;grid-template-columns:.7fr 1.6fr 1fr;gap:6vw}.project-intro>.eyebrow{padding-top:8px;color:var(--muted)}.project-intro h2,.section-title h2,.additional h2{font-size:clamp(2.5rem,4.4vw,5rem)}.project-intro>div>p{color:var(--muted);margin-top:25px;font-size:1rem;max-width:450px}.project-facts{padding-left:30px;border-left:1px solid var(--rule)}.project-facts>div+div{margin-top:24px}dt{font-size:.75rem;color:var(--muted);margin-bottom:4px}dd{font-size:.9375rem;line-height:1.5}.film-section{padding-top:0}.small-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--rule)}.small-section-title h2{font-size:1rem;letter-spacing:0;font-weight:400}.small-section-title h2 span{font-size:.75rem;color:var(--muted);margin-right:14px}.small-section-title>span{font-size:.75rem;letter-spacing:.065em;color:var(--muted)}.film-shell{position:relative;background:#000}.film{width:100%;aspect-ratio:16/9;object-fit:contain;background:#050505}.film-launch{position:absolute;inset:0;width:100%;border:0;background:#0002;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:.875rem;text-shadow:0 1px 6px #000;transition:background .25s}.film-launch:hover{background:#0004}.round-play{width:76px;height:76px;background:var(--white);color:var(--ink);border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:1rem;text-shadow:none}.film-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8125rem;margin-top:18px}.visual-section{background:var(--panel)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-title .eyebrow{color:var(--muted);margin-bottom:22px}.section-title>p{font-size:.9375rem;color:var(--muted);max-width:330px}.chapter-tabs{display:flex;gap:0;border-bottom:1px solid #fff3;margin-bottom:36px}.chapter-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:18px 18px 18px 0;text-align:left;flex:1;white-space:nowrap;color:var(--muted);font-size:.875rem}.chapter-tabs button:hover{color:var(--white)}.chapter-tabs button[aria-selected=true]{color:var(--white);border-color:var(--red)}.tab-number{color:var(--muted);font-size:.75rem;display:block;margin-bottom:6px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}figcaption{font-size:.8125rem;color:var(--muted);margin-top:14px}.comparison-grid figcaption{display:flex;justify-content:space-between}.chapter-description{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:35px;border-top:1px solid var(--rule);padding-top:30px;margin-top:32px;align-items:start}.chapter-description h3{font-size:1.5rem;letter-spacing:-.025em}.chapter-description p{font-size:.9375rem;color:var(--muted)}.chapter-description .text-link{justify-self:end}.additional{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.additional .eyebrow{color:var(--muted);margin-bottom:24px}.additional>div>p:not(.eyebrow){color:var(--muted);max-width:420px}.additional .text-link{margin-top:20px}.contact-band{margin:0 var(--gutter);padding:60px 0 70px;border-top:1px solid var(--rule)}.contact-band>.eyebrow{color:var(--muted)}.contact-band>div{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:24px}.contact-band h2{font-size:clamp(2.6rem,5.2vw,6rem)}.contact-band .button{margin-bottom:5px}.contact-band .button span{margin-left:20px}footer{padding:36px var(--gutter) 25px;border-top:1px solid var(--rule)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main>p,.footer-main>a:last-child{color:var(--muted);font-size:.875rem}.footer-main .brand{font-size:1.65rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;font-size:.75rem;color:var(--muted)}.footer-bottom a:hover{color:var(--white)}
.page-heading{padding-top:72px;padding-bottom:60px}.page-heading>.eyebrow,.page-heading>div>.eyebrow{color:var(--muted);margin-bottom:28px}.page-heading h1{font-size:clamp(3.2rem,6.5vw,7.5rem)}.about-intro{padding-top:15px;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.about-intro>.eyebrow{color:var(--muted);padding-top:10px}.lead{font-size:clamp(1.65rem,2.6vw,3rem);line-height:1.25;letter-spacing:-.03em;max-width:760px}.about-intro>div>p:not(.lead){font-size:1.0625rem;color:var(--muted);margin-top:24px;max-width:650px}.about-image{padding:0 var(--gutter)}.about-image img{width:100%;aspect-ratio:2.3;object-fit:cover}.disciplines{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.disciplines>.eyebrow{color:var(--muted)}.disciplines article{display:grid;grid-template-columns:35px 1fr;gap:10px 20px;padding:25px 0;border-top:1px solid var(--rule)}.disciplines article>span{color:var(--red);font-size:.75rem;padding-top:8px}.disciplines h2{font-size:2rem;letter-spacing:-.025em}.disciplines article>p{grid-column:2;font-size:.9375rem;color:var(--muted);max-width:500px}.contact-heading{padding-bottom:85px}.contact-email{display:inline-flex;align-items:center;gap:30px;font-size:clamp(1.3rem,3.3vw,3.6rem);margin-top:55px;border-bottom:1px solid #777;padding-bottom:12px;letter-spacing:-.03em}.contact-email>span{color:var(--red);font-size:.8em}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--rule);padding-top:50px;padding-bottom:100px}.contact-info .eyebrow{color:var(--muted);margin-bottom:20px}.contact-info p:not(.eyebrow){max-width:500px}.store-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.store-heading h1{font-size:clamp(3rem,6.5vw,7.4rem)}.release-note{display:block;color:var(--muted);font-size:.8125rem;border-bottom:1px solid #777;padding-bottom:8px;white-space:nowrap;margin-bottom:10px}.store-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:0;padding-bottom:40px}.store-intro>div p+p{margin-top:15px}.specs{padding-top:32px;padding-bottom:32px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.specs dl{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.specs dt{margin-bottom:8px}.specs dd{font-size:.9375rem}.loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 24px;padding-top:50px}.loop-grid figure:first-child{grid-column:1/-1}.loop-grid figure:first-child video{max-height:620px}.store-contact{padding-top:0;padding-bottom:80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.store-contact h2{font-size:2rem;letter-spacing:-.025em}.media-error{border:1px solid var(--red);padding:18px;font-size:1rem}
@media(min-width:1600px){.hero-frame>img{max-height:780px}.hero-caption{left:52px;bottom:52px;right:52px}}
@media(max-width:1100px){.hero-caption h1{font-size:7.8vw}.hero-caption{left:25px;right:25px;bottom:28px}.hero-caption .button{gap:12px;padding:14px 16px}.hero-caption .button-meta{display:none}.project-intro{grid-template-columns:1.5fr 1fr;gap:30px}.project-intro>.eyebrow{grid-column:1/-1}.project-facts{justify-self:end;min-width:210px}.chapter-description{grid-template-columns:1fr 1.5fr}.chapter-description .text-link{grid-column:2;justify-self:start}.specs dl{grid-template-columns:repeat(3,1fr)}.store-heading{align-items:start;flex-direction:column}.store-heading h1{font-size:7vw}}
@media(max-width:700px){.nav{padding:22px var(--gutter);gap:24px;align-items:center}.brand{font-size:1.8rem;gap:6px}.brand span{font-size:.75rem}.nav nav{gap:16px}.nav nav a{font-size:.875rem;padding:8px 0}.hero-prelude{font-size:.75rem;padding-bottom:16px}.hero-prelude>span{display:none}.hero-frame>img{aspect-ratio:4/3;object-fit:cover;object-position:center center}.hero-shade{background:linear-gradient(transparent 35%,#000e)}.hero-caption{left:20px;right:20px;bottom:23px;align-items:start;flex-direction:column;gap:20px}.hero-caption h1{font-size:clamp(2.5rem,8.9vw,4rem);margin-top:10px}.hero-caption .eyebrow{font-size:.75rem}.hero-caption .button{font-size:.875rem;padding:12px 15px;gap:12px;margin:0}.hero-baseline{font-size:.75rem;padding:17px 0;gap:14px;flex-direction:column}.hero-baseline a{display:flex;justify-content:space-between}.section{padding:58px var(--gutter)}.project-intro{grid-template-columns:1fr;gap:28px}.project-intro>.eyebrow{grid-column:auto}.project-intro h2,.section-title h2,.additional h2{font-size:clamp(2.35rem,8vw,3.5rem)}.project-intro>div>p{margin-top:22px}.project-facts{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:18px;border-left:0;border-top:1px solid var(--rule);padding:22px 0 0}.project-facts>div+div{margin-top:0}.project-facts>div:last-child{grid-column:1/-1}.project-facts dd br{display:none}.film-section{padding-top:0}.small-section-title{gap:15px;align-items:start}.small-section-title>span{font-size:.75rem;max-width:90px;text-align:right}.small-section-title h2{font-size:.9375rem}.small-section-title h2 span{margin-right:8px}.round-play{width:52px;height:52px;font-size:.8rem}.film-launch{gap:10px;font-size:.875rem}.film-caption{font-size:.75rem}.film-caption>p:last-child{display:none}.section-title{display:block;margin-bottom:25px}.section-title .eyebrow{margin-bottom:20px}.section-title>p{margin-top:25px;font-size:.9375rem}.chapter-tabs{display:flex;overflow-x:auto;gap:24px;padding:0 2px 2px;margin-bottom:26px;scrollbar-width:thin;scrollbar-color:#666 #222}.chapter-tabs button{flex:0 0 auto;font-size:.875rem;padding:12px 0}.comparison-grid{grid-template-columns:1fr;gap:24px}.comparison-grid figcaption{margin-top:10px}.chapter-description{grid-template-columns:1fr;gap:14px;margin-top:25px;padding-top:23px}.chapter-description .text-link{grid-column:auto;justify-self:start;margin-top:4px}.chapter-description h3{font-size:1.35rem}.additional{grid-template-columns:1fr;gap:26px}.additional .eyebrow{margin-bottom:20px}.contact-band{padding:45px 0 55px}.contact-band>.eyebrow{font-size:.75rem;max-width:260px}.contact-band>div{display:block;margin-top:24px}.contact-band h2{font-size:clamp(2.4rem,8.1vw,3.5rem)}.contact-band .button{margin-top:30px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:18px}.footer-main>p{grid-column:1/-1;grid-row:2;font-size:.8125rem}.footer-main>a:last-child{font-size:.875rem}.footer-bottom{flex-direction:column;gap:8px;margin-top:28px}.page-heading{padding-top:48px;padding-bottom:42px}.page-heading h1{font-size:clamp(2.7rem,9vw,4.2rem)}.about-intro,.disciplines{grid-template-columns:1fr;gap:26px}.about-intro{padding-top:0}.lead{font-size:1.75rem}.about-image img{aspect-ratio:4/3}.disciplines h2{font-size:1.65rem}.disciplines article{grid-template-columns:24px 1fr;gap:10px 14px}.contact-email{font-size:clamp(1.1rem,4.5vw,1.7rem);gap:12px;margin-top:40px;max-width:100%}.contact-info{grid-template-columns:1fr;gap:40px;padding-top:40px}.store-heading h1{font-size:clamp(2.7rem,9vw,4.5rem)}.store-intro{grid-template-columns:1fr;gap:25px;padding-top:0}.specs dl{grid-template-columns:1fr 1fr;gap:26px}.specs{padding-top:30px;padding-bottom:30px}.loop-grid{grid-template-columns:1fr;gap:35px;padding-top:35px}.store-contact{display:block;padding-top:0}.store-contact h2{font-size:1.6rem;margin-bottom:20px}}
@media(max-width:420px){.nav{align-items:start;gap:15px}.brand{display:block;font-size:1.65rem}.brand span{display:block;letter-spacing:.11em;font-size:.75rem;margin-top:2px}.nav nav{display:grid;grid-template-columns:1fr 1fr;gap:1px 20px}.nav nav a{font-size:.875rem;padding:2px 0}.nav nav a[aria-current=page]:after{bottom:0}.project-hero{padding-top:7px}.hero-frame>img{aspect-ratio:1;object-fit:cover}.hero-caption{left:16px;right:16px;bottom:18px}.hero-caption h1{font-size:10vw}.hero-caption .button{padding:11px 12px}.hero-prelude p{font-size:.75rem}.footer-main .brand{display:flex}.footer-main .brand span{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.chapter-description p,.section-title>p,.disciplines article>p{font-size:1rem}.additional{display:block}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.still-button{background:transparent;border:0;padding:0;width:100%;text-align:left}.still-button img{width:100%;aspect-ratio:16/9;object-fit:cover}.still-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:.9375rem}.still-button:hover .still-caption{color:var(--red)}@media(max-width:700px){.extra-grid{grid-template-columns:1fr;gap:32px}}
.brand{display:block;line-height:0;letter-spacing:normal;width:164px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.brand span{display:none}.footer-main .brand{width:164px;display:block}.nav{padding-top:20px;padding-bottom:20px}.studio-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center;padding-top:54px;padding-bottom:75px}.studio-hero-copy>.eyebrow{color:var(--muted);margin-bottom:28px}.studio-hero h1{font-size:clamp(3rem,5.6vw,6.7rem);margin-bottom:28px}.studio-hero-copy>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:1.0625rem}.studio-hero .button{margin-top:32px}.studio-hero figure{min-width:0}.studio-hero figure>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}.studio-statement{display:grid;grid-template-columns:1fr 2fr;gap:8vw;border-top:1px solid var(--rule)}.studio-statement>.eyebrow{color:var(--muted);padding-top:8px}.studio-statement h2{font-size:clamp(2.5rem,4.5vw,5rem)}.studio-statement>div>p{max-width:570px;color:var(--muted);font-size:1.0625rem;margin-top:28px}.studio-statement .text-link{margin-top:24px}.studio-textures{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:0 var(--gutter)}.studio-textures img{width:100%;height:clamp(240px,29vw,450px);object-fit:cover}.studio-focus{display:grid;grid-template-columns:1fr 3fr;gap:6vw}.studio-focus>.eyebrow{color:var(--muted);padding-top:8px}.studio-focus>div{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.studio-focus article>span{font-size:.75rem;color:var(--red)}.studio-focus h2{font-size:1.6rem;letter-spacing:-.035em;line-height:1.2;margin:20px 0 16px}.studio-focus article>p{color:var(--muted);font-size:1rem}.studio-links{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:32px}.studio-links article img{aspect-ratio:16/10;object-fit:cover;width:100%}.studio-links .eyebrow{color:var(--muted);margin:24px 0 14px}.studio-links h2{font-size:2rem;letter-spacing:-.035em;display:flex;justify-content:space-between;gap:20px}.studio-links h2>span{font-size:1.5rem}.studio-links p:not(.eyebrow){margin-top:15px;color:var(--muted)}.work-intro{margin-top:28px;color:var(--muted);font-size:1.125rem}.work-index{padding-top:0}.project-card{display:block;max-width:1000px}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-card-title{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.project-card-title h2{font-size:2.5rem;letter-spacing:-.035em}.project-card-title>span{font-size:2rem}.project-card>p{font-size:.8125rem;margin-top:12px;color:var(--muted)}.original-motion{border-bottom:1px solid var(--rule)}.extra-grid figure img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.extra-grid{grid-template-columns:repeat(2,1fr);gap:34px 24px}.extra-grid figcaption{font-size:.9375rem}.original-motion .film{max-height:740px}
@media(max-width:1000px){.studio-hero{gap:4vw}.studio-hero h1{font-size:5.9vw}.studio-hero-copy>p:not(.eyebrow){font-size:1rem}.studio-focus{grid-template-columns:1fr;gap:30px}.studio-focus>div{gap:26px}}
@media(max-width:700px){.brand,.footer-main .brand{width:148px}.nav{align-items:center;padding-top:16px;padding-bottom:16px}.nav nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.nav nav a{font-size:.875rem;padding:4px 0}.studio-hero{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:55px}.studio-hero h1{font-size:clamp(2.8rem,10vw,4.5rem)}.studio-hero figure>img{aspect-ratio:4/3}.studio-hero-copy>.eyebrow{margin-bottom:24px}.studio-hero-copy>p:not(.eyebrow){font-size:1.0625rem}.studio-statement{grid-template-columns:1fr;gap:26px}.studio-statement h2{font-size:clamp(2.35rem,8vw,3.5rem)}.studio-textures{grid-template-columns:1fr;gap:28px}.studio-textures img{height:auto;aspect-ratio:16/10;object-fit:cover}.studio-focus>div{grid-template-columns:1fr;gap:25px}.studio-focus article{border-top:1px solid var(--rule);padding-top:20px}.studio-focus h2{margin:12px 0;font-size:1.65rem}.studio-links{grid-template-columns:1fr;gap:42px}.studio-links h2{font-size:1.8rem}.work-index{padding-top:0}.project-card-title h2{font-size:2rem}.extra-grid{grid-template-columns:1fr;gap:28px}.original-motion{padding-top:58px}.footer-main .brand span{display:none}}

/* v004: deliberate scale, compact opening and a wide motion canvas. */
:root{--gutter:clamp(22px,4.4vw,72px);--muted:#b5b4af}
main,footer,.nav{max-width:1680px}.nav{padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--rule);margin-inline:auto}.brand,.footer-main .brand{width:184px}.nav nav{gap:36px}.nav nav a{font-size:1rem;min-height:44px;display:flex;align-items:center}
h1 em,h2 em{font-style:normal;font-family:inherit;letter-spacing:inherit}.studio-opening{display:grid;grid-template-columns:1.65fr 1fr;gap:8vw;align-items:end;padding-top:66px;padding-bottom:54px}.opening-title .eyebrow{margin-bottom:32px;color:var(--muted)}.studio-opening h1{font-size:clamp(3.4rem,6.3vw,7rem);font-weight:600;line-height:1.01;letter-spacing:-.055em}.studio-opening h1 span{color:var(--muted)}.opening-intro{max-width:365px;padding-bottom:5px}.opening-intro p{font-size:1.125rem;line-height:1.6}.opening-intro p+p{margin-top:14px;color:var(--muted)}.opening-intro .text-link{margin-top:22px;gap:55px}.studio-showcase{padding:0 var(--gutter)}.showcase-media{position:relative;background:#0a0a0a}.showcase-media video{width:100%;height:clamp(320px,34vw,520px);object-fit:cover}.motion-toggle{position:absolute;right:22px;bottom:22px;border:1px solid #fff8;background:#121212cc;padding:10px 16px;font-size:.875rem;min-height:44px;backdrop-filter:blur(10px)}.showcase-caption{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:.875rem;color:var(--muted)}.showcase-caption span{font-size:.75rem;letter-spacing:.08em}
.studio-focus{grid-template-columns:1fr 2fr;gap:9vw;padding-top:84px;padding-bottom:84px}.studio-focus>div:first-child h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;margin:22px 0}.studio-focus>div:first-child{display:block}.studio-focus>div:first-child>.eyebrow{color:var(--muted)}.studio-focus>div:last-child{display:grid;grid-template-columns:1fr;gap:0}.studio-focus article{display:grid;grid-template-columns:28px .8fr 1.2fr;gap:22px;border-top:1px solid var(--rule);padding:24px 0}.studio-focus article>span{color:var(--muted);padding-top:4px}.studio-focus h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em}.studio-focus article p{font-size:1rem}.studio-links{gap:40px}.studio-links article img{aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}.studio-links a>div:first-child{overflow:hidden}.studio-links a:hover img{transform:scale(1.018)}.card-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.studio-links .card-heading .eyebrow{margin:0}.card-heading>span{font-size:1.5rem}.studio-links h2{font-size:clamp(1.8rem,2.5vw,2.6rem)}.studio-links p:not(.eyebrow){margin-top:12px}.contact-band{padding:55px 0 64px}.contact-band h2{font-size:clamp(2.4rem,4.5vw,4.8rem)}.page-heading h1{font-weight:500}.footer-main .brand{width:184px}
@media(max-width:1000px){.studio-opening{gap:5vw;grid-template-columns:1.3fr 1fr}.studio-opening h1{font-size:5.8vw}.opening-intro p{font-size:1rem}.studio-focus{gap:5vw;grid-template-columns:1fr 1.6fr}.studio-focus article{grid-template-columns:24px 1fr;gap:12px}.studio-focus article p{grid-column:2}}
@media(max-width:700px){.nav{padding-top:18px;padding-bottom:18px;gap:16px}.brand,.footer-main .brand{width:154px}.nav nav{gap:0 18px}.nav nav a{font-size:.875rem;padding:6px 0;min-height:34px}.studio-opening{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:34px}.opening-title .eyebrow{font-size:.75rem;margin-bottom:24px}.studio-opening h1{font-size:clamp(2.65rem,9vw,4.7rem)}.opening-intro{max-width:100%}.opening-intro p{font-size:1rem}.opening-intro p+p{margin-top:10px}.opening-intro .text-link{margin-top:12px}.showcase-media video{height:clamp(240px,65vw,420px)}.motion-toggle{right:12px;bottom:12px;padding:8px 12px}.showcase-caption{font-size:.8125rem;gap:14px;align-items:start}.showcase-caption span{max-width:130px;text-align:right;font-size:.75rem}.studio-focus{grid-template-columns:1fr;gap:28px;padding-top:50px;padding-bottom:50px}.studio-focus article{grid-template-columns:24px 1fr;gap:8px 14px;padding:22px 0}.studio-focus article p{grid-column:2}.studio-focus h3{font-size:1.25rem}.studio-links{gap:36px}.studio-links .card-heading{margin-top:18px}.contact-band h2{font-size:clamp(2.2rem,7.4vw,3rem)}}
@media(max-width:360px){.brand,.footer-main .brand{width:138px}.nav nav{gap:0 14px}.studio-opening h1{font-size:2.55rem}}

.work-index .project-card{max-width:none;display:grid;grid-template-columns:1.7fr 1fr;gap:18px 48px;border-top:1px solid var(--rule);padding-top:34px}.project-card>div:first-child{grid-row:1/3;overflow:hidden}.project-card img{transition:transform .5s ease}.project-card:hover img{transform:scale(1.018)}.project-card-title{align-self:end;margin:0}.project-card-title h2{font-size:clamp(2rem,3.4vw,3.6rem)}.project-card>p{align-self:start;margin-top:0;line-height:1.7;max-width:260px}.page-heading{padding-top:60px;padding-bottom:48px}.page-heading h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.08}.page-heading em{color:var(--muted)}.about-intro{padding-bottom:64px}.about-intro .lead{font-size:clamp(1.6rem,2.5vw,2.8rem)}.about-image img{max-height:430px;aspect-ratio:3.2;object-fit:cover}.disciplines{padding-top:64px;padding-bottom:64px}.motion-chapter{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:40px;align-items:center;min-height:280px;border:1px solid var(--rule);padding:45px}.motion-chapter h3{font-size:2.2rem;line-height:1.1;margin-top:20px;letter-spacing:-.03em}.motion-chapter>p{color:var(--muted)}.motion-chapter .text-link{justify-self:end}.store-intro .lead{font-size:clamp(1.8rem,3vw,3rem)}.loop-grid{gap:32px}.contact-heading{padding-bottom:70px}.contact-email{overflow-wrap:anywhere}.nav nav a:hover{color:var(--white)}
@media(max-width:700px){.page-heading{padding-top:42px;padding-bottom:36px}.page-heading h1{font-size:clamp(2.5rem,8.5vw,4rem)}.work-index .project-card{display:block;padding-top:24px}.project-card-title{margin-top:22px}.project-card>p{margin-top:12px;max-width:none}.about-intro{padding-bottom:42px}.about-image img{aspect-ratio:16/10}.disciplines{padding-top:48px;padding-bottom:48px}.motion-chapter{grid-template-columns:1fr;gap:20px;min-height:0;padding:26px}.motion-chapter h3{font-size:1.9rem;margin-top:14px}.motion-chapter .text-link{justify-self:start}.contact-heading{padding-bottom:50px}}

/* Portfolio studies and product presentation: still images, deliberate scale. */
.showcase-media>img{width:100%;height:clamp(320px,34vw,520px);object-fit:cover}
.chapter-tabs{flex-wrap:wrap;overflow:visible;gap:0 22px}
.chapter-tabs button{font-size:.9375rem;padding-inline:0;white-space:nowrap}
.chorus-study{margin-top:42px;border-top:1px solid var(--rule);padding-top:32px}
.chorus-study h3{font-size:1.5rem;letter-spacing:-.02em}
.chorus-study>p{color:var(--muted);margin-top:20px;font-size:1rem}
.sequence-stills{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sequence-stills figure:first-child{grid-column:1/-1}
.sequence-stills img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.sequence-stills figcaption{font-size:.875rem;color:var(--muted);margin-top:12px}
.about-opening{padding-top:60px;padding-bottom:44px}
.about-opening>.eyebrow{margin-bottom:34px}
.about-opening>div{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:end}
.about-opening h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.05;font-weight:500}
.about-opening>div>p{font-size:1.2rem;line-height:1.65;max-width:370px;padding-bottom:6px}
.about-cover{margin:0 var(--gutter)}
.about-cover img{width:100%;aspect-ratio:2.35;object-fit:cover;background:#000}
.about-cover figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.875rem;padding:17px 0;border-bottom:1px solid var(--rule)}
.about-belief{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding-block:82px}
.about-belief h2{font-size:clamp(2.3rem,3.7vw,4rem);line-height:1.12;margin-bottom:28px}
.about-belief>div>p{font-size:1.125rem;max-width:650px;color:var(--muted);margin-top:20px}
.about-practice{padding-top:0;padding-bottom:74px}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.practice-grid article{border-top:1px solid var(--rule);padding-top:24px}
.practice-grid span{font-size:.8125rem;letter-spacing:.07em;color:var(--muted)}
.practice-grid h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.25;margin:22px 0 14px}
.practice-grid p{font-size:1rem;color:var(--muted)}
.about-proof{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;border-top:1px solid var(--rule);padding-block:64px 80px}
.about-proof img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about-proof figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.about-proof h2{font-size:clamp(2.1rem,3vw,3.3rem);margin:22px 0}
.about-proof p:not(.eyebrow){color:var(--muted);font-size:1rem;margin-top:16px}
.about-proof .text-link{margin:26px 22px 0 0;font-size:.9375rem;gap:30px}
.collection-hero{display:grid;grid-template-columns:.9fr 1.4fr;gap:4vw;align-items:center;padding-block:64px 55px}
.collection-hero h1{font-size:clamp(3.8rem,6.2vw,6.8rem);font-weight:500;line-height:1.03;margin:26px 0}
.collection-hero h1>span{color:var(--muted)}
.collection-hero .collection-lead{font-size:1.6rem;letter-spacing:-.03em;color:var(--white);margin-bottom:12px}
.collection-hero p:not(.eyebrow):not(.collection-lead){max-width:390px;color:var(--muted);font-size:1rem}
.collection-hero figure{min-width:0;background:#000}
.collection-hero figure img{width:100%;aspect-ratio:1.18;object-fit:cover}
.collection-hero figcaption{font-size:.8125rem;padding:12px 16px;color:var(--muted)}
.collection-tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0;font-size:.8125rem;letter-spacing:.045em}
.collection-hero .text-link{gap:38px}
.collection-hero .coming-soon{margin-top:22px!important;font-size:.875rem!important}
.collection-teaser{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:64px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.teaser-copy{max-width:440px}
.teaser-copy h2{font-size:clamp(2.5rem,4vw,4.4rem);margin:24px 0;line-height:1.07}
.teaser-copy p:not(.eyebrow){margin-top:18px;font-size:1rem}
.collection-teaser video{width:100%;aspect-ratio:1;object-fit:contain;background:#000}
.collection-teaser figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.collection-gallery{padding-block:75px}
.pulse-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px}
.pulse-gallery img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#000}
.pulse-gallery figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:.9375rem}
.pulse-gallery figcaption>span:last-child{color:var(--muted);font-size:.8125rem;white-space:nowrap}
.portrait-section{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;padding-block:66px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.portrait-copy h2{font-size:clamp(2.5rem,3.8vw,4.1rem);margin:24px 0}
.portrait-copy>p:not(.eyebrow){font-size:1rem;margin-top:22px}
.portrait-copy .format-note{color:var(--muted);font-size:.875rem!important}
.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.portrait-pair img{width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}
.portrait-pair figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.collection-delivery{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-block:75px 50px}
.collection-delivery h2{font-size:clamp(2.4rem,3.5vw,3.8rem);margin-top:24px}
.collection-delivery dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;padding:20px 0;border-top:1px solid var(--rule)}
.collection-delivery dt{font-size:1rem;color:var(--muted)}
.collection-delivery dd{font-size:1rem}
.catalog-section{padding-top:0;padding-bottom:65px}
.catalog-section summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--rule);padding:24px 0;cursor:pointer;font-size:1.25rem;list-style:none}
.catalog-section summary::-webkit-details-marker{display:none}
.catalog-open{font-size:1.7rem;line-height:1;transition:transform .2s}
details[open] .catalog-open{transform:rotate(45deg)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;margin-top:30px}
.catalog-item img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.catalog-item>span{display:block;color:var(--muted);font-size:.875rem;margin-top:8px}
.catalog-item:hover>span{color:var(--white)}
summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.collection-contact{display:flex;justify-content:space-between;align-items:end;gap:36px;border-top:1px solid var(--rule);padding-block:55px 75px}
.collection-contact h2{font-size:clamp(2.6rem,4vw,4.4rem);margin:24px 0}
.collection-contact p:not(.eyebrow){color:var(--muted);font-size:1rem}
@media(max-width:1000px){
 .about-opening>div,.about-belief{gap:6%}.collection-hero{grid-template-columns:1fr 1.25fr}
 .collection-hero h1{font-size:5.8vw}.collection-teaser{gap:6%}.portrait-section{gap:6%}
 .collection-delivery{gap:5%;grid-template-columns:1fr 1.5fr}.collection-delivery dl>div{gap:16px}
}
@media(max-width:700px){
 .showcase-media>img{height:clamp(240px,65vw,420px)}
 .chapter-tabs{gap:0 22px;display:grid;grid-template-columns:1fr 1fr}
 .chapter-tabs button{min-width:0;font-size:.875rem;white-space:normal;text-align:left;min-height:62px}
 .chorus-study{margin-top:32px;padding-top:25px}.chorus-study .small-section-title{align-items:start}
 .chorus-study .small-section-title>span{font-size:.75rem;max-width:120px;text-align:right}
 .sequence-stills{grid-template-columns:1fr;gap:26px}
 .about-opening{padding-top:40px;padding-bottom:30px}.about-opening>.eyebrow{margin-bottom:26px}
 .about-opening>div{grid-template-columns:1fr;gap:24px}.about-opening h1{font-size:clamp(2.6rem,9vw,4rem)}
 .about-opening>div>p{font-size:1.0625rem;max-width:none}.about-cover img{aspect-ratio:1.25;object-fit:cover}
 .about-cover figcaption{font-size:.8125rem;gap:22px}.about-cover figcaption>span{max-width:50%}
 .about-belief{grid-template-columns:1fr;gap:25px;padding-block:48px}.about-belief h2{font-size:2.3rem}
 .about-belief>div>p{font-size:1rem}.about-practice{padding-bottom:45px}
 .practice-grid{grid-template-columns:1fr;gap:28px}.practice-grid h3{margin-top:16px}
 .about-proof{grid-template-columns:1fr;gap:30px;padding-block:40px 55px}.about-proof h2{font-size:2.25rem}
 .about-proof .text-link{margin-top:20px}
 .collection-hero{grid-template-columns:1fr;gap:30px;padding-block:40px}
 .collection-hero h1{font-size:clamp(3.5rem,12vw,5rem);margin:22px 0}
 .collection-hero figure img{aspect-ratio:1.25}.collection-hero .collection-lead{font-size:1.5rem}
 .collection-hero p:not(.eyebrow){max-width:none}.collection-tags{margin:22px 0}
 .collection-teaser{grid-template-columns:1fr;gap:28px;padding-block:42px}.teaser-copy h2{font-size:2.5rem;margin:20px 0}
 .collection-gallery{padding-block:45px}.pulse-gallery{grid-template-columns:1fr;gap:28px}
 .pulse-gallery img{aspect-ratio:16/10}.pulse-gallery figcaption{margin-top:12px}
 .portrait-section{grid-template-columns:1fr;gap:30px;padding-block:44px}.portrait-copy h2{font-size:2.5rem}
 .portrait-pair{gap:14px}.portrait-pair figcaption{font-size:.8125rem}
 .collection-delivery{grid-template-columns:1fr;gap:30px;padding-block:45px 30px}.collection-delivery h2{font-size:2.5rem}
 .collection-delivery dl>div{grid-template-columns:1fr;gap:6px;padding:15px 0}
 .catalog-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.catalog-section{padding-bottom:42px}
 .catalog-section summary{font-size:1.1rem;padding:20px 0}
 .collection-contact{display:block;padding-block:40px 52px}.collection-contact .button{margin-top:26px;max-width:100%;font-size:.875rem;padding:16px}
 .collection-contact h2{font-size:2.5rem}
}

/* Extend the approved project system. Existing Emre layout is untouched. */
/* v010: a silent mixed-work reel in the existing homepage banner. */
.studio-showcase .showcase-media .studio-reel{width:100%;height:auto;aspect-ratio:1920/650;object-fit:contain;background:#000}
.studio-showcase .showcase-caption{align-items:center}
.showcase-actions{display:flex;align-items:center;gap:22px}
.studio-reel-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;background:transparent;border:1px solid #ffffff65;white-space:nowrap}
.showcase-caption .studio-reel-toggle span{font-size:.875rem;letter-spacing:0}
@media(max-width:700px){
 .showcase-actions{gap:0}
 .showcase-actions .showcase-label{display:none}
 .studio-reel-toggle{padding:8px 12px}
}
/* v008: Hadise additions are scoped to the new project. */
.hadise-hero .hero-frame>img{object-position:center 44%}
.hadise-hero .hero-shade{background:linear-gradient(180deg,transparent 30%,#0003 55%,#000d 100%)}
.hadise-visuals .comparison-grid img{object-fit:contain;background:#000}
.hadise-desktop-study{display:grid;grid-template-columns:1.3fr .8fr;gap:7%;align-items:center}
.hadise-desktop-study img{width:100%;height:auto;aspect-ratio:1024/570}
.hadise-desktop-study figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.hadise-desktop-study h3{font-size:clamp(2rem,3vw,3.25rem);line-height:1.1;letter-spacing:-.035em;margin:22px 0}
.hadise-desktop-study p:not(.eyebrow){color:var(--muted);font-size:1rem;margin-top:18px}
.hadise-sequence{padding-top:0}
@media(max-width:700px){
 .hadise-hero .hero-frame>img{aspect-ratio:1;object-position:center}
 .hadise-desktop-study{grid-template-columns:1fr;gap:28px}
 .hadise-desktop-study h3{font-size:2rem}
}
.studio-showcase .showcase-media>picture{display:block}
.studio-showcase .showcase-media picture img{width:100%;height:clamp(320px,34vw,520px);object-fit:cover;object-position:50% 50%}
.work-index .project-card+.project-card{margin-top:58px}
.collection-banner-hero{display:block;padding-bottom:40px}
.collection-banner-hero>.collection-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-bottom:38px}
.collection-banner-hero h1{margin-bottom:0}
.collection-banner-hero .collection-summary{padding-top:30px}
.collection-banner-hero>figure{margin:0;background:transparent}
.collection-banner-hero .banner-media{position:relative;background:#000}
.collection-banner-hero .banner-media img{width:100%;aspect-ratio:32/11;object-fit:cover}
.banner-toggle{background:#121212e8;border:1px solid #ffffff65;color:var(--white);padding:10px 16px;font-size:.875rem;display:flex;gap:12px;align-items:center}
.collection-banner-hero figcaption{padding:15px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.875rem;border-bottom:1px solid var(--rule)}
.cem-hero .hero-frame>img{aspect-ratio:1.95;object-position:50% 35%}
.cem-hero .hero-shade{background:linear-gradient(180deg,transparent 40%,#0002 60%,#000e 100%)}
.cem-film-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:center}
.cem-film-layout .film{aspect-ratio:1}
.cem-film-note h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:26px 0}
.cem-film-note p:not(.eyebrow){font-size:1rem;margin-top:18px}
.cem-visuals .comparison-grid img{object-fit:contain;background:#000}
.cem-wide img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.cem-world figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.cem-concept{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;margin-top:64px}
.cem-concept img{width:100%;height:auto}
.cem-concept h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:24px 0}
.cem-concept p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-top:18px}
.cem-lyric-gallery{padding-top:0}
.cem-lyric-gallery img{object-fit:contain;background:#000}
.next-project{padding-top:0;padding-bottom:60px}
.next-project .text-link{font-size:clamp(1.5rem,3vw,2.75rem);margin-top:20px}
@media(max-width:700px){
 .studio-showcase .showcase-media picture img{height:auto;aspect-ratio:1.4;object-fit:cover}
 .work-index .project-card+.project-card{margin-top:36px}
 .collection-banner-hero>.collection-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .collection-banner-hero .collection-summary{padding-top:0}
 .collection-banner-hero .banner-media img{aspect-ratio:2;object-fit:cover}
 .collection-banner-hero figcaption{align-items:start;font-size:.8125rem;gap:16px}
 .collection-banner-hero figcaption>span{max-width:160px}
 .banner-toggle{flex-shrink:0;font-size:.8125rem;padding:9px 12px}
 .cem-hero .hero-frame>img{aspect-ratio:1.2;object-fit:contain;object-position:center top}
 .cem-hero .hero-shade{background:linear-gradient(180deg,transparent 24%,#000b 65%,#000 100%)}
 .cem-film-layout{grid-template-columns:1fr;gap:26px}
 .cem-film-note h3{font-size:2rem;margin:20px 0}
 .cem-concept{grid-template-columns:1fr;gap:28px;margin-top:38px}
 .cem-concept h3{font-size:2rem}
 .cem-world{padding-block:44px}
}

/* v007: place lyric work in its cultural and live-performance context. */
.cem-marquee-study{display:grid;grid-template-columns:1.3fr .8fr;gap:6%;align-items:center}
.cem-marquee-study img{width:100%;height:auto;aspect-ratio:1080/536;object-fit:contain}
.cem-marquee-study figcaption{font-size:.875rem;color:var(--muted);margin-top:14px}
.cem-marquee-study h3{font-size:clamp(2rem,3vw,3.25rem);line-height:1.1;letter-spacing:-.035em;margin:22px 0}
.cem-marquee-study p:not(.eyebrow){color:var(--muted);font-size:1rem;margin-top:18px}
.cem-technology{padding-top:0}
.cem-technology .section-title>p{max-width:470px}
.cem-technology h2{font-size:clamp(2.25rem,3.7vw,4rem)}
.cem-process{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:0}
.cem-process li{border-top:1px solid var(--rule);padding-top:24px}
.cem-process .eyebrow{color:var(--muted)}
.cem-process h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin:22px 0 16px}
.cem-process p{font-size:1rem;color:var(--muted)}
@media(max-width:700px){
 .cem-marquee-study{grid-template-columns:1fr;gap:28px}
 .cem-marquee-study h3{font-size:2rem}
 .cem-technology h2{font-size:clamp(2rem,7vw,2.6rem)}
 .cem-process{grid-template-columns:1fr;gap:26px}
 .cem-process h3{margin-top:18px}
}

/* Preserve the accepted identity; add clear paths between existing content. */
.page-jumps{margin:0 var(--gutter) 24px;display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid var(--rule);padding:14px 0}
.page-jumps a{font-size:.875rem;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.page-jumps a:hover{color:var(--white)}
.related-work{padding-top:48px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.related-card h3{display:flex;justify-content:space-between;font-size:1.6rem;margin-top:18px;letter-spacing:-.025em}
.related-card p{font-size:.875rem;color:var(--muted);margin-top:6px}.related-card:hover h3{color:#fff}
.collection-faq{padding-top:35px}.collection-faq>.eyebrow{color:var(--muted);margin-bottom:18px}.collection-faq h2{font-size:clamp(2rem,3.5vw,3.6rem);margin-bottom:32px}
.collection-faq details{border-top:1px solid var(--rule);padding:4px 0}.collection-faq summary{cursor:pointer;padding:20px 0;font-size:1.0625rem;min-height:48px}
.collection-faq details p{color:var(--muted);padding:0 0 24px;max-width:70ch}.collection-faq a,.contact-product a{text-decoration:underline;text-underline-offset:4px}
.contact-info .text-link{margin-top:22px}.contact-product{margin-top:28px;color:var(--muted)}
.banner-media video{width:100%;height:100%;aspect-ratio:1280/440;object-fit:cover;background:#080808}
.banner-media{aspect-ratio:1280/440}.studio-reel-toggle,.banner-toggle{min-height:44px;min-width:80px}
summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}
@media(max-width:700px){.related-grid{grid-template-columns:1fr;gap:32px}.related-work{padding-top:34px}.page-jumps{gap:4px 20px;margin-bottom:18px}.page-jumps a{font-size:.875rem}.banner-media,.banner-media video{aspect-ratio:1280/440}.nav nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.related-card img{transition:none}}

/* Clearer mobile navigation, collection status, and image browsing. */
.nav nav .nav-links{display:flex;align-items:center;gap:36px}
.nav-toggle{display:none;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:1px solid #ffffff55;background:#1a1a1a;font-size:.875rem}
.nav-toggle-icon{font-size:1.15rem;line-height:1}

.release-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:22px!important;color:var(--muted);font-size:.875rem!important}
.release-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff55;padding:5px 10px;color:var(--white);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.release-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
.release-inquiry{margin-top:15px}

.contact-actions{display:flex;align-items:end;flex-wrap:wrap;gap:12px 22px}
.contact-actions .contact-email{margin-top:55px}
.copy-email{min-height:44px;border:1px solid #ffffff55;background:transparent;padding:9px 14px;font-size:.875rem;white-space:nowrap}
.copy-email:hover,.nav-toggle:hover{border-color:var(--white)}
.copy-feedback{width:100%;min-height:1.3em;color:var(--muted);font-size:.8125rem}

.catalog-expand{display:none;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;margin-top:26px;padding:12px 0;border:0;border-top:1px solid var(--rule);background:transparent;text-align:left;font-size:.9375rem}
.catalog-expand::after{content:"↗";font-size:1.2rem;color:var(--red)}
.catalog-grid.is-curated .catalog-item:nth-child(n+13){display:none}
.catalog-grid.is-enhanced+.catalog-expand{display:flex}
.catalog-item:focus-visible img{outline:2px solid var(--red);outline-offset:4px}
.nav-toggle:focus-visible,.copy-email:focus-visible,.catalog-expand:focus-visible,.catalog-lightbox button:focus-visible{outline:2px solid var(--red);outline-offset:4px}

.catalog-lightbox{width:min(1160px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 30px);padding:18px 22px 22px;border:1px solid #ffffff55;background:#121212;color:var(--white);box-shadow:0 20px 80px #000c}
.catalog-lightbox::backdrop{background:#000e;backdrop-filter:blur(6px)}
.catalog-lightbox-head,.catalog-lightbox-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}
.catalog-lightbox-head{padding-bottom:14px;border-bottom:1px solid var(--rule);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.catalog-lightbox-close,.catalog-lightbox-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff55;background:#1a1a1a}
.catalog-lightbox-close:hover,.catalog-lightbox-arrow:hover{border-color:var(--white)}
.catalog-lightbox-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;padding:16px 0}
.catalog-lightbox-stage img{display:block;max-width:100%;max-height:calc(100dvh - 190px);margin:auto;object-fit:contain}
.catalog-lightbox-foot{border-top:1px solid var(--rule);padding-top:14px;color:var(--muted);font-size:.875rem}
.catalog-lightbox-foot span:last-child{white-space:nowrap}

.studio-showcase .showcase-media{background:#080808 url('/assets/studio-reel-poster.jpg') center/cover no-repeat}
.collection-banner-hero .banner-media{background:#080808 url('/assets/pulse-banner-still.jpg') center/cover no-repeat}

@media(max-width:700px){
 .nav nav{display:block;position:relative}
 .nav nav .nav-links{display:grid;grid-template-columns:repeat(2,max-content);gap:0 18px}
 .nav.menu-ready .nav-toggle{display:inline-flex}
 .nav.menu-ready .nav-links{display:none;position:absolute;z-index:40;right:0;top:calc(100% + 12px);width:min(260px,calc(100vw - 44px));padding:8px 16px;grid-template-columns:1fr;gap:0;background:#1c1c1c;border:1px solid #ffffff45;box-shadow:0 24px 44px #0009}
 .nav.menu-ready.menu-open .nav-links{display:grid}
 .nav.menu-ready .nav-links a{min-height:50px;padding:11px 4px;border-bottom:1px solid var(--rule)}
 .nav.menu-ready .nav-links a:last-child{border-bottom:0}
 .contact-actions{align-items:flex-start;flex-direction:column;gap:14px}
 .contact-actions .contact-email{margin-top:40px}
 .copy-email{margin-top:0}
 .catalog-lightbox{padding:12px;max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}
 .catalog-lightbox-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}
 .catalog-lightbox-stage img{max-height:calc(100dvh - 180px)}
 .catalog-lightbox-arrow{min-width:40px;min-height:44px}
}

/* Surface the actual work earlier and make the independent practice explicit. */
.featured-work{padding-top:72px;padding-bottom:70px}
.featured-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.featured-heading .eyebrow{color:var(--muted);margin-bottom:18px}
.featured-heading h2{font-size:clamp(2.5rem,4.3vw,4.8rem);font-weight:500;line-height:1.07}
.featured-heading h2 span{color:var(--muted)}
.featured-heading .text-link{flex-shrink:0}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.featured-project{display:block;min-width:0;border-top:1px solid var(--rule);padding-top:16px}
.featured-media{overflow:hidden;background:#070707}
.featured-media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s ease}
.featured-project:hover .featured-media img,.featured-project:focus-visible .featured-media img{transform:scale(1.035)}
.featured-project-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;color:var(--muted)}
.featured-project-top .eyebrow{font-size:.6875rem;letter-spacing:.1em}
.featured-project-top>span:last-child{font-size:1.4rem;line-height:1;color:var(--white)}
.featured-project h3{font-size:clamp(1.65rem,2.2vw,2.45rem);line-height:1.1;letter-spacing:-.035em;margin-top:7px}
.featured-project>p{font-size:.9375rem;line-height:1.5;color:var(--muted);margin-top:10px;max-width:33ch}
.studio-focus{border-top:1px solid var(--rule)}

.collection-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(32px,6vw,110px);border-top:1px solid var(--rule)}
.collection-feature-media{min-width:0;overflow:hidden;background:#070707}
.collection-feature-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.collection-feature-copy .eyebrow{color:var(--muted);margin-bottom:20px}
.collection-feature-copy h2{font-size:clamp(2.7rem,4.5vw,5rem);line-height:1.04;font-weight:500}
.collection-feature-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.6;margin-top:22px}
.collection-feature-copy .collection-feature-status{font-size:.75rem!important;letter-spacing:.09em;color:var(--white)!important;margin-top:26px!important}
.collection-feature-copy .text-link{margin-top:14px}

@media(max-width:1000px){
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  .featured-project:last-child{grid-column:1/-1}
  .featured-project:last-child .featured-media img{aspect-ratio:16/8}
}
@media(max-width:700px){
  .studio-showcase .showcase-media .studio-reel{height:auto;aspect-ratio:16/9;object-fit:cover}
  .featured-work{padding-top:48px;padding-bottom:52px}
  .featured-heading{display:block;margin-bottom:24px}
  .featured-heading h2{font-size:clamp(2.2rem,8vw,3.3rem)}
  .featured-heading .text-link{margin-top:20px}
  .featured-grid{grid-template-columns:1fr;gap:35px}
  .featured-project:last-child{grid-column:auto}
  .featured-media img,.featured-project:last-child .featured-media img{aspect-ratio:16/10}
  .featured-project h3{font-size:1.85rem}
  .collection-feature{grid-template-columns:1fr;gap:28px}
  .collection-feature-media img{aspect-ratio:16/11}
  .collection-feature-copy h2{font-size:clamp(2.65rem,9vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.featured-media img{transition:none}}

/* A visual-first, layered home page. Other pages keep their existing layout. */
.home-page .nav{position:absolute;z-index:30;top:0;left:50%;width:100%;max-width:1680px;transform:translateX(-50%);border:0;background:linear-gradient(180deg,#080808a6,transparent)}
.home-page .nav nav a{color:#f3f2ee}
.home-page main{position:relative}
.home-page .home-hero{position:relative;z-index:0;width:100%;height:100svh;min-height:620px;max-height:1100px;padding:0;overflow:hidden;isolation:isolate;background:#050505}
.home-page .home-hero .showcase-media{position:absolute;inset:0;background:#080808 url('/assets/studio-reel-poster.jpg') center/cover no-repeat}
.home-page .home-hero .showcase-media .studio-reel{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center}
.home-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#000b 0%,#0004 48%,transparent 82%),linear-gradient(0deg,#000c 0%,transparent 65%)}
.home-hero-content{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:clamp(54px,9vh,110px)}
.home-hero-content .eyebrow{font-size:.75rem;letter-spacing:.16em;color:#fff;margin-bottom:22px;text-shadow:0 1px 8px #000}
.home-hero-content h1{max-width:1100px;font-size:clamp(4rem,8.5vw,9rem);font-weight:600;line-height:.98;letter-spacing:-.065em;text-shadow:0 2px 28px #0009}
.home-hero-content h1 span{color:#f3f2eebd}
.home-hero-actions{display:flex;align-items:center;gap:36px;margin-top:34px}
.home-hero-actions .text-link{border-color:#ffffffa8;font-size:1rem;text-shadow:0 1px 8px #000}
.home-scroll{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#ffffffd9;font-size:.875rem}
.home-scroll span{font-size:1.3rem}
.home-page .home-hero .studio-reel-toggle{position:absolute;z-index:3;right:var(--gutter);bottom:clamp(54px,9vh,110px);background:#111a;border-color:#ffffff80;backdrop-filter:blur(12px)}

.home-page .home-layer{position:relative;z-index:2;margin-top:-30px;border-radius:30px 30px 0 0;overflow:hidden}
.home-page .featured-work{padding-top:86px;padding-bottom:120px;background:#171717}
.home-page .featured-heading{margin-bottom:35px}
.home-page .featured-heading h2{font-size:clamp(3rem,5vw,5.5rem);font-weight:600;letter-spacing:-.055em}
.home-page .featured-heading .eyebrow{margin-bottom:16px}
.home-page .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-page .featured-project{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,36vw,590px);padding:clamp(20px,3vw,44px);border:0;background:#090909;overflow:hidden;isolation:isolate}
.home-page .featured-project:first-child{grid-column:1/-1;min-height:clamp(490px,58vw,780px)}
.home-page .featured-media{position:absolute;inset:0;z-index:-2}
.home-page .featured-media img,.home-page .featured-project:last-child .featured-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.home-page .featured-project::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000d 0%,#0005 30%,transparent 70%);pointer-events:none}
.home-page .featured-project:hover img,.home-page .featured-project:focus-visible img{transform:scale(1.045)}
.home-page .featured-project-top{margin:0 0 10px;color:#f3f2eec7}
.home-page .featured-project-top .eyebrow{font-size:.75rem}
.home-page .featured-project h3{font-size:clamp(2.5rem,5vw,5.5rem);font-weight:600;letter-spacing:-.055em;line-height:1}
.home-page .featured-project:not(:first-child) h3{font-size:clamp(2.5rem,3.8vw,4.25rem)}

.home-page .studio-focus{z-index:3;min-height:430px;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:5vw;padding-top:80px;padding-bottom:105px;background:#dedbd3;color:#1a1a1a;border:0}
.home-page .studio-focus>.eyebrow{color:#57534f;align-self:start;padding-top:11px}
.home-page .studio-focus>div{display:block}
.home-page .studio-focus h2{font-size:clamp(4rem,7vw,8.5rem);font-weight:600;line-height:.97;letter-spacing:-.06em;margin:0}
.home-page .studio-focus .text-link{margin-top:25px;border-color:#1a1a1a;font-size:1rem}
.home-page .studio-focus .text-link:hover{color:#1a1a1a}

.home-page .collection-feature{z-index:4;display:block;min-height:clamp(650px,78svh,850px);padding:0;border:0;background:#080808;isolation:isolate}
.home-page .collection-feature-media{position:absolute;inset:0;z-index:-2}
.home-page .collection-feature-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.home-page .collection-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000b 0%,#0002 65%),linear-gradient(0deg,#0009,transparent 65%)}
.home-page .collection-feature-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(50px,8vh,100px)}
.home-page .collection-feature-copy .eyebrow{color:#f3f2eebc;margin-bottom:22px}
.home-page .collection-feature-copy h2{font-size:clamp(4.2rem,8vw,9rem);font-weight:600;line-height:.94;letter-spacing:-.065em}
.home-page .collection-feature-copy>p:not(.eyebrow){color:#f3f2eed9;margin-top:22px}
.home-page .collection-feature-copy .text-link{margin-top:20px;border-color:#ffffffab}
.home-page .contact-band{position:relative;z-index:5;margin:-30px 0 0;padding:74px var(--gutter) 80px;border:0;border-radius:30px 30px 0 0;background:#121212}

@media(max-width:700px){
  .home-page .nav{padding-top:18px;padding-bottom:18px}
  .home-page .home-hero{min-height:580px;max-height:none}
  .home-page .home-hero .showcase-media{background-position:center;background-size:cover}
  .home-page .home-hero .showcase-media .studio-reel{position:absolute;top:20%;height:38%;aspect-ratio:auto;object-fit:cover;object-position:28% center;border-top:1px solid #ffffff52;border-bottom:1px solid #ffffff52;box-shadow:0 18px 75px #000c}
  .home-hero-shade{background:linear-gradient(0deg,#000e 0%,#0008 36%,#0003 72%,#0005 100%)}
  .home-hero-content{bottom:88px}
  .home-hero-content .eyebrow{font-size:.6875rem;margin-bottom:18px}
  .home-hero-content h1{font-size:clamp(3.4rem,12.4vw,5.5rem);line-height:.99}
  .home-hero-actions{gap:20px;flex-wrap:wrap;margin-top:24px}
  .home-hero-actions .text-link{font-size:.9375rem}
  .home-scroll{font-size:.8125rem}
  .home-page .home-hero .studio-reel-toggle{left:var(--gutter);right:auto;bottom:18px;padding:7px 12px}
  .home-page .home-layer{margin-top:-20px;border-radius:20px 20px 0 0}
  .home-page .featured-work{padding:59px var(--gutter) 76px}
  .home-page .featured-heading{display:block;margin-bottom:28px}
  .home-page .featured-heading h2{font-size:clamp(2.8rem,10vw,4.3rem)}
  .home-page .featured-heading .text-link{margin-top:15px}
  .home-page .featured-grid{grid-template-columns:1fr;gap:14px}
  .home-page .featured-project,.home-page .featured-project:first-child{grid-column:auto;min-height:clamp(420px,68svh,620px);padding:24px}
  .home-page .featured-project h3,.home-page .featured-project:not(:first-child) h3{font-size:clamp(2.65rem,10vw,4.4rem)}
  .home-page .studio-focus{grid-template-columns:1fr;gap:24px;min-height:390px;padding-top:67px;padding-bottom:80px}
  .home-page .studio-focus>.eyebrow{padding:0}
  .home-page .studio-focus h2{font-size:clamp(3.6rem,13vw,5.5rem)}
  .home-page .collection-feature{min-height:80svh}
  .home-page .collection-feature-media img{object-position:54% center}
  .home-page .collection-feature-copy{bottom:68px}
  .home-page .collection-feature-copy h2{font-size:clamp(3.8rem,12vw,5.8rem)}
  .home-page .contact-band{margin-top:-20px;padding-top:60px;border-radius:20px 20px 0 0}
}
@media(max-width:370px){.home-hero-content h1{font-size:12vw}.home-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.home-page .featured-media img{transition:none}}

/* Full-bleed reel and a sequence of overlapping editorial panels. */
.home-page .home-hero{position:sticky;top:0;min-height:0;max-height:none;height:100svh}
.home-page .home-hero .showcase-media,.home-page .home-hero .showcase-media .studio-reel{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;box-shadow:none;object-fit:cover;object-position:center}
.home-hero-shade{background:linear-gradient(180deg,#0007 0%,transparent 22%,transparent 65%,#0008 100%)}
.home-hero-content{left:var(--gutter);right:var(--gutter);bottom:clamp(30px,5vw,64px);display:flex;align-items:end;justify-content:space-between;gap:24px}
.home-hero-content .eyebrow{margin:0;font-size:.8125rem;letter-spacing:.14em}
.home-hero-content .home-scroll{color:#fff;text-shadow:0 1px 10px #000}
.home-page .home-hero .studio-reel-toggle{right:var(--gutter);bottom:clamp(88px,9vw,135px)}

.home-page .home-layer{overflow:visible;box-shadow:0 -18px 55px #0002}
.home-page .home-manifesto{position:sticky;top:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;margin-top:0;padding:clamp(105px,10vw,155px) var(--gutter) clamp(48px,5vw,76px);border-radius:24px 24px 0 0;background:#f1f0eb;color:#121212}
.home-manifesto>.eyebrow{color:#5a5955;font-weight:600}
.home-manifesto h1{font-size:clamp(4.5rem,9.3vw,10rem);font-weight:700;line-height:.93;letter-spacing:-.075em;max-width:1200px;margin:35px 0}
.manifesto-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:23px;border-top:1px solid #12121245}
.manifesto-foot p{font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:600;max-width:420px;line-height:1.25}
.manifesto-foot .text-link{flex-shrink:0;border-color:#121212;font-size:.9375rem}
.manifesto-foot .text-link:hover{color:#121212}

.home-page .featured-work{z-index:2;margin-top:-24px;padding-top:75px;padding-bottom:85px;border-radius:24px 24px 0 0;background:#fff;color:#121212}
.home-page .featured-heading{align-items:end;margin-bottom:30px}
.home-page .featured-heading .eyebrow{color:#5d5d5d}
.home-page .featured-heading h2{font-size:clamp(2.75rem,4.5vw,5rem);line-height:1}
.home-page .featured-heading .text-link{border-color:#121212;color:#121212}
.home-page .featured-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:repeat(2,minmax(0,1fr));height:min(78vw,1020px);min-height:720px;gap:18px}
.home-page .featured-grid .featured-project{grid-column:2;min-height:0;border-radius:8px;color:#fff}
.home-page .featured-grid .featured-project:first-child{grid-column:1;grid-row:1/3;min-height:0}
.home-page .featured-grid .featured-project:nth-child(2){grid-row:1}
.home-page .featured-grid .featured-project:nth-child(3){grid-row:2}
.home-page .featured-project-top .eyebrow{color:#f3f2eecb}
.home-page .featured-project h3{font-size:clamp(2.4rem,4vw,5rem)}
.home-page .featured-grid .featured-project:not(:first-child) h3{font-size:clamp(2rem,3vw,3.8rem)}

.home-page .studio-focus{z-index:3;margin-top:-24px;border-radius:24px 24px 0 0}
.home-page .collection-feature{z-index:4;margin-top:-24px;border-radius:24px 24px 0 0;overflow:hidden}
.home-page .contact-band{z-index:5;margin-top:-24px;border-radius:24px 24px 0 0}

@media(max-width:700px){
  .home-page .home-hero{height:100svh;min-height:0;max-height:none}
  .home-page .home-hero .showcase-media{background-position:27% center}
  .home-page .home-hero .showcase-media .studio-reel{top:0;height:100%;object-fit:cover;object-position:27% center;border:0;box-shadow:none}
  .home-hero-shade{background:linear-gradient(180deg,#000a 0%,transparent 25%,transparent 68%,#000a 100%)}
  .home-hero-content{bottom:27px;align-items:end}
  .home-hero-content .eyebrow{font-size:.6875rem;max-width:140px}
  .home-hero-content .home-scroll{font-size:.75rem;gap:9px}
  .home-page .home-hero .studio-reel-toggle{left:auto;right:var(--gutter);bottom:86px}
  .home-page .home-manifesto{min-height:100svh;margin-top:0;padding:105px var(--gutter) 42px;border-radius:18px 18px 0 0}
  .home-manifesto h1{font-size:clamp(3.55rem,12vw,6rem);line-height:.96;margin:30px 0}
  .manifesto-foot{display:block}
  .manifesto-foot p{font-size:1.1rem;max-width:26ch}
  .manifesto-foot .text-link{margin-top:20px}
  .home-page .featured-work{margin-top:-18px;padding:70px var(--gutter) 0;border-radius:18px 18px 0 0}
  .home-page .featured-heading{margin-bottom:26px}
  .home-page .featured-heading h2{font-size:clamp(2.6rem,9vw,4rem)}
  .home-page .featured-grid{display:block;height:auto;min-height:0;margin:0 calc(-1 * var(--gutter))}
  .home-page .featured-grid .featured-project,.home-page .featured-grid .featured-project:first-child{position:sticky;top:0;min-height:0;height:100svh;margin:0;padding:32px var(--gutter) 55px;border-radius:18px 18px 0 0}
  .home-page .featured-grid .featured-project:nth-child(1){z-index:1}
  .home-page .featured-grid .featured-project:nth-child(2){z-index:2;margin-top:-18px}
  .home-page .featured-grid .featured-project:nth-child(3){z-index:3;margin-top:-18px}
  .home-page .featured-grid .featured-project h3,.home-page .featured-grid .featured-project:not(:first-child) h3{font-size:clamp(3rem,11vw,5rem)}
  .home-page .studio-focus,.home-page .collection-feature,.home-page .contact-band{margin-top:-18px;border-radius:18px 18px 0 0}
}
@media(max-width:370px){
  .home-manifesto h1{font-size:11.5vw}
  .home-hero-content .home-scroll{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){
  .home-page .home-hero,.home-page .home-manifesto,.home-page .featured-grid .featured-project{position:relative;top:auto}
}

/* Refine the layered home page at desktop and narrow phone widths. */
.home-page .home-layer{box-shadow:0 -7px 22px rgba(0,0,0,.09)}
.home-page .home-manifesto,
.home-page .featured-work,
.home-page .studio-focus,
.home-page .collection-feature,
.home-page .contact-band{border-radius:16px 16px 0 0}
.home-page .featured-work,
.home-page .studio-focus,
.home-page .collection-feature,
.home-page .contact-band{margin-top:-16px}
.home-page .featured-grid{height:min(70vw,900px);min-height:680px}
.home-page .featured-media picture,
.home-page .collection-feature-media picture{display:block;width:100%;height:100%}
.home-page .featured-media picture img,
.home-page .collection-feature-media picture img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:700px){
  .home-page .home-manifesto,
  .home-page .featured-work,
  .home-page .studio-focus,
  .home-page .collection-feature,
  .home-page .contact-band{border-radius:14px 14px 0 0}
  .home-page .featured-work,
  .home-page .studio-focus,
  .home-page .collection-feature,
  .home-page .contact-band{margin-top:-14px}
  .home-page .featured-grid{height:auto;min-height:0}
  .home-page .featured-grid .featured-project,
  .home-page .featured-grid .featured-project:first-child{height:clamp(540px,82svh,760px);border-radius:14px 14px 0 0}
  .home-page .featured-grid .featured-project:nth-child(n+2){margin-top:-14px}
  .home-page .featured-grid .featured-project:nth-child(2) .featured-media img{object-position:50% center}
  .home-page .featured-grid .featured-project:nth-child(3) .featured-media img{object-position:51% center}
  .home-page .collection-feature-media img{object-position:center 43%}
}

/* Image-led interior pages and a sharper, centred mobile reel. */
body{overflow-x:clip}

/* The secondary pages share the home page's large imagery and layered rhythm. */
.work-page .nav,.about-page .nav,.store-page .nav,.contact-page .nav{
  position:absolute;z-index:40;top:0;left:50%;width:100%;max-width:1680px;
  transform:translateX(-50%);border:0;background:linear-gradient(180deg,#080808b8,transparent)
}
.work-page .nav nav a,.about-page .nav nav a,.store-page .nav nav a,.contact-page .nav nav a{color:#fff}

.work-page .page-heading{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:min(92svh,1000px);padding:150px var(--gutter) clamp(54px,7vw,100px);
  overflow:hidden;background:#09090b;color:#fff
}
.work-page .page-heading::before,.work-page .page-heading::after,
.about-page .about-opening::before,.about-page .about-opening::after,
.store-page .collection-heading::before,.store-page .collection-heading::after,
.contact-page .contact-heading::before,.contact-page .contact-heading::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none
}
.work-page .page-heading::before{background:url('/assets/hadise-hero-superman.jpg') center 45%/cover no-repeat}
.work-page .page-heading::after{background:linear-gradient(180deg,#0007 0%,transparent 35%,#000d 100%)}
.work-page .page-heading>.eyebrow{color:#fff;margin-bottom:18px}
.work-page .page-heading h1{max-width:1200px;font-size:clamp(5rem,10vw,11rem);font-weight:700;line-height:.92;letter-spacing:-.07em}
.work-page .page-heading em{color:#f4f0e8}
.work-page .work-intro{margin-top:24px;color:#f4f0e8;font-size:clamp(1rem,1.6vw,1.35rem)}
.work-page .work-index{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;height:min(75vw,980px);min-height:690px;
  margin-top:-16px;padding:62px var(--gutter) 80px;border-radius:16px 16px 0 0;background:#f3f1eb
}
.work-page .work-index .project-card{
  position:relative;display:block;height:100%;min-height:0;max-width:none;margin:0;padding:0;
  border:0;border-radius:8px;overflow:hidden;isolation:isolate;background:#111;color:#fff
}
.work-page .work-index .project-card:first-child{grid-row:1/3}
.work-page .work-index .project-card+ .project-card{margin-top:0}
.work-page .project-card>div:first-child{position:absolute;inset:0;z-index:-2;overflow:hidden}
.work-page .project-card>div:first-child img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transition:transform .6s ease}
.work-page .project-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e,transparent 60%);pointer-events:none}
.work-page .project-card:hover img,.work-page .project-card:focus-visible img{transform:scale(1.035)}
.work-page .project-card-title{position:absolute;left:clamp(24px,3vw,46px);right:clamp(24px,3vw,46px);bottom:clamp(25px,3vw,43px);display:flex;align-items:end}
.work-page .project-card-title h2{font-size:clamp(2.8rem,4.4vw,5.8rem);font-weight:600;line-height:1;letter-spacing:-.06em}
.work-page .project-card>p{position:absolute;left:clamp(24px,3vw,46px);top:clamp(24px,3vw,46px);max-width:30ch;color:#fff;font-size:.75rem;letter-spacing:.09em}
.work-page .contact-band,.about-page .contact-band,.store-page .collection-contact{margin:0;padding:72px var(--gutter);background:#151515;border:0;color:#fff}

.about-page .about-opening{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;
  min-height:min(92svh,970px);padding:150px var(--gutter) clamp(55px,7vw,100px);background:#080808;color:#fff
}
.about-page .about-opening::before{background:url('/assets/emre-stage.jpg') center 47%/cover no-repeat}
.about-page .about-opening::after{background:linear-gradient(180deg,#0009 0%,#0002 35%,#000e 100%)}
.about-page .about-opening>.eyebrow{color:#fff}
.about-page .about-opening>div{display:block;max-width:1200px}
.about-page .about-opening h1{font-size:clamp(4.6rem,9vw,10rem);font-weight:700;letter-spacing:-.065em;line-height:.95}
.about-page .about-opening>div>p{max-width:52ch;padding:0;margin-top:28px;color:#eee;font-size:clamp(1rem,1.55vw,1.3rem);line-height:1.5}
.about-page .about-cover{position:relative;z-index:2;margin:-16px 0 0;padding:16px var(--gutter) 28px;border-radius:16px 16px 0 0;background:#f2f0eb;color:#121212}
.about-page .about-cover img{height:min(67svh,740px);aspect-ratio:auto;object-fit:cover}
.about-page .about-cover figcaption{color:#555;border-color:#2225}
.about-page .about-belief{background:#f2f0eb;color:#121212}
.about-page .about-belief .eyebrow,.about-page .about-belief p{color:#555}
.about-page .about-practice{background:#fff;color:#121212}
.about-page .about-practice .eyebrow,.about-page .about-practice p,.about-page .about-practice article span{color:#555}
.about-page .about-practice article{border-color:#1114}
.about-page .about-proof{background:#141414;color:#fff}

.store-page .collection-banner-hero{display:block;padding:0;background:#080808}
.store-page .collection-banner-hero>.collection-heading{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.5fr);
  align-items:end;gap:5vw;min-height:min(90svh,980px);margin:0;padding:150px var(--gutter) clamp(52px,6vw,90px);color:#fff
}
.store-page .collection-heading::before{background:url('/assets/pulse-home-cover-1440.webp') center/cover no-repeat}
.store-page .collection-heading::after{background:linear-gradient(180deg,#0008,transparent 35%,#000d 100%)}
.store-page .collection-banner-hero h1{font-size:clamp(5rem,9vw,10rem);font-weight:700;letter-spacing:-.075em;line-height:.91;margin:18px 0 0}
.store-page .collection-banner-hero h1 span{color:#fff}
.store-page .collection-banner-hero .collection-summary{padding:0}
.store-page .collection-summary p:not(.collection-lead),.store-page .collection-summary .release-status{color:#eee}
.store-page .collection-summary .text-link{color:#fff;border-color:#fffa}
.store-page .collection-banner-hero>figure{display:block;margin:0;padding:0 0 30px;background:#0b0b0b}
.store-page .banner-media,.store-page .banner-media video{display:block;width:100%;height:auto;aspect-ratio:1280/440;object-fit:cover}
.store-page .collection-banner-hero figcaption{margin:0 var(--gutter);color:#d8d8d8}
.store-page .collection-teaser{position:relative;z-index:2;margin-top:-16px;border-radius:16px 16px 0 0;background:#f3f1eb;color:#121212}
.store-page .collection-teaser p,.store-page .collection-teaser figcaption{color:#555}
.store-page .collection-gallery{background:#fff;color:#121212}
.store-page .collection-gallery .eyebrow,.store-page .collection-gallery p,.store-page .collection-gallery figcaption{color:#555}
.store-page .portrait-section{background:#151515}

.contact-page .contact-heading{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:min(95svh,1020px);padding:150px var(--gutter) clamp(55px,7vw,100px);background:#090909;color:#fff
}
.contact-page .contact-heading::before{background:url('/assets/pulse-home-cover-1440.webp') center/cover no-repeat}
.contact-page .contact-heading::after{background:linear-gradient(180deg,#0008 0%,#0005 35%,#000e 100%)}
.contact-page .contact-heading>.eyebrow{color:#fff}
.contact-page .contact-heading h1{font-size:clamp(4.2rem,9vw,9.5rem);font-weight:700;line-height:.94;letter-spacing:-.07em}
.contact-page .contact-heading em{color:#fff}
.contact-page .contact-actions .contact-email{color:#fff;border-color:#fff9}
.contact-page .contact-info{position:relative;z-index:2;margin-top:-16px;padding-top:75px;border:0;border-radius:16px 16px 0 0;background:#f2f0eb;color:#121212}
.contact-page .contact-info .eyebrow,.contact-page .contact-info .contact-product{color:#555}
.contact-page .contact-info .text-link{color:#121212;border-color:#121212}

.project-page .project-hero{padding:0}
.project-page .hero-prelude{padding:18px var(--gutter);margin:0}
.project-page .hero-frame>img{display:block;width:100%;height:min(78svh,820px);max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center}
.project-page .hero-caption{left:var(--gutter);right:var(--gutter);bottom:clamp(32px,5vw,70px)}
.project-page .hero-caption h1{font-size:clamp(4.5rem,8vw,9rem);font-weight:700;letter-spacing:-.065em}
.project-page .hero-baseline{padding:22px var(--gutter)}
.project-page .project-intro{position:relative;z-index:2;margin-top:-16px;border-radius:16px 16px 0 0;background:#f1f0eb;color:#121212}
.project-page .project-intro h2{font-size:clamp(3rem,5.3vw,6rem);font-weight:650;letter-spacing:-.055em}
.project-page .project-intro p,.project-page .project-intro dt{color:#555}
.project-page .project-facts{border-color:#1114}
.project-page .film-section{padding-top:20px;background:#f1f0eb;color:#121212}
.project-page .film-section .small-section-title{border-color:#1114}
.project-page .film-section .small-section-title span,.project-page .film-section .film-caption{color:#555}

@media(max-width:700px){
  .home-page .home-hero .showcase-media{overflow:hidden;background:#050507}
  .home-page .home-hero .showcase-media::before{content:"";position:absolute;inset:-36px;background:url('/assets/studio-reel-poster.jpg') center/cover no-repeat;filter:blur(23px) brightness(.34)}
  .home-page .home-hero .showcase-media .studio-reel{
    position:absolute;inset:auto 0 auto;top:48%;display:block;width:100%;height:min(59svh,520px);
    max-height:none;transform:translateY(-50%);object-fit:cover;object-position:50% 50%;
    border-top:1px solid #ffffff42;border-bottom:1px solid #ffffff42
  }
  .home-page .home-hero .showcase-media{background-position:center}
  .home-page .featured-grid .featured-project,.home-page .featured-grid .featured-project:first-child{height:clamp(470px,68svh,640px)}
  .home-page .featured-grid .featured-project:nth-child(2) .featured-media img,
  .home-page .featured-grid .featured-project:nth-child(3) .featured-media img{object-position:center}

  .work-page .page-heading,.about-page .about-opening,.contact-page .contact-heading{min-height:85svh;padding:108px var(--gutter) 46px}
  .work-page .page-heading h1,.about-page .about-opening h1,.contact-page .contact-heading h1{font-size:clamp(3.7rem,13vw,6.7rem);line-height:.96}
  .work-page .page-heading::before{background-position:53% center}
  .work-page .work-index{display:block;height:auto;min-height:0;padding:0;border-radius:14px 14px 0 0;background:#f3f1eb}
  .work-page .work-index .project-card{position:sticky;top:0;width:100%;height:clamp(480px,69svh,650px);border-radius:14px 14px 0 0}
  .work-page .work-index .project-card+ .project-card{margin-top:-14px}
  .work-page .project-card:nth-child(1){z-index:1}.work-page .project-card:nth-child(2){z-index:2}.work-page .project-card:nth-child(3){z-index:3}
  .work-page .project-card-title{left:var(--gutter);right:var(--gutter);bottom:38px}
  .work-page .project-card-title h2{font-size:clamp(3rem,11vw,5rem)}
  .work-page .project-card>p{left:var(--gutter);top:35px;max-width:28ch}
  .work-page .project-card>div:first-child img{object-position:center}
  .about-page .about-opening>div>p{font-size:1rem;max-width:33ch}
  .about-page .about-cover{margin-top:-14px;padding:14px 0 24px;border-radius:14px 14px 0 0}
  .about-page .about-cover img{height:54svh;aspect-ratio:auto}
  .about-page .about-cover figcaption{margin:0 var(--gutter)}
  .about-page .about-belief,.about-page .about-practice{padding-top:58px;padding-bottom:64px}
  .about-page .about-proof{padding-top:58px}
  .store-page .collection-banner-hero>.collection-heading{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:20px;min-height:88svh;padding:110px var(--gutter) 38px}
  .store-page .collection-heading::before{background-image:url('/assets/pulse-portrait-24.jpg');background-position:center}
  .store-page .collection-heading::after{background:linear-gradient(180deg,#0009 0%,#0005 30%,#000d 100%)}
  .store-page .collection-banner-hero h1{font-size:clamp(3.8rem,14vw,6.6rem);margin:0}
  .store-page .collection-banner-hero .collection-summary{max-width:34ch}
  .store-page .collection-summary .collection-lead{font-size:1.3rem;margin-bottom:4px}
  .store-page .collection-summary p:not(.collection-lead){font-size:.875rem;line-height:1.45}
  .store-page .collection-tags{display:none}
  .store-page .release-status{margin-top:10px}
  .store-page .release-status>span:last-child{display:none}
  .store-page .release-inquiry{margin-top:4px}
  .store-page .banner-media,.store-page .banner-media video{height:210px;aspect-ratio:auto;object-fit:cover}
  .store-page .collection-banner-hero>figure{padding-bottom:22px}
  .store-page .collection-teaser{margin-top:-14px;border-radius:14px 14px 0 0}
  .contact-page .contact-heading::before{background-image:url('/assets/pulse-portrait-24.jpg')}
  .contact-page .contact-actions .contact-email{font-size:clamp(1.15rem,5.3vw,1.7rem);margin-top:36px}
  .contact-page .contact-info{margin-top:-14px;padding-top:55px;border-radius:14px 14px 0 0}
  .project-page .hero-prelude{padding:16px var(--gutter)}
  .project-page .hero-frame>img{height:clamp(500px,66svh,660px);aspect-ratio:auto;object-position:center}
  .project-page .hero-caption{left:var(--gutter);right:var(--gutter);bottom:34px}
  .project-page .hero-caption h1{font-size:clamp(3.5rem,12vw,5.8rem)}
  .project-page .hero-baseline{padding:18px var(--gutter)}
  .project-page .project-intro{margin-top:-14px;border-radius:14px 14px 0 0;padding-top:55px}
  .project-page .project-intro h2{font-size:clamp(2.8rem,9.5vw,4.4rem)}
}

@media(max-width:370px){
  .work-page .page-heading h1,.about-page .about-opening h1,.contact-page .contact-heading h1{font-size:12vw}
  .store-page .collection-banner-hero h1{font-size:13vw}
}
@media(prefers-reduced-motion:reduce){
  .work-page .project-card{position:relative!important;top:auto!important}
  .work-page .project-card img{transition:none}
}

/* Artixel 018: one editorial grid, two surfaces, and the work as the centrepiece. */
:root {
  --ink: #11100f;
  --panel: #1b1918;
  --white: #f4f1eb;
  --paper: #f4f1eb;
  --muted: #aba69e;
  --red: #e4684c;
  --rule: #f4f1eb38;
  --gutter: clamp(22px, 4vw, 72px);
  --space: clamp(72px, 9vw, 144px);
}
html { scroll-padding-top: 30px; }
body { overflow-x: clip; background: var(--ink); color: var(--paper); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
main, footer { max-width: 1920px; }
h1, h2, h3 { letter-spacing: -.065em; font-weight: 650; }
h1 em, h2 em { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; }
.eyebrow { font-size: clamp(.65rem, .75vw, .76rem); letter-spacing: .17em; font-weight: 700; line-height: 1.45; }
.section { padding: var(--space) var(--gutter); }
.text-link { min-height: 44px; border-bottom: 1px solid currentColor; font-weight: 700; gap: 22px; }
.text-link:hover { color: var(--red)!important; border-color: var(--red)!important; }
.button { border-radius: 0; font-weight: 700; letter-spacing: .02em; }
img { background: #181617; }
figure img { width: 100%; }
figcaption { font-size: .73rem; letter-spacing: .04em; }

/* Every route uses the same navigation and footer frame. */
body .nav, .home-page .nav, .work-page .nav, .about-page .nav, .store-page .nav, .contact-page .nav, .project-page .nav {
  position: absolute; z-index: 50; inset: 0 0 auto; width: 100%; max-width: 1920px; height: 100px;
  padding: 22px var(--gutter); margin: auto; transform: none; display: flex; align-items: center;
  border: 0; background: linear-gradient(180deg, #090807d9, #09080700); color: var(--paper);
}
.nav .brand img { width: clamp(142px, 12vw, 190px); height: auto; }
.nav nav .nav-links { gap: clamp(22px, 2.1vw, 38px); }
body .nav nav a { color: var(--paper)!important; font-size: .78rem; letter-spacing: .06em; font-weight: 700; text-transform: uppercase; }
body .nav nav a:hover { color: var(--red)!important; }
.nav nav a[aria-current=page]:after { bottom: 1px; height: 1px; background: var(--red); }
.nav-toggle { background: #11100fbd; border-color: #f4f1eb80; }
footer { padding: clamp(72px, 8vw, 130px) var(--gutter) 28px; background: #0c0b0b; border-top: 1px solid #f4f1eb30; }
footer .footer-main { display: grid; grid-template-columns: 1.25fr 1fr auto; align-items: end; gap: 36px; padding-bottom: 72px; }
footer .footer-main .brand img { width: min(31vw, 400px); height: auto; }
footer .footer-main p { font-size: clamp(1.15rem, 2vw, 2rem); line-height: 1.2; color: var(--paper); max-width: 16ch; }
footer .footer-main>a:last-child { border-bottom: 1px solid #f4f1eb6e; padding-bottom: 5px; }
footer .footer-bottom { border-top: 1px solid #f4f1eb40; padding-top: 22px; font-size: .76rem; letter-spacing: .04em; }

/* A truly full-frame opening, with restrained controls. */
.home-page .home-hero { position: sticky; top: 0; width: 100%; height: 100svh; min-height: 560px; max-height: none; padding: 0; overflow: hidden; border: 0; background: #080707; }
.home-page .home-hero .showcase-media { position: absolute; inset: 0; overflow: hidden; background: #080707 url('/assets/studio-reel-poster.jpg') center/cover no-repeat; }
.home-page .home-hero .showcase-media::before { display: none; }
.home-page .home-hero .showcase-media .studio-reel { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; transform: none; object-fit: cover; object-position: center; border: 0; box-shadow: none; }
.home-hero-shade { background: linear-gradient(180deg, #0007 0%, #0000 26%, #0000 58%, #0009 100%); }
.home-hero-content { left: var(--gutter); right: var(--gutter); bottom: clamp(30px, 5vw, 72px); align-items: end; }
.home-hero-content .eyebrow { font-size: .7rem; letter-spacing: .18em; }
.home-page .home-hero .studio-reel-toggle { right: var(--gutter); bottom: clamp(90px, 9vw, 140px); padding: 8px 13px; background: #1119; border: 1px solid #fff8; backdrop-filter: blur(8px); font-size: .74rem; }

/* The paper introduction settles over the reel; the gallery then takes over. */
.home-page .home-layer { box-shadow: none; border-radius: 0; overflow: visible; }
.home-page .home-manifesto { position: relative; z-index: 2; min-height: min(68svh, 720px); margin: 0; padding: clamp(80px, 8vw, 125px) var(--gutter) 40px; background: var(--paper); color: var(--ink); }
.home-manifesto h1 { max-width: 12ch; margin: 30px 0 48px; font-size: clamp(4.1rem, 9.5vw, 10.5rem); line-height: .88; font-weight: 700; letter-spacing: -.085em; }
.manifesto-foot { border-top: 1px solid #11100f5c; padding-top: 22px; }
.manifesto-foot p { font-size: clamp(1.05rem, 1.7vw, 1.65rem); line-height: 1.3; max-width: 28ch; }
.manifesto-foot .text-link { color: var(--ink); }
.home-page .featured-work { position: relative; z-index: 3; margin: 0; padding: clamp(75px, 8vw, 125px) var(--gutter) var(--space); background: var(--paper); color: var(--ink); }
.home-page .featured-heading { align-items: end; border-top: 1px solid #11100f6b; padding-top: 22px; margin-bottom: clamp(34px, 4vw, 64px); }
.home-page .featured-heading .eyebrow { color: #5c5852; }
.home-page .featured-heading h2 { font-size: clamp(3rem, 5.5vw, 6.5rem); line-height: .96; font-weight: 700; letter-spacing: -.07em; }
.home-page .featured-heading .text-link { color: var(--ink); }
.home-page .featured-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; gap: clamp(42px, 5vw, 82px) clamp(14px, 2vw, 30px); height: auto; min-height: 0; }
.home-page .featured-grid .featured-project, .home-page .featured-grid .featured-project:first-child {
  position: relative; display: block; grid-column: auto; grid-row: auto; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; overflow: visible; isolation: auto; background: transparent; color: var(--ink);
}
.home-page .featured-grid .featured-project:first-child { grid-column: 1 / -1; }
.home-page .featured-media { position: relative; inset: auto; z-index: auto; display: block; width: 100%; overflow: hidden; background: #151414; }
.home-page .featured-media img, .home-page .featured-grid .featured-project:last-child .featured-media img {
  display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .7s cubic-bezier(.22,1,.36,1);
}
.home-page .featured-grid .featured-project:first-child .featured-media img { aspect-ratio: 16 / 7.7; }
.home-page .featured-project::after { display: none; }
.home-page .featured-project-top { margin: 16px 0 7px; color: #5c5852; border-top: 1px solid #11100f75; padding-top: 12px; }
.home-page .featured-project-top .eyebrow { color: #5c5852; font-size: .69rem; }
.home-page .featured-project-top>span:last-child { color: var(--ink); }
.home-page .featured-project h3, .home-page .featured-grid .featured-project:not(:first-child) h3 { margin: 0; font-size: clamp(2.4rem, 4vw, 5.2rem); line-height: 1; font-weight: 700; }
.home-page .featured-grid .featured-project:not(:first-child) h3 { font-size: clamp(2.2rem, 3.3vw, 4rem); }
.home-page .featured-project:hover img, .home-page .featured-project:focus-visible img { transform: scale(1.025); }
.home-page .studio-focus { position: relative; z-index: 4; margin: 0; min-height: clamp(420px, 62svh, 700px); padding: var(--space) var(--gutter); display: grid; grid-template-columns: .75fr 2fr; align-items: start; background: #171514; color: var(--paper); }
.home-page .studio-focus>.eyebrow { color: var(--muted); }
.home-page .studio-focus h2 { margin: 0 0 30px; font-size: clamp(3.8rem, 7vw, 8.3rem); line-height: .92; letter-spacing: -.075em; }
.home-page .studio-focus .text-link { color: var(--paper); }
.home-page .collection-feature { position: relative; z-index: 5; min-height: min(90svh, 950px); margin: 0; padding: 0; overflow: hidden; background: #100d16; }
.home-page .collection-feature-media { position: absolute; inset: 0; z-index: -2; }
.home-page .collection-feature-media img { width: 100%; height: 100%; object-fit: cover; }
.home-page .collection-feature::before { z-index: -1; background: linear-gradient(90deg, #07040bc2 0%, #07040b26 65%), linear-gradient(0deg, #07040baf, transparent 65%); }
.home-page .collection-feature-copy { bottom: clamp(65px, 8vw, 110px); }
.home-page .collection-feature-copy h2 { font-size: clamp(4.1rem, 8vw, 9rem); line-height: .9; }
.home-page .contact-band { margin: 0; }

/* Work index: immediate images, never sticky cards. */
.work-page .page-heading { min-height: clamp(390px, 48svh, 590px); justify-content: flex-end; padding: 140px var(--gutter) 55px; background: #171514; }
.work-page .page-heading::before, .work-page .page-heading::after { display: none; }
.work-page .page-heading h1 { font-size: clamp(4rem, 8.2vw, 9rem); line-height: .9; max-width: none; }
.work-page .work-intro { margin-top: 26px; max-width: 36ch; color: #ccc5ba; }
.work-page .work-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; gap: 52px clamp(14px, 2vw, 30px); height: auto; min-height: 0; margin: 0; padding: clamp(38px, 5vw, 75px) var(--gutter) var(--space); border: 0; border-radius: 0; background: var(--paper); }
.work-page .work-index .project-card { position: relative; top: auto; display: flex; flex-direction: column; width: auto; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; overflow: visible; isolation: auto; background: transparent; color: var(--ink); }
.work-page .work-index .project-card:first-child { grid-column: 1 / -1; grid-row: auto; }
.work-page .work-index .project-card+.project-card { margin: 0; }
.work-page .project-card>div:first-child { position: relative; inset: auto; z-index: auto; overflow: hidden; background: #171514; }
.work-page .project-card>div:first-child img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.work-page .project-card:first-child>div:first-child img { aspect-ratio: 16 / 7.6; }
.work-page .project-card::after { display: none; }
.work-page .project-card-title { position: relative; inset: auto; display: flex; align-items: end; margin-top: 13px; padding-top: 12px; border-top: 1px solid #11100f70; }
.work-page .project-card-title h2 { font-size: clamp(2.45rem, 4vw, 5rem); font-weight: 700; letter-spacing: -.07em; }
.work-page .project-card>p { position: relative; inset: auto; order: 2; color: #58544f; font-size: .68rem; letter-spacing: .11em; max-width: none; margin-top: 5px; }
.work-page .project-card-title span { color: var(--red); }

/* Inside pages keep image scale, but use the same rhythm and sharp edges. */
.about-page .about-opening, .store-page .collection-banner-hero>.collection-heading, .contact-page .contact-heading { min-height: clamp(600px, 86svh, 980px); padding: 150px var(--gutter) 70px; }
.about-page .about-opening h1, .store-page .collection-banner-hero h1, .contact-page .contact-heading h1 { font-size: clamp(4.1rem, 8.6vw, 9.3rem); line-height: .9; letter-spacing: -.075em; }
.about-page .about-opening>div>p { font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.46; max-width: 47ch; }
.about-page .about-cover, .store-page .collection-teaser, .contact-page .contact-info, .project-page .project-intro { margin: 0; border-radius: 0; }
.about-page .about-cover { padding: clamp(30px, 5vw, 70px) var(--gutter) 0; }
.about-page .about-cover img { height: min(72svh, 820px); object-fit: cover; }
.about-page .about-cover figcaption { display: flex; gap: 20px; justify-content: space-between; padding: 14px 0 24px; }
.about-page .about-belief, .about-page .about-practice { background: var(--paper); }
.about-page .about-belief { border-top: 1px solid #11100f45; }
.about-page .about-practice { padding-top: 30px; }
.about-page .about-belief h2, .about-page .about-practice h2, .about-page .about-proof h2 { font-size: clamp(3rem, 5vw, 6rem); line-height: .96; }
.about-page .about-proof { padding: var(--space) var(--gutter); background: #171514; }
.store-page .collection-banner-hero { background: #171514; }
.store-page .collection-banner-hero>.collection-heading { min-height: clamp(600px, 82svh, 920px); }
.store-page .collection-heading::before { background-position: center; }
.store-page .collection-banner-hero>figure { padding: 0 0 34px; background: #171514; }
.store-page .banner-media, .store-page .banner-media video { aspect-ratio: 21 / 7; }
.store-page .collection-banner-hero figcaption { padding: 12px 0; }
.store-page .collection-teaser { padding-top: var(--space); background: var(--paper); }
.store-page .collection-gallery { background: var(--paper); border-top: 1px solid #11100f25; }
.store-page .collection-delivery { background: var(--paper); color: var(--ink); }
.store-page .catalog-section { background: var(--paper); color: var(--ink); }
.store-page .collection-faq { background: #171514; }
.contact-page .contact-heading { min-height: clamp(620px, 88svh, 990px); }
.contact-page .contact-heading::before { background-image: url('/assets/studio-hero-1440.webp'); background-position: center; }
.contact-page .contact-info { padding: var(--space) var(--gutter); background: var(--paper); }
.contact-page .contact-heading h1 { max-width: 12ch; }
.contact-page .contact-actions .contact-email { font-size: clamp(1.3rem, 2.5vw, 2.6rem); }
.project-page .project-hero { padding: 0; }
.project-page .hero-prelude { display: none; }
.project-page .hero-frame>img { height: min(88svh, 930px); }
.project-page .hero-caption { bottom: clamp(35px, 5vw, 75px); }
.project-page .hero-caption h1 { font-size: clamp(4rem, 8vw, 9rem); }
.project-page .hero-baseline { padding: 22px var(--gutter); background: #171514; }
.project-page .project-intro, .project-page .film-section { background: var(--paper); color: var(--ink); }
.project-page .project-intro { padding-top: var(--space); }
.project-page .film-section { padding-top: 24px; }
.project-page .visual-section, .project-page .additional, .project-page .original-motion, .project-page .cem-world, .project-page .hadise-desktop, .project-page .hadise-sequence { padding-top: var(--space); padding-bottom: var(--space); }
.project-page .section-title h2 { font-size: clamp(3rem, 5vw, 6rem); }
.project-page .small-section-title { margin-bottom: 24px; }
.project-page .film-caption { padding-top: 12px; }
.project-page .related-work { border-top: 1px solid #f4f1eb30; }

.contact-band, .work-page .contact-band, .about-page .contact-band, .store-page .collection-contact { margin: 0; padding: clamp(75px, 9vw, 140px) var(--gutter); border: 0; border-radius: 0; background: #171514; color: var(--paper); }
.contact-band h2, .collection-contact h2 { font-size: clamp(3.5rem, 6.8vw, 8rem); line-height: .94; }
.contact-band .eyebrow { color: var(--muted); }

@media (max-width: 900px) {
  footer .footer-main { grid-template-columns: 1fr 1fr; }
  footer .footer-main>a:last-child { justify-self: start; }
  .home-page .studio-focus { grid-template-columns: 1fr 2fr; }
}
@media (max-width: 700px) {
  :root { --gutter: 22px; --space: 66px; }
  body .nav, .home-page .nav, .work-page .nav, .about-page .nav, .store-page .nav, .contact-page .nav, .project-page .nav { height: 76px; padding: 14px var(--gutter); }
  .nav .brand img { width: 138px; }
  .nav.menu-ready .nav-links { right: 0; top: calc(100% + 3px); width: min(310px, calc(100vw - 44px)); padding: 8px 18px; background: #171514; border: 1px solid #f4f1eb55; }
  .nav.menu-ready .nav-links a { color: var(--paper); }
  .home-page .home-hero { height: 100svh; min-height: 560px; }
  .home-page .home-hero .showcase-media { background-position: center; }
  .home-page .home-hero .showcase-media::before { display: none; }
  .home-page .home-hero .showcase-media .studio-reel { inset: 0; top: 0; width: 100%; height: 100%; min-height: 100%; transform: none; object-fit: cover; object-position: center; border: 0; }
  .home-hero-shade { background: linear-gradient(180deg, #000b, transparent 25%, transparent 55%, #000b); }
  .home-hero-content { bottom: 30px; align-items: end; }
  .home-hero-content .eyebrow { max-width: 12ch; line-height: 1.3; }
  .home-scroll { font-size: .73rem; gap: 8px; }
  .home-page .home-hero .studio-reel-toggle { right: var(--gutter); left: auto; bottom: 90px; padding: 6px 10px; }
  .home-page .home-manifesto { position: relative; min-height: 72svh; padding: 80px var(--gutter) 42px; }
  .home-manifesto h1 { font-size: clamp(3.6rem, 14vw, 5.8rem); max-width: 10ch; margin: 25px 0 38px; }
  .manifesto-foot { display: block; }
  .manifesto-foot p { font-size: 1.1rem; max-width: 25ch; }
  .manifesto-foot .text-link { margin-top: 22px; }
  .home-page .featured-work { padding: 66px var(--gutter) 76px; }
  .home-page .featured-heading { display: block; }
  .home-page .featured-heading h2 { font-size: clamp(2.65rem, 11vw, 4.5rem); }
  .home-page .featured-heading .text-link { margin-top: 18px; }
  .home-page .featured-work .featured-grid { grid-template-columns: 1fr; gap: 46px; width: 100%; margin: 0; }
  .home-page .featured-grid .featured-project:first-child { grid-column: auto; }
  .home-page .featured-grid .featured-project, .home-page .featured-grid .featured-project:first-child, .home-page .featured-grid .featured-project:nth-child(n+2) { height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; }
  .home-page .featured-media img, .home-page .featured-grid .featured-project:last-child .featured-media img, .home-page .featured-grid .featured-project:first-child .featured-media img { aspect-ratio: 4 / 3; object-position: center; }
  .home-page .featured-project h3, .home-page .featured-grid .featured-project:not(:first-child) h3 { font-size: clamp(2.3rem, 10vw, 3.7rem); }
  .home-page .studio-focus { display: block; min-height: 0; padding: 80px var(--gutter) 88px; }
  .home-page .studio-focus h2 { margin-top: 35px; font-size: clamp(3.8rem, 13vw, 5.4rem); }
  .home-page .collection-feature { min-height: 74svh; }
  .home-page .collection-feature-copy { bottom: 60px; }
  .home-page .collection-feature-copy h2 { font-size: clamp(3.8rem, 13vw, 5.7rem); }
  .work-page .page-heading { min-height: 390px; padding: 125px var(--gutter) 53px; }
  .work-page .page-heading h1 { font-size: clamp(3.8rem, 13vw, 5.4rem); }
  .work-page .work-index { display: block; padding: 40px var(--gutter) 75px; }
  .work-page .work-index .project-card { position: relative; top: auto; height: auto; min-height: 0; border: 0; border-radius: 0; }
  .work-page .work-index .project-card+.project-card { margin-top: 44px; }
  .work-page .project-card>div:first-child img, .work-page .project-card:first-child>div:first-child img { aspect-ratio: 4 / 3; }
  .work-page .project-card-title h2 { font-size: clamp(2.35rem, 10vw, 3.7rem); }
  .about-page .about-opening, .store-page .collection-banner-hero>.collection-heading, .contact-page .contact-heading { min-height: 82svh; padding: 112px var(--gutter) 45px; }
  .about-page .about-opening h1, .store-page .collection-banner-hero h1, .contact-page .contact-heading h1 { font-size: clamp(3.65rem, 12.5vw, 5.9rem); }
  .about-page .about-cover { padding: 20px var(--gutter) 0; }
  .about-page .about-cover img { height: min(54svh, 600px); }
  .about-page .about-cover figcaption { margin: 0; font-size: .65rem; }
  .about-page .about-belief, .about-page .about-practice, .about-page .about-proof { padding-top: 66px; padding-bottom: 70px; }
  .store-page .collection-banner-hero>.collection-heading { display: flex; gap: 24px; min-height: 82svh; }
  .store-page .collection-banner-hero h1 { font-size: clamp(3.65rem, 12.5vw, 5.8rem); }
  .store-page .banner-media, .store-page .banner-media video { height: 170px; aspect-ratio: auto; }
  .store-page .collection-teaser { padding-top: 70px; }
  .contact-page .contact-info { padding: 70px var(--gutter); }
  .contact-page .contact-heading::before { background-image: url('/assets/studio-hero-1440.webp'); }
  .project-page .hero-frame>img { height: 82svh; min-height: 600px; }
  .project-page .hero-caption h1 { font-size: clamp(3.6rem, 12vw, 5.5rem); }
  .project-page .project-intro { margin: 0; padding-top: 70px; }
  .contact-band, .work-page .contact-band, .about-page .contact-band, .store-page .collection-contact { padding: 75px var(--gutter); }
  .contact-band h2, .collection-contact h2 { font-size: clamp(3rem, 11vw, 5.2rem); }
  footer { padding: 72px var(--gutter) 25px; }
  footer .footer-main { display: block; padding-bottom: 55px; }
  footer .footer-main .brand img { width: min(76vw, 350px); }
  footer .footer-main p { margin: 28px 0; }
}
@media (max-width: 370px) {
  .home-manifesto h1 { font-size: 13vw; }
  .home-page .featured-heading h2 { font-size: 10vw; }
  .about-page .about-opening h1, .store-page .collection-banner-hero h1, .contact-page .contact-heading h1 { font-size: 12vw; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; }
}

/* 019: edge-to-edge layout and an uncropped desktop reel. */
main, footer { max-width: none; }
body .nav, .home-page .nav, .work-page .nav, .about-page .nav, .store-page .nav, .contact-page .nav, .project-page .nav { max-width: none; }
.catalog-expand::after { content: none; }
@media (min-width: 701px) {
  .home-page .home-hero .showcase-media { background: #080707; }
  .home-page .home-hero .showcase-media::before {
    display: block; content: ""; position: absolute; inset: -48px;
    background: url('/assets/studio-reel-poster.jpg') center/cover no-repeat;
    filter: blur(42px) brightness(.28); transform: scale(1.04);
  }
  .home-page .home-hero .showcase-media .studio-reel { object-fit: contain; }
}

/* 020 — A more specific visual language built around Artixel's own stage work. */

/* The wordmark is transparent; the generic image placeholder had made it a tag. */
header.nav .brand img,
footer .brand img { background: transparent !important; }
header.nav .brand { background: transparent; }

/* Quiet navigation leaves the artwork in control. */
.nav-toggle {
  background: transparent;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  padding: 9px 0 8px;
  box-shadow: none;
}
.nav-toggle:hover { background: transparent; border-color: var(--paper); }
.nav-toggle-icon { font-size: 1rem; }

/* The Work opening is a real contact sheet of live applications. */
.work-page .page-heading {
  min-height: clamp(620px, 76svh, 900px);
  padding-top: 150px;
  padding-bottom: clamp(48px, 6vw, 82px);
  background: #100d0d;
  isolation: isolate;
}
.work-page .page-heading::after {
  display: block;
  z-index: -1;
  background: linear-gradient(180deg, #090706b8 0%, #09070617 35%, #090706d9 100%);
}
.work-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: grid;
  grid-template-columns: 1fr 1fr 1.15fr;
  gap: 4px;
  overflow: hidden;
  background: #0d0a0a;
}
.work-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
  background: transparent;
}
.work-hero-media img:first-child { object-position: 48% center; }
.work-hero-media img:nth-child(2) { object-position: center; }
.work-hero-media img:last-child { object-position: 52% center; }
.work-page .page-heading h1 { max-width: 11ch; text-wrap: balance; }
.work-page .work-intro { max-width: 42ch; color: #f1ebe3; }

/* About opens on original motion, so the stage photographs belong to the case studies. */
.about-page .about-opening::before {
  background-image: url('/assets/studio-motion.jpg');
  background-position: center;
}
.about-page .about-opening::after {
  background: linear-gradient(90deg, #050608bd 0%, #05060849 75%),
              linear-gradient(180deg, #05060869 0%, transparent 35%, #050608e8 100%);
}
.about-page .about-opening h1 {
  max-width: 14ch;
  font-size: clamp(4rem, 7.7vw, 8.5rem);
  text-wrap: balance;
}
.about-page .about-opening>div>p { max-width: 43ch; }

/* The collection film and cover show different works from the same series. */
.store-page .collection-heading::before {
  background-image: url('/assets/prismatic-10.jpg');
  background-position: center;
}
.store-page .collection-heading::after {
  background: linear-gradient(180deg, #050707a6 0%, #05070720 32%, #050707d9 100%);
}
.store-page .collection-banner-hero>.collection-heading { min-height: clamp(620px, 78svh, 930px); }
.store-page .release-status>span:last-child { color: #ddd9d3; }

/* Typography and link treatments stay consistent on light and dark surfaces. */
.home-manifesto h1 { max-width: 14ch; }
.home-page .studio-focus h2 { max-width: 13ch; }
.contact-band h2 { max-width: 16ch; text-wrap: balance; }
.contact-page .contact-heading h1 { max-width: 12ch; text-wrap: balance; }
.text-link, .button, .project-card, .featured-project { text-decoration: none; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 5px;
}

@media (max-width: 900px) {
  .work-hero-media { grid-template-columns: 1fr 1fr; }
  .work-hero-media img:nth-child(2) { display: none; }
}
@media (max-width: 700px) {
  .nav-toggle { min-height: 44px; padding: 8px 0; }
  .work-page .page-heading { min-height: 73svh; padding: 120px var(--gutter) 46px; }
  .work-hero-media { display: block; }
  .work-hero-media img { display: none; }
  .work-hero-media img:first-child { display: block; object-position: center; }
  .work-page .page-heading::after {
    background: linear-gradient(180deg, #070708b8 0%, #07070835 35%, #070708e8 100%);
  }
  .work-page .page-heading h1 { font-size: clamp(3.5rem, 14vw, 5rem); }
  .work-page .work-intro { max-width: 32ch; font-size: .98rem; }
  .about-page .about-opening { min-height: 650px; }
  .about-page .about-opening::before { background-position: left center; }
  .about-page .about-opening h1 { font-size: clamp(3.35rem, 13vw, 5.4rem); }
  .about-page .about-opening>div>p { font-size: 1rem; line-height: 1.5; }
  .store-page .collection-banner-hero>.collection-heading { min-height: 78svh; }
  .store-page .collection-heading::before { background-position: 56% center; }
  .home-manifesto h1 { font-size: clamp(3.15rem, 12.4vw, 5.6rem); }
  .home-page .studio-focus h2 { font-size: clamp(3.35rem, 11.7vw, 5.4rem); }
  .contact-band h2 { font-size: clamp(2.8rem, 10vw, 4.8rem); }
  .contact-page .contact-heading h1 { font-size: clamp(2.8rem, 11.5vw, 4rem); }
}