@font-face{font-family:Familjen;src:url('/assets/fonts/familjen-grotesk-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Familjen;src:url('/assets/fonts/familjen-grotesk-medium.ttf') format('truetype');font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-serif-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#ede6d6;--ink:#2a2725;--muted:#8b857a;--line:rgba(42,39,37,.18);--gutter:clamp(22px,3.2vw,64px);--serif:Instrument,Georgia,serif;--sans:Familjen,Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:0}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
::selection{background:#b5bca2;color:var(--ink)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}
img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-family:var(--serif);font-weight:400}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}dialog:focus{outline:none}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:16px;z-index:150}.skip-link:focus{top:20px}
.site-header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;z-index:50;padding:20px var(--gutter);color:white;mix-blend-mode:difference;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-size:18px;line-height:1;font-weight:500;letter-spacing:-.055em;white-space:nowrap}.menu-toggle{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:13px;font-weight:500;min-height:24px}.menu-dots{width:9px;height:9px;display:grid;grid-template-columns:repeat(2,3px);gap:2px}.menu-dots i{background:currentColor;border-radius:50%}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.14em;line-height:1.5;font-weight:400}.line-link{display:inline-flex;align-items:center;gap:19px;border-bottom:1px solid currentColor;padding:0 0 5px;font-size:15px;line-height:1.25;position:relative;transition:opacity .25s}.line-link span{display:inline-block;transition:transform .3s}.line-link:hover span{transform:translateX(4px)}.line-link:hover{opacity:.75}.hero-links .line-link{text-transform:uppercase}.round-button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:20px;transition:background .25s,transform .25s}.round-button:hover{background:white;transform:scale(1.06)}
.sticky-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}.scroll-scene{position:relative}
.hero{height:112svh;background:#333c2a;position:relative;z-index:0;color:#fff}.hero-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.hero-image{position:absolute;inset:0;transform:scale(1.025);object-position:50% 48%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.04) 34%,rgba(0,0,0,.18) 55%,rgba(0,0,0,.45) 100%)}.hero-heading{position:absolute;left:var(--gutter);top:73px}.hero h1{font-family:var(--serif);font-size:clamp(88px,8.2vw,156px);letter-spacing:-.04em;line-height:.85}.hero h1 span{display:block;overflow:hidden;padding:0 .07em .07em 0}.hero h1 span+span{margin-top:-.01em}.hero-links{display:flex;gap:26px;margin-top:24px}.hero-meta{position:absolute;top:49.5%;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1.25fr 1.3fr .7fr auto;gap:16px;text-transform:uppercase;letter-spacing:.15em;font-size:16px;line-height:1.2}.hero-meta a{justify-self:end}.hero-meta a span{margin-left:10px}.hero-note{position:absolute;bottom:37px;text-align:center;left:50%;transform:translateX(-50%);font-size:18px;line-height:1.3}.hero-folio{position:absolute;right:var(--gutter);bottom:40px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;line-height:1.5;text-align:right;opacity:.8}
.about{height:320svh;z-index:2;background:var(--paper)}.about-stage{background:var(--paper)}.about-copy{position:absolute;inset:0;display:grid;grid-template-columns:22% 78%;align-content:center;gap:0;padding:10vh var(--gutter);will-change:opacity,transform}.about-copy>.eyebrow{padding-top:12px}.word-reveal{font-size:clamp(38px,5.1vw,88px);line-height:1.06;letter-spacing:-.05em;max-width:1100px}.word-reveal .word{display:inline-block;opacity:.18;will-change:opacity}.about-description{grid-column:2;max-width:450px;line-height:1.5;margin-top:45px;font-size:18px}.collage{position:absolute;inset:0;will-change:opacity,transform}.js .collage{opacity:0;pointer-events:none}.collage-title{position:absolute;left:26%;top:1%;text-align:center;width:24%;font-family:var(--serif);font-size:clamp(34px,3.5vw,66px);line-height:.95;letter-spacing:-.04em}.float-image{position:absolute;border-radius:14px;will-change:transform;object-fit:cover}.float-1{left:-2%;top:15%;width:27%;height:41%;transform:rotate(-4deg)}.float-2{left:51%;top:1%;width:16%;height:23%;transform:rotate(-7deg)}.float-3{right:0;top:15%;width:27%;height:32%;transform:rotate(8deg)}.float-4{left:2%;top:64%;width:20%;height:23%;transform:rotate(3deg)}.float-5{left:25%;top:72%;width:22%;height:26%;transform:rotate(-2deg)}.float-6{right:1%;top:57%;width:25%;height:39%;transform:rotate(-5deg)}.collage-main{position:absolute;left:26%;top:27%;width:46%;height:40%;border-radius:14px;overflow:hidden;z-index:2;background:#c5bfae}.collage-main>img{transition:opacity .24s,transform .7s}.collage-main>img.is-changing{opacity:.2;transform:scale(1.025)}.gallery-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.gallery-status{position:absolute;right:18px;bottom:24px;color:white;font-size:10px;letter-spacing:.1em;text-shadow:0 1px 6px #000}
.marquee{height:175svh;background:var(--paper);z-index:2}.marquee-stage{display:grid;place-items:center}.marquee-rows{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden;opacity:.96}.marquee-rows>div{font-size:18.8vw;line-height:.9;white-space:nowrap;font-weight:500;letter-spacing:-.065em;width:max-content;will-change:transform}.marquee-rows>div:nth-child(2){color:transparent;-webkit-text-stroke:1px var(--ink)}.marquee-center{position:relative;background:var(--paper);text-align:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 35px;line-height:1.7}.marquee-center span{display:block;letter-spacing:.02em;font-size:15px;text-transform:none}.marquee-hint{position:absolute;bottom:32px;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.marquee-hint span{display:block;text-align:center;margin-top:14px;font-size:22px}
.split-project{height:320svh;z-index:3;background:var(--paper)}.split-stage{padding:70px 2.4vw 16px}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:calc(100% - 42px)}.split-copy{position:relative;background:var(--ink);color:var(--paper);border-radius:36px;padding:36px 3.2vw;overflow:hidden}.split-copy>.eyebrow{opacity:.65;font-size:11px}.split-texts{position:absolute;inset:85px 3.2vw 105px}.split-text{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1)}.split-text.is-active{opacity:1;transform:none}.split-text h2{font-size:clamp(36px,4.4vw,78px);line-height:1.02;letter-spacing:-.055em;max-width:500px}.split-text p{position:absolute;bottom:0;left:27%;right:0;font-size:16px;line-height:1.45;max-width:350px}.split-bottom{position:absolute;left:3.2vw;right:3.2vw;bottom:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.slide-dots{display:flex;gap:7px}.slide-dots button{width:44px;height:44px;border:1px solid rgba(237,230,214,.24);border-radius:50%;font-size:12px;color:#9d988f;transition:color .3s,border-color .3s}.slide-dots button.is-active{color:var(--paper);border-color:var(--paper)}.slide-dots button:hover{color:white}.split-bottom .line-link{font-size:12px;gap:12px}.split-images{position:relative;border-radius:36px;overflow:hidden;background:#9d9c8d}.split-image{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.5s cubic-bezier(.22,1,.36,1);object-position:center}.split-image.is-active{opacity:1;transform:scale(1)}.image-caption{position:absolute;bottom:24px;left:25px;color:white;text-transform:uppercase;font-size:10px;letter-spacing:.09em;text-shadow:0 1px 7px #000}.project-meta{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:17px 9px 0;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.portal{height:240svh;z-index:4;background:#fff}.portal-stage{display:grid;place-items:center;background:#fff}.portal-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:2;text-align:center;pointer-events:none}.portal-copy h2{font-size:clamp(60px,9.5vw,170px);letter-spacing:-.065em;line-height:.97}.char-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.char-mask>span{display:block;transform:translateY(110%);will-change:transform}.portal-window{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:35vw;height:51vh;border-radius:30px;overflow:hidden;will-change:width,height,border-radius}.portal-window img{object-position:55% 50%}
.immersive-project{height:400svh;z-index:5;background:#b4bbaa;color:white}.immersive-images,.immersive-image{position:absolute;inset:0}.immersive-image{transform:scale(1.025);will-change:clip-path}.immersive-image:nth-child(n+2){clip-path:inset(100% 0 0 0)}.immersive-image:first-child{object-position:60% center}.immersive-image:nth-child(2){object-position:center}.immersive-image:nth-child(3){object-position:55% center}.immersive-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 40%,#0005)}.immersive-heading{position:absolute;left:var(--gutter);top:95px;transition:opacity .4s,transform .5s}.immersive-heading h2{font-family:var(--serif);font-size:clamp(78px,9vw,162px);letter-spacing:-.045em;line-height:.82;margin-top:25px}.immersive-card{position:absolute;left:var(--gutter);bottom:87px;width:min(395px,35vw);height:270px;border-radius:20px;background:rgba(237,230,214,.96);color:var(--ink);padding:25px 27px}.immersive-texts{position:relative;height:190px}.immersive-text{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s}.immersive-text.is-active{opacity:1;transform:none}.immersive-text .eyebrow{font-size:9px;color:#777267}.immersive-text h3{font-size:35px;line-height:.97;letter-spacing:-.045em;margin:10px 0 13px}.immersive-text>p:last-child{font-size:13px;line-height:1.4;max-width:330px}.immersive-card>.line-link{font-size:11px;gap:25px}.immersive-bottom{position:absolute;inset:auto var(--gutter) 31px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.scene-navigation{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:.05em}.scene-navigation button{min-height:28px;min-width:24px;opacity:.45;border-bottom:1px solid transparent;transition:opacity .3s}.scene-navigation button.is-active{opacity:1;border-color:currentColor}.scene-navigation button:hover{opacity:1}.scene-navigation>span{opacity:.5;margin-left:5px}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff3b}.scene-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--paper);will-change:transform}
.threshold-intro{height:210svh;z-index:6;background:var(--paper)}.threshold-intro-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);padding:80px var(--gutter)}.threshold-intro-stage>.eyebrow{position:absolute;top:110px}.threshold-intro h2{font-family:var(--serif);font-size:clamp(76px,10.5vw,180px);line-height:.86;text-align:center;letter-spacing:-.04em;z-index:2;will-change:transform,opacity;pointer-events:none}.threshold-intro-image{position:absolute;width:29vw;height:50vh;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:24px;overflow:hidden;opacity:0;will-change:width,height,opacity}.threshold-intro-note{position:absolute;bottom:55px;text-align:center;font-size:13px;line-height:1.4}
.threshold-project{height:320svh;z-index:7;background:var(--paper)}.threshold-stage{padding:70px 2.4vw 25px;display:grid;grid-template-columns:54% 46%;gap:0}.threshold-images{position:relative;border-radius:30px;overflow:hidden}.threshold-images img{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 1.6s}.threshold-images img:first-child{opacity:1}.threshold-images img.is-active{opacity:1;transform:scale(1)}.threshold-images img:not(.is-active){opacity:0}.threshold-images img:nth-child(2){object-position:center 55%}.threshold-copy{position:relative;padding:35px 1.4vw 20px 5vw}.threshold-copy>.eyebrow{font-size:10px;letter-spacing:.12em}.threshold-copy h2{font-family:var(--serif);font-size:clamp(65px,8vw,136px);letter-spacing:-.04em;line-height:.86;margin-top:36px}.threshold-texts{position:relative;margin-top:32px;height:100px;max-width:320px}.threshold-texts p{position:absolute;inset:0;font-size:16px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s}.threshold-texts p.is-active{opacity:1;transform:none}.threshold-copy>.line-link{font-size:13px}.threshold-info{position:absolute;left:5vw;right:10px;bottom:16px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}.threshold-caption{position:absolute;left:calc(2.4vw + 25px);bottom:49px;color:white;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 7px #000}
.contact-image{height:100svh;position:relative;z-index:8;color:white;overflow:hidden}.contact-image>img{position:absolute;inset:0;object-position:center;transform:scale(1.04)}.contact-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,#0001)}.contact-image>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}.contact-image h2{font-family:var(--serif);font-size:clamp(80px,10.5vw,190px);letter-spacing:-.045em;line-height:.85;margin:30px 0 40px}.contact-image .line-link{text-transform:uppercase;font-size:13px}
.site-footer{position:relative;z-index:9;background:var(--paper);padding:60px var(--gutter) 20px}.footer-frame{border:1px solid var(--line);border-radius:32px;padding:40px;min-height:620px;display:flex;flex-direction:column}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-top>.eyebrow{font-size:11px;letter-spacing:.1em}.footer-top .wordmark{font-size:14px}.footer-main{display:grid;grid-template-columns:2.15fr .8fr .8fr;gap:28px;padding:56px 0 60px;flex:1}.footer-statement h2{font-family:var(--serif);font-size:clamp(80px,8.5vw,150px);letter-spacing:-.05em;line-height:.82}.footer-statement>p{line-height:1.4;font-size:15px;margin-top:35px}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:21px;font-size:14px}.footer-main nav>.eyebrow{font-size:10px;color:var(--muted);margin:6px 0 0}.footer-main nav>a,.footer-main nav>button{transition:opacity .25s}.footer-main nav>a:hover,.footer-main nav>button:hover{opacity:.55}.footer-main nav>a span,.footer-main nav>button span{margin-left:5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:38px;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.reading-progress{position:fixed;left:0;bottom:0;width:100%;height:2px;z-index:55;pointer-events:none;mix-blend-mode:difference}.reading-progress i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;will-change:transform}
/* Dialogs keep the scroll position of the architectural narrative. */
dialog{padding:0;border:0;color:var(--ink);background:var(--paper);max-width:none;max-height:none;margin:0}dialog::backdrop{background:rgba(20,23,18,.55);backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.22,1,.36,1)}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.dialog-top{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:var(--paper)}.dialog-top .wordmark{font-size:16px}.close-button{display:flex;align-items:center;gap:16px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;min-height:40px}.close-button span{font-size:28px;line-height:1}.menu-dialog{width:100%;height:100svh;overflow-y:auto}.menu-dialog .dialog-top{border:0}.menu-layout{padding:40px var(--gutter);display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;align-items:center;min-height:calc(100svh - 160px)}.menu-layout>div>.eyebrow{font-size:11px;color:var(--muted);margin-bottom:24px}.menu-links{display:flex;flex-direction:column;gap:9px}.menu-links>a{font-family:var(--serif);font-size:clamp(42px,5.5vw,110px);letter-spacing:-.04em;display:flex;align-items:baseline;gap:20px;line-height:1.15;transition:opacity .25s}.menu-links>a>span{font-family:var(--sans);font-size:11px;letter-spacing:.03em;transform:translateY(-4px)}.menu-links>a>i{font-family:var(--sans);font-size:25px;font-style:normal;margin-left:auto;opacity:0;transform:translateX(-12px);transition:opacity .3s,transform .3s}.menu-links>a:hover>i,.menu-links>a:focus-visible>i{opacity:1;transform:none}.menu-links>a.menu-secondary{font-family:var(--sans);font-size:23px;margin-top:25px;letter-spacing:-.02em}.menu-links>a.menu-secondary+.menu-secondary{margin-top:5px}.menu-image>img{height:50vh;border-radius:20px;transition:opacity .25s}.menu-image p{margin-top:15px;font-size:11px;color:var(--muted)}.menu-bottom{padding:20px var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:11px;border-top:1px solid var(--line)}
.project-dialog{inset:0;width:100%;height:100svh;overflow-y:auto;overscroll-behavior:contain}.dossier-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:70px var(--gutter) 50px}.dossier-intro h2{font-family:var(--serif);font-size:clamp(70px,8vw,130px);line-height:.92;letter-spacing:-.05em;margin:20px 0}.dossier-original{font-size:15px;color:#746e62}.dossier-intro-right{display:flex;flex-direction:column;justify-content:flex-end;gap:24px;line-height:1.6;font-size:17px}.dossier-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;line-height:1.5}.dossier-meta dt{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.1em;margin-bottom:8px}.dossier-meta dd{margin:0}.dossier-hero{height:78vh;margin:0 var(--gutter) 65px;position:relative;border-radius:24px;overflow:hidden;cursor:zoom-in}.dossier-section{padding:0 var(--gutter) 70px}.dossier-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:25px 0}.dossier-section-header h3{font-family:var(--serif);font-size:45px;letter-spacing:-.03em}.dossier-section-header span{font-size:11px;color:var(--muted)}.plates-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 22px}.plate{margin:0}.plate>button{width:100%;text-align:left;cursor:zoom-in}.plate-image{height:330px;background:white;border-radius:10px;overflow:hidden;position:relative}.plate-image img{object-fit:contain;transition:transform .6s}.plate-image.photo img{object-fit:cover}.plate>button:hover img{transform:scale(1.025)}.plate figcaption{font-size:12px;line-height:1.4;margin-top:12px;display:flex;justify-content:space-between;gap:15px}.plate figcaption span{color:var(--muted);font-size:10px}.dossier-note{font-size:11px;line-height:1.6;color:var(--muted);max-width:670px;margin:0 var(--gutter) 65px}.dossier-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px var(--gutter) 40px;border-top:1px solid var(--line)}.dossier-bottom button{font-size:14px}.lightbox{position:fixed;inset:0;width:100%;height:100svh;background:#f6f3eb}.lightbox-toolbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);font-size:11px;letter-spacing:.12em}.lightbox figure{position:absolute;inset:70px 80px 25px;display:flex;flex-direction:column;align-items:center}.lightbox figure>img{object-fit:contain;height:calc(100% - 40px);flex:1;min-height:0}.lightbox figcaption{padding-top:17px;font-size:12px;text-align:center}.lightbox-prev,.lightbox-next{position:absolute;top:50%;z-index:2;border:1px solid var(--line)}.lightbox-prev{left:var(--gutter)}.lightbox-next{right:var(--gutter)}.designer-dialog{width:min(720px,100%);height:100svh;left:auto;overflow-y:auto}.designer-content{padding:60px var(--gutter)}.designer-content h2{font-family:var(--serif);font-size:70px;letter-spacing:-.04em;line-height:1;margin:25px 0 30px}.designer-lead{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin-bottom:24px}.designer-content>p:not(.eyebrow):not(.designer-lead){font-size:16px;line-height:1.6;max-width:500px}.designer-content dl{border-top:1px solid var(--line);margin:40px 0;padding-top:24px}.designer-content dl>div{display:grid;grid-template-columns:1fr 2fr;margin-bottom:22px}.designer-content dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.designer-content dd{margin:0;font-size:14px;line-height:1.5}.designer-links{display:flex;flex-wrap:wrap;gap:24px}.designer-links a{font-size:12px}
.site-header{mix-blend-mode:normal;color:var(--ink);transition:color .25s}.site-header.is-light{color:#fff;text-shadow:0 1px 12px #0004}.dossier-hero{display:block;width:calc(100% - var(--gutter)*2)}
@media(min-width:1600px){.immersive-card{height:310px;width:450px;padding:30px}.immersive-texts{height:225px}.immersive-text h3{font-size:43px}.immersive-text>p:last-child{font-size:15px}.threshold-texts{height:115px;max-width:380px}.threshold-texts p{font-size:18px}}
@media(max-width:1000px){.split-copy{padding-top:28px;border-radius:26px}.split-images{border-radius:26px}.split-texts{top:75px;bottom:112px}.split-text p{left:0;font-size:14px;max-width:270px}.split-bottom{flex-wrap:wrap;gap:16px;bottom:25px}.slide-dots button{width:36px;height:36px}.hero-meta{font-size:13px}.immersive-card{width:350px}.threshold-copy{padding-top:20px}.threshold-copy h2{font-size:8.4vw}.threshold-texts{height:116px;margin-top:25px}.threshold-texts p{font-size:14px}.threshold-info{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-frame{padding:30px}.menu-layout{gap:4vw}.menu-links>a{gap:14px;font-size:6vw}.plate-image{height:270px}}
@media(max-width:700px){
  :root{--gutter:22px}.site-header{padding:20px 22px}.wordmark{font-size:17px}.menu-toggle{font-size:12px}.hero{height:108svh}.hero-heading{top:102px}.hero h1{font-size:clamp(88px,19vw,128px);line-height:.86}.hero-image{object-position:51% center}.hero-shade{background:linear-gradient(180deg,#0004,#0001 46%,#0007)}.hero-links{gap:22px;margin-top:25px}.hero-links .line-link{font-size:11px;gap:10px}.hero-meta{top:auto;bottom:152px;grid-template-columns:1fr 1fr;row-gap:17px;font-size:10px;letter-spacing:.13em}.hero-meta>span:nth-child(2){text-align:right}.hero-meta a{justify-self:end}.hero-note{bottom:52px;font-size:15px;width:80%}.hero-folio{display:none}
  .about{height:280svh}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:85px 22px}.about-copy>.eyebrow{padding:0;margin-bottom:28px;font-size:10px}.word-reveal{font-size:clamp(34px,8.5vw,53px);line-height:1.08;letter-spacing:-.045em}.about-description{font-size:14px;max-width:290px;line-height:1.5;margin-top:30px}.collage-title{left:20%;top:9%;width:60%;font-size:35px;z-index:2}.collage-main{left:10%;top:34%;width:80%;height:31%;border-radius:11px}.float-image{border-radius:10px}.float-1{left:-15%;top:21%;width:45%;height:26%;transform:rotate(-7deg)}.float-2{left:69%;top:19%;width:35%;height:22%;transform:rotate(8deg)}.float-3{right:-12%;top:57%;width:39%;height:22%}.float-4{left:-10%;top:66%;width:46%;height:20%;transform:rotate(-5deg)}.float-5{left:20%;top:82%;width:43%;height:18%}.float-6{right:-9%;top:81%;width:36%;height:22%}.gallery-status{font-size:9px;bottom:20px;right:13px}.gallery-controls{bottom:12px}.round-button{width:38px;height:38px}.marquee{height:150svh}.marquee-rows{gap:14px}.marquee-rows>div{font-size:29vw;line-height:1}.marquee-center{padding:10px 20px}.marquee-center span{font-size:13px}.marquee-hint{font-size:10px}
  .split-project{height:340svh}.split-stage{padding:65px 12px 12px}.split-panels{display:flex;flex-direction:column-reverse;gap:8px;height:calc(100% - 47px)}.split-copy{border-radius:22px;padding:19px 22px;height:45%;min-height:245px;flex-shrink:0}.split-copy>.eyebrow{font-size:8px}.split-images{border-radius:22px;flex:1;min-height:0}.split-texts{inset:46px 22px 54px}.split-text h2{font-size:clamp(30px,8vw,43px);line-height:.98;max-width:90%}.split-text p{position:absolute;left:54%;right:0;bottom:0;font-size:10px;line-height:1.4;max-width:none}.split-text h2 br:nth-of-type(2){display:none}.split-bottom{left:22px;right:22px;bottom:15px;gap:10px;flex-wrap:nowrap}.slide-dots{gap:6px}.slide-dots button{width:30px;height:30px;font-size:9px}.split-bottom .line-link{font-size:10px;gap:12px}.image-caption{left:18px;bottom:16px;font-size:8px}.project-meta{font-size:8px;padding:15px 6px 0;gap:10px;line-height:1.4}.project-meta span:nth-child(3){display:none}.project-meta span:nth-child(2){text-align:right;max-width:42%}
  .portal{height:210svh}.portal-copy{gap:22px}.portal-copy .eyebrow{font-size:10px}.portal-copy h2{font-size:clamp(53px,12vw,90px)}.portal-window{width:67vw;height:43svh;border-radius:20px}.immersive-project{height:370svh}.immersive-heading{top:90px;left:22px}.immersive-heading>.eyebrow{font-size:9px}.immersive-heading h2{font-size:clamp(82px,22vw,135px);margin-top:22px;line-height:.82}.immersive-card{left:16px;right:16px;bottom:78px;width:auto;max-width:330px;height:221px;border-radius:17px;padding:20px 22px}.immersive-texts{height:158px}.immersive-text .eyebrow{font-size:8px}.immersive-text h3{font-size:30px;margin:7px 0 10px}.immersive-text>p:last-child{font-size:11px;line-height:1.4;max-width:280px}.immersive-card>.line-link{font-size:10px}.immersive-bottom{left:22px;right:22px;bottom:27px;font-size:8px;letter-spacing:.07em;gap:15px}.immersive-bottom>span{max-width:140px;line-height:1.5}.scene-navigation{gap:10px;font-size:10px}.scene-navigation button{min-width:22px}.immersive-image:first-child{object-position:65% center}.immersive-image:nth-child(2){object-position:59% center}.immersive-image:nth-child(3){object-position:47% center}
  .threshold-intro{height:190svh}.threshold-intro h2{font-size:clamp(60px,16vw,100px)}.threshold-intro-stage>.eyebrow{top:100px;font-size:9px}.threshold-intro-image{width:62vw;height:47svh}.threshold-intro-note{bottom:50px;font-size:11px}.threshold-project{height:340svh}.threshold-stage{padding:65px 12px 16px;display:flex;flex-direction:column}.threshold-images{height:51%;border-radius:22px;flex-shrink:0}.threshold-copy{height:49%;padding:22px 10px 0}.threshold-copy>.eyebrow{font-size:8px}.threshold-copy h2{font-size:clamp(54px,15vw,80px);margin-top:17px;line-height:.8;width:55%}.threshold-texts{position:absolute;top:55px;left:56%;right:10px;margin:0;height:125px;max-width:none}.threshold-texts p{font-size:11px;line-height:1.4}.threshold-copy>.line-link{margin-top:21px;font-size:10px}.threshold-info{left:10px;right:10px;bottom:0;padding-top:14px;flex-direction:row;align-items:center;font-size:8px}.threshold-caption{top:calc(51% - 14px);bottom:auto;left:29px;font-size:8px}.contact-image{height:85svh}.contact-image .eyebrow{font-size:9px}.contact-image h2{font-size:clamp(70px,18vw,105px);margin:28px 0 30px}.contact-image .line-link{font-size:11px}
  .site-footer{padding:28px 12px 12px}.footer-frame{border-radius:24px;padding:24px 20px;min-height:0}.footer-top{padding-bottom:26px;align-items:flex-start}.footer-top .wordmark{font-size:12px}.footer-top>.eyebrow{font-size:8px;max-width:125px;text-align:right;line-height:1.5}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;padding:35px 0 38px}.footer-statement{grid-column:1/-1}.footer-statement h2{font-size:90px;line-height:.8}.footer-statement>p{font-size:12px;line-height:1.45;margin-top:24px}.footer-main nav{font-size:11px;gap:18px}.footer-main nav>.eyebrow{font-size:8px}.footer-bottom{display:grid;grid-template-columns:1fr auto;font-size:8px;letter-spacing:.07em;padding-top:25px;row-gap:15px}.footer-bottom>span:nth-child(2){grid-row:2;grid-column:1/-1;opacity:.55}.footer-bottom>a{grid-row:1;grid-column:2}
  .dialog-top{height:65px}.dialog-top .wordmark{font-size:14px}.close-button{font-size:10px;gap:10px}.menu-layout{display:block;padding:38px 22px 25px;min-height:calc(100svh - 170px)}.menu-layout>div>.eyebrow{font-size:9px;margin-bottom:28px}.menu-links{gap:12px}.menu-links>a{font-size:clamp(39px,10vw,66px);gap:14px;line-height:1.1}.menu-links>a>span{font-size:9px}.menu-links>a>i{display:none}.menu-links>a.menu-secondary{font-size:21px;margin-top:30px}.menu-image{display:none}.menu-bottom{flex-direction:column;gap:12px;padding:20px 22px;font-size:10px}.dossier-intro{grid-template-columns:1fr;padding:40px 22px 30px;gap:25px}.dossier-intro h2{font-size:69px;margin:20px 0 15px}.dossier-intro>.eyebrow{font-size:9px}.dossier-original{font-size:12px}.dossier-intro-right{font-size:14px;gap:20px}.dossier-meta{gap:12px;font-size:9px;padding-top:16px}.dossier-meta dt{font-size:8px}.dossier-hero{height:47svh;border-radius:15px;margin:0 12px 35px}.dossier-section{padding:0 22px 40px}.dossier-section-header{padding:20px 0}.dossier-section-header h3{font-size:34px}.dossier-section-header span{font-size:9px;max-width:115px;text-align:right}.plates-grid{grid-template-columns:1fr;gap:25px}.plate-image{height:auto;aspect-ratio:1.4}.plate-image.photo{aspect-ratio:1.4}.plate figcaption{font-size:11px}.dossier-note{margin:0 22px 35px;font-size:10px}.dossier-bottom{padding:25px 22px;gap:15px}.dossier-bottom button{font-size:11px}.lightbox-toolbar{height:65px}.lightbox figure{inset:72px 12px 85px}.lightbox figcaption{font-size:11px;padding-top:20px}.lightbox-prev,.lightbox-next{top:auto;bottom:22px}.lightbox-prev{left:calc(50% - 50px)}.lightbox-next{right:calc(50% - 50px)}.designer-content{padding:40px 22px}.designer-content h2{font-size:62px}.designer-lead{font-size:23px}.designer-content>p:not(.eyebrow):not(.designer-lead){font-size:14px}.designer-content dl>div{grid-template-columns:.7fr 2fr}.designer-content dd{font-size:12px}
}
@media(max-width:700px){.threshold-copy h2{font-size:clamp(40px,13vw,70px)}.dossier-hero{width:calc(100% - 24px)}.immersive-image:first-child{object-position:24% center}}
@media(max-width:380px){.split-text p{font-size:9px}.hero-links{gap:16px}.hero-links .line-link{font-size:10px}.threshold-texts p{font-size:10px}.threshold-copy>.line-link{margin-top:17px}.threshold-info{padding-top:10px}.immersive-card{height:213px}.immersive-texts{height:150px}.immersive-text h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-image{transform:none!important}.about{height:auto}.about-stage{position:relative;height:auto;overflow:hidden}.about-copy{position:relative;transform:none!important;opacity:1!important;min-height:85svh}.word-reveal .word{opacity:1!important}.collage{position:relative;height:90svh;opacity:1!important;transform:none!important;pointer-events:auto!important}.float-image{transform:var(--final-transform)!important}.marquee{height:75svh}.marquee-stage{position:relative;height:75svh}.marquee-rows>div{transform:none!important}.portal{height:100svh}.portal-copy{opacity:1!important}.portal-window{opacity:.15!important;width:80%!important;height:70%!important;border-radius:24px!important}.char-mask>span{transform:none!important}.threshold-intro{height:100svh}.threshold-intro h2,.threshold-intro-note{transform:none!important;opacity:1!important}.threshold-intro-image{opacity:.13!important;width:80%!important;height:70%!important}.immersive-image{transform:none!important}.reading-progress{display:none}}
html:not(.js) .about{height:auto}html:not(.js) .about-stage{height:auto;position:relative}html:not(.js) .about-copy{position:relative;min-height:90svh}html:not(.js) .collage{position:relative;height:90svh}html:not(.js) .scroll-scene:not(.about){height:100svh}html:not(.js) .portal-copy .char-mask>span{transform:none}html:not(.js) .portal-window{opacity:.1}html:not(.js) .threshold-intro-image{opacity:.15}