@font-face{font-family:Cabinet Grotesk;src:url(../fonts/cabinet-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(../fonts/cabinet-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(../fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-canvas: #f7f5f1;--color-bg-canvas-alt: #efebe3;--color-surface: #ffffff;--color-surface-sunken: #eeeae2;--color-ink-900: #15130f;--color-ink-700: #3a362d;--color-ink-500: #6e6858;--color-ink-300: #a9a192;--color-hairline: #dedacf;--color-hairline-strong: #c7c1b2;--finish-silver: #b8bbb8;--finish-silver-hi: #e7e9e7;--finish-silver-sh: #7c7f7c;--finish-black: #1c1b19;--finish-black-hi: #4c4a46;--finish-black-sh: #000000;--finish-bronze: #7c5a3c;--finish-bronze-hi: #ac8355;--finish-bronze-sh: #4e3821;--finish-gold: #b8924a;--finish-gold-hi: #e4c98b;--finish-gold-sh: #7d602c;--finish-white-textured: #f1ede4;--finish-white-textured-hi: #ffffff;--finish-white-textured-sh: #d9d3c5;--finish-wood-oak: #b1875a;--finish-wood-oak-hi: #cba57d;--finish-wood-oak-sh: #7e5d37;--finish-wood-walnut: #5a3e2b;--finish-wood-walnut-hi: #7c5a3f;--finish-wood-walnut-sh: #382419;--finish-wood-wenge: #2e211a;--finish-wood-wenge-hi: #4a362a;--finish-wood-wenge-sh: #170f0b;--color-accent: #8a6a3e;--color-accent-hover: #9c7a49;--color-accent-pressed: #755838;--color-accent-subtle: #efe6d8;--color-accent-ink: #ffffff;--color-error: #a23b2e;--color-error-subtle: #f3e2de;--color-success: #4b6e52;--color-success-subtle: #e4ebe3;--color-focus-ring: rgba(138, 106, 62, .35);--font-display: "Cabinet Grotesk", "General Sans", -apple-system, "Segoe UI", sans-serif;--font-ui: "General Sans", -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--type-display: clamp(2.25rem, 1.6rem + 3vw, 3.5rem);--type-h1: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--type-h2: 1.75rem;--type-h3: 1rem;--type-body-lg: 1.125rem;--type-body: .9375rem;--type-label: .8125rem;--type-spec: .875rem;--type-spec-lg: 1.5rem;--space-050: 4px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-600: 48px;--space-800: 64px;--space-1200: 96px;--space-1600: 128px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 999px;--elevation-0: none;--elevation-1: 0 1px 2px rgba(21, 19, 15, .04), 0 1px 1px rgba(21, 19, 15, .03);--elevation-2: 0 4px 16px rgba(21, 19, 15, .07), 0 1px 3px rgba(21, 19, 15, .05);--elevation-3: 0 24px 56px rgba(21, 19, 15, .16), 0 6px 16px rgba(21, 19, 15, .08);--container-max: 1440px;--motion-instant: .1s;--motion-fast: .16s;--motion-base: .22s;--motion-slow: .36s;--motion-scene: .48s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-ui);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-700);background:var(--color-bg-canvas);min-height:100vh}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-focus-ring);transition:box-shadow var(--motion-fast) var(--ease-out)}input:focus-visible{outline:none}h1,h2,h3{font-family:var(--font-display);font-weight:500;color:var(--color-ink-900);line-height:1.1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-ui);font-size:var(--type-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-400)}@media (min-width: 1024px){.app{padding-inline:var(--space-800)}}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-300);padding-block:var(--space-300);border-bottom:1px solid var(--color-hairline)}.brand{display:flex;align-items:baseline;gap:var(--space-150)}.brand__word{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-900)}.brand__tag{font-size:var(--type-label);letter-spacing:.06em;color:var(--color-ink-500)}.header__meta{display:flex;align-items:center;gap:var(--space-300)}.stage{display:grid;grid-template-columns:1fr;gap:var(--space-600);padding-block:var(--space-600)}@media (min-width: 1024px){.stage{grid-template-columns:52fr 48fr;gap:var(--space-800);padding-block:var(--space-800)}}.stage__preview{min-width:0}@media (min-width: 1024px){.stage__preview{position:sticky;top:var(--space-300);align-self:start}}.stage__scene{min-width:0;display:flex;flex-direction:column}.scene__head{display:flex;flex-direction:column;gap:var(--space-150);margin-bottom:var(--space-400)}.scene__title{font-size:var(--type-h2)}.scene__lead{font-size:var(--type-body-lg);color:var(--color-ink-700);max-width:46ch}.scene__body{flex:1}.scene__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200);margin-top:var(--space-600);padding-top:var(--space-300);border-top:1px solid var(--color-hairline)}.btn{display:inline-flex;align-items:center;gap:var(--space-100);padding:var(--space-150) var(--space-300);border-radius:var(--radius-md);font-weight:600;font-size:var(--type-body);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);min-height:44px}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-pressed)}.btn--ghost{color:var(--color-ink-700);border:1px solid var(--color-hairline-strong);background:var(--color-surface)}.btn--ghost:hover{border-color:var(--color-ink-500)}.btn--text{padding-inline:var(--space-100);color:var(--color-ink-700);font-weight:500}.btn--text:hover{color:var(--color-accent)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.stepnav{padding-block:var(--space-300);border-top:1px solid var(--color-hairline)}.stepnav__rail{display:none}@media (min-width: 768px){.stepnav__rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-200)}}.stepnav__item{display:flex;flex-direction:column;gap:var(--space-050);text-align:left;padding-block:var(--space-100);position:relative}.stepnav__index{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-300);letter-spacing:.02em}.stepnav__label{font-size:var(--type-label);color:var(--color-ink-300)}.stepnav__item[data-state=done] .stepnav__index,.stepnav__item[data-state=done] .stepnav__label{color:var(--color-ink-700)}.stepnav__item[data-state=active] .stepnav__index{color:var(--color-accent);font-weight:700}.stepnav__item[data-state=active] .stepnav__label{color:var(--color-ink-900);font-weight:600}.stepnav__item[data-clickable=true]:hover .stepnav__label{text-decoration:underline;text-decoration-color:var(--color-hairline-strong)}.stepnav__item[data-clickable=false]{cursor:not-allowed}.stepnav__track{position:relative;height:2px;margin-top:var(--space-150);background:var(--color-hairline);border-radius:var(--radius-full);overflow:hidden}.stepnav__progress{position:absolute;inset:0 auto 0 0;background:var(--color-accent);transition:width var(--motion-base) var(--ease-standard)}.stepnav__mobile{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-200)}@media (min-width: 768px){.stepnav__mobile{display:none}}.stepnav__mobile-index{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-accent)}.stepnav__mobile-label{font-weight:600;color:var(--color-ink-900)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-300)}.swatch-grid--wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.group-label{font-size:var(--type-label);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-500);margin-bottom:var(--space-200)}.group+.group{margin-top:var(--space-400)}.swatch{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}@media (hover: hover){.swatch:hover:not([aria-disabled=true]){transform:translateY(-2px);box-shadow:var(--elevation-1);border-color:var(--color-hairline-strong)}}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--color-accent);border-color:transparent}.swatch[aria-disabled=true]{opacity:.4;cursor:not-allowed}.swatch__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-surface-sunken)}.swatch__media--tall{aspect-ratio:3 / 4}.swatch__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.swatch__check{position:absolute;top:var(--space-150);right:var(--space-150);width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--elevation-1)}.swatch__body{padding:var(--space-200);display:flex;flex-direction:column;gap:2px}.swatch__label{font-family:var(--font-ui);font-weight:600;font-size:var(--type-h3);color:var(--color-ink-900);line-height:1.25}.swatch__meta{font-size:var(--type-label);color:var(--color-ink-500)}.swatch__price{margin-top:2px;font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-accent)}.swatch__badge{align-self:flex-start;margin-top:var(--space-100);padding:2px 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-pressed)}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-300)}.chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-150);padding:var(--space-100);border-radius:var(--radius-md);transition:transform var(--motion-fast) var(--ease-out)}.chip__disc{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #15130f14,var(--elevation-1);position:relative;overflow:hidden;transition:box-shadow var(--motion-fast) var(--ease-out)}.chip__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media (hover: hover){.chip:hover .chip__disc{box-shadow:inset 0 0 0 1px #15130f24,var(--elevation-2)}}.chip[aria-checked=true] .chip__disc{box-shadow:0 0 0 2px var(--color-accent),var(--elevation-2)}.chip__check{position:absolute;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-ink)}.chip__label{font-size:var(--type-label);color:var(--color-ink-700);text-align:center}.chip[aria-checked=true] .chip__label{color:var(--color-ink-900);font-weight:600}.preview{position:relative;border-radius:var(--radius-lg);background:var(--color-bg-canvas-alt);box-shadow:var(--elevation-2);overflow:hidden;aspect-ratio:3 / 4;max-height:78vh;margin-inline:auto}.preview__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.14;filter:blur(2px) saturate(1.04);transform:scale(1.06);pointer-events:none;transition:opacity var(--motion-slow, .36s) var(--ease-out)}.preview__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(24px,5vw,56px);z-index:1}.preview__door{position:relative;height:100%;max-height:100%;transition:transform var(--motion-base) var(--ease-out)}@media (hover: hover){.preview:hover .preview__door{transform:scale(1.03)}}.preview__layer{position:absolute;top:0;right:0;bottom:0;left:0}.elevation{--frame-w: clamp(5px, 1.35vw, 11px);position:relative;height:100%;padding:var(--frame-w);border-radius:3px;box-shadow:0 20px 42px -20px #15130f8c,var(--elevation-2),inset 0 0 0 1px #00000029,inset 0 1px #ffffff52;transition:transform var(--motion-base, .24s) var(--ease-out)}.elevation[data-view=back]{transform:scaleX(-1)}.elevation__panel{position:relative;height:100%;border-radius:1px;overflow:hidden;background:#cfc9bd;box-shadow:inset 0 0 0 1px #0000002e,inset 0 3px 9px #00000029,inset 0 -2px 6px #ffffff0d}.elevation__material{position:absolute;top:0;right:0;bottom:0;left:0}.elevation__material-blank{display:block;width:100%;height:100%;background:linear-gradient(155deg,#d7d1c5,#c3bcac)}.elevation__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,#ffffff38,#ffffff0d 18%,#fff0 42%,#fff0 70%,#ffffff14);mix-blend-mode:screen}.elevation__recess{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:1px;box-shadow:inset 0 0 0 1px #00000038,inset 1px 1px 3px #00000047,inset -1px -1px 2px #ffffff0f}.elevation__hinges{position:absolute;left:0;top:14%;bottom:14%;width:var(--frame-w);z-index:4;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none}.elevation__hinge{width:82%;height:clamp(9px,1.5vh,16px);border-radius:2px;background:linear-gradient(180deg,#b9bcbb,#8f9291 52%,#74716d);box-shadow:inset 0 0 0 .5px #00000047,0 1px 1px #00000040}.elevation__handle{position:absolute;top:50%;right:calc(var(--frame-w) + clamp(3px,.8vw,7px));transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.elevation__handle-bar{width:clamp(5px,.9vw,8px);height:clamp(90px,34vh,260px);border-radius:var(--radius-full);background:linear-gradient(90deg,#34322e,#141310 46%,#050504);box-shadow:-3px 0 7px #00000052,0 3px 8px #00000057,inset 1px 0 #ffffff24}.elevation__handle-lock{width:clamp(9px,1.5vw,14px);height:clamp(13px,2.1vw,19px);margin-top:clamp(6px,1vw,10px);border-radius:3px;background:linear-gradient(180deg,#2a2825,#131210);box-shadow:0 2px 6px #00000059,inset 0 0 0 .5px #ffffff1f;position:relative}.elevation__handle-lock:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff57}.preview__header{position:absolute;top:var(--space-200);left:var(--space-200);right:var(--space-200);display:flex;align-items:center;justify-content:space-between;z-index:2}.preview__caption{position:absolute;left:var(--space-300);bottom:var(--space-300);z-index:2;padding:var(--space-100) var(--space-200);border-radius:var(--radius-full);background:#15130fb8;color:#fff;font-size:var(--type-label);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview__dims{position:absolute;right:var(--space-300);bottom:var(--space-300);z-index:2;font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500)}.preview__finish{position:absolute;left:var(--space-300);bottom:var(--space-300);z-index:2;display:flex;align-items:center;gap:var(--space-200);margin:0;padding:6px var(--space-250, 12px) 6px 6px;border-radius:var(--radius-full);background:#15130fb8;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--elevation-1);max-width:calc(100% - 2 * var(--space-300))}.preview__finish-swatch{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff47}.preview__finish-name{display:flex;flex-direction:column;min-width:0;line-height:1.2;padding-right:var(--space-100)}.preview__finish-name strong{font-size:var(--type-label);font-weight:600}.preview__finish-name span{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-pill{display:inline-flex;padding:3px;border-radius:var(--radius-full);background:#f7f5f1db;box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toggle-pill button{padding:5px 14px;border-radius:var(--radius-full);font-size:var(--type-label);font-weight:600;color:var(--color-ink-500);min-height:32px}.toggle-pill button[aria-pressed=true]{background:var(--color-ink-900);color:#fff}.preview__reddot{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#15130fb8;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.85;transition:opacity var(--motion-fast)}.preview:hover .preview__reddot{opacity:1}.preview__reddot:before{content:"";width:8px;height:8px;border-radius:50%;background:#d0342c}.preview__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(100deg,var(--color-bg-canvas-alt) 20%,var(--color-surface-sunken) 40%,var(--color-bg-canvas-alt) 60%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.previewstage{position:relative}.previewstage__modes{position:absolute;top:var(--space-300);left:50%;transform:translate(-50%);z-index:4}.previewstage__loading{border-radius:var(--radius-lg);background:linear-gradient(160deg,#f4f1eb,#e8e3da);box-shadow:var(--elevation-2);aspect-ratio:3 / 4;max-height:78vh;margin-inline:auto}.preview3d{position:relative;margin:0;border-radius:var(--radius-lg);background:linear-gradient(160deg,#f5f2ec,#e9e4da 62%,#e2ddd2);box-shadow:var(--elevation-2);overflow:hidden;aspect-ratio:3 / 4;max-height:78vh;margin-inline:auto}.preview3d__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;cursor:grab;touch-action:none}.preview3d__canvas:active{cursor:grabbing}.preview3d__hud{position:absolute;right:var(--space-200);bottom:var(--space-200);z-index:2;display:flex;gap:var(--space-100)}.preview3d__btn{padding:6px 12px;border-radius:var(--radius-full);background:#15130fb8;color:#fff;font-size:11px;font-weight:600;letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--elevation-1);transition:background var(--motion-fast, .16s)}.preview3d__btn:hover{background:#15130fdb}.preview3d__btn[aria-pressed=true]{background:var(--color-accent)}.preview3d__hint{position:absolute;left:var(--space-300);top:var(--space-300);z-index:2;font-size:11px;letter-spacing:.04em;color:var(--color-ink-500);opacity:.72;pointer-events:none}.preview3d__dims{position:absolute;right:var(--space-300);top:var(--space-300);z-index:2;font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500)}.dims{display:grid;gap:var(--space-400)}@media (min-width: 640px){.dims{grid-template-columns:1fr 220px;align-items:start}}.dims__fields{display:flex;flex-direction:column;gap:var(--space-300)}.dims__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-300)}.field{display:flex;flex-direction:column;gap:var(--space-100)}.field__label{font-size:var(--type-label);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-500)}.field__input{display:flex;align-items:baseline;gap:var(--space-100);padding:var(--space-150) var(--space-200);background:var(--color-surface-sunken);border:1px solid var(--color-hairline);border-radius:var(--radius-md);transition:border-color var(--motion-fast)}.field__input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.field__input input{width:100%;border:none;background:transparent;font-family:var(--font-mono);font-size:var(--type-spec-lg);font-weight:700;color:var(--color-ink-900)}.field__input input::-webkit-outer-spin-button,.field__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field__input input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field__unit{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500)}.field__input[data-error=true]{border-color:var(--color-error)}.dims__meta{display:flex;flex-wrap:wrap;gap:var(--space-300);font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500)}.dims__error{display:flex;gap:var(--space-100);padding:var(--space-150) var(--space-200);background:var(--color-error-subtle);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--type-label)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.stepper button{width:40px;height:40px;display:grid;place-items:center;color:var(--color-ink-700)}.stepper button:hover{background:var(--color-surface-sunken)}.stepper__value{min-width:44px;text-align:center;font-family:var(--font-mono);font-weight:700;color:var(--color-ink-900)}.dims__diagram{display:grid;place-items:center;padding:var(--space-300);background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md)}.hardware-callout{display:flex;flex-wrap:wrap;gap:var(--space-300);padding:var(--space-300);background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md)}.stat{display:flex;flex-direction:column;gap:2px;padding-right:var(--space-300);border-right:1px solid var(--color-hairline)}.stat:last-child{border-right:none;padding-right:0}.stat__value{font-family:var(--font-mono);font-weight:700;font-size:var(--type-spec-lg);color:var(--color-ink-900)}.stat__label{font-size:var(--type-label);color:var(--color-ink-500);max-width:16ch}.hardware-brand{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:var(--type-label);color:var(--color-ink-700);margin-bottom:var(--space-200)}.switch{display:flex;align-items:center;gap:var(--space-200);padding:var(--space-200) 0;cursor:pointer}.switch__track{width:44px;height:26px;border-radius:var(--radius-full);background:var(--color-hairline-strong);position:relative;transition:background var(--motion-base) var(--ease-standard);flex-shrink:0}.switch__track[data-on=true]{background:var(--color-accent)}.switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--elevation-1);transition:transform var(--motion-base) var(--ease-standard)}.switch__track[data-on=true] .switch__thumb{transform:translate(18px)}.switch__text b{display:block;color:var(--color-ink-900);font-weight:600}.switch__text span{font-size:var(--type-label);color:var(--color-ink-500)}.source-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--type-label);font-weight:500}.source-badge--live{background:var(--color-success-subtle);color:var(--color-success)}.source-badge--estimate{background:var(--color-surface-sunken);color:var(--color-ink-500)}.source-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.lang{display:inline-flex;align-items:center;gap:var(--space-100);font-size:var(--type-label)}.lang button{color:var(--color-ink-300);font-weight:500;padding:2px 4px}.lang button[aria-pressed=true]{color:var(--color-ink-900);font-weight:600}.lang__sep{color:var(--color-hairline-strong)}.price{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-300)}.price--sidebar{position:sticky;top:var(--space-300)}.price__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-200)}.price__label{font-size:var(--type-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-500)}.price__total{font-family:var(--font-mono);font-weight:700;font-size:var(--type-spec-lg);color:var(--color-ink-900);min-height:1.2em}.price__vat{margin-top:var(--space-050);font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500)}.price__hint{color:var(--color-ink-500);font-size:var(--type-body)}.price__toggle{display:inline-flex;align-items:center;gap:var(--space-100);margin-top:var(--space-200);font-size:var(--type-label);font-weight:600;color:var(--color-accent)}.price__toggle svg{transition:transform var(--motion-base) var(--ease-standard)}.price__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.price__breakdown{overflow:hidden}.price__lines{margin-top:var(--space-200);padding-top:var(--space-200);border-top:1px solid var(--color-hairline);display:flex;flex-direction:column;gap:var(--space-150)}.price__line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-200);font-size:var(--type-spec)}.price__line span:first-child{color:var(--color-ink-700)}.price__line .amount{font-family:var(--font-mono);color:var(--color-ink-900);white-space:nowrap}.price__line--total{margin-top:var(--space-100);padding-top:var(--space-150);border-top:1px solid var(--color-hairline);font-weight:600}.price__note{margin-top:var(--space-150);font-size:var(--type-label);color:var(--color-ink-500)}.price__shimmer{display:inline-block;width:96px;height:1em;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--color-surface-sunken) 20%,var(--color-bg-canvas-alt) 40%,var(--color-surface-sunken) 60%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.spec{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);overflow:hidden}.spec__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-300);padding:var(--space-400) var(--space-600);border-bottom:1px solid var(--color-hairline)}.spec__title{font-size:var(--type-h1)}.spec__date{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-500);margin-top:var(--space-100)}.spec__grid{display:grid;grid-template-columns:1fr;gap:var(--space-600);padding:var(--space-600)}@media (min-width: 900px){.spec__grid{grid-template-columns:45fr 55fr}}.spec__diagram{display:flex;flex-direction:column;gap:var(--space-300);align-items:center;padding:var(--space-400);background:var(--color-bg-canvas-alt);border-radius:var(--radius-md)}.spec__diagram-row{display:flex;gap:var(--space-600);align-items:flex-end;justify-content:center}.spec__diagram-cap{font-size:var(--type-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-500);text-align:center;margin-top:var(--space-150)}.spec__list{display:flex;flex-direction:column}.spec__item{display:grid;grid-template-columns:1fr auto;gap:var(--space-200);padding-block:var(--space-200);border-bottom:1px solid var(--color-hairline)}.spec__item:last-child{border-bottom:none}.spec__key{font-size:var(--type-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-500);align-self:center}.spec__val{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-900);text-align:right}.spec__brands{display:flex;flex-wrap:wrap;gap:var(--space-300);padding:var(--space-300) var(--space-600);border-block:1px solid var(--color-hairline);background:var(--color-bg-canvas)}.spec__brand{display:flex;align-items:center;gap:var(--space-150);font-size:var(--type-label);color:var(--color-ink-700);padding-right:var(--space-300);border-right:1px solid var(--color-hairline)}.spec__brand:last-child{border-right:none}.spec__brand b{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-900)}.spec__price{padding:var(--space-400) var(--space-600)}.spec__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-300);padding:var(--space-400) var(--space-600);border-top:1px solid var(--color-hairline);background:var(--color-bg-canvas)}.spec__foot{padding:var(--space-200) var(--space-600) var(--space-400);font-size:var(--type-label);color:var(--color-ink-500)}.intro{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:clamp(48px,8vw,128px) clamp(32px,6vw,96px);color:#fff;min-height:62vh;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-300)}.intro__bg{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;z-index:0;background:radial-gradient(120% 100% at 80% 0%,rgba(138,106,62,.55) 0%,transparent 55%),linear-gradient(160deg,#2a2620,#15130f 60%,#0d0b09)}.intro>*:not(.intro__bg){position:relative;z-index:1}.intro__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.intro__decor img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(1.02)}.intro__decor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0d0b0959,#0d0b09b8 70%)}.intro__eyebrow{font-size:var(--type-label);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.intro__title{font-family:var(--font-display);font-weight:500;font-size:var(--type-display);line-height:1.05;color:#fff;max-width:18ch}.intro__lead{font-size:var(--type-body-lg);color:#ffffffd1;max-width:52ch}.intro__badges{display:flex;flex-wrap:wrap;gap:var(--space-200);margin-block:var(--space-200)}.intro__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.24);font-size:var(--type-label);letter-spacing:.04em;color:#ffffffe6}.intro__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-300);margin-top:var(--space-200)}.intro .btn--primary{background:#fff;color:var(--color-ink-900)}.intro .btn--primary:hover{background:#ffffffe0}.intro__link{color:#ffffffd1;text-decoration:underline;text-underline-offset:3px;font-size:var(--type-body)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.swatch:hover:not([aria-disabled=true]),.preview:hover .preview__door,.btn:hover,.chip:hover .chip__disc{transform:none!important}}