@font-face{font-family:Geist;src:url(/fonts/Geist-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-base: #0a0a0a;--bg-lift: #1f1f1f;--text-primary: #dadada;--text-label: rgba(218, 218, 218, .7);--text-detail: #868686;--text-muted: #a4a3a3;--text-subtle: #a7a7a7;--ui-border: rgba(86, 86, 86, .5);--pip-idle: #2a2a2a;--pip-active: #b9b9b9;--font-display: "Geist", -apple-system, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace;--spec-name-size-hero: clamp(3rem, 8.2vw, 120px);--spec-name-size-standard: clamp(2.25rem, 5.3vw, 72px);--spec-name-weight: 300;--spec-detail-size: 1rem;--spec-detail-weight: 300;--product-meta-size: 13px;--product-meta-weight: 400;--geo-emphasis-size: 20px;--ui-pad: 20px;--ui-gap: clamp(.7rem, 1.2vw, 1.5rem);--display-copy: clamp(2.4rem, 8.2vw, 8.75rem);--duration-fast: .2s;--duration-mid: .3s;--ease-standard: cubic-bezier(.33, 1, .68, 1);--loading-text-size: 14pt;--loading-launch-duration: .92s;--loading-reveal-ease: cubic-bezier(.18, .88, .34, 1)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;margin:0;background:var(--bg-base);color:var(--text-primary)}body{min-height:100vh;font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;overflow-x:hidden}a,button{color:inherit}#scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}#top-nav{position:fixed;top:var(--ui-pad);left:var(--ui-pad);display:flex;align-items:center;gap:16px;z-index:10}#nav-toggle{border:0;background:transparent;width:52px;height:48px;padding:0;cursor:default;flex-shrink:0;pointer-events:none}.nav-toggle-icon{width:52px;height:48px;display:block}#nav-slot{position:relative;height:48px;display:flex;align-items:center}#nav-label{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:none;border:none;padding:0;cursor:pointer;will-change:opacity,transform;transition:opacity var(--duration-fast) var(--ease-standard)}#nav-label:hover #nav-section-name,#nav-label:focus-visible #nav-section-name{color:#fff}.nav-model-name{font-family:var(--font-display);font-weight:400;font-size:var(--product-meta-size);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-detail);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}#nav-section-name{font-family:var(--font-display);font-weight:400;font-size:var(--product-meta-size);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;min-height:1em;transition:color var(--duration-fast) var(--ease-standard)}#nav-pills{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;background:#313131;border-radius:12px;padding:8px 16px;height:48px;gap:0;opacity:0;pointer-events:none;will-change:opacity,clip-path;clip-path:inset(0 100% 0 0 round 12px)}#nav-pills.is-open{opacity:1;pointer-events:auto;clip-path:inset(0 0% 0 0 round 12px)}.nav-pill{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:none;font-family:var(--font-display);font-weight:400;font-size:var(--product-meta-size);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary);opacity:.55;cursor:pointer;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.nav-pill.is-active{opacity:1;border-color:var(--text-primary)}.nav-pill:hover:not(.is-active),.nav-pill:focus-visible:not(.is-active){opacity:.8}#nav-pills-close{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:6px;border:none;background:none;font-family:var(--font-display);font-weight:400;font-size:var(--product-meta-size);line-height:1;letter-spacing:-.02em;color:var(--text-primary);opacity:.55;cursor:pointer;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard)}#nav-pills-close:hover,#nav-pills-close:focus-visible{opacity:.9}#scroll-container{position:relative;z-index:1}.stop{height:100vh}#ui{position:fixed;inset:0;z-index:2;pointer-events:none}.spec-gradient{position:absolute;inset:auto 0 0;height:clamp(200px,28vw,420px);background:linear-gradient(transparent 0%,#000000eb 78%)}#spec-block{position:absolute;inset:auto auto 0 0;width:min(clamp(520px,46vw,980px),calc(100vw - (var(--ui-pad) * 2)));padding:0 var(--ui-pad) var(--ui-pad) var(--ui-pad);will-change:transform,opacity}.spec-name{margin:0;font-family:var(--font-display);font-weight:var(--spec-name-weight);font-size:var(--spec-name-size-standard);line-height:.8;letter-spacing:-.03em;color:var(--text-primary);white-space:pre-line;text-wrap:balance}.spec-name.is-hero{font-size:var(--spec-name-size-hero)}.spec-detail{margin:clamp(1.1rem,1.8vw,2.2rem) 0 0;max-width:min(92vw,clamp(380px,36vw,740px));font-family:var(--font-display);font-size:var(--spec-detail-size);font-weight:var(--spec-detail-weight);line-height:1.3;letter-spacing:-.02em;color:var(--text-detail)}#product-block{position:absolute;inset:auto var(--ui-pad) var(--ui-pad) auto;display:flex;align-items:center;gap:20px}.product-info{display:flex;flex-direction:column;gap:1px}.product-name{margin:0;font-family:var(--font-display);font-size:var(--product-meta-size);font-weight:var(--product-meta-weight);letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary)}.product-price{margin:0;font-family:var(--font-display);font-size:var(--product-meta-size);font-weight:var(--product-meta-weight);letter-spacing:-.02em;text-transform:uppercase;color:var(--text-muted)}#configure-cta{pointer-events:auto;border:0;background:#313131;color:var(--text-primary);font-family:var(--font-display);font-size:var(--product-meta-size);font-weight:var(--product-meta-weight);line-height:1;letter-spacing:-.02em;text-transform:uppercase;padding:16px;border-radius:12px;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}#configure-cta:hover,#configure-cta:focus-visible{background:#3d3d3d;color:#ebebeb;transform:translateY(-2px)}#back-to-top{position:fixed;top:var(--ui-pad);left:50%;transform:translate(-50%) translateY(-6px);border:0;background:#313131;padding:14px 24px;border-radius:12px;font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;z-index:5;transition:background-color var(--duration-fast) var(--ease-standard),opacity .3s var(--ease-standard),transform .3s var(--ease-standard)}#back-to-top:hover,#back-to-top:focus-visible{background:#3d3d3d}#pips{position:absolute;inset:50% clamp(.65rem,1.1vw,1.35rem) auto auto;transform:translateY(-50%);display:grid;gap:clamp(.5rem,.95vw,.95rem)}.pip{width:clamp(2px,.16vw,3px);height:clamp(4px,.4vw,7px);border-radius:99px;background:var(--pip-idle);transition:height var(--duration-mid) var(--ease-standard),background-color var(--duration-mid) var(--ease-standard)}.pip.is-active{height:clamp(18px,2vw,30px);border-radius:1px;background:var(--pip-active)}#loading-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;gap:16px;background:#000;opacity:1;transition:opacity .4s var(--ease-standard)}#loading-overlay.is-hidden{opacity:0}#loading-overlay.is-revealing{animation:loading-overlay-reveal var(--loading-launch-duration) var(--loading-reveal-ease) forwards}#loading-text{margin:0;font-family:var(--font-mono);font-size:var(--loading-text-size);font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#dadadabd}@keyframes loading-overlay-reveal{0%{clip-path:inset(0 0 0 0)}76%{clip-path:inset(0 0 0 49%)}to{clip-path:inset(0 0 0 100%)}}#error-banner{position:absolute;inset:auto auto clamp(4.2rem,8vw,9rem) var(--ui-pad);margin:0;border:1px solid #232323;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);padding:clamp(.65rem,.95vw,.95rem) clamp(.7rem,1.1vw,1rem);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.55;letter-spacing:-.02em;text-transform:uppercase;color:#7a7a7a}#geometry-section{position:fixed;inset:calc(var(--ui-pad) + 60px) var(--ui-pad) clamp(90px,13vh,140px) var(--ui-pad);z-index:3;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-standard),transform .4s var(--ease-standard);transform:translateY(10px)}#geometry-section.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.geo-card{width:100%;height:100%;display:flex;background:#252525eb;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:12px;overflow:hidden}.geo-diagram{flex:1;min-width:0;position:relative;overflow:hidden}.geo-vector-stage{width:100%;height:100%;padding:clamp(20px,3vw,40px);background:transparent}.geo-vector-image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:grayscale(1) contrast(1.1) brightness(.9);opacity:.85}.geo-right{display:flex;align-items:center;flex-shrink:0}.geo-sizes{display:flex;flex-direction:column;gap:2px;align-items:flex-end;padding:0;background:transparent;border:none;border-radius:0}.geo-size-btn{border:1px solid transparent;background:#1c1c1c80;width:54px;padding:16px 0;font-family:var(--font-display);font-size:12px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:#dadadab3;cursor:pointer;border-radius:12px;text-align:center;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),width var(--duration-fast) var(--ease-standard),font-size var(--duration-fast) var(--ease-standard),border-radius var(--duration-fast) var(--ease-standard)}.geo-size-btn:hover:not(.is-active){color:var(--text-primary)}.geo-size-btn.is-active{background:#1c1c1c;border-color:#151515;color:var(--text-primary);width:64px;font-size:24px;border-radius:12px 0 0 12px;letter-spacing:-.02em;padding:16px 0}.geo-table{background:#1c1c1c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:12px;padding:24px;height:100%;display:flex;flex-wrap:wrap;gap:0 31px;align-content:center;overflow:hidden;min-width:min(511px,45vw);max-width:560px}.geo-row{width:240px;display:flex;gap:8px;align-items:baseline;padding:8px;border-bottom:1px solid var(--ui-border);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);opacity:0;transform:translateY(6px)}.geo-row.is-revealed{opacity:1;transform:translateY(0);transition:opacity .3s var(--ease-standard),transform .3s var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.geo-row.is-highlighted{border-color:#dadada66}.geo-row-label{flex:1;font-family:var(--font-display);font-size:12px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-label);white-space:nowrap}.geo-row-value{flex:1;font-family:var(--font-mono);font-size:clamp(20px,2.2vw,32px);font-weight:400;letter-spacing:-.02em;color:var(--text-primary);text-align:right;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}.geo-row.is-highlighted .geo-row-value{color:#fff}@media(max-width:700px){:root{--ui-pad: 16px;--display-copy: clamp(2rem, 13vw, 4rem)}#geometry-section{inset:calc(var(--ui-pad) + 50px) var(--ui-pad) 80px var(--ui-pad)}.geo-card{flex-direction:column}.geo-diagram{flex:0 0 40%;max-height:40%}.geo-right{flex:1;min-height:0;overflow:hidden}.geo-sizes{display:none}.geo-table{border-radius:0 0 12px 12px;min-width:0;max-width:none;width:100%;height:100%;padding:16px;gap:0 12px}.geo-row{width:calc(50% - 6px)}.geo-row-value{font-size:20px}}