:root{--case-paper:#f0ece3;--case-ink:#181916;--case-accent:#c2785c}
:focus-visible{outline:2px solid #e9ae8b!important;outline-offset:6px}
.universe-veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,10,.85),transparent 75%);pointer-events:none}
.universe-copy{position:absolute;left:7.5%;bottom:18%;width:min(650px,85%);color:#fafaf7}
.nv-eyebrow{display:block;font-family:Inter,sans-serif;font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}
.universe-copy h2{font-family:'Cormorant Garamond',serif;font-size:clamp(64px,8vw,130px);font-weight:400;line-height:1.1;margin:14px 0}
.universe-copy p{font-size:15px;margin-bottom:28px;max-width:420px}
.case-link{display:flex;align-items:center;justify-content:space-between;gap:28px;width:fit-content;min-width:230px;max-width:100%;border-bottom:1px solid #fafaf76b;padding:13px 0;font:14px Inter,sans-serif;text-decoration:none;color:inherit;transition:color .3s,gap .3s}
.case-link:hover{gap:46px;color:#f0b598}
.case-link span:last-child{font-size:24px}
.small-link{display:inline-block;margin-top:20px;font:11px Inter,sans-serif;color:#fafaf7ba;text-decoration:underline;text-underline-offset:5px}
.lifestyle-triptych{display:grid;grid-template-columns:1fr 1fr 1fr;height:100%;gap:3px}
.lifestyle-triptych img{width:100%;height:100%;object-fit:cover}
.nv-services{padding:110px 7.5% 50px;background:#1a1a1a;color:#fafaf7}
.nv-services h2{font:400 clamp(44px,5vw,80px)/1 'Cormorant Garamond',serif;margin:30px 0 60px}
.service-lines p{border-top:1px solid #ffffff29;padding:24px 0;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.service-lines span{font:400 clamp(24px,2.8vw,40px) 'Cormorant Garamond',serif}
.service-lines small{font:11px Inter,sans-serif;color:#c5bdb4}
.prototype-tools{position:fixed;right:18px;top:16px;z-index:310;display:flex;gap:7px}
.prototype-tools button{background:#181818dc;border:1px solid #ffffff30;border-radius:30px;padding:10px 14px;color:#eee9de;font:10px Inter,sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.prototype-tools i{display:inline-block;width:5px;height:5px;background:#d8a576;border-radius:50%;margin-right:7px}
#prototypeNotes{position:fixed;right:18px;top:65px;z-index:350;background:#f0ece3;color:#252620;width:min(460px,calc(100vw - 36px));max-height:80vh;overflow:auto;padding:34px;box-shadow:0 20px 80px #0006;font:13px/1.7 Inter,sans-serif}
#prototypeNotes[hidden]{display:none}
#prototypeNotes h2{font:36px/1.1 'Cormorant Garamond',serif;margin:18px 0}
#prototypeNotes li{margin:14px 0}
#notesClose{float:right;font-size:28px;line-height:1}
#projectDialog{position:fixed;inset:0;margin:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#141613;color:#f2eee6;border:0;overflow:hidden}
#projectDialog::backdrop{background:#131511}
.project-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.project-nav{position:fixed;inset:0 0 auto;z-index:10;padding:23px 4%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#101410d9,transparent);color:white;font:11px Inter,sans-serif;letter-spacing:.02em;pointer-events:none}
.project-nav>*{pointer-events:auto;min-height:40px;cursor:pointer;text-decoration:none;border:0;color:inherit}
.project-nav button{background:transparent}
.case-hero{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:1.15fr .8fr .65fr;gap:4vw;align-items:center;padding:100px 6% 75px;background:#252d23}
.case-hero .case-title{position:relative;z-index:2}
.case-title h1{font:400 clamp(72px,9.8vw,160px)/.82 'Cormorant Garamond',serif;letter-spacing:-.055em;margin:30px 0 32px}
.case-title h1 em{font-weight:400}
.case-title p{font:13px/1.6 Inter,sans-serif;max-width:280px;color:#d2d5c8}
.case-hero-portrait{height:72svh;min-height:400px;width:100%;object-fit:cover;position:relative;z-index:1}
.case-hero-aside{align-self:end;position:relative;padding-bottom:30px}
.case-hero-aside img{width:100%;height:37svh;object-fit:cover}
.case-hero-aside p{font:10px/1.6 Inter,sans-serif;margin-top:14px;color:#d1cfbf}
.case-watch{display:inline-flex;align-items:center;gap:32px;margin-top:28px;border-bottom:1px solid #c9cdb9;padding:16px 0;font:12px Inter,sans-serif;background:none;color:inherit;cursor:pointer}
.case-watch i{font-style:normal;font-size:19px}
.case-scroll-label{position:absolute;bottom:24px;left:6%;font:9px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.preview-toggle{position:absolute;bottom:23px;right:6%;z-index:3;font:10px Inter,sans-serif;padding:8px 0;background:none;color:#f2eee6;border:0;border-bottom:1px solid #ffffff50;cursor:pointer}
.case-hero.rouge{background:#581b1c}
.case-hero.berry{background:#42252d}
.case-hero.berry .case-hero-portrait{object-position:48% center}
.case-hero.rouge .case-title p,.case-hero.berry .case-title p{color:#eed6cf}
.case-film{background:#0d100e;min-height:100svh;padding:70px 6% 45px;position:relative;display:flex;align-items:center;justify-content:center;gap:6vw}
.case-film-label{max-width:230px;align-self:center}
.case-film-label h2{font:400 clamp(40px,5vw,70px)/.95 'Cormorant Garamond',serif;margin:20px 0}
.case-film-label p{font:12px/1.7 Inter,sans-serif;color:#b7b7ac;margin:16px 0}
.case-film video{max-height:80svh;width:auto;max-width:70%;background:#000;display:block}
.case-film.landscape{display:block;text-align:center}
.case-film.landscape .case-film-label{max-width:none;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:30px}
.case-film.landscape .case-film-label h2{font-size:40px;margin:0}
.case-film.landscape video{width:100%;max-width:100%;max-height:78svh;margin:auto}
.reference-sequence{position:relative;background:var(--case-paper);color:var(--case-ink);height:210svh}
.reference-stage{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.reference-heading{position:absolute;top:12%;left:6%;z-index:4}
.reference-heading h2{font:400 clamp(45px,5.7vw,88px)/.95 'Cormorant Garamond',serif;margin:16px 0 0;max-width:550px}
.reference-stage figure{position:absolute;margin:0}
.reference-stage img{display:block;width:100%;height:100%;object-fit:contain}
.reference-stage figcaption{position:absolute;bottom:-25px;left:0;width:100%;font:9px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.ref-product{width:24%;height:48%;left:6%;top:40%;background:white;transform:rotate(-5deg)}
.ref-person{width:17%;height:36%;left:34%;top:50%;transform:rotate(4deg)}
.ref-result{width:33%;height:77%;right:6%;top:14%;transform:rotate(2deg)}
.ref-result img{object-fit:cover}
.reference-bottom{position:absolute;top:34%;left:6%;font:12px/1.5 Inter,sans-serif;max-width:38%}
.case-interlude{height:100svh;position:relative;overflow:hidden;background:#151815}
.case-interlude>img{height:120%;width:100%;object-fit:cover;object-position:center 42%}
.case-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0009)}
.case-interlude h2{position:absolute;z-index:2;bottom:13%;left:7%;font:400 clamp(60px,9vw,145px)/.85 'Cormorant Garamond',serif;max-width:70%;letter-spacing:-.035em;color:white}
.case-interlude.aminia{height:90svh;background:#243025}
.case-interlude.aminia>img{object-fit:contain}
.case-details{padding:90px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#eae5dc;color:#252820}
.case-details h2{font:400 58px/1 'Cormorant Garamond',serif;margin:20px 0}
.case-details p{font:14px/1.8 Inter,sans-serif;margin-bottom:20px;max-width:560px}
.case-details dl{margin:28px 0;font:12px/1.7 Inter,sans-serif}
.case-details dt{color:#686c62;margin-top:16px}
.case-details dd{margin:0}
.case-details details{border-top:1px solid #202d2329;padding:18px 0;font:12px/1.7 Inter,sans-serif}
.case-details summary{cursor:pointer}
.case-details details p{font-size:12px;padding:15px 0;margin:0}
.case-end{position:relative;min-height:65svh;padding:90px 8%;overflow:hidden;background:#242722}
.case-end h2{font:400 clamp(60px,8vw,120px)/1 'Cormorant Garamond',serif;margin:20px 0}
.case-end a{font:12px Inter,sans-serif;text-decoration:underline;text-underline-offset:8px}
.case-next{position:absolute;right:7%;bottom:15%;font:15px Inter,sans-serif;cursor:pointer;border-bottom:1px solid #b9c0ad;padding-bottom:12px;background:transparent;color:inherit}
#projectTransition{position:fixed;inset:0;background:#21271f;color:#e9eadf;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;clip-path:inset(100% 0 0);visibility:hidden}
#projectTransition span{font:italic 50px 'Cormorant Garamond',serif}
@media(min-width:768px){.case-hero.rouge .case-hero-portrait{height:82svh}.case-hero.rouge .case-hero-aside img{object-position:center 40%}.case-hero.berry{grid-template-columns:1fr 1.4fr}.case-hero.berry .case-hero-aside{display:none}.case-hero.berry .case-title h1{font-size:clamp(90px,10vw,160px)}}
@media(max-width:767px){
 .prototype-tools{top:12px;right:10px;gap:4px}.prototype-tools button{font-size:9px;padding:9px 10px}
 .universe-copy{bottom:19%;left:7%;width:86%}.universe-copy h2{font-size:68px}.universe-copy p{font-size:13px}
 .case-link{font-size:12px;gap:15px;min-width:0}.lifestyle-triptych{grid-template-columns:1fr}.lifestyle-triptych img:not(:first-child){display:none}
 .service-lines p{display:block}.service-lines small{display:block;margin-top:10px}.nv-services{padding:70px 7% 30px}
 .project-nav{padding:10px 5%;font-size:10px;gap:18px;align-items:center}.project-nav button:last-child{max-width:90px;text-align:right}
 .case-hero{padding:100px 7% 70px;grid-template-columns:1fr;gap:20px;min-height:100svh}
 .case-title h1{font-size:86px;margin:24px 0 20px;max-width:90%}.case-title p{font-size:12px;max-width:80%}
 .case-hero-portrait{position:absolute;right:0;top:0;width:65%;height:100%;min-height:0;opacity:.58;object-fit:cover}
 .case-hero:after{position:absolute;inset:0;content:'';z-index:1;background:linear-gradient(90deg,#151c18ed,#151c1800)}
 .case-hero.rouge:after{background:linear-gradient(90deg,#4a1118e8,#4a111800)}
 .case-hero.berry:after{background:linear-gradient(90deg,#42252de8,#42252d00)}
 .case-hero-aside{display:none}.case-scroll-label{z-index:2}
 .case-film{padding:75px 7% 40px;display:block;min-height:0}.case-film-label{max-width:none}
 .case-film-label h2{font-size:40px}.case-film-label p{font-size:11px;margin:14px 0 22px}
 .case-film video{max-width:100%;max-height:74svh;margin:auto;width:auto}.case-film.landscape .case-film-label{display:block}.case-film.landscape video{max-height:none}
 .reference-sequence{height:165svh}.reference-heading{top:13%;left:7%}.reference-heading h2{font-size:42px;max-width:280px}
 .ref-product{width:36%;height:25%;left:8%;top:40%}.ref-person{width:27%;height:24%;left:12%;top:69%}.ref-result{width:43%;height:49%;right:5%;top:42%}
 .reference-stage figcaption{font-size:7px;bottom:-19px}.reference-bottom{top:30%;bottom:auto;left:7%;max-width:80%;font-size:11px}
 .case-interlude{height:75svh}.case-interlude h2{font-size:64px;max-width:85%;bottom:12%}
 .case-details{display:block;padding:65px 7%}.case-details h2{font-size:48px}.case-details p{font-size:13px}
 .case-end{padding:65px 7%;min-height:60svh}.case-end h2{font-size:64px}.case-next{position:static;display:block;margin-top:50px}
}
@media(prefers-reduced-motion:reduce){
 html,.project-scroll{scroll-behavior:auto!important}
 *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}
 .reference-sequence{height:100svh}.univers-slide{height:100svh!important}
 #manifesteText span{opacity:1!important}
}