@font-face{font-family:Manrope;src:url(../manrope-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--paper:#efeee9;--ink:#232423;--muted:#5c5d57;--line:#cbc9c1;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid}.skip{z-index:20;background:var(--paper);padding:16px;position:fixed;top:-100px;left:20px}.skip:focus{top:12px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;margin:0 4vw;display:flex}.wordmark{letter-spacing:-2.4px;font-size:32px;font-weight:750;line-height:1}.wordmark span{vertical-align:top;letter-spacing:0;margin:3px 0 0 4px;font-size:12px;display:inline-block}.masthead nav{gap:32px;font-size:13px;font-weight:600;display:flex}.masthead a:not(.wordmark),.text-link,footer>a:last-child{transition:opacity .18s}.masthead a:hover,.text-link:hover,footer>a:last-child:hover{opacity:.65}.header-link{border:1px solid var(--ink);border-radius:40px;padding:12px 18px;font-size:12px}.header-link span{margin-left:15px}.track{position:relative}.track.is-live{height:190svh}.stage{background:var(--paper);height:calc(100svh - 88px);min-height:650px;max-height:1100px;margin:0;position:relative;overflow:hidden}.is-live .stage{position:sticky;top:0}.hero-word{text-align:center;letter-spacing:-.095em;width:100%;margin:0;padding-right:.09em;font-size:clamp(200px,31.2vw,540px);font-weight:650;line-height:.98;position:absolute;top:5%;left:0}.artwork{pointer-events:none;width:100%;height:110%;position:absolute;top:-6%;left:0}.artwork img,.artwork canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.artwork img{transition:opacity .22s}.artwork canvas{opacity:0;transition:opacity .22s}.stage[data-state=ready] canvas{opacity:1}.stage[data-state=ready] .artwork img{opacity:0}.hero-copy{z-index:2;max-width:310px;position:absolute;bottom:56px;left:4vw}.hero-copy>span{letter-spacing:-.7px;font-size:22px;font-weight:550}.hero-copy p{color:var(--muted);margin:14px 0 24px;font-size:13px;line-height:1.7}.text-link{border-bottom:1px solid;align-items:center;gap:26px;padding-bottom:7px;font-size:12px;font-weight:650;display:inline-flex}.finish-picker{z-index:2;border:0;margin:0;padding:0;position:absolute;bottom:56px;right:4vw}.finish-picker legend{color:var(--muted);margin-bottom:12px;font-size:11px}.finish-options{gap:4px;display:flex}.finish-options button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:11px;transition:border-color .16s,background .16s;display:flex}.finish-options button[aria-pressed=true]{background:#e4e3dc;border-color:#7a7a70}.finish-options button:hover{border-color:#7a7a70}.swatch{border:1px solid #717168;border-radius:50%;width:13px;height:13px}.silver{background:#b8bec2}.champagne{background:#ba9063}.graphite{background:#41464b}.section{margin:0 4vw;padding:110px 0}.section-label{font-size:12px;font-weight:550}.notes{border-top:1px solid var(--line);grid-template-columns:1fr 2.25fr .5fr;gap:6vw;display:grid}h2{letter-spacing:-.065em;margin:0 0 34px;font-size:clamp(44px,5.5vw,82px);font-weight:500;line-height:1.06}.statement h2 span{color:#777970}.statement p{max-width:510px;color:var(--muted);font-size:15px;line-height:1.8}.round-link{border:1px solid var(--line);border-radius:50%;place-self:end;place-items:center;width:62px;height:62px;font-size:28px;transition:transform .18s;display:grid}.round-link:hover{transform:translate(3px,3px)}.material{background:#d7d3ca;grid-template-columns:1.15fr 1fr;min-height:760px;display:grid;overflow:hidden}.material-image{min-height:620px;position:relative;overflow:hidden}.material-image img{object-fit:cover;width:165%;height:120%;position:absolute;top:-8%;left:-32%;transform:rotate(-14deg)}.material-copy{align-self:center;padding:100px 9vw 100px 4vw}.material-copy h2{margin-top:36px}.material-copy p{max-width:340px;margin-bottom:30px;font-size:14px;line-height:1.8}.details{grid-template-columns:1fr 1fr;gap:12vw;padding-top:130px;padding-bottom:130px;display:grid}.detail-heading h2{margin-top:32px;font-size:clamp(42px,4.5vw,68px)}.detail-heading>p{color:var(--muted);font-size:14px}.principles article{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:28px}h3{letter-spacing:-.5px;margin:0 0 12px;font-size:18px;font-weight:550}.principles p{color:var(--muted);max-width:390px;font-size:13px;line-height:1.8}.closing{background:var(--ink);color:var(--paper);padding:100px 8vw 90px}.closing p{letter-spacing:-.06em;margin:0 0 52px;font-size:clamp(36px,5.5vw,82px);font-weight:450;line-height:1.1}.closing a{border-top:1px solid #77776e;justify-content:space-between;padding-top:26px;font-size:15px;display:flex}.closing a span{font-size:30px;transition:transform .18s}.closing a:hover span{transform:translate(4px,-4px)}footer{justify-content:space-between;align-items:center;gap:28px;padding:42px 4vw;display:flex}footer p,footer>a:last-child{font-size:11px}@media (width>=1600px){.hero-word{top:0}.hero-copy,.finish-picker{bottom:70px}}@media (width<=900px){.hero-word{top:12%}.stage{min-height:700px}.artwork{height:90%;top:0}.hero-copy{bottom:135px}.finish-picker{bottom:36px;left:4vw;right:auto}.notes{grid-template-columns:1fr 3fr}.round-link{display:none}.material{min-height:600px}.material-image{min-height:580px}.material-copy{padding:70px 6vw 70px 1vw}.details{gap:7vw}}@media (width<=600px){.masthead{height:72px;margin:0 6vw}.wordmark{font-size:28px}.masthead nav{display:none}.header-link{padding:10px 14px;font-size:10px}.stage{height:calc(100svh - 72px);min-height:700px}.hero-word{font-size:32vw;top:12%}.artwork{width:120%;height:79%;top:-3%;left:-10%}.hero-copy{bottom:139px;left:6vw}.hero-copy>span{font-size:23px}.hero-copy p{margin:10px 0 17px;font-size:12px}.finish-picker{bottom:38px;left:6vw}.section{margin:0 6vw;padding:64px 0}.notes{grid-template-columns:1fr;gap:30px}.statement p{font-size:14px}.material{grid-template-columns:1fr}.material-image{min-height:430px}.material-image img{width:125%;height:140%;top:-20%;left:-12%}.material-copy{padding:35px 6vw 64px}.material-copy h2{margin-top:25px}.details{grid-template-columns:1fr;gap:40px}.principles article:last-child{margin-bottom:0}.closing{padding:70px 6vw}.closing p{font-size:40px}footer{flex-wrap:wrap;padding:32px 6vw}footer p{order:3;width:100%;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.finish-study{background:#deded4;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;display:grid}.finish-study h2{letter-spacing:-.05em;margin:1.5rem 0;font-size:clamp(2.8rem,5.5vw,6rem);font-weight:500;line-height:1}.finish-study p{color:#52554e;max-width:30ch}.finish-compare{aspect-ratio:4/3;position:relative}.finish-compare img{object-fit:contain;width:100%;height:100%;position:absolute}.finish-after{clip-path:inset(0 calc(100% - var(--finish-split,50%)) 0 0)}.finish-compare:after{content:"";top:0;bottom:0;left:var(--finish-split,50%);background:#55594f;width:1px;position:absolute}.finish-labels{justify-content:space-between;font-size:.8rem;display:flex}.finish-range{gap:.7rem;margin-top:1.5rem;font-size:.8rem;display:grid}.finish-range input{accent-color:#383d32;width:100%;min-height:44px}@media (width<=700px){.finish-study{grid-template-columns:1fr;gap:2rem}}