/* A nocturnal gallery: ink, champagne, light, and space. */
:root{--night:#111612;--night-soft:#1b211b;--champagne:#d2bb90;--ivory:#f1ebde;--night-muted:#b6b7a9}
body{overflow-x:clip}
.site-header,.case-page .site-header{background:#111612f5;color:var(--ivory);border-color:#d2bb9026;transition:background .6s,color .6s,border-color .6s;backdrop-filter:blur(15px)}
.wordmark>span{color:var(--champagne)}.site-header .status-dot{background:var(--champagne)}.desktop-nav a:after{background:var(--champagne)}.menu-toggle>span{background:var(--ivory)}
.has-portal.intro-active .site-header{background:#11161255;color:var(--ivory);border-color:#d2bb9020}.intro-active .wordmark>span{color:var(--champagne)}
body.menu-open .site-header,body.has-portal.intro-active.menu-open .site-header{background:var(--paper);color:var(--ink)}body.menu-open .menu-toggle>span{background:var(--ink)}
.reading-progress{background:linear-gradient(90deg,#8e7449,var(--champagne),#f4e7c8);height:2px}.transition-curtain{background:var(--night);color:var(--ivory)}.transition-curtain>span em{color:var(--champagne)}.transition-curtain small{color:var(--champagne);letter-spacing:4px}.transition-curtain:after{content:'';width:80px;height:1px;background:var(--champagne);margin-top:26px;opacity:.5}
.cinema-portal{height:168svh;background:var(--night)}.portal-scene{background:radial-gradient(ellipse at 73% 42%,#544a321e,transparent 55%),linear-gradient(120deg,#101610,#1c211a 64%,#111511)}
.portal-scene:before{content:'';position:absolute;inset:0;z-index:1;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}
.portal-scene:after{background:linear-gradient(90deg,#0c110c4d,transparent 58%),linear-gradient(0deg,#0d120f88,transparent 35%,transparent 75%,#0b100d55)}
.portal-light{inset:0;background:radial-gradient(ellipse 48% 60% at var(--light-x,72%) var(--light-y,45%),#dfc78d16,transparent 75%);transform:none;transition:opacity 1s;animation:light-drift 16s ease-in-out infinite alternate}
.portal-title{left:7%;top:26%}.portal-title .eyebrow,.portal-topnote,.portal-coordinate{color:var(--champagne)}.portal-title h2{font-size:clamp(88px,10.1vw,151px);letter-spacing:-4px}.portal-title h2 em,.portal-second em{color:var(--champagne)}.portal-title p{color:#dad5c7;font-size:12px;letter-spacing:.15px}.portal-topnote{font-size:7px;letter-spacing:2.3px}.portal-topnote>span:last-child{opacity:.7}.portal-second{font-size:clamp(48px,6.5vw,96px);max-width:970px}.portal-bottom{bottom:46px}.portal-enter{letter-spacing:2.4px}.portal-enter small{color:var(--night-muted)}.enter-orbit{border-color:#d2bb9066;position:relative}.enter-orbit:after{content:'';position:absolute;inset:-7px;border:1px solid #d2bb9026;border-radius:50%;border-right-color:var(--champagne);animation:orbit-trace 18s linear infinite}.portal-enter:hover .enter-orbit{background:var(--champagne);color:var(--night)}.portal-scroll{color:var(--night-muted)}
.portal-register{position:absolute;right:56px;top:43%;z-index:2;display:grid;gap:22px;color:#d2bb9066;font-size:6px;letter-spacing:1.5px}.portal-register>span{display:flex;align-items:center;justify-content:flex-end;gap:12px;transition:color .8s}.portal-register>span:after{content:'';height:1px;width:20px;background:currentColor;transition:width .8s}.portal-register>span.is-current{color:var(--champagne)}.portal-register>span.is-current:after{width:44px}.portal-register i{font-family:var(--serif);font-style:italic;font-size:13px;letter-spacing:0}
/* Dark walls make the original artwork the source of colour. */
.work-section{position:relative;isolation:isolate;color:var(--ivory);--line:#d2bb9030;--muted:var(--night-muted)}.work-section:before,.case-hero:before,.case-main-art:before{content:'';position:absolute;inset:0;width:auto;background:var(--night);box-shadow:0 0 0 100vmax var(--night);clip-path:inset(0 -100vmax);z-index:-1;pointer-events:none}
.work-section h2 em,.work-index #work-title em{color:var(--champagne)}.work-section .small-note{color:var(--champagne);opacity:.8}.work-section .eyebrow{color:var(--night-muted)}.work-introduction p{color:#d2d0c5}.work-section .concept-disclosure{color:var(--champagne);font-size:8px;letter-spacing:1.4px}.concept-project .project-caption h3{color:var(--ivory);transition:color .5s}.concept-project:hover .project-caption h3{color:var(--champagne)}.concept-category,.concept-project .project-caption>span{color:#bebba9}.concept-project .project-caption p{color:var(--night-muted)}.concept-project .concept-cover{border-radius:0;background:var(--night-soft);box-shadow:0 20px 60px #0002}.concept-cover .concept-open{background:var(--ivory);color:var(--night);box-shadow:0 8px 24px #0003}.work-footnote{border-color:#d2bb9033}.work-footnote>p{color:var(--night-muted)}.work-footnote .text-link{color:var(--champagne)}
.scroll-motion .concept-project .concept-cover:before{content:'';position:absolute;inset:-1px;z-index:2;background:var(--night);transform-origin:top;transform:scaleY(1);transition:transform 1.05s cubic-bezier(.76,0,.24,1);transition-delay:var(--item-delay,0s);pointer-events:none}.scroll-motion .concept-project.is-in .concept-cover:before{transform:scaleY(0)}.concept-cover .concept-open{z-index:5}.scroll-motion .concept-project .concept-cover>img{transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.case-hero,.case-main-art{position:relative;isolation:isolate;color:var(--ivory)}.case-hero{padding-top:38px;padding-bottom:58px}.case-hero h1 em{color:var(--champagne)}.case-hero .article-back{color:#c8c4b6}.case-kicker{color:#c9c6b8}.case-kicker>span:last-child{color:var(--champagne)}.case-deck p{color:#c9c6b8}.case-deck>span{color:var(--champagne)}.case-main-art{padding-bottom:29px}.case-main-art figcaption{color:#b6b7a9}.case-main-art img{box-shadow:0 24px 80px #0003}
.case-next{position:relative;isolation:isolate;padding-top:54px;border-top-color:#d2bb9033;color:var(--ivory)}.case-next:before{content:'';position:absolute;inset:0;width:auto;background:var(--night);box-shadow:0 0 0 100vmax var(--night);clip-path:inset(0 -100vmax);z-index:-1}.case-next .eyebrow{color:var(--night-muted)}.case-next h2{color:var(--ivory)}.case-next>div>a>span,.case-next>.text-link{color:var(--champagne)}
.site-footer{background:var(--night);color:var(--ivory);padding-top:64px}.footer-wordmark{border-color:#d2bb9033}.footer-wordmark>span,.footer-arrow{color:var(--champagne)}.footer-bottom{color:var(--night-muted);border-color:#d2bb9033}.footer-wordmark:hover{color:var(--champagne)}.footer-wordmark{transition:color .7s}.motion-toggle{color:var(--ivory)}
.text-link>span{transition:transform .5s cubic-bezier(.16,1,.3,1)}.text-link:hover>span{transform:translate(5px,-5px)}
@keyframes light-drift{from{opacity:.55;scale:1}to{opacity:1;scale:1.15}}@keyframes orbit-trace{to{rotate:360deg}}
@media(min-width:701px){.work-section .concept-grid{row-gap:100px}.concept-project:nth-child(even){margin-top:125px}.concept-project .project-caption h3{font-size:clamp(29px,2.9vw,43px)}.work-section{padding-top:120px;padding-bottom:120px}}
@media(max-width:1000px){.portal-register{right:35px;top:45%;gap:18px;font-size:5px}.portal-register i{font-size:11px}.portal-register>span{gap:9px}.portal-register>span.is-current:after{width:26px}.portal-register>span:after{width:12px}.portal-title h2{font-size:11vw}.portal-title{top:29%}}
@media(max-width:700px){.cinema-portal{height:145svh}.portal-title{top:25%;left:25px;right:20px}.portal-title h2{font-size:clamp(80px,21vw,130px);letter-spacing:-2.8px;line-height:.87}.portal-title .eyebrow{font-size:7px;letter-spacing:1.5px}.portal-title p{font-size:11px}.portal-topnote{font-size:6px;letter-spacing:1.5px}.portal-register{right:23px;top:18%;gap:17px}.portal-register>span{font-size:0;gap:0}.portal-register i{font-size:10px;margin-right:9px}.portal-register>span:after{width:10px}.portal-register>span.is-current:after{width:19px}.portal-bottom{bottom:34px}.portal-enter{font-size:7px;letter-spacing:1.3px}.portal-enter small{font-size:8px;max-width:140px}.portal-coordinate{display:none}.enter-orbit:after{inset:-5px}.portal-second{font-size:12vw;line-height:1.02;letter-spacing:-1.4px;bottom:29%}.work-section{padding-top:70px;padding-bottom:65px}.work-section .concept-disclosure{font-size:7px;letter-spacing:1px}.case-hero{padding-top:24px;padding-bottom:36px}.case-main-art{padding-bottom:22px}.case-next{padding-top:34px}.site-footer{padding-top:40px}}
.motion-paused .portal-light,.motion-paused .enter-orbit:after{animation:none}.motion-paused .concept-cover:before{transform:scaleY(0)!important;transition:none}.motion-paused .concept-cover>img,.motion-paused .project-caption h3,.motion-paused .portal-register>span,.motion-paused .portal-register>span:after{transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-light,.enter-orbit:after{animation:none!important}.concept-cover:before{transform:scaleY(0)!important;transition:none!important}.portal-register>span,.portal-register>span:after,.project-caption h3{transition:none!important}.cinema-portal{height:100svh}}