:root{--bg:#141517;--surface:#1c1e21;--ink:#eeeDE9;--muted:#9b9da3;--line:#ffffff20;--accent:#b5c3d7;--ease:cubic-bezier(.22,1,.36,1);--surface-time:560ms;--text-time:440ms;color-scheme:dark;font-family:Onest,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}p,h1,h2{margin:0}svg{display:block}button span{pointer-events:none}.skip{position:fixed;top:10px;left:10px;z-index:1000;padding:12px;background:var(--ink);color:var(--bg);transform:translateY(-180%)}.skip:focus{transform:none}.chrome{height:108px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:linear-gradient(#141517ed,#14151770,transparent);pointer-events:none}.chrome>*{pointer-events:auto}.brand{display:flex;gap:15px;align-items:center;font-size:13px;letter-spacing:.1em}.brand-mark{font-size:33px;letter-spacing:-.12em;padding-right:5px;font-weight:450}.brand small{display:block;font-size:7.6px;letter-spacing:.14em;margin-top:5px;color:#a3a4a7}.chrome-actions{display:flex;gap:8px}.pill{height:38px;border:1px solid #ffffff40;border-radius:24px;background:#1b1c1fbd;padding:0 17px;font-size:11px;display:flex;align-items:center;gap:17px;transition:background 200ms,color 200ms,border-color 200ms;backdrop-filter:blur(12px)}.pill:hover{background:#34363b;border-color:#ffffff80}.pill-solid{background:var(--ink);color:#202124;border-color:var(--ink)}.pill-solid:hover{background:#fff;color:#101112}.pill>span{transition:transform 350ms var(--ease)}.pill:hover>span:not(.menu-glyph){transform:translate(2px,-2px)}.menu-glyph{display:grid;gap:4px}.menu-glyph i{width:12px;height:1px;background:currentColor;transition:width 250ms}.pill:hover .menu-glyph i:last-child{width:8px}.hero{min-height:790px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;padding:150px 7.4% 130px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-content{position:relative;z-index:2;width:58%;max-width:850px;padding-bottom:40px}.eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.7;color:#aaacb1;font-weight:450}.hero .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:32px}.fine-line{width:31px;height:1px;background:#8c9099}.hero h1{font-size:clamp(58px,5.8vw,108px);line-height:1.035;letter-spacing:-.065em;font-weight:450;text-wrap:balance}.hero h1>span{color:#9fa4af}.hero-copy{font-size:17px;line-height:1.65;color:#aeb0b5;margin:28px 0 30px}.text-link{font-size:13px;display:inline-flex;gap:45px;align-items:center;position:relative;padding-bottom:12px}.text-link::after{content:'';position:absolute;height:1px;background:#cccdd1;bottom:0;left:0;right:0;transform:scaleX(.4);transform-origin:left;opacity:.5;transition:transform 450ms var(--ease),opacity 250ms}.text-link:hover::after{transform:scaleX(1);opacity:1}.text-link span{transition:transform 350ms var(--ease)}.text-link:hover span{transform:translate(2px,2px)}.hero-art{position:absolute;right:-5%;top:7%;width:62%;height:91%;z-index:0;opacity:0;filter:blur(18px);transform:translateY(18px);animation:art-in 1150ms var(--ease) 100ms forwards}.hero-art canvas,.metal-fallback{position:absolute;width:100%;height:100%;inset:0}.metal-fallback{opacity:.8;transition:opacity 300ms}.webgl-ready .metal-fallback{opacity:0}.art-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#141517 0%,transparent 24%),linear-gradient(0deg,#141517,transparent 17%);pointer-events:none}.hero-bottom{position:absolute;bottom:40px;left:7.4%;right:7.4%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.11em;color:#878b92;z-index:3}.scroll-cue{display:flex;gap:20px;align-items:center;letter-spacing:0;font-size:11px;color:#afb1b7}.scroll-cue>span:last-child{font-size:18px}.intro{opacity:0;transform:translateY(18px);filter:blur(8px);animation:intro-in 700ms var(--ease) forwards}.intro-1{animation-delay:60ms}.intro-2{animation-delay:140ms}.intro-3{animation-delay:240ms}.intro-4{animation-delay:310ms}@keyframes intro-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes art-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}.section{max-width:1600px;margin:0 auto;padding:120px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section h2{font-size:clamp(40px,3.4vw,60px);line-height:1.12;letter-spacing:-.045em;font-weight:450}.section h2 span{color:#9ea2ab}.section-heading .eyebrow,.detail-copy .eyebrow{margin-bottom:20px}.section-copy{font-size:14px;line-height:1.65;color:#abafb8;padding-bottom:5px}.reveal{opacity:0;transform:translateY(26px);filter:blur(7px);transition:opacity 650ms var(--ease),transform 650ms var(--ease),filter 650ms var(--ease)}.reveal.in-view{opacity:1;transform:none;filter:none}.demo-preview{width:100%;min-height:530px;position:relative;display:block;text-align:left;overflow:hidden;border-radius:22px;border:1px solid #ffffff32;background:radial-gradient(ellipse at 76% 20%,#e3e5e7,#b3b9c1 49%,#9ca4af 100%);color:#22282e;isolation:isolate;box-shadow:0 24px 80px #0003;transition:box-shadow 450ms var(--ease),border-color 450ms var(--ease),opacity 650ms var(--ease),transform 650ms var(--ease),filter 650ms var(--ease)}.demo-preview:hover{box-shadow:0 32px 90px #0005;border-color:#e2e7f2}.preview-top{position:absolute;top:32px;left:42px;right:42px;display:flex;justify-content:space-between;z-index:2}.demo-wordmark{font-size:12px;font-weight:600;letter-spacing:.08em}.preview-meta{font-size:8px;letter-spacing:.12em;display:flex;gap:12px;align-items:center}.status-dot{width:5px;height:5px;background:#596879;border-radius:50%}.preview-copy{position:absolute;left:7%;top:27%;z-index:2;display:flex;flex-direction:column}.preview-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:16px}.preview-title{font-size:clamp(48px,4.4vw,75px);line-height:1.02;letter-spacing:-.05em;font-weight:450}.preview-sub{font-size:12px;line-height:1.5;margin-top:22px;color:#4e5865}.product-visual{--metal-high:#eceef0;--metal-mid:#a8afb8;--metal-dark:#5d6675;--cushion:#3c4149}.product-visual svg{width:100%;height:100%;overflow:visible}.preview-product{position:absolute;right:10%;top:0;width:45%;height:100%;filter:drop-shadow(0 35px 18px #36435438);transform:rotate(-14deg);transition:transform 900ms var(--ease)}.demo-preview:hover .preview-product{transform:rotate(-9deg) translateY(-9px)}.preview-foot{position:absolute;left:42px;right:36px;bottom:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#4e5968;z-index:2}.preview-action{display:flex;align-items:center;gap:20px;font-size:12px;color:#202731}.round-arrow{height:44px;width:44px;display:grid;place-items:center;background:#f3f4f0;color:#202731;border-radius:50%;font-size:20px;transition:transform 500ms var(--ease),background 300ms}.demo-preview:hover .round-arrow{transform:rotate(45deg);background:white}.demo-note{display:flex;gap:9px;align-items:center;font-size:10px;color:#858b95;margin:21px 0 0}.note-dot{width:4px;height:4px;flex:none;background:#8d99a8;border-radius:50%}.detail-section{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;padding-top:60px;padding-bottom:130px;align-items:center}.detail-copy>p:not(.eyebrow){font-size:15px;color:#b8bbc2;line-height:1.75;margin-top:27px}.detail-copy>p.detail-aside{font-size:12px;color:#80858e;margin-top:26px}.tile-wrap{min-width:0}.depth-tile{width:100%;height:455px;position:relative;background:radial-gradient(ellipse at 48% 30%,#ffffff07,transparent 55%),linear-gradient(145deg,#272a2f,#1a1c1f 75%);border:1px solid #ffffff23;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff0c,0 24px 60px #0002;text-align:left;transition:border-color 400ms,background 400ms}.depth-tile:hover,.depth-tile.is-open{border-color:#a6b5cc60}.tile-label{position:absolute;top:28px;left:30px;font-size:8px;letter-spacing:.14em;color:#8b94a2}.depth-stage{position:absolute;inset:38px 0 55px;display:flex;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d}.depth-card{position:absolute;left:calc(50% - 98px);top:calc(50% - 122px);width:196px;height:244px;border-radius:20px;padding:25px 23px;display:flex;flex-direction:column;box-shadow:inset 0 1px 2px #ffffffaf,inset 0 -4px 1px #0003,0 18px 20px #0004;transform-style:preserve-3d;transform-origin:50% 75%;transition:transform 720ms var(--ease),box-shadow 720ms var(--ease);border:1px solid #ffffff20}.layer-motion{background:linear-gradient(135deg,#46505c,#242d39);color:#c1ccd9;transform:translate(34px,-12px) rotateY(-13deg) rotateZ(11deg)}.layer-content{background:linear-gradient(140deg,#e0ded8,#b9b8b4);color:#454a4f;transform:translate(12px,6px) rotateY(-13deg) rotateZ(-4deg)}.layer-form{background:linear-gradient(125deg,#acb9d0,#6d809e 55%,#516580);color:#eef1f7;transform:translate(-13px,16px) rotateY(-13deg) rotateZ(-8deg)}.card-kicker{font-size:7px;letter-spacing:.09em}.card-title{font-size:23px;letter-spacing:-.05em;margin-top:16px;white-space:nowrap}.card-footer{margin-top:auto;font-size:7px;letter-spacing:.07em;display:flex;justify-content:space-between}.silver-orbit{position:absolute;width:91px;height:73px;top:112px;left:53px;border:14px solid #dce0e5;border-radius:50%;transform:rotate(-35deg);background:transparent;box-shadow:inset 2px 5px 4px #19293b9c,inset -3px -2px 2px #fff,2px 7px 8px #2238587d,-1px -2px 2px #ffffff8f}.silver-orbit::after{content:'';position:absolute;inset:-13px;border-radius:50%;border:2px solid #eef3ff6b}.floor-shadow{position:absolute;width:235px;height:22px;bottom:9px;background:#0009;filter:blur(15px);border-radius:50%;transition:width 650ms var(--ease)}.depth-tile.is-open .layer-form{transform:translate(-172px,24px) rotateY(-18deg) rotateZ(-14deg)}.depth-tile.is-open .layer-content{transform:translate(1px,-13px) rotateY(-12deg) rotateZ(0deg)}.depth-tile.is-open .layer-motion{transform:translate(172px,-43px) rotateY(-8deg) rotateZ(11deg)}.depth-tile.is-open .floor-shadow{width:370px}.content-lines{display:grid;gap:8px;margin-top:30px}.content-lines i{height:3px;background:#696f7766;width:100%}.content-lines i:nth-child(2){width:85%}.content-lines i:nth-child(3){width:62%}.motion-line{width:80px;height:60px;border:1px solid #b3c3da5c;border-radius:50%;margin:28px auto;transform:rotate(-20deg)}.motion-line i{display:block;height:13px;width:13px;border-radius:50%;background:linear-gradient(135deg,#e0e8f2,#6d8099);box-shadow:0 3px 7px #0004;transform:translate(9px,2px)}.tile-bottom{position:absolute;bottom:25px;left:30px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c9cdd5}.tile-plus{width:28px;height:28px;display:grid;place-items:center;font-size:17px;border-radius:50%;background:#ffffff0a;color:#afc0d9;transition:transform 600ms var(--ease),background 350ms}.depth-tile.is-open .tile-plus{transform:rotate(45deg);background:#ffffff16}.tile-caption{color:#7f8793;font-size:10px;text-align:center;margin-top:17px}footer{margin:0 6%;padding:26px 0 80px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#777e88;font-size:10px}footer>span:first-child{letter-spacing:.1em;color:#b3b8c0}footer a{color:#c7ccd4}.motion-toggle{position:fixed;bottom:20px;left:23px;z-index:12;font-size:9px;color:#a2a7af;background:#202226ba;backdrop-filter:blur(10px);border:1px solid #ffffff12;border-radius:20px;padding:9px 13px;display:flex;align-items:center;gap:9px}.motion-toggle:hover{color:#eee}.motion-bars{display:flex;align-items:center;gap:2px;height:11px}.motion-bars i{height:10px;width:1px;background:currentColor}.motion-bars i:nth-child(2){height:6px}.motion-bars i:nth-child(3){height:8px}.motion-toggle[aria-pressed=true] .motion-bars i{height:2px}
dialog{margin:0;border:1px solid #ffffff28;padding:0;color:var(--ink);background:#202226;position:fixed;max-width:none;max-height:none;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#0a0b0daa;backdrop-filter:blur(8px);opacity:0;transition:opacity var(--surface-time) var(--ease)}dialog.is-open::backdrop{opacity:1}.drawer{inset:22px 22px 22px auto;width:480px;border-radius:22px;clip-path:inset(0 0 100% 0 round 22px);transform:translateY(-6px);transition:clip-path var(--surface-time) var(--ease),transform var(--surface-time) var(--ease);overflow:auto}.drawer.is-open{clip-path:inset(0 round 22px);transform:translateY(0)}.panel-inner{padding:30px 36px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:68px}.close{width:38px;height:38px;background:transparent;position:relative;flex:none}.close span{position:absolute;height:1px;width:16px;background:currentColor;top:18px;left:11px;transform:rotate(45deg)}.close span:last-child{transform:rotate(-45deg)}.close{transition:transform 400ms var(--ease),color 200ms;color:#aeb3bd}.close:hover{transform:rotate(90deg);color:#fff}.drawer h2{font-size:48px;line-height:1.08;font-weight:450;letter-spacing:-.04em;margin-bottom:42px}.contents{display:grid}.contents a{display:flex;justify-content:space-between;padding:22px 0;font-size:16px;border-top:1px solid var(--line);transition:color 200ms}.contents a:hover{color:#bdcce2}.contents a span:last-child{color:#8c97a8}.drawer-note{font-size:12px;line-height:1.6;color:#939aa6;margin-top:50px}.contact-copy{font-size:17px;line-height:1.65;color:#b5bbc5}.contact-link{margin-top:45px;padding:16px 0;border-bottom:1px solid #ffffff35;display:flex;justify-content:space-between;font-size:14px}.demo-dialog{inset:5vh 6vw;width:auto;height:90vh;max-width:1600px;margin:auto;border-radius:24px;background:#c5cad0;color:#242b34;overflow:hidden;clip-path:inset(20% 16% 20% 16% round 24px);opacity:0;transform:translateY(20px);transition:clip-path var(--surface-time) var(--ease),opacity 320ms ease,transform var(--surface-time) var(--ease)}.demo-dialog.is-open{clip-path:inset(0 round 24px);opacity:1;transform:translateY(0)}.demo-shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 28% 35%,#e4e6e8,#bcc2c9 60%,#b2bac5)}.demo-toolbar{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #323f511d}.demo-toolbar .close{color:#323d4b}.demo-toolbar .close:hover{color:#151b24}.demo-badge{font-size:8px;letter-spacing:.12em;color:#5c6877}.demo-layout{display:grid;grid-template-columns:1.2fr 1fr;flex:1;min-height:0;overflow:auto}.demo-object{position:relative;min-height:530px;overflow:hidden}.demo-product{position:absolute;width:80%;height:82%;top:5%;left:10%;transform:rotate(-12deg);filter:drop-shadow(10px 28px 12px #2f3b4e24);transition:transform 750ms var(--ease),--metal-high 600ms}.demo-product.alternate{transform:rotate(8deg) rotateY(32deg) scale(.95)}.object-orbit{position:absolute;width:72%;aspect-ratio:1;top:13%;left:14%;border:1px solid #4c5a6e18;border-radius:50%}.object-orbit::after{content:'';position:absolute;inset:25px;border:1px solid #4c5a6e0e;border-radius:50%}.object-note{position:absolute;bottom:32px;left:40px;font-size:10px;color:#5f6c7e}.rotate-product{position:absolute;bottom:24px;right:30px;background:#eef0f0aa;border:1px solid #50607825;border-radius:30px;color:#364355;padding:10px 15px;font-size:10px;display:flex;gap:15px}.rotate-product:hover{background:#f7f8f8}.demo-info{padding:40px 45px 28px 22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.demo-info .eyebrow{font-size:8px;color:#617084}.demo-info h2{font-size:clamp(42px,4.4vw,70px);font-weight:450;line-height:1.02;letter-spacing:-.055em;margin:15px 0}.product-desc{font-size:12px;line-height:1.65;color:#576475}.finish-control{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:360px;gap:20px;margin-top:30px}.finish-control>span{font-size:10px;color:#566577}.finish-control strong{display:block;margin-top:6px;font-size:12px;font-weight:450;color:#263346}.finish-control>div{display:flex;gap:10px}.swatch{width:27px;height:27px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001;border:3px solid #c3c9d0;outline:1px solid transparent;transition:outline 200ms,transform 200ms}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{outline-color:#4b586c}.swatch:focus-visible{outline:2px solid #28374d;outline-offset:3px}.swatch.silver{background:linear-gradient(120deg,#e8edf0,#a5acb7)}.swatch.graphite{background:linear-gradient(120deg,#60656e,#272d36)}.swatch.sand{background:linear-gradient(120deg,#e3d6c2,#b2a38f)}.spec-trigger{margin-top:27px;padding:15px 0;width:100%;max-width:360px;border-top:1px solid #45587335;border-bottom:1px solid #45587335;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:11px;color:#38485b}.spec-trigger span{font-size:18px;transition:transform 350ms var(--ease)}.spec-trigger[aria-expanded=true] span{transform:rotate(45deg)}.spec-content{display:grid;grid-template-rows:0fr;width:100%;max-width:360px;transition:grid-template-rows 420ms var(--ease)}.spec-content.open{grid-template-rows:1fr}.spec-content>div{overflow:hidden;min-height:0}.spec-content p{display:flex;justify-content:space-between;font-size:10px;padding:8px 0;color:#4e5b6d}.spec-content p:first-child{padding-top:16px}.spec-content strong{font-weight:450;color:#243347}.spec-content small{display:block;font-size:8px;line-height:1.4;padding-bottom:8px;color:#58687c}.add-selection{margin-top:24px;width:100%;max-width:360px;padding:15px 20px;border-radius:27px;display:flex;justify-content:space-between;background:#293340;color:#edf0f5;font-size:12px;transition:background 200ms}.add-selection:hover{background:#192330}.add-selection.is-selected{background:#455d54}.selection-status{font-size:9px;line-height:1.5;color:#546477;margin-top:12px;max-width:360px;min-height:28px}.demo-bottom{height:48px;flex:none;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #45587325;padding:0 34px;font-size:9px;color:#5d6c7e}.demo-bottom button{background:transparent;color:#435267;font-size:10px}.demo-bottom button:hover{color:#101d31}.product-visual[data-finish=graphite]{--metal-high:#9ba4af;--metal-mid:#515965;--metal-dark:#202832;--cushion:#242a33}.product-visual[data-finish=sand]{--metal-high:#ece3d2;--metal-mid:#c0b29d;--metal-dark:#8d7f6b;--cushion:#655e54}.product-visual stop{transition:stop-color 400ms ease}.product-visual .cushion-fill{transition:fill 400ms ease}.page-locked{overflow:hidden}body.reduced *{animation-duration:0ms!important;animation-delay:0ms!important;transition-duration:0ms!important;scroll-behavior:auto!important}body.reduced .intro,body.reduced .hero-art{opacity:1;filter:none;transform:none}body.reduced .reveal{opacity:1;filter:none;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0ms!important;animation-delay:0ms!important;transition-duration:0ms!important}.intro,.hero-art,.reveal{opacity:1;transform:none;filter:none}}

/* Readability correction at the reviewed desktop size. */
.preview-sub,.product-desc{font-size:14px}.preview-foot,.demo-note,.tile-caption{font-size:11px}.tile-bottom,.spec-trigger,.spec-content p{font-size:12px}.selection-status{font-size:11px}.spec-content small{font-size:10px}.add-selection{font-size:13px}.finish-control>span{font-size:11px}.finish-control strong{font-size:13px}.demo-dialog{clip-path:inset(var(--origin-mask,20% 16% 20% 16%) round 24px);transform:none}.demo-dialog.is-open{clip-path:inset(0 round 24px)}
html.reduced{scroll-behavior:auto}