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