@font-face{font-family:Zodiak;src:url(/fonts/Zodiak-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Ranade;src:url(/fonts/Ranade-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Supreme;src:url(/fonts/Supreme-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Boska;src:url(/fonts/Boska-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Erode;src:url(/fonts/Erode-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--gut: clamp(16px, 3.2vw, 44px);--ease: cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}body{margin:0;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p,ul,ol,figure{margin:0}.mb-bar{position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;padding:18px var(--gut);font:400 14px/1 var(--text, "Switzer"),sans-serif;mix-blend-mode:difference;color:#e8e8e4}.mb-bar a{text-decoration:none}.mb-bar a:last-child{justify-self:end}.mb-bar a:hover{text-decoration:underline;text-underline-offset:4px}.mb-count{opacity:.7;font-variant-numeric:tabular-nums}.mb-foot{padding:40px var(--gut) 44px;font:14px/1.5 var(--text, "Switzer"),sans-serif;color:var(--muted, #6b6c67)}.mb-index{--bg: #e4e3de;--ink: #1b1c1a;--muted: #5d5e59;--text: "Switzer";background:var(--bg);color:var(--ink);font:17px/1.55 Switzer,sans-serif}.mb-index .mb-bar{mix-blend-mode:normal;color:var(--ink);background:var(--bg)}.i-head{padding:clamp(120px,20vh,220px) var(--gut) clamp(70px,10vh,120px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;row-gap:36px}.i-head h1{grid-column:1 / span 9;font:300 clamp(44px,7.2vw,120px)/.98 "Zodiak",serif;letter-spacing:-.025em}.i-brief{grid-column:1 / span 6;font:300 clamp(21px,1.8vw,27px)/1.35 "Zodiak",serif}.i-how{grid-column:8 / span 4;color:var(--muted);align-self:end}.i-list{list-style:none;padding:0}.i-list li{background:var(--bg);color:var(--ink)}.i-list a{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;row-gap:14px;padding:28px var(--gut) 60px;text-decoration:none}.i-img{grid-column:1 / -1;height:62vh;overflow:hidden}.i-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 2.4s var(--ease)}.i-list a:hover .i-img img{transform:scale(1)}.i-name{grid-column:1 / span 6;font:340 clamp(48px,7vw,116px)/.95 var(--display),serif;letter-spacing:-.02em;margin-top:14px}.i-line{grid-column:7 / span 4;font:16px/1.5 var(--text),sans-serif;color:var(--muted);align-self:end}.i-verdict{grid-column:11 / span 2;justify-self:end;align-self:end;font:14px/1.4 var(--text),sans-serif;text-align:right}@media(max-width:820px){.i-head h1,.i-brief,.i-how{grid-column:1 / -1}.i-name,.i-line,.i-verdict{grid-column:1 / -1;justify-self:start;text-align:left}.i-img{height:46vh}}.board{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--text),sans-serif}.board h2{font:340 clamp(30px,3.6vw,56px)/1.02 var(--display),serif;letter-spacing:-.018em}.board section{padding:0 var(--gut)}.note{color:var(--muted);max-width:52ch}.b-lead{height:100vh;height:100svh;position:relative;overflow:hidden;padding:0!important;background:var(--dark)}.b-lead-img{position:absolute;top:-12%;right:0;bottom:0;left:0}.b-lead-img img{width:100%;height:100%;object-fit:cover}.b-name{position:absolute;left:calc(var(--gut) - .06em);bottom:clamp(36px,7vh,80px);font:300 clamp(72px,15vw,260px)/.86 var(--display),serif;letter-spacing:-.035em;color:#f3f1ec;white-space:nowrap}.b-verdict{position:absolute;right:var(--gut);bottom:clamp(44px,8vh,92px);color:#f3f1ec;font-size:14px;text-align:right;max-width:18ch}.b-idea{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;row-gap:56px;padding-top:clamp(100px,16vh,180px)!important;padding-bottom:clamp(90px,14vh,160px)!important}.b-idea-text{grid-column:1 / span 10;font:300 clamp(25px,2.9vw,44px)/1.18 var(--display),serif;letter-spacing:-.01em}.b-why{grid-column:6 / -1;padding-left:1.1em;display:grid;gap:18px;color:var(--muted);max-width:64ch}.b-why li::marker{color:var(--ink)}.b-wall{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;row-gap:20px;padding-bottom:clamp(100px,16vh,180px)!important}.b-wall figure{overflow:hidden}.b-wall img{width:100%;height:100%;object-fit:cover}.w0{grid-column:1 / span 7;aspect-ratio:16 / 10}.w1{grid-column:9 / span 4;aspect-ratio:4 / 5;margin-top:18vh}.w2{grid-column:2 / span 4;aspect-ratio:4 / 5;margin-top:-8vh}.w3{grid-column:7 / span 6;aspect-ratio:16 / 10;margin-top:10vh}.w4{grid-column:3 / span 7;aspect-ratio:16 / 9;margin-top:6vh}.b-demo{padding-bottom:clamp(100px,16vh,180px)!important}.b-demo-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;margin-bottom:34px;align-items:end}.b-demo-head h2{grid-column:1 / span 6}.b-demo-head p{grid-column:8 / span 5;color:var(--muted)}.demo{position:relative;width:100%;height:82vh;min-height:460px;overflow:hidden;background:var(--dark)}.demo canvas{width:100%;height:100%;display:block}.demo-sun{cursor:ew-resize;touch-action:pan-y}.demo-rain{cursor:crosshair}.demo-door{height:auto;min-height:0;background:none;overflow:visible}.b-palette,.b-type,.b-refs,.b-risks{padding-bottom:clamp(100px,16vh,180px)!important}.swatches{display:flex;height:52vh;min-height:300px;margin:40px 0 26px}.sw{background:var(--c);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;font-size:13px;min-width:0;transition:flex-grow 1s var(--ease)}.sw:hover{flex-grow:7!important}.sw-n,.sw-h{color:#f2f1ed;mix-blend-mode:difference;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-h{opacity:.7;font-variant-numeric:tabular-nums}.spec{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;margin-top:30px;align-items:end}.spec-d{grid-column:1 / span 7;font:300 clamp(64px,10vw,172px)/.9 var(--display),serif;letter-spacing:-.03em;white-space:nowrap}.spec-meta{grid-column:8 / -1;display:grid;gap:18px}.spec-names b{font-weight:500}.spec-t{font-size:20px;line-height:1.45}.b-refs h2{margin-bottom:48px}.ref{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;margin-bottom:64px;align-items:start}.ref-img{grid-column:1 / span 7;overflow:hidden;display:block}.ref-img img{width:100%;transition:transform 1.6s var(--ease)}.ref-img:hover img{transform:scale(1.03)}.ref:nth-of-type(2n) .ref-img{grid-column:6 / span 7;grid-row:1}.ref:nth-of-type(2n) .ref-copy{grid-column:1 / span 4;grid-row:1}.ref-copy{grid-column:9 / span 4;display:grid;gap:14px}.ref-copy h3{font:340 28px/1.1 var(--display),serif}.ref-copy h3 a{text-decoration:none}.ref-copy h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.ref-copy p{color:var(--muted)}.ref-copy span{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}.b-risks{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px}.b-risks h2{grid-column:1 / span 5}.b-risks ul{grid-column:7 / -1;padding-left:1.1em;display:grid;gap:16px;color:var(--muted)}.b-final{background:var(--dark);color:#f0eee9;padding-top:clamp(100px,16vh,180px)!important;padding-bottom:60px!important}.b-final-text{font:300 clamp(26px,3vw,46px)/1.18 var(--display),serif;max-width:30ch;letter-spacing:-.01em}.b-next{display:flex;justify-content:space-between;margin-top:clamp(80px,14vh,160px);gap:20px}.b-next a{font-size:clamp(34px,5vw,80px);line-height:1;text-decoration:none;font-weight:300;letter-spacing:-.02em;opacity:.55;transition:opacity .6s var(--ease)}.b-next a:hover{opacity:1}.board .mb-foot{background:var(--dark);color:#f0eee98c}.door-track{height:340vh;position:relative}.door-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--dark)}.door-layer{position:absolute;top:0;right:0;bottom:0;left:0}.door-layer img{width:100%;height:100%;object-fit:cover}.door-label{position:absolute;left:var(--gut);bottom:30px;color:#f3f1ec;font-size:14px;z-index:5;font-variant-numeric:tabular-nums}.line{display:block;overflow:hidden}.line>span{display:block;transform:translateY(105%);transition:transform 1.3s var(--ease)}.in .line>span{transform:none}@media(max-width:820px){.b-idea-text,.b-why,.b-demo-head h2,.b-demo-head p,.spec-d,.spec-meta,.b-risks h2,.b-risks ul{grid-column:1 / -1}.b-demo-head p,.b-risks ul{margin-top:16px}.b-wall figure{grid-column:1 / -1!important;margin-top:0!important}.w1,.w2{width:72%}.w1{justify-self:end}.ref-img,.ref-copy,.ref:nth-of-type(2n) .ref-img,.ref:nth-of-type(2n) .ref-copy{grid-column:1 / -1;grid-row:auto}.ref-copy{margin-top:18px}.swatches{flex-direction:column;height:auto}.sw{min-height:64px}.b-name{white-space:normal}.b-verdict{left:var(--gut);right:auto;top:90px;bottom:auto;text-align:left}.demo{height:64vh}}@media(prefers-reduced-motion:reduce){.line>span{transform:none}}