:root{--ink:#202020;--white:#fff;--surface-soft:#f5f5f3;--border:#dededa;--border-strong:#b7b7b1;--text-secondary:#62625e;--brand-red:#c62828;--brand-red-dark:#a51f1f;--success:#2e7d32;--success-bg:#eaf4ea;--warning:#8a5a00;--warning-bg:#fbf1df;--error:#a51f1f;--error-bg:#fceaea;--disabled-bg:#efefec;--disabled-text:#ababa6;--text-on-dark:#fff;--text-on-dark-secondary:#c7c7c2;--border-on-dark:#3c3c3c;--surface-dark-raised:#2b2b2b;--color-bg-page:var(--white);--color-bg-section:var(--surface-soft);--color-bg-elevated:var(--white);--color-bg-dark:var(--ink);--color-bg-dark-raised:var(--surface-dark-raised);--color-text-primary:var(--ink);--color-text-secondary:var(--text-secondary);--color-text-on-dark:var(--text-on-dark);--color-text-on-dark-secondary:var(--text-on-dark-secondary);--color-link:var(--brand-red);--color-link-hover:var(--brand-red-dark);--color-action-primary-bg:var(--brand-red);--color-action-primary-bg-hover:var(--brand-red-dark);--color-action-primary-text:var(--white);--color-action-secondary-bg:transparent;--color-action-secondary-border:var(--ink);--color-action-secondary-text:var(--ink);--color-action-secondary-bg-hover:var(--ink);--color-action-secondary-text-hover:var(--white);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-border-on-dark:var(--border-on-dark);--color-focus-ring:var(--ink);--color-focus-ring-on-dark:var(--white);--color-sale:var(--brand-red);--color-sale-bg:var(--error-bg);--color-success-text:var(--success);--color-success-bg:var(--success-bg);--color-warning-text:var(--warning);--color-warning-bg:var(--warning-bg);--color-error-text:var(--error);--color-error-bg:var(--error-bg);--color-disabled-bg:var(--disabled-bg);--color-disabled-text:var(--disabled-text);--font-display:"Barlow Semi Condensed",system-ui,-apple-system,sans-serif;--font-body:"Source Sans 3",system-ui,-apple-system,sans-serif;--text-display-size:56px;--text-display-line:1.05;--text-display-weight:700;--text-display-spacing:-.01em;--text-h1-size:40px;--text-h1-line:1.1;--text-h1-weight:700;--text-h2-size:32px;--text-h2-line:1.15;--text-h2-weight:600;--text-h3-size:24px;--text-h3-line:1.2;--text-h3-weight:600;--text-h4-size:20px;--text-h4-line:1.25;--text-h4-weight:600;--text-body-lg-size:18px;--text-body-lg-line:1.5;--text-body-lg-weight:400;--text-body-size:16px;--text-body-line:1.55;--text-body-weight:400;--text-label-size:13px;--text-label-line:1.3;--text-label-weight:600;--text-label-spacing:.04em;--text-support-size:14px;--text-support-line:1.4;--text-support-weight:400;--text-nav-size:15px;--text-nav-line:1;--text-nav-weight:600;--text-button-size:15px;--text-button-line:1;--text-button-weight:600;--text-button-spacing:.01em;--text-product-title-size:15px;--text-product-title-line:1.35;--text-product-title-weight:600;--text-price-size:17px;--text-price-line:1.2;--text-price-weight:700;--text-price-compare-size:14px;--text-price-compare-weight:400;--text-badge-size:11px;--text-badge-weight:700;--text-badge-spacing:.06em}@media (width<=767px){:root{--text-display-size:36px;--text-h1-size:28px;--text-h2-size:22px;--text-h3-size:19px;--text-h4-size:17px;--text-body-lg-size:17px;--text-nav-size:16px}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--content-max:1360px;--gutter-desktop:40px;--gutter-mobile:16px;--section-space-desktop:72px;--section-space-mobile:40px;--heading-to-content:var(--space-4);--card-gap:var(--space-5);--form-field-gap:var(--space-4);--drawer-padding:var(--space-5);--buybox-group-gap:var(--space-5);--radius-control:4px;--radius-media:6px;--radius-pill:999px;--border-width:1px;--shadow-overlay:0 12px 32px #20202029;--shadow-elevated:0 2px 8px #20202014;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-line)}a{color:var(--color-link);text-decoration:underline}a:hover{color:var(--color-link-hover)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);margin:0}img{max-width:100%;display:block}body{background:var(--color-bg-dark)}.deck-stage{background:var(--color-bg-dark);position:fixed;inset:0;overflow:hidden}.deck-viewport{position:absolute;inset:0;overflow:hidden}.deck-scaler{width:1440px;height:var(--sh,900px);margin-left:-720px;margin-top:calc(var(--sh,900px) / -2);transform-origin:50%;position:absolute;top:50%;left:50%}.deck-slide{width:1440px;height:var(--sh,900px);position:relative}.deck-slide>div{width:1440px!important;min-height:900px!important;box-shadow:none!important}.deck-slide-enter-next{animation:deckInNext var(--motion-slow) var(--ease-standard) both}.deck-slide-enter-prev{animation:deckInPrev var(--motion-slow) var(--ease-standard) both}@keyframes deckInNext{0%{opacity:0;transform:translate(3%)scale(.985)}to{opacity:1;transform:none}}@keyframes deckInPrev{0%{opacity:0;transform:translate(-3%)scale(.985)}to{opacity:1;transform:none}}.deck-slide[data-active=true] .deck-reveal{animation:deckReveal var(--motion-slow) var(--ease-standard) both;animation-delay:calc(80ms + min(var(--i,0),46) * 26ms)}@keyframes deckReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.deck-slide[data-active=true] .deck-grow-bar{animation:deckGrow var(--motion-slow) var(--ease-standard) both;animation-delay:calc(.16s + var(--i,0) * 55ms);transform-origin:0}@keyframes deckGrow{0%{opacity:.4;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.deck-slide[data-active=true] .deck-reveal,.deck-slide[data-active=true] .deck-grow-bar,.deck-slide-enter-next,.deck-slide-enter-prev{animation:none!important}}.deck-bar{z-index:20;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border-on-dark);color:var(--color-text-on-dark);transition:transform var(--motion-base) var(--ease-standard),opacity var(--motion-base) var(--ease-standard);background:#202020db;display:flex;position:fixed;bottom:0;left:0;right:0}.deck-bar[data-hidden=true]{opacity:0;transform:translateY(100%)}.deck-bar-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-h4-size);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.deck-count{font-family:var(--font-body);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-spacing);text-transform:uppercase;color:var(--color-text-on-dark-secondary);font-variant-numeric:tabular-nums}.deck-btn{font-family:var(--font-body);font-size:var(--text-button-size);font-weight:var(--text-button-weight);letter-spacing:var(--text-button-spacing);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);color:var(--color-text-on-dark);border:1px solid var(--color-border-on-dark);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);background:0 0}.deck-btn:hover:not(:disabled){background:var(--color-bg-dark-raised);border-color:var(--white)}.deck-btn:active:not(:disabled){transform:translateY(1px)}.deck-btn:disabled{color:var(--color-disabled-text);border-color:var(--color-border-on-dark);cursor:not-allowed}.deck-btn-primary{background:var(--color-action-primary-bg);border-color:var(--color-action-primary-bg);color:var(--color-action-primary-text)}.deck-btn-primary:hover:not(:disabled){background:var(--color-action-primary-bg-hover);border-color:var(--color-action-primary-bg-hover)}.deck-progress{background:var(--brand-red);z-index:30;height:3px;transition:width var(--motion-slow) var(--ease-standard);position:fixed;top:0;left:0}.deck-dots{gap:var(--space-2);display:flex}.deck-dot{border-radius:var(--radius-pill);border:1px solid var(--border-on-dark);background:var(--surface-dark-raised);cursor:pointer;width:9px;height:9px;transition:all var(--motion-fast) var(--ease-standard);padding:0}.deck-dot:hover{border-color:var(--white)}.deck-dot[data-on=true]{background:var(--brand-red);border-color:var(--brand-red);transform:scale(1.25)}.deck-grid{z-index:40;background:var(--color-bg-dark);padding:var(--space-7) var(--gutter-desktop) var(--space-9);animation:deckFade var(--motion-base) var(--ease-standard) both;position:fixed;inset:0;overflow:auto}@keyframes deckFade{0%{opacity:0}to{opacity:1}}.deck-grid-inner{max-width:var(--content-max);gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.deck-thumb{border:1px solid var(--color-border-on-dark);background:var(--surface-dark-raised);border-radius:var(--radius-media);cursor:pointer;aspect-ratio:16/10;transition:transform var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);padding:0;position:relative;overflow:hidden}.deck-thumb:hover{border-color:var(--brand-red);box-shadow:var(--shadow-overlay);transform:translateY(-4px)}.deck-thumb[data-on=true]{border-color:var(--brand-red)}.deck-thumb-scale{transform-origin:0 0;pointer-events:none;width:1440px;height:900px;position:absolute;top:0;left:0;overflow:hidden}.deck-thumb-scale>div{width:1440px!important;min-height:900px!important;box-shadow:none!important}.deck-thumb-label{z-index:2;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-on-dark);font-family:var(--font-display);font-weight:600;font-size:var(--text-h4-size);text-align:left;background:linear-gradient(#20202000,#202020f0);align-items:baseline;display:flex;position:absolute;bottom:0;left:0;right:0}.deck-thumb-num{color:var(--brand-red);font-variant-numeric:tabular-nums}.deck-stage[data-compact=true] .deck-viewport{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overflow:auto}.deck-stage[data-compact=true] .deck-hint{display:none}.deck-stage[data-compact=true] .deck-scaler{transform-origin:0 0;margin:0;position:absolute;top:0;left:0}.deck-stage[data-compact=true] .deck-viewport:after{content:"";height:calc(var(--sh,900px) * var(--scale,1) + 64px);display:block}.deck-stage[data-compact=true] .deck-edge{display:none}@media (width<=1100px){.deck-grid{padding:var(--space-5) var(--space-4) var(--space-7)}.deck-grid-inner{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.deck-bar{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#202020b8}.deck-bar-title{font-size:var(--text-body-size)}.deck-dots{display:none}}@media (width<=620px){.deck-grid-inner{grid-template-columns:1fr}.deck-bar-title{display:none}.deck-bar{gap:var(--space-2);padding:var(--space-2)}.deck-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-support-size);flex:1;min-width:0}.deck-count{font-size:var(--text-support-size);white-space:nowrap}.deck-thumb-label{font-size:var(--text-body-size);padding:var(--space-2) var(--space-3)}}.deck-hint{top:var(--space-4);right:var(--gutter-desktop);z-index:25;font-family:var(--font-body);font-size:var(--text-support-size);color:var(--color-text-on-dark-secondary);transition:opacity var(--motion-base) var(--ease-standard);position:fixed}.deck-edge{z-index:15;cursor:pointer;background:0 0;border:0;width:12%;position:fixed;top:0;bottom:56px}.deck-edge-left{left:0}.deck-edge-right{right:0}@media (width<=900px){.deck-grid-inner{grid-template-columns:1fr}}.deck-slide>div img,.deck-slide>div [style*="border-radius:var(--radius-media)"],.deck-slide>div [style*="border:1px solid"],.deck-slide>div [style*="border-bottom:1px solid"],.deck-slide>div [style*="background:var(--color-bg-section)"],.deck-slide>div [style*="background:var(--color-bg-dark-raised)"],.deck-slide>div [style*="background:var(--surface-dark-raised)"]{transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), filter var(--motion-base) var(--ease-standard)}.deck-slide>div [style*="border:1px solid"]:hover:not(:has([style*="border:1px solid"]:hover)):not(:has(img:hover)){box-shadow:var(--shadow-overlay);transform:translateY(-4px);border-color:var(--brand-red)!important}:is(.deck-slide>div [style*="background:var(--color-bg-section)"]:hover:not(:has(:hover)),.deck-slide>div [style*="background:var(--color-bg-dark-raised)"]:hover:not(:has(:hover)),.deck-slide>div [style*="background:var(--surface-dark-raised)"]:hover:not(:has(:hover))){box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.deck-slide>div img:hover{box-shadow:var(--shadow-overlay);transform:scale(1.02)translateY(-2px)}.deck-slide>div [style*="border-bottom:1px solid"]:hover:not(:has(:hover)){transform:translate(4px);border-bottom-color:var(--brand-red)!important}.deck-slide>div [style*="border-radius:var(--radius-media)"]:hover:not(:has(:hover)){box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.deck-thumb-scale *{transition:none!important;transform:none!important}.deck-timing-demo{align-items:center;gap:10px;margin-top:8px;display:flex}.deck-timing-track{background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden;container-type:inline-size}.deck-timing-dot{background:var(--brand-red);width:14px;height:14px;transition:transform var(--dur) var(--ease),border-radius var(--dur) var(--ease);border-radius:3px;margin-top:-7px;position:absolute;top:50%;left:3px;transform:translate(0)}.deck-timing:hover .deck-timing-dot{border-radius:50%;transform:translate(calc(100cqw - 26px))}.deck-timing-hint{font-family:var(--font-body);color:var(--color-text-secondary);white-space:nowrap;opacity:.7;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease);font-size:11px}.deck-timing:hover .deck-timing-hint{opacity:1;color:var(--brand-red)}@media (prefers-reduced-motion:reduce){.deck-timing-dot,.deck-timing-hint{transition:none}}