:root {
  --ink: #0b0c0d;
  --paper: #f4f3ef;
  --white: #ffffff;
  --silver: #c9cdd1;
  --soft: #dfdfda;
  --muted: #747571;
  --line: rgba(11, 12, 13, 0.14);
  --accent: #b7e6ee;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
  --display: "Syne", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
body.cart-open { overflow: hidden; }
button, a { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
::selection { background: var(--ink); color: var(--paper); }

.skip-link { position: fixed; z-index: 100; left: 1rem; top: -4rem; padding: .8rem 1rem; background: var(--white); border: 1px solid var(--ink); font-size: .8rem; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 1rem; }

.site-header { height: 76px; width: 100%; padding: 0 clamp(1.25rem, 4vw, 4.7rem); display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; z-index: 30; color: var(--paper); border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, backdrop-filter .3s, color .3s; }
.site-header.scrolled { color: var(--ink); background: rgba(244,243,239,.82); border-color: rgba(11,12,13,.08); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: .65rem; font-family: var(--display); font-size: 1.16rem; font-weight: 800; letter-spacing: .1em; }
.brand-mark { position: relative; width: 25px; height: 20px; display: inline-flex; align-items: flex-end; gap: 3px; }
.brand-mark i { display: block; width: 5px; background: currentColor; transform: skewX(-23deg); }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 15px; }.brand-mark i:nth-child(3) { height: 20px; }
.desktop-nav { display: flex; gap: clamp(1.3rem, 2.5vw, 2.8rem); font-size: .73rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.desktop-nav a { position: relative; padding: .5rem 0; }
.desktop-nav a::after { content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:currentColor; transition:width .25s; }.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { width:100%; }
.header-actions { display: flex; align-items:center; gap: .8rem; }
.cart-trigger, .menu-toggle, .icon-button { border:0; background:transparent; color:inherit; }
.cart-trigger { display:flex; align-items:center; gap:.42rem; padding:.45rem; font-size:.72rem; font-family:var(--mono); }
.cart-trigger svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.cart-count { min-width:1.2rem; height:1.2rem; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--paper); font-size:.6rem; }
.menu-toggle { width:38px; height:38px; display:none; padding:8px; }.menu-toggle span { display:block; height:1px; width:100%; background:currentColor; margin:5px 0; transition:transform .25s; }
.mobile-nav { display:none; color:var(--ink); }

.hero { min-height: min(880px, 100svh); padding: 145px clamp(1.25rem, 8vw, 9.5rem) 4rem; background:#0b0c0d; color:var(--paper); position:relative; overflow:hidden; display:grid; grid-template-columns: .94fr 1.06fr; align-items:center; isolation:isolate; }
.hero::after { content:""; position:absolute; z-index:-1; width:36vw; height:36vw; right:-8vw; top:7%; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 10vw rgba(255,255,255,.015), 0 0 0 20vw rgba(255,255,255,.008); }
.hero-grid-line { position:absolute; height:1px; background:rgba(255,255,255,.12); width:100%; left:0; z-index:-1; }.line-a{ top:76px; }.line-b { bottom:68px; }
.hero-copy { max-width:570px; position:relative; z-index:2; }
.eyebrow { margin:0 0 1.3rem; font-family:var(--mono); font-size:.64rem; line-height:1.4; letter-spacing:.14em; font-weight:500; text-transform:uppercase; }
.hero-kicker { color:rgba(244,243,239,.62); }
h1, h2, h3, p { margin-top:0; }
h1, h2 { font-family:var(--display); font-weight:700; letter-spacing:-.065em; line-height:.91; }
h1 { margin:0; font-size:clamp(4.2rem, 7.8vw, 8.4rem); }
h1 em, h2 em { font-style:normal; color:var(--accent); }
.hero-description { max-width:370px; margin:2rem 0; color:rgba(244,243,239,.7); font-size:clamp(.92rem,1.2vw,1.08rem); line-height:1.75; }
.hero-actions { display:flex; gap:1.25rem; align-items:center; flex-wrap:wrap; }
.button { min-height:50px; padding:0 1.2rem 0 1.45rem; display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; border:1px solid transparent; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; transition:transform .25s, background .25s, color .25s, border-color .25s; }
.button:hover, .button:focus-visible { transform:translateY(-3px); }.button:focus-visible, .text-link:focus-visible, a:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.button-light { background:var(--paper); color:var(--ink); }.button-light:hover { background:var(--accent); }
.button-dark { background:var(--ink); color:var(--paper); }.button-dark:hover { background:#34383a; }
.text-link { position:relative; padding:.6rem 0; color:var(--paper); font-size:.73rem; font-weight:700; }.text-link::after { content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background:rgba(244,243,239,.5); transition:background .2s; }.text-link:hover::after { background:var(--accent); }
.hero-product { position:relative; align-self:stretch; min-height:510px; display:grid; align-items:center; justify-items:center; z-index:1; }
.hero-product::before { content:""; position:absolute; width:min(40vw,570px); aspect-ratio:1; background:#242829; border-radius:50%; filter:blur(1px); }
.hero-product img { width:min(54vw,800px); position:relative; z-index:2; mix-blend-mode:screen; filter:contrast(1.08); }
.hero-product img { transition:opacity .35s ease; }
.hero-product.model-ready img { opacity:0; visibility:hidden; }
.hero-3d-canvas { position:absolute; inset:0; z-index:2; width:100%; height:100%; opacity:0; pointer-events:auto; cursor:grab; touch-action:pan-y; transition:opacity .5s ease; }
.hero-3d-canvas:active { cursor:grabbing; }
.hero-product.model-ready .hero-3d-canvas { opacity:1; }
.hero-3d-label { position:absolute; z-index:4; right:1.3rem; bottom:1.35rem; color:rgba(244,243,239,.56); font:500 .52rem/1 var(--mono); letter-spacing:.1em; opacity:0; transition:opacity .35s ease; pointer-events:none; }
.hero-product.model-ready .hero-3d-label { opacity:1; }
.hero-3d-label i { display:inline-block; width:5px; height:5px; margin-right:.35rem; border-radius:50%; background:var(--accent); box-shadow:0 0 9px rgba(183,230,238,.8); vertical-align:1px; }
.hero-3d-label b { color:var(--accent); font-weight:400; }
.hero-orbit { position:absolute; z-index:3; border:1px solid rgba(183,230,238,.3); border-radius:50%; pointer-events:none; }.orbit-one { width:54%; aspect-ratio:1; }.orbit-two { width:72%; aspect-ratio:1; border-color:rgba(255,255,255,.08); transform:rotateX(69deg); }
.hero-note { position:absolute; z-index:4; padding:.75rem .95rem; min-width:118px; border:1px solid rgba(255,255,255,.15); background:rgba(11,12,13,.5); backdrop-filter:blur(8px); }.hero-note span { display:block; margin-bottom:.35rem; font-family:var(--display); font-weight:700; font-size:1.15rem; color:var(--accent); }.hero-note p{margin:0;color:rgba(255,255,255,.72);font-family:var(--mono);font-size:.55rem;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}.note-top{right:1%;top:16%;}.note-bottom{left:1%;bottom:17%;}
.hero-index { position:absolute; left:clamp(1.25rem,4vw,4.7rem); bottom:1.45rem; width:calc(100% - clamp(2.5rem,8vw,9.4rem)); display:flex; justify-content:space-between; align-items:center; color:rgba(255,255,255,.45); font-family:var(--mono); font-size:.55rem; letter-spacing:.08em; }.hero-index div{display:flex;gap:5px}.hero-index i{display:block;width:28px;height:1px;background:rgba(255,255,255,.22)}.hero-index i.active{background:var(--accent)}
.signal-strip { min-height:62px; padding:1rem clamp(1.25rem,4vw,4.7rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); background:var(--paper); overflow:hidden; }.signal-strip p{margin:0;font-family:var(--mono);font-size:.57rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.signal-strip span{width:4px;height:4px;background:var(--ink);border-radius:50%;flex:0 0 auto}
.section-shell { padding-left:clamp(1.25rem,8vw,9.5rem); padding-right:clamp(1.25rem,8vw,9.5rem); }
.product-section { padding-top:clamp(5rem,10vw,10rem); padding-bottom:clamp(5rem,10vw,10rem); }.section-heading { margin-bottom:clamp(3rem,6vw,6rem); }.section-heading h2,.benefits-intro h2,.specs h2,.reviews h2 { margin:0; font-size:clamp(3rem,5.4vw,6rem); }.section-heading .eyebrow,.benefits .eyebrow,.experience .eyebrow,.specs .eyebrow,.reviews .eyebrow { color:var(--muted); }
.product-layout { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(2rem,8vw,9rem); align-items:center; }.product-stage { min-height:550px; position:relative; display:grid; place-items:center; overflow:hidden; background:#deded8; transition:background .4s; }.product-stage[data-finish="silver"]{background:#c9cfd1}.product-stage[data-finish="clay"]{background:#c4bcb3}.stage-ring{width:68%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(11,12,13,.18);box-shadow:0 0 0 5.8rem rgba(255,255,255,.1),0 0 0 11.5rem rgba(255,255,255,.06);position:absolute}.product-render { z-index:1; width:min(77%,520px); filter:drop-shadow(0 30px 24px rgba(0,0,0,.22)); transition:filter .35s, transform .35s; }.product-stage[data-finish="silver"] .product-render { filter:grayscale(1) brightness(1.35) drop-shadow(0 30px 24px rgba(0,0,0,.22)); }.product-stage[data-finish="clay"] .product-render { filter:sepia(.25) saturate(.75) hue-rotate(325deg) drop-shadow(0 30px 24px rgba(0,0,0,.22)); }.stage-code{position:absolute;top:1.4rem;left:1.4rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em}.stage-caption{position:absolute;bottom:1.4rem;left:1.4rem;margin:0;font-size:.65rem;color:#61625e}.stage-caption strong{color:var(--ink);font-weight:800}.product-details{max-width:430px}.product-topline{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.58rem;letter-spacing:.09em}.product-intro{margin:2rem 0;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.48;font-weight:500;letter-spacing:-.035em}.price{font-family:var(--display);font-size:2.3rem;letter-spacing:-.07em;margin-bottom:2.2rem}.price small{display:inline-block;margin-left:.5rem;font-family:var(--mono);font-size:.52rem;letter-spacing:.03em;color:var(--muted);font-weight:400}.color-picker{border:0;padding:0;margin:0 0 2rem}.color-picker legend{padding:0;margin-bottom:.85rem;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.swatches{display:flex;gap:1.1rem;flex-wrap:wrap}.swatch{background:transparent;border:0;padding:0;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.69rem}.swatch span{display:block;width:21px;height:21px;border-radius:50%;background:#151719;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);border:1px solid transparent;transition:box-shadow .2s, transform .2s}.swatch:nth-child(2) span{background:#c7cdce}.swatch:nth-child(3) span{background:#a99b90}.swatch.selected{color:var(--ink);font-weight:700}.swatch.selected span{outline:1px solid var(--ink);outline-offset:4px}.swatch:hover span{transform:scale(1.08)}.microcopy{font-size:.63rem;color:var(--muted);line-height:1.55;margin:1.2rem 0 0;max-width:360px}
.benefits { padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(5rem,9vw,9rem);background:var(--white); }.benefits-intro { display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:2rem;align-items:start;margin-bottom:4rem;}.benefits-intro h2{margin:0}.benefits-intro p:last-child{margin:.5rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.7}.benefit-list{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.benefit-card{min-height:280px;padding:1.5rem 1.45rem 1.1rem;border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:background .3s,color .3s}.benefit-card:first-child{border-left:1px solid var(--line)}.benefit-card:hover{background:var(--ink);color:var(--paper)}.benefit-card>span{margin-left:auto;font-family:var(--mono);font-size:.57rem;color:var(--muted)}.benefit-card h3{font-family:var(--display);font-size:1.2rem;letter-spacing:-.055em;margin:1.9rem 0 .75rem}.benefit-card p{font-size:.72rem;line-height:1.65;color:var(--muted);margin:0}.benefit-card:hover p{color:rgba(244,243,239,.62)}.benefit-icon{width:45px;height:45px;position:relative}.icon-wave{display:flex;align-items:center;gap:4px}.icon-wave i{display:block;width:5px;background:currentColor;border-radius:8px}.icon-wave i:nth-child(1){height:13px}.icon-wave i:nth-child(2){height:26px}.icon-wave i:nth-child(3){height:18px}.icon-disc{border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.icon-disc i{width:15px;height:15px;border:1px solid currentColor;border-radius:50%}.icon-battery{border:1px solid currentColor;border-radius:2px;width:32px;height:18px;margin-top:13px}.icon-battery::after{content:"";position:absolute;right:-4px;top:5px;width:3px;height:7px;background:currentColor}.icon-battery i{display:block;width:60%;height:100%;background:currentColor}.icon-link i{position:absolute;width:24px;height:13px;border:1px solid currentColor;border-radius:12px;transform:rotate(-45deg)}.icon-link i:last-child{right:1px;bottom:3px}
.experience { background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; min-height:720px; }.experience-image{overflow:hidden;position:relative;min-height:560px}.experience-image::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08)}.experience-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.image-label{position:absolute;z-index:1;top:2rem;left:clamp(1.25rem,4vw,4rem);font-family:var(--mono);font-size:.59rem;line-height:1.5;letter-spacing:.12em}.experience-copy{padding:clamp(3.8rem,9vw,10rem) clamp(1.5rem,9vw,10rem);align-self:center}.experience-copy .eyebrow{color:rgba(244,243,239,.52)}.experience-copy h2{font-size:clamp(2.8rem,4.4vw,5rem);margin:0 0 1.7rem}.experience-copy>p:not(.eyebrow){color:rgba(244,243,239,.65);font-size:.88rem;line-height:1.75;max-width:430px}.experience-specs{display:flex;border-top:1px solid rgba(255,255,255,.18);padding-top:1.5rem;margin:3rem 0 0;gap:1.2rem}.experience-specs div{flex:1}.experience-specs dt{font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:-.06em}.experience-specs dd{margin:.35rem 0 0;color:rgba(244,243,239,.48);font-size:.55rem;font-family:var(--mono);line-height:1.4;text-transform:uppercase}
.specs { padding-top:clamp(5rem,10vw,10rem);padding-bottom:clamp(5rem,10vw,10rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,10vw,13rem); }.specs-title h2{margin-bottom:2.5rem}.disclaimer{max-width:290px;color:var(--muted);font-size:.65rem;line-height:1.65}.spec-list{border-top:1px solid var(--ink)}.spec-row{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);font-size:.73rem}.spec-row span{color:var(--muted);font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.spec-row strong{font-weight:700;text-align:right}
.reviews{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(5rem,9vw,9rem);background:#deded8}.reviews-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:2rem;margin-bottom:4rem}.reviews-heading h2{margin:0}.reviews-heading p:last-child{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7;align-self:end}.reviews-track{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(11,12,13,.15)}.review-card{min-height:325px;margin:0;padding:1.6rem;background:var(--paper);display:flex;flex-direction:column}.review-card.review-dark{background:var(--ink);color:var(--paper)}.review-head{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.58rem}.review-dark .review-head{color:rgba(244,243,239,.5)}.stars{letter-spacing:.12em;color:var(--ink);font-size:.67rem}.review-dark .stars{color:var(--accent)}.review-card blockquote{margin:3.1rem 0 auto;font-family:var(--display);font-size:clamp(1.22rem,1.8vw,1.75rem);line-height:1.25;letter-spacing:-.06em}.review-card figcaption{padding-top:1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.25rem}.review-dark figcaption{border-color:rgba(255,255,255,.17)}.review-card figcaption strong{font-size:.67rem}.review-card figcaption span{font-size:.58rem;color:var(--muted)}.review-dark figcaption span{color:rgba(244,243,239,.45)}
.final-cta{min-height:590px;padding:clamp(4rem,8vw,9rem) clamp(1.25rem,8vw,9.5rem);background:var(--ink);color:var(--paper);position:relative;overflow:hidden;display:grid;place-items:center}.cta-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}.cta-grid i{border-right:1px solid rgba(255,255,255,.08)}.cta-content{position:relative;text-align:center}.cta-content .eyebrow{color:rgba(244,243,239,.55)}.cta-content h2{font-size:clamp(4rem,8vw,8.8rem);margin:0 0 2rem}.cta-content .button{margin:auto}.cta-side-note{position:absolute;right:clamp(1.25rem,4vw,4.7rem);bottom:2rem;margin:0;font-family:var(--mono);font-size:.56rem;line-height:1.5;letter-spacing:.1em;color:rgba(244,243,239,.42)}
.site-footer{padding:4rem clamp(1.25rem,8vw,9.5rem) 1.5rem;background:var(--paper)}.footer-main{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:2rem;padding-bottom:4rem}.footer-brand{align-self:start}.footer-main>p{font-size:.85rem;margin:0;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.footer-links div{display:flex;flex-direction:column;gap:.72rem}.footer-links span{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.footer-links a{font-size:.7rem;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-family:var(--mono);font-size:.52rem;letter-spacing:.03em}
.cart-overlay{position:fixed;inset:0;background:rgba(11,12,13,.38);z-index:40;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;backdrop-filter:blur(3px)}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;right:0;top:0;z-index:50;width:min(440px,100%);height:100dvh;background:var(--paper);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:-16px 0 40px rgba(0,0,0,.12)}.cart-drawer.open{transform:translateX(0)}.cart-header{height:76px;padding:0 1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.cart-header h2{font-family:var(--display);font-size:1.45rem;letter-spacing:-.06em;margin:0}.icon-button{font-size:2rem;font-weight:300;line-height:1}.cart-body{padding:1.5rem;flex:1;overflow:auto}.empty-cart{color:var(--muted);font-size:.78rem;line-height:1.6}.cart-item{display:grid;grid-template-columns:84px 1fr auto;gap:1rem;align-items:center;padding-bottom:1.3rem;margin-bottom:1.3rem;border-bottom:1px solid var(--line)}.cart-item-visual{height:84px;background:#d7d7d1;display:grid;place-items:center}.cart-item-visual img{width:90%;height:90%;object-fit:contain}.cart-item h3{font-family:var(--display);font-size:1.05rem;letter-spacing:-.06em;margin:0 0 .2rem}.cart-item p{margin:0;color:var(--muted);font-family:var(--mono);font-size:.58rem;line-height:1.5}.cart-item strong{font-size:.78rem}.remove-item{margin-top:.65rem;border:0;background:transparent;padding:0;color:var(--muted);font-size:.62rem;text-decoration:underline}.cart-footer{padding:1.5rem;border-top:1px solid var(--line)}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:1.15rem;font-size:.72rem}.cart-footer>div span{color:var(--muted)}.cart-footer .button{width:100%}.toast{position:fixed;z-index:70;left:50%;bottom:1.5rem;transform:translate(-50%,130%);background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.15);padding:.9rem 1.15rem;font-size:.7rem;font-weight:700;opacity:0;transition:transform .3s,opacity .3s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width: 920px){.hero{grid-template-columns:1fr;min-height:780px}.hero-copy{max-width:550px}.hero-product{position:absolute;inset:220px -7vw 0 36%;min-height:unset}.hero-product img{width:680px}.hero::after{width:60vw;height:60vw;right:-20vw;top:28%}.note-top{right:16%;top:14%}.note-bottom{left:2%;bottom:17%}.benefits-intro,.reviews-heading{grid-template-columns:1fr 1.5fr}.benefits-intro p:last-child,.reviews-heading p:last-child{grid-column:2}.benefit-list{grid-template-columns:repeat(2,1fr)}.benefit-card:nth-child(3){border-left:1px solid var(--line)}.product-layout,.specs{gap:3rem}.experience-copy{padding:4.5rem}.footer-main{grid-template-columns:.9fr 1.6fr}.footer-main>p{display:none}.footer-links{grid-column:2}.signal-strip{justify-content:flex-start}.signal-strip p:nth-of-type(n+3),.signal-strip span:nth-of-type(n+2){display:none}}
@media (max-width: 640px){.site-header{height:66px;padding:0 1.1rem}.desktop-nav{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;top:66px;left:0;right:0;padding:1.5rem 1.1rem;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:.4rem;transform:translateY(-115%);transition:transform .3s;z-index:-1}.mobile-nav.open{display:flex;transform:translateY(0)}.mobile-nav a,.mobile-cart-link{padding:.75rem 0;font-family:var(--display);font-size:1.35rem;font-weight:700;letter-spacing:-.06em;border:0;background:transparent;text-align:left}.mobile-cart-link{display:flex;justify-content:space-between}.mobile-cart-link span{font-family:var(--mono);font-size:.7rem}.hero{min-height:760px;padding:122px 1.25rem 4.5rem}.hero-grid-line.line-a{top:66px}.hero-copy{align-self:start}.hero h1{font-size:clamp(3.65rem,15vw,5rem)}.hero-description{font-size:.88rem;max-width:305px;margin:1.55rem 0}.hero-actions{gap:.9rem}.button{min-height:46px;gap:1.1rem;font-size:.65rem}.hero-product{inset:315px -55% 4rem 10%;}.hero-product::before{width:77vw}.hero-product img{width:570px}.hero-orbit{display:none}.hero-note{transform:scale(.8)}.note-top{right:21%;top:3%}.note-bottom{left:0;bottom:1%}.hero-index{left:1.25rem;bottom:1.2rem;width:calc(100% - 2.5rem)}.signal-strip{min-height:46px;padding:.6rem 1.25rem}.signal-strip p{font-size:.5rem}.signal-strip p:not(:first-of-type),.signal-strip span{display:none}.section-shell{padding-left:1.25rem;padding-right:1.25rem}.product-section{padding-top:4.5rem;padding-bottom:4.5rem}.section-heading{margin-bottom:2.6rem}.section-heading h2,.benefits-intro h2,.specs h2,.reviews h2{font-size:clamp(2.8rem,13vw,4.2rem)}.product-layout{grid-template-columns:1fr;gap:2.3rem}.product-stage{min-height:390px}.stage-ring{width:65%;box-shadow:0 0 0 3.6rem rgba(255,255,255,.1),0 0 0 7rem rgba(255,255,255,.06)}.product-intro{font-size:1.16rem;margin:1.5rem 0}.price{margin-bottom:1.75rem}.benefits{padding-top:4.5rem;padding-bottom:4.5rem}.benefits-intro,.reviews-heading{display:block;margin-bottom:2.5rem}.benefits-intro h2,.reviews-heading h2{margin-bottom:1.3rem}.benefits-intro p:last-child,.reviews-heading p:last-child{font-size:.8rem}.benefit-list{grid-template-columns:1fr}.benefit-card,.benefit-card:nth-child(3){border-left:1px solid var(--line);min-height:205px}.experience{grid-template-columns:1fr}.experience-image{min-height:500px}.experience-copy{padding:4.5rem 1.25rem}.experience-copy h2{font-size:clamp(2.65rem,11vw,3.7rem)}.experience-specs{gap:.65rem}.experience-specs dt{font-size:1.05rem}.experience-specs dd{font-size:.48rem}.specs{grid-template-columns:1fr;gap:2.5rem;padding-top:4.5rem;padding-bottom:4.5rem}.spec-row{min-height:80px;gap:1rem;align-items:flex-start;padding:.95rem 0}.spec-row strong{font-size:.7rem;line-height:1.4;max-width:53%}.reviews{padding-top:4.5rem;padding-bottom:4.5rem}.reviews-track{grid-template-columns:1fr}.review-card{min-height:285px}.review-card blockquote{margin-top:2.2rem;font-size:1.35rem}.final-cta{min-height:505px;padding:4rem 1.25rem}.cta-content h2{font-size:clamp(3.7rem,16vw,5.4rem)}.cta-side-note{display:none}.site-footer{padding:3rem 1.25rem 1.25rem}.footer-main{display:block;padding-bottom:2.8rem}.footer-main>p{display:block;margin:1rem 0 2.5rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:.6rem}.footer-links a{font-size:.62rem}.footer-bottom{display:block;font-size:.48rem;line-height:1.7}.footer-bottom span:last-child{display:block;margin-top:.25rem}.cart-drawer{width:min(390px,100%)} }
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-3d-canvas{cursor:default}}

.hero-3d-canvas:focus-visible { outline: 2px solid var(--accent); outline-offset: -6px; }
@media (max-width: 640px) {
  .hero-product { inset: 350px -25% 4rem 0%; }
  .hero-product .note-top { display: none; }
  .hero-3d-label { left: 108px; right: auto; font-size: .45rem; }
}