/* Original C&C brand graphic: transparent, white and yellow artwork. */
.brand{line-height:1}.logo-frame{display:flex;align-items:center;justify-content:center;background:#132027;width:194px;height:62px;padding:5px 9px;border-radius:2px;overflow:hidden}.brand-image{display:block;height:100%;width:100%;object-fit:contain}.brand-footer .logo-frame{width:232px;height:78px;padding:6px 10px;background:#111f26}.header-actions{gap:10px}.theme-switch{height:43px;min-width:98px;padding:0 12px;background:transparent;border:1px solid #aeb7b3;color:#38484d;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:2px;font-size:11px;letter-spacing:.02em;font-weight:700;white-space:nowrap}.theme-switch:hover{border-color:#a48a63;background:#eae9e3}.theme-icon{font-family:Georgia,serif;font-size:22px;font-weight:normal;line-height:1}.site-header .brand:hover .logo-frame{box-shadow:0 0 0 1px #ac925f}
.hero-video{display:none}

/* A compact choice after the manufacturer cards: purchase or compatibility help. */
.choice-section{background:#f1efe9;border-top:1px solid #e2e1da;border-bottom:1px solid #dedfd9;padding:42px 0 44px}
.choice-lead{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;margin-bottom:22px}
.choice-lead h2{font-size:clamp(31px,3.55vw,48px);line-height:1.02;margin:9px 0 0;max-width:850px}
.choice-lead p{font-size:14px;line-height:1.55;max-width:440px;color:#5e6b70;margin:0}
.choice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:205px;padding:23px 27px 20px;border:1px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s}
.choice-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #18292c16}
.choice-card:focus-visible{outline:3px solid #d7ab6e;outline-offset:4px}
.choice-card-buy{background:#142b33;color:#f2f2ee}
.choice-card-check{background:#dfd2bb;color:#14252b}
.choice-no{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.choice-card-buy .choice-no{color:#d8b885}
.choice-card-check .choice-no{color:#654e2c}
.choice-card h3{font-family:var(--display);font-size:clamp(27px,2.9vw,40px);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;margin:14px 0 7px}
.choice-card p{font-size:13px;line-height:1.5;max-width:430px;margin:0 0 17px}
.choice-card-buy p{color:#c6d0d1}
.choice-card-check p{color:#394a4c}
.choice-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:12px;font-size:12px;font-weight:800;border-top:1px solid currentColor}
.choice-cta b{font-size:24px;line-height:1;font-weight:400;transition:transform .2s}
.choice-card:hover .choice-cta b{transform:translate(3px,-3px)}

/* The C&C MMI gets its own product narrative, rather than a generic shop card. */
.mmi-intro{background:#14252c;color:#f7f5ef;padding:68px 0 78px;overflow:hidden}
.mmi-intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(35px,5vw,85px);align-items:center}
.mmi-intro-copy .eyebrow,.mmi-use .eyebrow,.mmi-end .eyebrow{color:#c6a56f}
.mmi-intro h1{font-size:clamp(55px,6.5vw,98px);line-height:.92;margin:18px 0 30px;color:#f7f5ef}
.mmi-intro h1 em{color:#c7a775;font-style:normal}
.mmi-intro-copy>p{font-size:16px;line-height:1.75;color:#c7d3d1;max-width:570px}
.mmi-fit{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:21px;color:#aebfbe;font-size:11px;font-weight:700;letter-spacing:.09em}
.mmi-fit strong{color:#e2c38d;font-size:15px;letter-spacing:.03em}
.mmi-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 29px}
.mmi-actions .btn-outline{color:#f7f5ef;border-color:#9baaaa}
.mmi-meta{border-top:1px solid #45606a;padding-top:20px;display:flex;gap:21px;align-items:center;color:#b8c8c7;font-size:12px;line-height:1.5}
.mmi-meta .mmi-price{font-family:var(--display);font-size:39px;line-height:1;white-space:nowrap;color:#e1c28b}
.mmi-visual{background:transparent;border:0;min-height:430px;display:flex;flex-direction:column;justify-content:center}
.mmi-visual-foot{border-top:1px solid #3e5158;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 3px;color:#c1cecc;font-size:10px;font-weight:700;letter-spacing:.05em}
/* The actual C&C logo is layered as its original PNG, not redrawn by an image model. */
.mmi-artwork{position:relative;display:block;width:100%;aspect-ratio:3 / 2;isolation:isolate}
.mmi-artwork img.mmi-hardware{display:block;width:100%;height:100%;object-fit:contain;padding:0;transform:none}
.mmi-artwork img.mmi-brand-on-hardware{position:absolute;display:block;left:32.5%;top:35%;width:41%;height:auto;max-height:none;padding:0;object-fit:contain;transform:rotate(-10deg) skewX(-17deg) scaleY(.67);transform-origin:50% 50%;pointer-events:none;filter:drop-shadow(0 1px 1px #0005)}
.product-photo .mmi-artwork{height:100%}
.product-photo .mmi-artwork img.mmi-hardware{object-fit:contain}
.product-card:hover .product-photo .mmi-artwork img{transform:none}
.product-card:hover .product-photo .mmi-artwork img.mmi-brand-on-hardware{transform:rotate(-10deg) skewX(-17deg) scaleY(.67)}
/* Film augments the logo-bearing MMI product photo; it never replaces it. */
.mmi-premium-film{background:#0d171d;color:#f2f1ec;padding:68px 0 59px;border-top:1px solid #31444c}
.mmi-film-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:end;margin-bottom:32px}
.mmi-film-heading .eyebrow{color:#c5a36d}
.mmi-film-heading h2{font-size:clamp(36px,4.7vw,70px);line-height:.96;margin:15px 0 0;color:#f2f1ec}
.mmi-film-heading h2 em{font-style:normal;color:#d5b686}
.mmi-film-heading>p{max-width:435px;color:#b4c6c8;font-size:14px;line-height:1.7;margin:0 0 4px}
.mmi-film-frame{position:relative;overflow:hidden;background:#05090b;border:1px solid #3c4b4f;box-shadow:0 32px 70px #0005}
.mmi-film-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#05090b}
.mmi-film-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border-top:1px solid #283b43;color:#dcc193;font-size:10px;letter-spacing:.15em;font-weight:800}
.mmi-film-note{font-size:11px;line-height:1.5;color:#92a9ac;margin:17px 0 0}
.mmi-film-note a{color:#e5c38e;text-decoration:underline;text-underline-offset:3px}
.mmi-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mmi-features article{padding:33px 34px 37px;border:1px solid #d5d9d5;background:#fff;min-height:286px}
.mmi-features article>span,.mmi-path-kicker{color:#997746;font-size:10px;font-weight:800;letter-spacing:.15em}
.mmi-features h3{font-family:var(--display);font-size:clamp(29px,2.7vw,38px);line-height:1.02;margin:24px 0 13px;max-width:500px}
.mmi-features p{font-size:14px;color:#59696c;line-height:1.65;max-width:500px;margin:0}
.mmi-use{padding:90px 0;background:#e2dacb;color:#1b3036}
.mmi-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.mmi-use h2{font-size:clamp(52px,5.7vw,84px);line-height:.95;margin:18px 0 0}
.mmi-use p{font-size:16px;line-height:1.8;max-width:575px;margin:0 0 18px;color:#374f55}
.mmi-use .text-link{display:inline-block;margin-top:12px;color:#1b3036}
.mmi-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mmi-paths>div{border:1px solid #d0d5d2;background:#fff;padding:35px 37px 34px}
.mmi-paths h3{font-family:var(--display);font-size:clamp(34px,3vw,45px);margin:23px 0 13px;line-height:1}
.mmi-paths p{color:#59696c;line-height:1.65;min-height:68px}
.mmi-paths a{display:inline-block;margin-top:13px;color:#1c3540;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px}
.mmi-end{background:#182d35;color:#f2f4ef;padding:72px 0 80px}
.mmi-end-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center}
.mmi-end h2{color:#f2f4ef;font-size:clamp(51px,5vw,74px);line-height:.98;margin:17px 0 18px}
.mmi-end p{color:#b9c8c8;line-height:1.7;max-width:550px}
.mmi-end-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.mmi-end-actions .btn{min-width:270px;justify-content:space-between}
.mmi-end-actions .btn-outline{border-color:#92a4a5;color:#eef1ed}
.mmi-end-actions .text-link{color:#e3c799;margin-top:7px}
.mmi-end .small-print{font-size:11px;margin:10px 0 0}
html[data-theme="dark"] .mmi-features article,html[data-theme="dark"] .mmi-paths>div{background:#1c2b31;border-color:#394b52}
html[data-theme="dark"] .mmi-features p,html[data-theme="dark"] .mmi-paths p{color:#b9c9c9}
html[data-theme="dark"] .mmi-features h3,html[data-theme="dark"] .mmi-paths h3{color:#e9efea}
html[data-theme="dark"] .mmi-paths a{color:#e4c58d}
html[data-theme="dark"] .mmi-use{background:#233740;color:#eff0e9}
html[data-theme="dark"] .mmi-use h2{color:#f0f2ee}
html[data-theme="dark"] .mmi-use p{color:#bdcdcd}
html[data-theme="dark"] .mmi-use .text-link{color:#e6ca96}
@media(max-width:950px){.mmi-intro-grid{gap:24px}.mmi-intro h1{font-size:clamp(52px,7vw,80px)}.mmi-visual{min-height:330px}.mmi-use-grid,.mmi-end-grid{gap:35px}}
@media(max-width:720px){.mmi-intro{padding:49px 0 55px}.mmi-intro-grid,.mmi-use-grid,.mmi-end-grid,.mmi-features,.mmi-paths,.mmi-film-heading{grid-template-columns:1fr}.mmi-intro h1{font-size:clamp(54px,12vw,77px)}.mmi-intro-copy>p{font-size:14px}.mmi-visual{min-height:300px}.mmi-visual-foot{font-size:9px;align-items:flex-start;flex-direction:column;gap:4px}.mmi-meta{flex-direction:column;align-items:flex-start;gap:8px}.mmi-premium-film{padding:43px 0 40px}.mmi-film-heading{gap:15px;margin-bottom:22px}.mmi-film-heading h2{font-size:clamp(36px,8.1vw,57px)}.mmi-film-heading>p{font-size:12px}.mmi-film-caption{font-size:8px;letter-spacing:.06em;padding:10px 9px;flex-wrap:wrap}.mmi-film-note{font-size:10px}.mmi-features article{min-height:0;padding:28px}.mmi-use{padding:63px 0}.mmi-use h2{font-size:clamp(57px,13vw,80px)}.mmi-use p{font-size:14px}.mmi-paths>div{padding:28px}.mmi-paths p{min-height:0}.mmi-end{padding:57px 0 60px}.mmi-end h2{font-size:clamp(55px,12vw,77px)}.mmi-end-actions .btn{min-width:unset;width:100%;justify-content:center}}

/* Dark is a deliberately designed second version, not a CSS inversion. */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#101a1f;color:#e9eeeb}
html[data-theme="dark"] .preview-notice{background:#6c5331;color:#fff6e6}
html[data-theme="dark"] .preview-dot{background:#e6c68a}
html[data-theme="dark"] .site-header{background:rgba(17,29,34,.98);border-color:#334249}
html[data-theme="dark"] .logo-frame{background:#121f25}
html[data-theme="dark"] .desktop-nav a{color:#b9c6c8}
html[data-theme="dark"] .desktop-nav a:hover,html[data-theme="dark"] .desktop-nav a.active{color:#e2bd7b}
html[data-theme="dark"] .header-help{background:#c7a773;color:#122027}
html[data-theme="dark"] .header-help:hover{background:#e1bf85}
html[data-theme="dark"] .theme-switch{background:#27363a;border-color:#607178;color:#e8e9e6}
html[data-theme="dark"] .theme-switch:hover{background:#34454a;border-color:#c9a674}
html[data-theme="dark"] .menu-toggle span{background:#f0f3f0}
html[data-theme="dark"] .mobile-nav{background:#17262b;border-color:#405058}
html[data-theme="dark"] .mobile-nav a{border-color:#415159}
html[data-theme="dark"] .eyebrow{color:#c9a978}
html[data-theme="dark"] .section-title,html[data-theme="dark"] .display{color:#f0f2ed}
html[data-theme="dark"] .intro,html[data-theme="dark"] .section-desc,html[data-theme="dark"] .muted{color:#b0c0c2}
html[data-theme="dark"] .text-link{color:#eed9b6}
html[data-theme="dark"] .text-link:hover{color:#fff}
html[data-theme="dark"] .btn-dark{background:#cba975;color:#142228}
html[data-theme="dark"] .btn-dark:hover{background:#ebc68d}
html[data-theme="dark"] .btn-outline{background:transparent;color:#f1f2ed;border-color:#7b8b90}
html[data-theme="dark"] .btn-outline:hover{background:#2a3a40}
html[data-theme="dark"] .btn-light{background:#f3f0ea;color:#132027}
html[data-theme="dark"] .pill{background:#403528;color:#e7c69d}
html[data-theme="dark"] .pill-green{background:#254637;color:#bfe6cf}

html[data-theme="dark"] .hero{background:#18272d}
html[data-theme="dark"] .hero h1{color:#f2f3ef}
html[data-theme="dark"] .hero h1 em{color:#c7a471}
html[data-theme="dark"] .hero-copy>p{color:#bac7c7}
html[data-theme="dark"] .hero-details{color:#b5c1c2}
html[data-theme="dark"] .hero-details span:before{color:#c5a577}
html[data-theme="dark"] .hero-media:after{background:linear-gradient(90deg,rgba(10,18,23,.3),transparent 70%),linear-gradient(0deg,rgba(8,16,22,.75),transparent 55%)}

/* Reuse the ORIGINAL Wix homepage video as a cinematic background on the dark concept.
   The left fade carries the sales message; the right retains the moving automotive footage. */
html[data-theme="dark"] .hero{position:relative;isolation:isolate;display:block;min-height:670px;overflow:hidden;background:#101a20}
html[data-theme="dark"] .hero-media{position:absolute;inset:0;min-height:0;height:100%;z-index:0}
html[data-theme="dark"] .hero-media img{z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.78}
html[data-theme="dark"] .hero-media .hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:cover;object-position:center center}
html[data-theme="dark"] .hero-media:after{z-index:2;background:linear-gradient(90deg,rgba(10,19,24,.98) 0%,rgba(10,19,24,.96) 22%,rgba(10,19,24,.81) 41%,rgba(10,19,24,.46) 65%,rgba(10,19,24,.28) 100%),linear-gradient(0deg,rgba(8,16,21,.64),transparent 47%)}
html[data-theme="dark"] .hero-copy{position:relative;z-index:3;min-height:670px;max-width:810px;padding:88px 30px 78px max(38px,calc((100vw - 1200px)/2))}
html[data-theme="dark"] .hero-copy .eyebrow{color:#e0ba7d}
html[data-theme="dark"] .hero h1{font-size:clamp(68px,7vw,108px);max-width:710px;line-height:.91;text-shadow:0 3px 24px #00000024}
html[data-theme="dark"] .hero-copy>p{max-width:505px;color:#e0e6e3;font-size:17px;text-shadow:0 2px 14px #0004}
html[data-theme="dark"] .hero-details{color:#c8d5d4;margin-top:49px}
html[data-theme="dark"] .hero-tag{display:none}
html[data-theme="dark"] .hero-vertical{z-index:3;color:#ebd4b1;opacity:.9}
html[data-theme="dark"] .choice-section{background:#101c22;border-color:#2b3940}
html[data-theme="dark"] .choice-lead p{color:#b8c4c3}
html[data-theme="dark"] .choice-card-buy{background:#21353c;border-color:#3b4f55}
html[data-theme="dark"] .choice-card-check{background:#c3a879;border-color:#ddc38b}
html[data-theme="dark"] .choice-card-check .choice-no{color:#3b3020}
html[data-theme="dark"] .choice-card-check p{color:#26373a}
html[data-theme="dark"] .choice-assurances{color:#b3c1c0}
html[data-theme="dark"] .choice-assurances span:before{color:#d6b078}
html[data-theme="dark"] .trust-strip{background:#132126;border-color:#2f4046}
html[data-theme="dark"] .trust-item{border-color:#304149}
html[data-theme="dark"] .trust-num{color:#c6a36e}
html[data-theme="dark"] .trust-item span:not(.trust-num){color:#9fb1b5}

html[data-theme="dark"] .section-light{background:#152329}
html[data-theme="dark"] .section-dark{background:#0c1419}
html[data-theme="dark"] .section-dark .section-desc,html[data-theme="dark"] .section-dark .muted{color:#b9c6c8}
html[data-theme="dark"] .brand-card{background:#25343a;border-color:#35464b}
html[data-theme="dark"] .brand-card:hover{border-color:#a58c62}
html[data-theme="dark"] .brand-card .brand-index{color:#f1e4ce}
html[data-theme="dark"] .product-card{background:#1c2a30;border-color:#34444a}
html[data-theme="dark"] .product-photo{background:#24353b}
html[data-theme="dark"] .product-body p{color:#acbdc0}
html[data-theme="dark"] .product-kind{color:#d9b37c}
html[data-theme="dark"] .product-foot{border-color:#405056}
html[data-theme="dark"] .product-price small,html[data-theme="dark"] .shop-note{color:#adbdc0}
html[data-theme="dark"] .product-foot a{border-color:#a4b3b5;color:#eee9de}
html[data-theme="dark"] .product-foot a:hover{color:#d8b77e}

html[data-theme="dark"] .feature-body{background:#22333a}
html[data-theme="dark"] .feature-body p{color:#bcc9c9}
html[data-theme="dark"] .feature-list li{border-color:#43555b}
html[data-theme="dark"] .feature-list li:before{color:#d5b27b}
html[data-theme="dark"] .step{border-color:#5d7078}
html[data-theme="dark"] .step-no{color:#cdb184}
html[data-theme="dark"] .step p{color:#b6c6c9}

html[data-theme="dark"] .checker{background:#1c2b31;border-color:#405159}
html[data-theme="dark"] .checker-intro{background:#0e1a20}
html[data-theme="dark"] .checker-intro p{color:#c3d0d0}
html[data-theme="dark"] .checker-intro .hand-note{color:#e5c18b;border-color:#405158}
html[data-theme="dark"] .form-toggle button{background:#2b3b41;color:#dce4e4;border-color:#4b5d63}
html[data-theme="dark"] .form-toggle button.selected{background:#c9a776;color:#112026;border-color:#c9a776}
html[data-theme="dark"] .field label{color:#d7e1df}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select{background:#132228;border-color:#51646b;color:#f5f5ef}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#889d9e}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .field select:focus{border-color:#c9a776;box-shadow:0 0 0 2px #c9a77644}
html[data-theme="dark"] .form-explainer,html[data-theme="dark"] .form-disclaimer{color:#bac6c9}
html[data-theme="dark"] .demo-result{background:#183927;border-color:#517d5c;color:#d7f0d9}

html[data-theme="dark"] .human p{color:#b7c5c7}
html[data-theme="dark"] .human-sign{color:#d4b27d}
html[data-theme="dark"] .human-panel{background:#1d2c32;border-color:#415158}
html[data-theme="dark"] .human-panel:before{color:#594936}
html[data-theme="dark"] .human-panel p{color:#d0dbda}
html[data-theme="dark"] .mini-cta{background:#26363a}
html[data-theme="dark"] .mini-cta p{color:#b9c4c4}
html[data-theme="dark"] .subhero{background:#1b2b31}
html[data-theme="dark"] .subhero p{color:#bbcbcb}
html[data-theme="dark"] .subhero-image{background:#112027}
html[data-theme="dark"] .service-intro p{color:#aebfc1}
html[data-theme="dark"] .detail-box{background:#1d2b31;border-color:#3b4d54}
html[data-theme="dark"] .detail-box p{color:#bccacc}
html[data-theme="dark"] .detail-box a{border-color:#a3b4b7;color:#e0e7e5}
html[data-theme="dark"] .detail-box a:hover{color:#d4b27d}
html[data-theme="dark"] .catalog-control button{color:#e1e9e6;background:#1c2a30;border-color:#4a5b61}
html[data-theme="dark"] .catalog-control button.active{color:#132027;background:#c9a776;border-color:#c9a776}
html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-list details{border-color:#3c4b53}
html[data-theme="dark"] .faq-list p{color:#c2cccb}
html[data-theme="dark"] .tuning-note{background:#1c2a31;border-color:#3a4b52}
html[data-theme="dark"] .tuning-note p{color:#bdc9ca}
html[data-theme="dark"] .small-print,html[data-theme="dark"] .reassurance{color:#a9b9bc}
html[data-theme="dark"] .site-footer{background:#0b1419}
html[data-theme="dark"] .brand-footer .logo-frame{background:#0b1419}
html[data-theme="dark"] .floating-contact{background:#c4a06b;color:#142228}

@media(max-width:1260px){.header-inner{gap:12px}.desktop-nav{gap:11px}.theme-switch{min-width:79px;padding:0 10px}.logo-frame{width:177px;height:58px}}
@media(max-width:1100px){.theme-switch{min-width:90px}.header-inner{gap:10px}.desktop-nav{display:none}.menu-toggle{display:block}.header-help{display:none}}
@media(max-width:950px){.choice-lead{gap:20px}.choice-card{padding:23px;min-height:202px}.choice-card h3{font-size:clamp(26px,4vw,37px)}}
@media(max-width:720px){.logo-frame{width:162px;height:56px;padding:5px 7px}.brand-footer .logo-frame{width:220px;height:73px}.theme-switch{height:39px;min-width:81px;padding:0 8px;font-size:10px}.theme-icon{font-size:19px}.header-inner{height:70px}
 .choice-section{padding:37px 0 39px}
 .choice-lead{grid-template-columns:1fr;gap:10px;margin-bottom:19px}
 .choice-lead h2{font-size:clamp(34px,8.4vw,49px);line-height:1.01;margin:10px 0 0}
 .choice-lead p{font-size:13px;max-width:540px}
 .choice-cards{grid-template-columns:1fr;gap:11px}
 .choice-card{min-height:189px;padding:22px 23px 19px}
 .choice-card h3{font-size:clamp(29px,8vw,39px);margin:13px 0 10px}
 .choice-card p{font-size:12px;margin-bottom:18px}
 html[data-theme="dark"] .hero{min-height:0}
 html[data-theme="dark"] .hero-copy{width:100%;max-width:none;min-height:615px;padding:68px 21px 55px}
 html[data-theme="dark"] .hero h1{font-size:clamp(57px,13.3vw,91px);margin:22px 0 26px}
 html[data-theme="dark"] .hero-copy>p{font-size:15px;max-width:450px}
 html[data-theme="dark"] .hero-media{height:100%;min-height:0}
 html[data-theme="dark"] .hero-media img{object-position:63% center;opacity:.64}
 html[data-theme="dark"] .hero-media .hero-video{display:none}
 html[data-theme="dark"] .hero-media:after{background:linear-gradient(90deg,rgba(10,19,24,.88),rgba(10,19,24,.56)),linear-gradient(0deg,rgba(10,19,24,.85),rgba(10,19,24,.17) 60%,rgba(10,19,24,.59))}
 html[data-theme="dark"] .hero-details{margin-top:40px;gap:13px}
 html[data-theme="dark"] .hero-vertical{display:none}
}

/* The 162px desktop-derived logo plus cart, theme and menu overflow 320px phones. */
@media(max-width:420px) {
  .header-inner { gap: 5px; }
  .header-actions { gap: 6px; }
  .logo-frame { width: 135px; height: 51px; }
  .theme-switch { width: 42px; min-width: 42px; height: 39px; padding: 0; }
  .theme-switch .theme-text { display: none; }
  .menu-toggle { width: 37px; padding: 7px; }
}