﻿/* Cinematic presentation. Brand Kit palette and official monogram remain canonical. */
:root{--gutter:7vw;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:105px}body{background:var(--black);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(42px,5.1vw,78px);line-height:1.04}p{line-height:1.75}.shell{padding-top:140px;padding-bottom:140px}.label{font-size:9px;letter-spacing:.16em}.section-meta{margin-bottom:70px}.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.6}.nav{position:fixed;padding:18px 3.5vw;background:transparent;border:0;transition:background .5s,padding .5s;backdrop-filter:none}.nav.is-scrolled{background:#090908e8;backdrop-filter:blur(16px);padding-top:12px;padding-bottom:12px}.brand img{width:44px}.brand{font-size:10px;letter-spacing:.13em}.nav nav{gap:38px}.nav nav>a:not(.nav-contact){position:relative}.nav nav>a:not(.nav-contact):after{content:"";height:1px;background:var(--silver);position:absolute;left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav nav>a:hover:after{transform:scaleX(1)}
.button,.nav-contact{border-radius:100px;border:1px solid transparent;background:var(--graphite);color:var(--white);padding:16px 28px;min-height:52px;justify-content:center;transition:background .4s,color .4s,transform .5s var(--ease),box-shadow .4s}.button-light{background:var(--bone);color:var(--black)}.button:hover,.nav-contact:hover{background:var(--bone);color:var(--black)!important;transform:translateY(-3px);box-shadow:0 8px 25px #09090833}.button-light:hover{background:var(--white)}.button>span{transition:transform .4s var(--ease)}.button:hover>span{transform:translate(3px,-3px)}.nav-contact{padding:12px 25px;min-height:44px}.nav-contact span{margin-left:12px}.text-link{border:0;gap:18px;font-size:12px}.text-link:after{content:"";width:6px;height:6px;border:1px solid var(--silver);border-radius:50%;order:-1}.text-link:hover{color:var(--dust)}
.cinematic{height:175svh;position:relative}.hero{position:sticky;top:0;min-height:640px;height:100svh;max-height:none;padding:115px var(--gutter) 30px;align-items:center;text-align:center;overflow:hidden}.hero-visual{inset:0;z-index:-2}.hero-image{object-position:center 70%;transform:scale(var(--scene-scale,1));filter:brightness(.73);will-change:transform}.hero-visual:after{background:#09090812}.hero-topline{display:block;margin:0 0 18px;opacity:var(--hero-copy-opacity,1);transform:translateY(var(--hero-copy-y,0px))}.hero-topline>span:last-child{display:none}.hero h1{font-size:clamp(46px,min(5.8vw,9svh),90px);font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.01;letter-spacing:-.055em;position:relative;z-index:2;opacity:var(--hero-copy-opacity,1);transform:translateY(var(--hero-copy-y,0px));max-width:950px}.hero h1>span{color:var(--white)}.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0;width:100%;z-index:3}.hero-bottom>p{font-size:12px;line-height:1.5;max-width:none;color:var(--bone)}.hero-bottom>p br{display:none}.hero-bottom .button{min-width:230px;padding:14px 26px;min-height:48px}.hero-caption{position:absolute;right:30px;bottom:28px;font-size:7px;text-align:right;opacity:.7}.dossier-scene{position:absolute;left:50%;top:47%;width:clamp(155px,14vw,235px);aspect-ratio:.75;perspective:1200px;transform:translate(-50%,-30%);z-index:1}.dossier{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateY(var(--book-y,0px)) rotateX(var(--book-x,-5deg)) rotateY(var(--book-angle,-16deg)) rotateZ(var(--book-z,-3deg)) scale(var(--book-scale,1));will-change:transform}.dossier-front,.dossier-back{position:absolute;inset:0;border-radius:3px 7px 7px 3px;backface-visibility:hidden;border:1px solid var(--grey);box-shadow:0 16px 60px #09090877;background:var(--graphite)}.dossier-front{transform:translateZ(12px);display:flex;flex-direction:column;padding:9% 10%;text-align:left;background-image:url('assets/material-study-small.webp');background-size:cover;background-position:left center;background-blend-mode:multiply}.dossier-front:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 4px 0 3px #b8b8b333;pointer-events:none}.dossier-back{transform:rotateY(180deg) translateZ(12px);background:var(--carbon)}.dossier-spine{position:absolute;top:0;bottom:0;left:0;width:24px;background:var(--umber);border:1px solid var(--grey);transform:rotateY(-90deg) translateX(-12px);transform-origin:left;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-size:6px;letter-spacing:.18em;color:var(--dust)}.dossier-edition{font-size:5px;letter-spacing:.14em;color:var(--silver)}.dossier-front img{width:47%;height:auto;max-height:40%;object-fit:contain;margin:auto;filter:none}.dossier-title{font:700 clamp(10px,1.1vw,17px)/1.05 'Arial Narrow',Arial,sans-serif;letter-spacing:-.03em;color:var(--bone)}.dossier-foot{display:flex;justify-content:space-between;margin-top:12%;padding-top:8%;border-top:1px solid var(--grey);font-size:5px;letter-spacing:.08em;color:var(--silver)}
.perspective{border:0;background:var(--black);position:relative;z-index:2}.perspective .split-heading{grid-template-columns:1fr;text-align:center;gap:38px}.perspective h2{max-width:900px;margin:auto;font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(42px,5.5vw,84px)}.perspective .intro-copy{max-width:560px;margin:auto;padding:0}.perspective .intro-copy .lead{font-size:20px;color:var(--bone)}.perspective .intro-copy>p:not(.lead){font-size:14px;max-width:465px;margin:22px auto 0}.perspective .section-meta{justify-content:center;margin-bottom:35px}.perspective .section-meta>span{display:none}
.visual-sequence{overflow:hidden;padding:20px 0 90px}.sequence-track{display:flex;gap:28px;width:max-content;transform:translateX(var(--gallery-x,-7vw));will-change:transform}.sequence-track figure{position:relative;flex:none;width:45vw;height:31vw;max-height:540px;margin:0;overflow:hidden;border-radius:12px}.sequence-track figure:nth-child(2){margin-top:70px}.sequence-track img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:brightness(.75)}.sequence-track figure:hover img{transform:scale(1.045)}.sequence-track figcaption{position:absolute;bottom:25px;left:28px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}.sequence-caption{text-align:center;margin-top:35px;color:var(--silver);font-size:8px}
.lens-section{margin:30px var(--gutter) 100px;background:var(--black);gap:7vw;grid-template-columns:1fr 1fr;min-height:720px;align-items:center}.lens-image{height:720px;border-radius:14px;min-height:0}.lens-image img{object-position:68% center;filter:brightness(.75);transform:scale(1.15) translateY(var(--detail-y,0px))}.image-caption{left:28px;font-size:8px}.lens-copy{padding:35px 0}.lens-copy h2{font-size:clamp(40px,4.2vw,64px);margin:28px 0 45px}.lens-options summary{padding-top:25px}.lens-options summary h3{font-size:16px}.lens-options details{border-color:#706e6944}.lens-options details p{padding-left:0;font-size:13px}.lens-question{padding-left:0}.toggle{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--graphite);font-size:16px}
.research{padding-top:80px}.research-heading{margin-bottom:65px}.research-cover{min-height:470px;border-radius:14px;background:var(--carbon);border-color:var(--graphite);overflow:hidden;transition:transform .7s var(--ease),border-color .5s;transform:perspective(1200px) rotateY(-4deg)}.research-cover:before{content:"";position:absolute;inset:0;background:url('assets/archive-gallery.webp') center/cover;opacity:.22;transition:transform 1s var(--ease);z-index:-1}.research-cover:hover{background:var(--carbon);transform:perspective(1200px) rotateY(0) translateY(-7px);border-color:var(--grey)}.research-cover:hover:before{transform:scale(1.06)}.cover-word{font-size:clamp(90px,11vw,168px)}.circle-arrow{border-radius:50%;width:44px;height:44px}.research-stats dd{font-weight:400;font-size:37px}.research-stats>div{padding:16px 0}.source-note{font-size:10px}
.method{position:relative;background:var(--carbon);color:var(--white);isolation:isolate;overflow:hidden;text-align:center}.method:before{content:"";position:absolute;inset:0;background:url('assets/archive-atelier.webp') center/cover;opacity:.1;z-index:-1}.method .label{color:var(--silver)}.method .section-meta{justify-content:center}.method .section-meta>span{display:none}.method h2{margin:auto}.method-grid{gap:6vw;text-align:left;margin-top:85px}.method-grid article{border-color:var(--grey)}.method-grid h3{font-size:20px}.method-grid p{color:var(--silver);font-size:13px}.services>.split-heading{margin-bottom:70px}.primary-service{background:var(--carbon);border:1px solid var(--graphite);border-radius:16px;padding:48px;gap:6vw}.service-title h3{font-size:clamp(45px,4.5vw,68px)}.service-scope dt{color:var(--bone)}.service-title .button{background:var(--bone);color:var(--black)}.secondary-services{gap:8vw;margin-top:55px}.secondary-services h3{font-size:25px}.secondary-services p{font-size:13px}
.contact{background:var(--black);text-align:center;border:0;position:relative;isolation:isolate;overflow:hidden;padding-top:170px;padding-bottom:140px}.contact:before{content:"";position:absolute;inset:0;background:url('assets/archive-gallery.webp') center 60%/cover;opacity:.3;z-index:-1}.contact h2{font:400 clamp(42px,5.8vw,88px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.055em}.contact h2 em{color:var(--bone)}.contact-bottom{flex-direction:column;align-items:center;gap:25px;margin-top:35px}.contact-bottom>p{font-size:13px;color:var(--silver)}.contact-email{border-radius:100px;border:1px solid var(--grey);font-size:15px;letter-spacing:0;padding:16px 26px;background:var(--bone);color:var(--black);transition:transform .4s var(--ease)}.contact-email:hover{transform:translateY(-3px)}footer.shell{padding:45px var(--gutter) 25px}.footer-top{padding-bottom:40px}.footer-bottom{font-size:8px}.reveal-ready{transform:translateY(36px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
@media(max-width:1000px){.dossier-scene{width:170px;top:46%}.hero h1{font-size:clamp(48px,7.5vw,70px)}.hero-caption{position:absolute;text-align:right}.lens-section{gap:5vw;margin-inline:6vw;min-height:640px}.lens-image{height:640px}.lens-copy h2{font-size:40px}.primary-service{padding:32px;gap:35px}.nav nav{gap:24px}.hero-bottom{display:flex}.sequence-track figure{width:57vw;height:43vw}}
@media(max-width:700px){html{scroll-padding-top:85px}:root{--gutter:6vw}.shell{padding-top:85px;padding-bottom:85px}.nav{padding:15px 5vw}.nav.is-scrolled{padding:12px 5vw}.brand img{width:34px}.brand{font-size:8px;gap:8px}.nav nav{gap:17px;font-size:10px}.nav-contact{display:none}.cinematic{height:145svh}.hero{height:100svh;min-height:660px;padding:110px 6vw 30px}.hero-topline{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(39px,9.5vw,61px);line-height:1.03;letter-spacing:-.055em}.hero-image{object-position:50% center}.dossier-scene{top:43%;width:clamp(145px,42vw,200px);transform:translate(-50%,-5%)}.dossier-title{font-size:13px}.hero-bottom{gap:18px}.hero-bottom>p{font-size:11px;max-width:260px}.hero-bottom>p br{display:block}.hero-bottom .button{font-size:11px;min-height:46px;min-width:220px}.hero-caption{position:static;text-align:center;font-size:6px;line-height:1.4}.hero-caption br{display:none}.hero-caption br:after{content:" / "}.perspective h2{font-size:41px}.perspective .intro-copy .lead{font-size:18px}.perspective .intro-copy>p:not(.lead){font-size:13px}.section-meta{margin-bottom:40px}.sequence-track{gap:16px}.sequence-track figure{width:75vw;height:95vw;border-radius:9px}.sequence-track figure:nth-child(2){margin-top:35px}.sequence-track figcaption{left:18px;bottom:18px;font-size:8px}.visual-sequence{padding-bottom:45px}.lens-section{display:flex;flex-direction:column;margin:25px 6vw 40px;gap:30px;align-items:stretch}.lens-image{height:440px;min-height:0}.lens-copy{padding:15px 0 0}.lens-copy h2{font-size:44px}.research{padding-top:60px}.research-cover{min-height:390px;transform:none}.research-heading{margin-bottom:35px}.cover-word{font-size:26vw}.method-grid{margin-top:45px;gap:30px}.method-grid h3{font-size:22px}.services>.split-heading{margin-bottom:38px}.primary-service{padding:30px 22px;border-radius:12px;gap:36px}.service-title h3{font-size:49px}.service-scope dl>div{grid-template-columns:1fr;gap:7px}.secondary-services{gap:34px;margin-top:40px}.contact{padding:100px 6vw 85px}.contact h2{font-size:clamp(35px,8.6vw,50px)}.contact-email{font-size:13px;padding:14px 21px}.contact-email span{margin-left:10px}.note-main{padding-top:85px}.note-header h1{font-size:clamp(30px,10vw,49px)}.note-body{padding-top:0}.footer-top{gap:28px}.button{font-size:11px;padding:14px 23px}.lens-options summary h3{font-size:16px}}
@media(max-height:740px) and (min-width:701px){.hero{padding-top:94px;min-height:620px}.hero-topline{font-size:8px;margin-bottom:13px}.hero h1{font-size:clamp(45px,7.5svh,65px)}.dossier-scene{width:145px;top:45%;transform:translate(-50%,-9%)}.hero-bottom{gap:10px}.hero-bottom>p{font-size:11px}.hero-bottom .button{min-height:45px;padding:11px 25px}.dossier-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinematic{height:auto}.hero{position:relative}.dossier{transform:rotateY(-12deg) rotateZ(-2deg)!important;will-change:auto}.hero-image{transform:none;will-change:auto}.hero h1,.hero-topline{opacity:1;transform:none}.sequence-track{transform:none;will-change:auto;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw}.sequence-track figure{scroll-snap-align:center}.research-cover{transform:none}.reveal-ready{opacity:1;transform:none}}
