*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171817;color:#f1eee5;font:16px/1.5 Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1em;background:black;z-index:2}header,footer,.plate,figcaption,nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}header,footer{padding:1.4rem 5vw;border-bottom:1px solid #464742}.wordmark,footer b{font-weight:900;letter-spacing:-.06em}.wordmark{font-size:clamp(18px,2vw,32px)}nav{font-size:.85rem}.hero{display:grid;grid-template-columns:44% 56%;min-height:62vh}.intro{padding:clamp(38px,5vw,90px) 4vw 5vw 5vw;align-self:center}.micro,.plate,figcaption span,footer span,dt{font:11px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.micro i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cfc4a6;margin-right:8px}h1,h2{font-weight:750;letter-spacing:-.07em;line-height:.94;margin:.3em 0}h1{text-transform:uppercase;font-size:clamp(54px,6.8vw,126px);max-width:8ch}h2{font-size:clamp(42px,4.6vw,80px)}.lede{color:#c9c9bf;max-width:35ch}.cta,button{display:inline-flex;justify-content:space-between;gap:2em;background:#eeeade;color:#171817;padding:14px 22px;border:0;font:600 15px Helvetica,Arial;cursor:pointer}.cta{margin-top:18px}figure{margin:0;background:#e1dfd4;color:#272922;display:flex;flex-direction:column;justify-content:space-between;padding:24px 3vw}.plate,figcaption{border-bottom:1px solid #a5a69b;padding-bottom:10px}figcaption{border:0;border-top:1px solid #a5a69b;padding:12px 0 0}.product{width:100%;height:auto;max-height:53vh;object-fit:contain}figcaption b{font-weight:900;letter-spacing:-.05em}.design,.access{padding:6vw 7vw;display:grid;grid-template-columns:1fr 1.5fr;gap:6vw}.design{background:#f2efe6;color:#20221e}.design p:not(.micro){max-width:53ch}dl{margin:28px 0 0}dl div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bcbdb1;padding:10px 0}dd{margin:0}.access{grid-template-columns:1.3fr 1fr;align-items:center}.form{border-top:1px solid #606158;padding-top:10px}.form strong{display:block;font-size:28px}.form small{color:#cccac0}.form label{display:block;margin:20px 0 6px}.form input[type=email]{padding:12px;background:transparent;border:1px solid #a09f96;width:100%;font:inherit;color:inherit}.form button{margin-top:8px;width:100%;justify-content:center}footer{border-top:1px solid #464742}footer span{font-size:9px}@media(max-width:720px){.hero,.design,.access{grid-template-columns:1fr}.intro{padding:44px 6vw}.design,.access{padding:40px 6vw;gap:16px}nav a:first-child{display:none}.product{max-height:340px}.plate{font-size:9px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
header{background:#151515;padding-block:12px}.wordmark svg{display:block}.hero{background:#191918;grid-template-columns:40% 60%}.intro{padding-right:1vw}.intro h1{font:900 clamp(65px,7.8vw,140px)/.88 Georgia,serif;letter-spacing:-.065em;max-width:none}.tag{text-transform:uppercase;font-weight:bold;letter-spacing:.16em;font-size:clamp(14px,1.5vw,24px)}.micro i,.cta,.form button{background:#c0582b}.cta,.form button{color:#fff}.hero figure{background:radial-gradient(ellipse at 53% 66%,#67625c,#3a3937 66%,#292a28);color:#f0eae0}.unit{width:100%;filter:drop-shadow(0 16px 9px #18181880)}.plate,figcaption{border-color:#79766e}.rail{display:flex;justify-content:space-evenly;align-items:baseline;gap:10px;padding:20px 4vw;background:#242522;border-block:1px solid #56554e;font:11px monospace;letter-spacing:.12em}.rail b{font:700 clamp(20px,2.2vw,36px) Helvetica,Arial;letter-spacing:-.04em}.inside{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:5vw 8vw;background:#e8e4db;color:#21211f}.inside svg{width:100%;max-height:370px;filter:drop-shadow(0 10px 7px #3333)}.inside p:not(.micro){max-width:44ch}.design{background:#333431;color:#f2eee4}.design dl{margin-top:0}.design small{display:block;margin-top:14px;color:#cfcdc6}.access{border-top:4px solid #a94922}.design dt{color:#d4cec2}.design dd{text-align:right}.design dl div{gap:15px}.inside h2,.design h2,.access h2{font-family:Georgia,serif}@media(max-width:720px){.hero,.inside{grid-template-columns:1fr}.hero figure{min-height:260px}.intro{padding-right:6vw}.inside{padding:40px 6vw}.inside svg{max-height:280px}.wordmark svg{width:148px;height:auto}.rail{letter-spacing:0}.unit{max-height:350px}}