/* Refinement uses the established theme tokens. */
html{scrollbar-gutter:stable}
.button,.model-option,.product-grid a{transition:background-color .2s,border-color .2s,transform .2s}
.button:active{transform:translateY(1px)}
.v2-hero{min-height:min(820px,calc(100svh - 76px))}
.v2-hero-copy{max-width:780px;padding-block:62px 100px}
.v2-hero h1{font-size:clamp(70px,8.6vw,148px);line-height:.91;letter-spacing:-.075em}
.v2-hero .lede{font-size:clamp(21px,2.1vw,29px);line-height:1.25;letter-spacing:-.035em;margin:25px 0 14px}
.hero-explanation{font-size:15px;line-height:1.65;color:var(--text-secondary);max-width:40ch;margin:0 0 26px}
.v2-hero-img{object-position:70% 50%}
.spec-strip{font-size:10px;padding-block:20px}
.premium-world{padding:clamp(52px,7vw,112px) var(--pad);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,80px);align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-dark)}
.premium-world h2{font-size:clamp(44px,5.6vw,90px);line-height:.97;letter-spacing:-.07em;margin:0 0 22px}
.premium-world .lede{max-width:33ch;font-size:17px;line-height:1.6}
.premium-evidence{font:11px/1.7 monospace;color:var(--text-secondary);margin-top:28px}
.premium-world-stage{min-width:0}
.premium-world .sys-tabs{border-bottom:1px solid var(--border-strong);gap:20px;margin-bottom:16px}
.premium-world .sys-tabs button{border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--text-secondary);font-weight:650}
.premium-world .sys-tabs button[aria-selected=true]{color:var(--text-primary);box-shadow:0 2px 0 var(--text-primary)}
.premium-world .sys-clip{margin:0}
.premium-world .sys-clip video{border-radius:3px}
.premium-world .sys-clip figcaption{font-size:11px;color:var(--text-secondary)}
.premium-world .sys-slide-copy{font-size:14px;color:var(--text-primary)}
.sequence-copy h2{font-size:clamp(43px,6vw,96px)}
.sequence-visual{border-radius:3px}
.product-intro{padding-block:70px;gap:4vw}
.product-intro h1{font-size:clamp(44px,5.3vw,86px);line-height:.99;letter-spacing:-.065em}
.product-hero-art{border:0;border-radius:0;background:var(--graphite)}
.product-hero-art img{padding:20px;box-sizing:border-box;min-height:310px}
.product-hero-art figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border-dark)}
.product-grid{row-gap:42px}
.product-grid article{border-top:0}
.product-grid a{border-bottom:1px solid var(--border-strong)}
.product-grid a:hover{border-color:var(--text-primary)}
.product-grid img{background:var(--graphite)}
.product-grid .tag{font-size:9px;letter-spacing:.08em}
.product-grid h3{letter-spacing:-.045em}
.sys-section:has(>.sys-clip){display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);column-gap:5vw;align-items:start}
.sys-section:has(>.sys-clip)>.sys-heading{grid-column:1;position:sticky;top:110px}
.sys-section:has(>.sys-clip)>.sys-shot,.sys-section:has(>.sys-clip)>.sys-gallery,.sys-section:has(>.sys-clip)>.sys-note,.sys-section:has(>.sys-clip)>.sys-clip,.sys-section:has(>.sys-clip)>.sys-evidence{grid-column:2}
.sys-section:has(>.sys-clip)>.sys-shot,.sys-section:has(>.sys-clip)>.sys-gallery{grid-row:1}
.sys-section:has(>.sys-clip) .sys-heading h2{font-size:clamp(37px,4.3vw,68px)}
.sys-section:has(>.sys-clip)>.sys-clip{margin-top:24px}
.sys-shot{border-radius:4px}
.contact-page{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px 7vw;padding-top:65px}
.contact-page>h1{grid-column:1;font-size:clamp(45px,5.4vw,83px);line-height:.99;letter-spacing:-.065em;margin:0}
.contact-page>.tag{grid-column:1/-1}
.contact-page>.lede{grid-column:1;margin:16px 0;max-width:34ch}
.contact-guide{grid-column:1;padding-block:25px;margin-top:15px;border-top:1px solid var(--border-light)}
.contact-guide>p:not(.tag){font-size:24px;letter-spacing:-.04em;line-height:1.3}
.contact-guide small{display:block;max-width:40ch;margin-top:12px;color:var(--text-muted-on-paper);line-height:1.6}
.contact-form{grid-column:2;grid-row:2/6;border-top:1px solid var(--border-light);padding-top:12px}
#quote .formgrid{gap:16px 18px}
#quote label{font-size:13px}
#quote input,#quote textarea{background:var(--surface-paper);min-height:46px}
#quote textarea{resize:none;min-height:105px;overflow-y:auto}
#quote [aria-invalid=true]{border-color:var(--status-error);outline:1px solid var(--status-error)}
.field-error{display:block;color:var(--status-error);font-size:12px;line-height:1.5;margin-top:5px}
#quote-status{font-size:14px;line-height:1.6}
#quote-preview{border-block:1px solid var(--border-light);padding-block:18px;margin-block:20px}
#quote-preview h2{font-size:20px;letter-spacing:-.025em}
#quote-preview textarea{width:100%;height:190px;font-size:13px;line-height:1.7;margin-top:10px}
#quote .quote-recovery{align-items:center}
@media(prefers-reduced-motion:no-preference){
 .reveal.in-view>div{animation:premium-enter .65s cubic-bezier(.2,.65,.2,1) both}
 @keyframes premium-enter{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:850px){
 .premium-world{grid-template-columns:1fr}
 .premium-world-copy{display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:start}
 .premium-world-copy .tag,.premium-world-copy h2,.premium-world-copy .lede{grid-column:1/-1}
 .premium-world-copy .lede{max-width:46ch;margin:0}
 .premium-world-copy .button{grid-column:1;justify-self:start}
 .premium-evidence{grid-column:2;grid-row:4;margin:0;font-size:9px;align-self:center}
 .sys-section:has(>.sys-clip){display:block}
 .sys-section:has(>.sys-clip)>.sys-heading{position:static}
 .contact-page{display:block}
 .contact-page h1{max-width:14ch}
 .contact-guide{margin-top:22px;padding-block:18px}
 .contact-guide>p{display:none}
 .contact-guide small{max-width:48ch}
 .contact-form{margin-top:8px}
}
@media(max-width:690px){
 .v2-hero{min-height:820px}
 .v2-hero-copy{padding:42px var(--pad) 0;max-width:none}
 .v2-hero h1{font-size:clamp(61px,15.9vw,105px)}
 .v2-hero .lede{font-size:23px;margin-top:22px}
 .hero-explanation{max-width:38ch;font-size:13px;line-height:1.55;margin-bottom:20px}
 .v2-hero-img{height:40%;bottom:40px;object-position:73% 54%}
 .v2-hero:after{background:linear-gradient(180deg,var(--bg-primary) 48%,transparent 64%,transparent 83%,var(--bg-primary) 98%)}
 .premium-world h2{font-size:clamp(42px,12vw,68px);margin-bottom:4px}
 .premium-world-copy{display:block}
 .premium-world-copy .button{margin-top:18px}
 .premium-evidence{margin-top:18px}
 .product-intro{padding-block:42px}
 .product-hero-art img{min-height:220px;padding:12px}
 .product-grid{row-gap:26px}
 .contact-page{padding-top:38px}
 .contact-page h1{font-size:clamp(40px,11vw,60px)}
 #quote .formgrid{grid-template-columns:1fr}
}

.contact-guide [hidden]{display:none}