@font-face{font-family:'Hanken';src:url('assets/fonts/hanken.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:'Instrument Serif';src:url('assets/fonts/InstrumentSerif-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:'Instrument Serif';src:url('assets/fonts/InstrumentSerif-Italic.ttf');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#e8e8e2;--ink:#0d0f10;--silver:#aeb4b6;--serif:'Instrument Serif',Georgia,serif;--sans:'Hanken',Arial,sans-serif;--gutter:clamp(22px,4vw,80px);--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:var(--sans)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:.94;letter-spacing:-.04em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font-size:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.45;cursor:wait}button:active,.solid-button:active{transform:translateY(2px)}img,video{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#a8b8c3;color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:10px;left:10px;z-index:1000;background:var(--paper);color:var(--ink);padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.site-head{position:absolute;top:0;left:0;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--gutter);z-index:100;color:var(--paper);border-bottom:1px solid #e8e8e224;background:transparent}.brand{display:block;flex:none}.identity-logo{width:158px;height:auto;aspect-ratio:759/153}.world-nav{display:flex;gap:30px;align-items:center;font-size:14px}.world-nav a{position:relative}.world-nav a:after{content:'';position:absolute;height:1px;background:currentColor;bottom:-5px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}.world-nav a[aria-current=page]:after{transform:scaleX(1)}.head-end{display:flex;gap:26px;align-items:center;font-size:14px}.head-end>a{border-bottom:1px solid currentColor;padding:7px 0}.menu-toggle{width:40px;height:40px;border:0;background:none;display:grid;align-content:center;gap:7px;position:relative;z-index:103}.menu-toggle span{height:1px;background:currentColor;transition:transform .25s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu{position:fixed;inset:0;background:#151819;z-index:99;padding:clamp(120px,16vh,180px) var(--gutter) 50px;display:flex;flex-direction:column;align-items:flex-start;overflow:auto;gap:8px;color:var(--paper)}.menu>a{font:clamp(44px,7vw,104px)/1.04 var(--serif);letter-spacing:-.035em;transition:transform .2s var(--ease)}.menu>p{font-size:13px;line-height:1.6;color:#b2b8ba;margin-top:30px}.light-page{background:var(--paper);color:var(--ink);color-scheme:light}.light-page>.site-head{color:var(--ink);border-color:#0d0f1029}.light-page>.site-head .identity-logo{filter:brightness(0)}.menu-open>.site-head{position:fixed;color:var(--paper)}.menu-open>.site-head .identity-logo{filter:none}.progress{position:fixed;left:0;top:0;height:2px;background:var(--paper);transform-origin:left;z-index:110;width:100%;mix-blend-mode:difference;pointer-events:none}.section{padding:clamp(80px,10vw,160px) var(--gutter)}.eyebrow,.label{font:12px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:0;min-height:48px;border-bottom:1px solid currentColor;padding:8px 0;font-size:15px}.solid-button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:15px 22px;background:var(--paper);color:var(--ink);border:1px solid currentColor;min-height:50px;font-size:14px;transition:background .2s,color .2s,transform .2s}.paper .solid-button{background:var(--ink);color:var(--paper)}.body{font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:42ch}.paper{background:var(--paper);color:var(--ink);position:relative;z-index:4;color-scheme:light}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.seen{opacity:1;transform:none}.image-window{overflow:hidden;position:relative}.image-window img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
/* The gallery overture: far light, physical subject, foreground typography. */
.overture{height:235svh;position:relative}.overture-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#0d0f10}.gallery-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 65% 50%,#626b7026,transparent 50%);transform:translate3d(0,calc(var(--p,0)*80px),0) scale(calc(1 + var(--p,0)*.25));z-index:-1}.overture-rule{position:absolute;inset:calc(100px + 5vh) 9vw 9vh;border:1px solid #cbd0d213;transform:scale(calc(1 - var(--p,0)*.16));opacity:calc(1 - var(--p,0)*.6)}.overture-title{position:absolute;left:var(--gutter);top:28%;font-size:clamp(80px,10.8vw,180px);max-width:8ch;z-index:3;transform:translate3d(calc(var(--p,0)*-28vw),calc(var(--p,0)*-12vh),0);opacity:var(--opening-alpha,1)}.overture-title em{display:block;margin-left:9vw;font-weight:400;white-space:nowrap}.overture-note{position:absolute;left:var(--gutter);top:calc(100px + 5vh);font-size:12px;letter-spacing:.09em;text-transform:uppercase;z-index:4;opacity:var(--opening-alpha,1)}.sculpture-plane{position:absolute;width:70vw;height:94svh;top:6%;right:-7vw;z-index:2;transform:translate3d(calc(var(--p,0)*-22vw),calc(var(--p,0)*-4vh),0) scale(calc(1 - var(--p,0)*.22));will-change:transform}.sculpture-plane img,.sculpture-plane canvas{position:absolute;width:100%;height:100%;object-fit:contain}.sculpture-plane canvas{opacity:0}.sculpture-plane.ready canvas{opacity:1}.sculpture-plane.ready img{opacity:0}.overture-caption{position:absolute;right:var(--gutter);bottom:14vh;max-width:22ch;font-size:16px;z-index:3;opacity:var(--opening-alpha,1)}.overture-foot{position:absolute;bottom:4vh;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:13px;z-index:5}.overture-foot nav{display:flex;gap:40px}.overture-foot .text-link{font-size:14px;gap:22px;min-width:150px}.overture-foot>span{color:#abb0b2;font-size:11px}.overture-next{position:absolute;right:8vw;top:32%;font:clamp(54px,6.5vw,110px)/.96 var(--serif);letter-spacing:-.035em;z-index:3;opacity:var(--next-alpha,0);transform:translateY(calc((1 - var(--p,0))*80px));pointer-events:none}.overture-next em{display:block}.motion-switch{position:fixed;right:18px;bottom:17px;z-index:70;width:35px;height:35px;background:#101213c9;color:var(--paper);border:1px solid #7e8587;border-radius:50%;font:12px var(--sans);display:grid;place-items:center}.intro-sheet{padding-top:110px;border-radius:32px 32px 0 0;margin-top:-32px}.intro-caption{display:flex;justify-content:space-between;border-bottom:1px solid #0d0f1040;padding-bottom:20px;font-size:12px}.intro-statement{font:clamp(42px,5.8vw,92px)/1.04 var(--serif);letter-spacing:-.03em;max-width:18ch;margin:80px auto 85px}.intro-statement em{color:#666c6c}.practice-lines{max-width:76%;margin-left:auto}.practice-line{border-top:1px solid #0d0f1040;padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.practice-line h2{font-size:clamp(36px,4vw,64px)}.practice-line p{max-width:32ch;font-size:15px;line-height:1.5}.practice-line:last-child{border-bottom:1px solid #0d0f1040}
/* Unequal work windows create an exhibition, each with a real destination. */
.exhibition{padding-top:10px;padding-bottom:130px}.exhibition-heading{font:clamp(60px,8vw,128px)/.92 var(--serif);letter-spacing:-.04em;margin-bottom:80px}.exhibition-heading em{display:block;margin-left:20%}.work-lamp{width:86%;display:block}.work-lamp .image-window{aspect-ratio:16/9;background:#d6d8d4}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:16px}.work-caption h3{font:32px/1 var(--serif);letter-spacing:-.02em}.work-caption p{font-size:12px;color:#545b5c;margin-top:6px}.work-retreat{width:62%;margin:100px 0 0 auto;display:block}.work-retreat .image-window{aspect-ratio:4/3}.work-description{max-width:27ch;font:clamp(30px,3.5vw,50px)/1.05 var(--serif);letter-spacing:-.02em;margin:0;position:absolute;top:62%;left:var(--gutter);width:25%}.exhibition .stage-mark{position:absolute;width:12vw;height:12vw;right:1.5vw;top:22%;opacity:.08}.exhibition .more-work{margin-top:80px;display:flex;justify-content:center}.spatial-window{height:180svh;position:relative;background:var(--ink)}.spatial-stage{position:sticky;top:0;height:100svh;overflow:hidden}.spatial-back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - var(--p,0)*.12))}.spatial-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0f12b8,transparent 75%)}.spatial-type{position:absolute;left:var(--gutter);top:20%;font-size:clamp(65px,9vw,145px);max-width:9ch;transform:translateY(calc(var(--p,0)*-55px))}.spatial-type em{display:block}.spatial-intro{position:absolute;bottom:9vh;left:var(--gutter);max-width:30ch}.spatial-intro p{margin-bottom:22px;font-size:17px}.spatial-frame{position:absolute;inset:10vh 7vw;border:1px solid #ffffff62;transform:scale(calc(1.2 - var(--p,0)*.2));pointer-events:none}.spatial-detail{position:absolute;right:var(--gutter);bottom:9vh;font-size:11px}.studio-note{display:grid;grid-template-columns:.8fr 1.3fr;gap:10vw}.studio-note h2{font-size:clamp(45px,5vw,82px);max-width:10ch}.studio-note .portrait-mark{width:120px;height:120px;margin-bottom:45px;filter:brightness(0)}.studio-note p{max-width:43ch;font-size:clamp(18px,2vw,27px);line-height:1.5}.studio-note p+p{font-size:16px;margin-top:30px;max-width:46ch}.studio-note .text-link{margin-top:28px}.playground-invite{padding:50px var(--gutter) 100px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:8vw}.playground-invite .image-window{aspect-ratio:1.25}.playground-invite h2{font-size:clamp(54px,6vw,96px);margin-bottom:20px}.playground-invite p{max-width:30ch;margin:25px 0}.site-foot{background:#15191a;color:var(--paper);padding:90px var(--gutter) 30px;position:relative;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.footer-invite{font:clamp(42px,5.5vw,90px)/1 var(--serif);letter-spacing:-.035em;display:block}.site-foot nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.footer-wordmark{display:block;width:100%;height:auto;margin:30px 0 55px;opacity:.92}.foot-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e8e8e245;padding-top:25px;font-size:11px;color:#afb7b8}.colophon-note{font-size:13px;max-width:28ch}
/* Websites: an expanding art frame becomes a working exhibition. */
.digital-overture{height:215svh;background:var(--paper);color:var(--ink)}.digital-stage{height:100svh;position:sticky;top:0;overflow:hidden;min-height:640px}.digital-opening{position:absolute;top:calc(100px + 5vh);left:var(--gutter);right:var(--gutter);z-index:5;opacity:var(--opening-alpha,1)}.digital-opening .label{margin-bottom:22px}.digital-opening h1{font-size:clamp(78px,9.4vw,155px);line-height:.92;max-width:11ch}.digital-opening h1 em{display:block;margin-left:9vw;white-space:nowrap}.digital-art{position:absolute;top:30%;left:42%;width:51%;height:52%;overflow:hidden;transform:translate3d(calc(var(--p,0)*-29vw),calc(var(--p,0)*-13vh),0) scale(calc(1 + var(--p,0)*.55));transform-origin:center;z-index:2}.digital-art img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.05 + var(--p,0)*.07))}.digital-art:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff58;pointer-events:none}.digital-intro{position:absolute;left:var(--gutter);bottom:13%;max-width:25ch;z-index:4;font-size:17px;opacity:var(--opening-alpha,1)}.digital-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:4vh;display:flex;justify-content:space-between;align-items:center;font-size:12px;z-index:5}.digital-next{position:absolute;bottom:12%;right:var(--gutter);font:clamp(45px,6vw,95px)/.94 var(--serif);letter-spacing:-.03em;z-index:4;opacity:var(--next-alpha,0);text-align:right}.digital-next em{display:block}.web-note{display:grid;grid-template-columns:1fr 2fr;gap:10vw;padding-top:80px}.web-note h2{font-size:clamp(42px,4.3vw,70px)}.web-note p{font:clamp(30px,3.8vw,60px)/1.1 var(--serif);letter-spacing:-.025em;max-width:25ch}.digital-work{background:#daddd8;padding-top:95px}.digital-work>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.digital-work>header h2{font-size:clamp(55px,7vw,105px)}.digital-work>header p{max-width:29ch;font-size:13px}.case-study{margin-bottom:120px}.case-study:last-child{margin-bottom:0}.case-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;border-top:1px solid #0d0f103d;padding:20px 0 30px;align-items:center}.case-meta h3{font:clamp(34px,4vw,62px)/1 var(--serif)}.case-meta p{max-width:34ch;font-size:15px}.case-meta small{font-size:11px;display:block;margin-top:10px;color:#555d5e}.case-window{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#cdd1d0}.case-window img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.case-title{position:absolute;left:6%;top:9%;font:clamp(38px,8vw,130px)/.9 var(--serif);letter-spacing:-.04em;color:var(--ink)}.case-title small{display:block;font:11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px}.case-title em{display:block}.case-window.retreat .case-title{color:var(--paper);text-shadow:0 2px 20px #0005}.case-enter{position:absolute;right:4%;bottom:6%;background:var(--paper);color:var(--ink);width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;gap:6px;font-size:13px;transform:rotate(-8deg);transition:transform .25s var(--ease)}.case-enter span{font-size:30px}.case-window.retreat{width:86%;margin-left:auto}.web-process{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw}.web-process h2{font-size:clamp(48px,6vw,94px);max-width:10ch;position:sticky;top:80px}.process-detail{border-top:1px solid #e8e8e240;padding:25px 0 35px}.process-detail summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font:clamp(30px,3.5vw,50px)/1.1 var(--serif)}.process-detail summary:after{content:'+';font:25px var(--sans)}.process-detail[open] summary:after{content:'−'}.process-detail p{padding-top:23px;font-size:16px;max-width:38ch;color:#bec3c3}.web-close{background:#c9cfcf;color:var(--ink);padding:110px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:15vw;align-items:center}.web-close h2{font-size:clamp(50px,6vw,95px)}.web-close p{max-width:30ch;margin-bottom:25px}.web-close em{display:block}.studio-strip{border-top:1px solid #0d0f1040;padding:35px 0 0;margin-top:70px;font-size:12px;display:flex;justify-content:space-between}
@media(hover:hover) and (pointer:fine){.world-nav a:hover:after{transform:scaleX(1)}.menu>a:hover{transform:translateX(15px)}a:hover>.image-window img,.case-window:hover img{transform:scale(1.035)}.case-window:hover .case-enter{transform:rotate(0deg)}.solid-button:hover{background:#bfc7c9;color:#0d0f10}.site-foot a:hover{color:#fff}}
@media(min-width:1800px){.overture-title{font-size:180px}.overture-caption{right:8vw}}
@media(max-width:900px){.world-nav{gap:20px}.head-end{gap:15px}.overture-title{font-size:12vw}.sculpture-plane{width:85vw;right:-18vw}.overture-caption{max-width:19ch;font-size:14px}.work-description{position:static;max-width:27ch;width:auto;margin-top:60px;font-size:42px}.work-retreat{width:78%;margin-top:45px}.web-process{gap:7vw}.case-meta{grid-template-columns:1fr 1fr}.case-meta .text-link{grid-column:2}.case-title small{margin-bottom:20px}.practice-lines{max-width:100%}.spatial-frame{inset:6vh 5vw}}
@media(max-width:700px){html{scroll-padding-top:85px}.site-head{height:80px;gap:10px}.identity-logo{width:128px}.world-nav{display:none}.head-end{font-size:12px;gap:14px}.head-end>a{padding:6px 0}.menu-toggle{width:32px}.overture{height:180svh}.overture-stage{min-height:650px}.overture-note{top:112px;font-size:10px;max-width:25ch}.overture-title{top:23%;font-size:17vw;max-width:8ch;transform:translate3d(calc(var(--p,0)*-40vw),calc(var(--p,0)*-6vh),0)}.overture-title em{margin-left:10vw}.sculpture-plane{width:115vw;right:-16vw;top:25%;height:65svh;transform:translate3d(calc(var(--p,0)*-8vw),calc(var(--p,0)*-16vh),0) scale(calc(1 - var(--p,0)*.08))}.overture-caption{left:var(--gutter);right:auto;bottom:15%;max-width:21ch;font-size:13px}.overture-foot{bottom:4%;align-items:center}.overture-foot>span{display:none}.overture-foot nav{width:100%;gap:25px}.overture-foot .text-link{width:50%;min-width:0;justify-content:space-between;font-size:13px;gap:10px}.overture-next{font-size:16vw;right:var(--gutter);top:53%;text-align:right}.overture-rule{inset:110px 7vw 11vh}.intro-sheet{padding-top:55px;border-radius:22px 22px 0 0;margin-top:-22px}.intro-caption{font-size:10px}.intro-caption span:last-child{max-width:14ch;text-align:right}.intro-statement{font-size:11vw;margin:55px 0;max-width:17ch}.practice-line{grid-template-columns:1fr;gap:15px;padding:25px 0}.practice-line h2{font-size:43px}.practice-line p{grid-row:2;max-width:30ch;font-size:14px}.exhibition-heading{font-size:17vw;margin-bottom:45px}.exhibition-heading em{margin-left:12%}.exhibition{padding-bottom:75px}.work-lamp,.work-retreat{width:100%}.work-lamp .image-window{aspect-ratio:4/3}.work-lamp .image-window img{object-position:62%}.work-caption h3{font-size:28px}.work-caption p{font-size:11px}.work-description{font-size:34px;margin-top:50px}.exhibition .stage-mark{display:none}.exhibition .more-work{margin-top:50px}.spatial-window{height:150svh}.spatial-type{font-size:19vw;top:17%}.spatial-shade{background:linear-gradient(90deg,#0b0f1280,transparent 100%),linear-gradient(0deg,#0b0f1280,transparent 55%)}.spatial-intro{bottom:12vh;font-size:14px;max-width:27ch}.spatial-intro p{font-size:15px}.spatial-detail{left:var(--gutter);right:auto;bottom:5vh}.spatial-back{object-position:64%}.spatial-frame{inset:11vh 15px 8vh}.studio-note{grid-template-columns:1fr;gap:45px}.studio-note h2{font-size:57px}.studio-note .portrait-mark{width:80px;height:80px;margin-bottom:35px}.studio-note p{font-size:22px}.playground-invite{padding-bottom:75px;grid-template-columns:1fr;gap:40px}.playground-invite h2{font-size:64px}.site-foot{padding-top:60px}.footer-top{display:block;margin-bottom:40px}.site-foot nav{margin-top:35px;gap:22px}.footer-invite{font-size:53px}.footer-wordmark{margin:40px 0 35px}.foot-bottom{flex-wrap:wrap;font-size:10px;row-gap:15px}.foot-bottom span:nth-child(2){display:none}.digital-overture{height:175svh}.digital-stage{min-height:650px}.digital-opening{top:113px}.digital-opening .label{font-size:10px;margin-bottom:25px}.digital-opening h1{font-size:16.3vw;max-width:10ch}.digital-opening h1 em{margin-left:10vw}.digital-art{top:39%;left:18%;width:75%;height:34%;transform:translate3d(calc(var(--p,0)*-3vw),calc(var(--p,0)*-10vh),0) scale(calc(1 + var(--p,0)*.17))}.digital-intro{font-size:14px;bottom:13%;max-width:25ch}.digital-bottom{font-size:10px}.digital-bottom>span{display:none}.digital-next{font-size:15vw;bottom:17%}.web-note{grid-template-columns:1fr;gap:35px}.web-note h2{font-size:47px}.web-note p{font-size:34px}.digital-work{padding-top:65px}.digital-work>header{display:block;margin-bottom:45px}.digital-work>header h2{font-size:61px}.digital-work>header p{margin-top:25px;max-width:30ch}.case-meta{grid-template-columns:1fr;gap:18px}.case-meta h3{font-size:39px}.case-meta .text-link{grid-column:auto;justify-self:start}.case-study{margin-bottom:65px}.case-window{aspect-ratio:4/5}.case-window img{object-position:65%}.case-window.retreat{width:100%;aspect-ratio:4/5}.case-title{font-size:55px;top:8%;left:7%}.case-title small{font-size:9px;margin-bottom:20px}.case-enter{width:80px;height:80px;font-size:11px;bottom:5%}.case-enter span{font-size:23px}.web-process{grid-template-columns:1fr;gap:50px}.web-process h2{position:static;font-size:62px}.process-detail summary{font-size:36px}.web-close{grid-template-columns:1fr;gap:40px;padding-top:70px;padding-bottom:70px}.web-close h2{font-size:62px}.studio-strip{gap:20px;font-size:10px;margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.overture,.digital-overture{height:auto}.overture-stage,.digital-stage{position:relative;height:100svh}.overture-next,.digital-next{display:none}.overture-title,.sculpture-plane,.gallery-light,.overture-rule,.digital-art,.digital-art img,.spatial-type,.spatial-back,.spatial-frame{transform:none!important}.overture-title,.digital-opening,.overture-note,.overture-caption,.digital-intro{opacity:1!important}.spatial-window{height:100svh}.spatial-stage{position:relative}.js .reveal{opacity:1;transform:none}.motion-switch{display:none}}
html.motion-paused{scroll-behavior:auto}.motion-paused .overture,.motion-paused .digital-overture{height:auto}.motion-paused .overture-stage,.motion-paused .digital-stage{position:relative}.motion-paused .overture-next,.motion-paused .digital-next{display:none}.motion-paused .overture-title,.motion-paused .sculpture-plane,.motion-paused .gallery-light,.motion-paused .overture-rule,.motion-paused .digital-art,.motion-paused .digital-art img{transform:none!important}.motion-paused .overture-title,.motion-paused .digital-opening,.motion-paused .overture-note,.motion-paused .overture-caption,.motion-paused .digital-intro{opacity:1!important}
.overture-title{max-width:none;width:78vw;white-space:nowrap}
.overture{height:310svh}.intro-sheet{margin-top:-100svh}.overture-title,.overture-next{mix-blend-mode:difference;color:#f5f5ed}
@media(min-width:701px){.overture-caption{left:var(--gutter);right:auto;bottom:19vh;max-width:29ch}}
@media(max-width:700px){.overture{height:270svh}.intro-sheet{margin-top:-100svh}}
@media(prefers-reduced-motion:reduce){.overture{height:auto}.intro-sheet{margin-top:0}}
.motion-paused .overture{height:auto}.motion-paused .intro-sheet{margin-top:0}
.motion-switch{position:absolute;top:135px;bottom:auto;right:var(--gutter)}
@media(max-width:700px){.motion-switch{top:110px}.sculpture-plane{width:105vw;right:-8vw}.overture-note{max-width:29ch}}
.process-detail[open] p{animation:detail-in .25s var(--ease)}@keyframes detail-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.digital-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .5s;transform:scale(calc(1.05 + var(--p,0)*.07))}.digital-art video.is-playing{opacity:1}.digital-art:after{z-index:2}.motion-paused .digital-art video{opacity:0}@media(prefers-reduced-motion:reduce){.digital-art video{display:none}}
html{scroll-padding-top:30px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-leave .22s ease-out both}::view-transition-new(root){animation:page-arrive .32s var(--ease) both}
@keyframes page-leave{to{opacity:0}}@keyframes page-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
@media(max-height:600px){.overture,.digital-overture{height:auto}.overture-stage,.digital-stage{position:relative;min-height:600px;height:600px}.intro-sheet{margin-top:0}.overture-next,.digital-next{display:none}.overture-title,.sculpture-plane,.gallery-light,.overture-rule,.digital-art,.digital-art img,.digital-art video{transform:none!important}.overture-title,.digital-opening,.overture-note,.overture-caption,.digital-intro{opacity:1!important}.overture-title{font-size:min(10vw,100px);top:32%}.digital-opening h1{font-size:min(10vw,100px)}.overture-caption{bottom:16vh}.overture-note{top:125px}}
html:not(.js) .overture,html:not(.js) .digital-overture{height:auto}html:not(.js) .overture-stage,html:not(.js) .digital-stage{position:relative}html:not(.js) .intro-sheet{margin-top:0}html:not(.js) .overture-next,html:not(.js) .digital-next,html:not(.js) .menu-toggle,html:not(.js) .motion-switch{display:none}html:not(.js) .spatial-window,.motion-paused .spatial-window{height:100svh}html:not(.js) .spatial-stage,.motion-paused .spatial-stage{position:relative}