.lux-hero { min-height: 100svh; display: flex; align-items: flex-end; padding: 150px 0 70px; overflow: hidden; background: #050505; }
.hero-media { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; opacity: .92; }
.hero-media img { width: min(72vw, 980px); max-height: 92vh; object-fit: contain; filter: drop-shadow(0 40px 90px rgba(0,0,0,.75)); transform: translate3d(var(--hero-x, 0), var(--hero-y, 0), 0); transition: transform .18s ease-out; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,5,.98) 0%, rgba(5,5,5,.82) 36%, rgba(5,5,5,.45) 70%, rgba(5,5,5,.9) 100%), linear-gradient(180deg, rgba(0,0,0,.25), #050505 96%); }
.lux-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, transparent 75%); opacity: .22; }
.lux-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(185,205,218,.065), transparent 32%); opacity: .9; transition: background .2s ease; }
.hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 42px; align-items: end; width: 100%; }
.hero-copy { max-width: 760px; }
.hero-copy h1 { margin-bottom: 24px; max-width: 830px; font-size: clamp(3.5rem, 8.8vw, 8.8rem); line-height: .88; letter-spacing: -2px; text-transform: uppercase; }
.hero-copy p { max-width: 650px; margin-bottom: 34px; color: #c6c6c6; font-size: 1.08rem; }
.hero-actions, .inline-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-spec-panel { display: grid; gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.hero-spec-panel div { padding: 22px; background: rgba(8,8,8,.72); }
.hero-spec-panel strong { display: block; margin-bottom: 5px; font-size: 1.55rem; }
.hero-spec-panel span { color: var(--gray); font-size: .88rem; text-transform: uppercase; letter-spacing: 1.4px; }
.brand-strip { padding: 0; background: #080808; border-block: 1px solid var(--border); }
.strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.strip-grid span { padding: 20px; text-align: center; color: #d7d7d7; font-size: .82rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; border-left: 1px solid var(--border); }
.strip-grid span:first-child { border-left: 0; }
.manifesto { background: #0b0b0b; }
.manifesto-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: start; }
.manifesto-copy { position: sticky; top: 120px; }
.manifesto h2, .theatre-copy h2, .process-heading h2, .cta-inner h2 { margin-bottom: 22px; font-size: clamp(2.4rem, 5.8vw, 5rem); line-height: .98; letter-spacing: -1px; }
.manifesto p, .theatre-copy p, .process-heading p, .cta-inner p { color: var(--gray); }
.manifesto-metrics { display: grid; gap: 18px; counter-reset: item; }
.manifesto-metrics div { padding: 30px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)); transition: var(--transition); }
.manifesto-metrics div:hover { transform: translateX(8px); border-color: rgba(216,31,38,.35); }
.manifesto-metrics strong { display: block; margin-bottom: 18px; color: var(--primary); font-size: .86rem; letter-spacing: 3px; }
.manifesto-metrics span { display: block; margin-bottom: 8px; color: #fff; font-size: 1.25rem; font-weight: 800; }
.manifesto-metrics p { color: var(--gray); }
.product-theatre { background: linear-gradient(180deg, #101010, #070707); overflow: hidden; }
.product-theatre::before { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent, rgba(185,205,218,.04), transparent); opacity: .7; transform: skewY(-7deg) translateY(-20%); }
.theatre-grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 62px; align-items: center; }
.theatre-image { min-height: 540px; display: flex; align-items: center; justify-content: center; }
.theatre-image img { width: min(100%, 620px); filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)); animation: productFloat 5.5s ease-in-out infinite; }
@keyframes productFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
.theatre-copy p { margin-bottom: 26px; }
.check-list { display: grid; gap: 12px; margin: 0 0 30px; }
.check-list li { display: flex; gap: 12px; align-items: flex-start; color: #e9e9e9; }
.check-list i { margin-top: 5px; color: var(--primary); }
.craft-section { background: #0b0b0b; }
.craft-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.craft-card { position: relative; min-height: 310px; padding: 34px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(145deg, #171717, #0c0c0c); overflow: hidden; transition: var(--transition); }
.craft-card::after { content: ''; position: absolute; left: 34px; right: 34px; bottom: 0; height: 2px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: var(--transition); }
.craft-card:hover { transform: translateY(-8px); border-color: rgba(216,31,38,.35); }
.craft-card:hover::after { transform: scaleX(1); }
.craft-card i { margin-bottom: 28px; color: var(--primary); font-size: 2.4rem; }
.craft-card h3 { margin-bottom: 12px; font-size: 1.45rem; }
.craft-card p { color: var(--gray); }
.collection-section { background: #101010; }
.collection-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.collection-card { display: grid; grid-template-rows: 320px auto; overflow: hidden; border: 1px solid var(--border); border-radius: 20px; background: #151515; transition: var(--transition); }
.collection-card:hover { transform: translateY(-8px); border-color: rgba(216,31,38,.4); box-shadow: var(--shadow); }
.collection-card img { width: 100%; height: 100%; object-fit: contain; padding: 34px; background: #080808; transition: var(--transition); }
.collection-card:hover img { transform: scale(1.06); }
.collection-card div { padding: 26px; }
.collection-card span { color: var(--primary); font-size: .78rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.collection-card h3 { margin: 10px 0; font-size: 1.4rem; }
.collection-card p { color: var(--gray); }
.process-section { background: #070707; }
.process-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }
.process-heading { position: sticky; top: 120px; }
.process-list { display: grid; gap: 18px; }
.process-list div { display: grid; grid-template-columns: 82px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid var(--border); }
.process-list span { color: var(--primary); font-weight: 900; letter-spacing: 3px; }
.process-list h3 { margin-bottom: 8px; }
.process-list p { color: var(--gray); }
.cta-atelier { padding: 120px 0; background: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.86)), url('../images/home/technology.webp') center/cover no-repeat; }
.cta-inner { max-width: 780px; }
.cta-inner p { margin-bottom: 30px; max-width: 580px; }
.info-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.info-grid h2 { margin-bottom: 18px; font-size: clamp(2.2rem,5vw,4rem); line-height: 1; }
.info-grid p { color: var(--gray); }
.info-card { padding: 34px; }
@media (max-width: 980px) { .hero-inner, .manifesto-grid, .theatre-grid, .process-grid, .info-grid { grid-template-columns: 1fr; } .hero-media { opacity: .46; justify-content: center; } .hero-media img { width: 110vw; } .hero-spec-panel, .manifesto-copy, .process-heading { position: static; } .craft-grid, .collection-grid { grid-template-columns: 1fr; } .strip-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 680px) { .lux-hero { min-height: 92svh; padding: 128px 0 46px; } .hero-copy h1 { letter-spacing: -1px; } .hero-spec-panel { display: none; } .strip-grid { grid-template-columns: 1fr; } .strip-grid span { border-left: 0; border-top: 1px solid var(--border); } .theatre-image { min-height: 330px; } .process-list div { grid-template-columns: 1fr; } }
/*==================================================
HOME HERO REDESIGN
==================================================*/
.hero-redesign { min-height: 100svh; align-items: center; padding: 132px 0 54px; background: radial-gradient(circle at 62% 44%, rgba(185,205,218,.065), transparent 28%), radial-gradient(circle at 82% 12%, rgba(255,255,255,.08), transparent 22%), #050505; }
.hero-redesign .hero-media, .hero-redesign .hero-shade { display: none; }
.hero-redesign::before { opacity: .13; mask-image: radial-gradient(circle at 62% 46%, #000 0%, transparent 72%); }
.hero-redesign::after { opacity: .55; }
.hero-stage-glow { position: absolute; right: 7vw; top: 18%; width: min(52vw, 720px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(216,31,38,.22), rgba(216,31,38,.06) 38%, transparent 68%); filter: blur(12px); }
.hero-redesign-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .9fr) minmax(380px, 1.05fr) 230px; gap: 34px; align-items: center; }
.hero-redesign .hero-copy { max-width: 680px; }
.hero-redesign .hero-copy h1 { margin-bottom: 24px; font-size: clamp(3.4rem, 7.4vw, 7.2rem); line-height: .9; letter-spacing: -2px; text-transform: uppercase; }
.hero-redesign .hero-copy p { max-width: 560px; margin-bottom: 32px; color: #c9c9c9; font-size: 1.05rem; }
.hero-product-stage { position: relative; min-height: 620px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.hero-product-stage::before { content: ''; position: absolute; width: min(86%, 560px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.055), rgba(255,255,255,.015) 56%, transparent 57%); box-shadow: inset 0 0 90px rgba(255,255,255,.035), 0 40px 100px rgba(0,0,0,.55); z-index: -1; }
.hero-product-stage::after { content: ''; position: absolute; bottom: 72px; width: min(70%, 460px); height: 32px; border-radius: 50%; background: rgba(0,0,0,.62); filter: blur(18px); z-index: -1; }
.hero-product-stage img { width: min(92%, 620px); object-fit: contain; filter: drop-shadow(0 48px 90px rgba(0,0,0,.68)); transform: translate3d(var(--hero-x,0), var(--hero-y,0),0); transition: transform .18s ease-out; animation: productFloat 5.5s ease-in-out infinite; }
.hero-product-label { position: absolute; width: max-content; max-width: 210px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(12,12,12,.72); backdrop-filter: blur(16px); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.hero-product-label span { display: block; margin-bottom: 2px; color: var(--primary); font-size: .72rem; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.hero-product-label strong { font-size: .95rem; }
.label-top { top: 16%; left: 4%; }
.label-bottom { right: 2%; bottom: 18%; }
.hero-redesign .hero-spec-panel { align-self: stretch; display: grid; align-content: center; border-radius: 22px; background: rgba(13,13,13,.66); }
.hero-redesign .hero-spec-panel div { min-height: 130px; display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 1180px) { .hero-redesign-grid { grid-template-columns: 1fr 1fr; } .hero-redesign .hero-spec-panel { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); } .hero-redesign .hero-spec-panel div { min-height: auto; } }
@media (max-width: 860px) { .hero-redesign { padding-top: 124px; text-align: left; } .hero-redesign-grid { grid-template-columns: 1fr; gap: 18px; } .hero-product-stage { min-height: 430px; order: 2; } .hero-redesign .hero-copy { order: 1; } .hero-redesign .hero-spec-panel { order: 3; grid-template-columns: 1fr; } .label-top { top: 8%; left: 0; } .label-bottom { right: 0; bottom: 10%; } }
@media (max-width: 560px) { .hero-redesign .hero-copy h1 { font-size: clamp(3rem, 16vw, 4.8rem); letter-spacing: -1px; } .hero-product-stage { min-height: 360px; } .hero-product-label { display: none; } .hero-redesign .hero-actions .btn { width: 100%; } }
/*==================================================
HOME HERO CLASSIC RESET
==================================================*/
.hero-classic { min-height: 100svh; align-items: center; padding: 132px 0 70px; overflow: hidden; background: #050505; }
.hero-classic .hero-media,
.hero-classic .hero-shade,
.hero-classic .hero-spec-panel,
.hero-classic .hero-stage-glow { display: none !important; }
.hero-classic-bg { position: absolute; inset: 0; background: radial-gradient(circle at 74% 42%, rgba(216,31,38,.22), transparent 30%), radial-gradient(circle at 28% 18%, rgba(255,255,255,.055), transparent 24%), linear-gradient(120deg, #070707 0%, #160708 42%, #050505 100%); }
.hero-classic::before { opacity: .11; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.hero-classic::after { opacity: .42; }
.hero-classic-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: 54px; align-items: center; }
.hero-classic .hero-copy { max-width: 690px; }
.hero-classic .hero-copy h1 { margin-bottom: 24px; font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: clamp(3.6rem, 7vw, 7rem); line-height: .95; letter-spacing: -1.6px; text-transform: none; font-weight: 700; }
.hero-classic .hero-copy p { max-width: 560px; margin-bottom: 32px; color: #c9c9c9; font-size: 1.05rem; }
.hero-classic-product { position: relative; min-height: 590px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.hero-classic-product::before { content: ''; position: absolute; width: min(88%, 610px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(185,205,218,.06), rgba(255,255,255,.035) 42%, transparent 66%); border: 1px solid rgba(255,255,255,.08); z-index: -1; }
.hero-classic-product::after { content: ''; position: absolute; bottom: 78px; width: min(70%, 470px); height: 30px; border-radius: 50%; background: rgba(0,0,0,.65); filter: blur(18px); z-index: -1; }
.hero-classic-product img { width: min(92%, 620px); object-fit: contain; filter: drop-shadow(0 48px 90px rgba(0,0,0,.68)); transform: translate3d(var(--hero-x,0), var(--hero-y,0),0); transition: transform .18s ease-out; animation: productFloat 5.5s ease-in-out infinite; }
.hero-classic .hero-product-label { position: absolute; width: max-content; max-width: 210px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(12,12,12,.72); backdrop-filter: blur(16px); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.hero-classic .label-top { top: 20%; left: 6%; }
.hero-classic .label-bottom { right: 5%; bottom: 22%; }
@media (max-width: 900px) { .hero-classic { padding-top: 124px; } .hero-classic-grid { grid-template-columns: 1fr; gap: 20px; } .hero-classic-product { min-height: 420px; } .hero-classic .hero-copy h1 { font-size: clamp(3.2rem, 13vw, 5.4rem); } }
@media (max-width: 560px) { .hero-classic-product { min-height: 350px; } .hero-classic .hero-product-label { display: none; } }
.hero-classic .hero-copy h1,
.hero-redesign .hero-copy h1,
.hero-copy h1,
.manifesto h2,
.theatre-copy h2,
.process-heading h2,
.cta-inner h2,
.info-grid h2 {
    font-family: 'Oswald', 'Inter', sans-serif !important;
    font-weight: 600;
    letter-spacing: .2px;
}
/*==================================================
HERO SVG WORDMARK
==================================================*/
.hero-wordmark {
    width: min(100%, 720px);
    margin: 0 0 24px;
}
.hero-wordmark svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}
.wordmark-main,
.wordmark-outline {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: 104px;
    font-weight: 700;
    letter-spacing: -1px;
    dominant-baseline: alphabetic;
    filter: url(#wordmarkShadow);
}
.wordmark-small {
    font-size: 58px;
    letter-spacing: 8px;
}
.wordmark-main {
    fill: url(#wordmarkFill);
}
.wordmark-outline {
    fill: transparent;
    stroke: rgba(255,255,255,.16);
    stroke-width: 7px;
    paint-order: stroke;
}
.wordmark-slash {
    fill: rgba(216,31,38,.88);
    filter: drop-shadow(0 18px 24px rgba(185,205,218,.065));
}
.wordmark-line {
    stroke: var(--primary);
    stroke-width: 5;
    stroke-linecap: round;
    opacity: .9;
}
.hero-classic .hero-copy h1 {
    display: none;
}
@media (max-width: 900px) {
    .hero-wordmark {
        width: min(100%, 650px);
    }
}
@media (max-width: 560px) {
    .hero-wordmark {
        width: 100%;
        margin-bottom: 20px;
    }
    .wordmark-main,
    .wordmark-outline {
        font-size: 96px;
    }
    .wordmark-small {
        font-size: 48px;
        letter-spacing: 5px;
    }
}
/*==================================================
HERO SVG WORDMARK WIDTH ALIGNMENT
==================================================*/
.hero-wordmark {
    width: min(100%, 820px);
    transform: scaleX(1.08);
    transform-origin: left center;
}
.wordmark-main,
.wordmark-outline {
    letter-spacing: 2px;
}
.wordmark-small {
    letter-spacing: 10px;
}
@media (max-width: 900px) {
    .hero-wordmark {
        width: min(100%, 720px);
        transform: scaleX(1.04);
    }
}
@media (max-width: 560px) {
    .hero-wordmark {
        width: 100%;
        transform: none;
    }
    .wordmark-main,
    .wordmark-outline {
        letter-spacing: 0;
    }
    .wordmark-small {
        letter-spacing: 5px;
    }
}
/*==================================================
HERO SVG WORDMARK WIDTH +20%
==================================================*/
.hero-wordmark {
    width: min(100%, 900px);
    transform: scaleX(1.3);
    transform-origin: left center;
}
@media (max-width: 900px) {
    .hero-wordmark {
        width: min(100%, 760px);
        transform: scaleX(1.14);
    }
}
@media (max-width: 560px) {
    .hero-wordmark {
        width: 100%;
        transform: none;
    }
}
/*==================================================
HERO SVG WORDMARK HEIGHT +15%
==================================================*/
.hero-wordmark svg {
    transform: scaleY(1.15);
    transform-origin: left center;
    margin-bottom: 20px;
}
@media (max-width: 560px) {
    .hero-wordmark svg {
        transform: scaleY(1.08);
        margin-bottom: 14px;
    }
}
/*==================================================
HOME HERO PRODUCT RENDER TONE
==================================================*/
.hero-classic-product::before {
    background:
        radial-gradient(circle at 52% 46%, rgba(255,255,255,.1), transparent 24%),
        radial-gradient(circle, rgba(185,205,218,.065), rgba(255,255,255,.04) 42%, transparent 66%);
    border-color: rgba(255,255,255,.12);
}
.hero-classic-product img {
    filter:
        contrast(1.16)
        brightness(1.08)
        saturate(1.08)
        drop-shadow(0 48px 90px rgba(0,0,0,.72))
        drop-shadow(0 0 38px rgba(185,205,218,.065));
}
.hero-classic-product {
    mix-blend-mode: normal;
}
.hero-classic-product::after {
    background: rgba(0,0,0,.78);
    filter: blur(20px);
}
/*==================================================
HERO RUSH WORDMARK STYLE
==================================================*/
.hero-wordmark-rush {
    width: min(100%, 900px);
    transform: scaleX(1.18);
    transform-origin: left center;
    margin-bottom: 28px;
}
.hero-wordmark-rush svg {
    transform: scaleY(1.08);
    transform-origin: left center;
    overflow: visible;
}
.rush-main,
.rush-outline {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: 108px;
    font-weight: 700;
    letter-spacing: 3px;
    font-style: italic;
}
.rush-small {
    font-size: 48px;
    letter-spacing: 12px;
}
.rush-main {
    fill: url(#rushFill);
}
.rush-outline {
    fill: transparent;
    stroke: rgba(0,0,0,.72);
    stroke-width: 12px;
    paint-order: stroke;
}
.rush-blade {
    fill: url(#rushRed);
    opacity: .92;
    filter: drop-shadow(0 18px 26px rgba(216,31,38,.22));
}
.blade-two {
    opacity: .62;
}
.rush-underline {
    fill: none;
    stroke: url(#rushRed);
    stroke-width: 7;
    stroke-linecap: round;
    filter: drop-shadow(0 8px 18px rgba(216,31,38,.35));
}
.rush-speed path {
    fill: none;
    stroke: rgba(216,31,38,.58);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 160 26;
}
@media (max-width: 900px) {
    .hero-wordmark-rush {
        width: min(100%, 760px);
        transform: scaleX(1.04);
    }
}
@media (max-width: 560px) {
    .hero-wordmark-rush {
        width: 100%;
        transform: none;
        margin-bottom: 22px;
    }
    .hero-wordmark-rush svg {
        transform: scaleY(1.02);
    }
    .rush-main,
    .rush-outline {
        font-size: 96px;
        letter-spacing: 1px;
    }
    .rush-small {
        font-size: 42px;
        letter-spacing: 5px;
    }
}
/*==================================================
SIGNATURE PRODUCT WORDMARK IMAGE
==================================================*/
.signature-wordmark {
    width: min(100%, 560px);
    margin: 0 0 20px;
    object-fit: contain;
    filter: contrast(1.08) brightness(1.08) drop-shadow(0 18px 34px rgba(0,0,0,.48));
}
@media (max-width: 680px) {
    .signature-wordmark {
        width: 100%;
        margin-bottom: 18px;
    }
}
/*==================================================
SIGNATURE WORDMARK POSITION TWEAK
==================================================*/
.signature-wordmark {
    transform: translateX(-20%);
}
@media (max-width: 680px) {
    .signature-wordmark {
        transform: translateX(-8%);
    }
}
/*==================================================
SIGNATURE WORDMARK FINAL POSITION
==================================================*/
.signature-wordmark {
    transform: translateX(5%);
}
@media (max-width: 680px) {
    .signature-wordmark {
        transform: translateX(20%);
    }
}
/*==================================================
SIGNATURE WORDMARK MOBILE RESPONSIVE FIX
==================================================*/
@media (max-width: 680px) {
    .signature-wordmark {
        width: min(112%, 420px);
        max-width: none;
        margin-left: 50%;
        transform: translateX(-50%);
    }
}
@media (max-width: 420px) {
    .signature-wordmark {
        width: 118%;
    }
}
/*==================================================
SIGNATURE PRODUCT EYEBROW ALIGNMENT
==================================================*/
.theatre-copy > .eyebrow {
    display: block;
    width: min(100%, 560px);
    text-align: center;
    transform: translateX(5%);
}
@media (max-width: 680px) {
    .theatre-copy > .eyebrow {
        width: 100%;
        transform: none;
        text-align: center;
    }
}
/*==================================================
SIGNATURE WORDMARK VERTICAL SPACING
==================================================*/
.signature-wordmark {
    margin-top: -10px;
    margin-bottom: 8px;
}
@media (max-width: 680px) {
    .signature-wordmark {
        margin-top: -8px;
        margin-bottom: 6px;
    }
}
/*==================================================
SIGNATURE WORDMARK CROPPED IMAGE FIT
==================================================*/
.signature-wordmark {
    width: min(100%, 620px);
    margin-top: 0;
    margin-bottom: 18px;
}
@media (max-width: 680px) {
    .signature-wordmark {
        width: min(112%, 430px);
        margin-top: 0;
        margin-bottom: 14px;
    }
}
/*==================================================
SIGNATURE WORDMARK SIZE -20%
==================================================*/
.signature-wordmark {
    width: min(80%, 496px);
}
@media (max-width: 680px) {
    .signature-wordmark {
        width: min(90%, 344px);
    }
}
/*==================================================
SIGNATURE PRODUCT EYEBROW UP TWEAK
==================================================*/
.theatre-copy > .eyebrow {
    margin-bottom: 4px;
    transform: translate(5%, -10px);
}
@media (max-width: 680px) {
    .theatre-copy > .eyebrow {
        transform: translateY(-8px);
        margin-bottom: 4px;
    }
}
/*==================================================
SIGNATURE PRODUCT SECTION CORNER LABEL
==================================================*/
.product-theatre {
    position: relative;
}
.section-corner-label {
    position: absolute;
    top: 34px;
    left: 20px;
    z-index: 4;
    margin: 0;
    transform: none;
    text-align: left;
    width: auto;
}
.theatre-copy > .eyebrow {
    display: none;
}
@media (min-width: 1260px) {
    .section-corner-label {
        left: calc((100vw - 1220px) / 2 + 20px);
    }
}
@media (max-width: 680px) {
    .section-corner-label {
        top: 22px;
        left: 18px;
    }
}
/*==================================================
SIGNATURE PRODUCT LABEL VISIBILITY FIX
==================================================*/
.product-theatre .section-corner-label {
    display: inline-flex !important;
    position: absolute !important;
    top: 42px !important;
    left: 20px !important;
    z-index: 20 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--primary) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    text-align: left !important;
    pointer-events: none;
}
@media (min-width: 1260px) {
    .product-theatre .section-corner-label {
        left: calc((100vw - 1220px) / 2 + 20px) !important;
    }
}
@media (max-width: 680px) {
    .product-theatre .section-corner-label {
        top: 26px !important;
        left: 18px !important;
    }
}
/*==================================================
PROCESS SECTION LAYOUT FIX
==================================================*/
.process-section .process-grid {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
    gap: 72px;
    align-items: start;
}
.process-section .process-heading {
    position: sticky;
    top: 120px;
    align-self: start;
    max-width: 460px;
}
.process-section .process-heading h2 {
    margin: 0;
    max-width: 460px;
    overflow-wrap: normal;
}
.process-section .process-list {
    display: grid;
    gap: 0;
    width: 100%;
}
.process-section .process-list > div {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 30px 0;
    border-bottom: 1px solid var(--border);
}
.process-section .process-list > div:first-child {
    padding-top: 4px;
}
.process-section .process-list span {
    display: block;
    color: var(--primary);
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.2;
}
.process-section .process-list h3 {
    margin: 0 0 8px;
    line-height: 1.2;
}
.process-section .process-list p {
    margin: 0;
    color: var(--gray);
    max-width: 620px;
}
@media (max-width: 900px) {
    .process-section .process-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .process-section .process-heading {
        position: static;
        max-width: 100%;
    }
    .process-section .process-heading h2 {
        max-width: 100%;
    }
}
@media (max-width: 560px) {
    .process-section .process-list > div {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 24px 0;
    }
}
/*==================================================
PROCESS DESCRIPTION COLUMN FIX
==================================================*/
.process-section .process-list > div {
    grid-template-columns: 86px minmax(360px, 1fr);
    column-gap: 34px;
}
.process-section .process-list > div > span {
    grid-column: 1;
    grid-row: 1 / span 2;
}
.process-section .process-list > div > h3 {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
}
.process-section .process-list > div > p {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    max-width: 680px;
    line-height: 1.75;
}
@media (max-width: 560px) {
    .process-section .process-list > div {
        grid-template-columns: 1fr;
    }
    .process-section .process-list > div > span,
    .process-section .process-list > div > h3,
    .process-section .process-list > div > p {
        grid-column: 1;
        grid-row: auto;
    }
}
/*==================================================
HOME LARGE SECTION TITLE REFINEMENT
==================================================*/
.manifesto h2,
.theatre-copy h2,
.process-heading h2,
.cta-inner h2,
.info-grid h2 {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(2.05rem, 4.65vw, 4.15rem);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: .4px;
    color: #d4d0c8;
    text-shadow: 0 18px 34px rgba(0,0,0,.45);
}
.manifesto h2 {
    max-width: 640px;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .manifesto h2,
    .theatre-copy h2,
    .process-heading h2,
    .cta-inner h2,
    .info-grid h2 {
        color: transparent;
        background: linear-gradient(180deg, #f0eee9 0%, #c8c2b7 48%, #8f8a82 100%);
        -webkit-background-clip: text;
        background-clip: text;
    }
}
@media (max-width: 680px) {
    .manifesto h2,
    .theatre-copy h2,
    .process-heading h2,
    .cta-inner h2,
    .info-grid h2 {
        font-size: clamp(2rem, 10vw, 3.1rem);
        line-height: 1.06;
    }
}
/*==================================================
MOBILE CTA SECTION COMPACT SPACING
==================================================*/
@media (max-width: 680px) {
    .cta-atelier {
        padding: 54px 0 46px;
        background-position: center bottom;
    }
    .cta-inner h2 {
        margin-bottom: 16px;
        font-size: clamp(2.1rem, 11vw, 3.15rem);
        line-height: 1.02;
    }
    .cta-inner p {
        margin-bottom: 24px;
        max-width: 94%;
    }
    .cta-inner .eyebrow {
        margin-bottom: 12px;
    }
    .cta-inner .inline-actions {
        gap: 12px;
    }
}
@media (max-width: 420px) {
    .cta-atelier {
        padding: 44px 0 38px;
    }
}
/*==================================================
HOME TITLE FONT CONSISTENCY
==================================================*/
.hero-classic .hero-copy h1,
.manifesto h2,
.theatre-copy h2,
.process-heading h2,
.cta-inner h2,
.info-grid h2,
.collection-card h3,
.process-list h3 {
    font-family: 'Oswald', 'Inter', sans-serif !important;
}
/*==================================================
INSTAGRAM NETWORK SECTION
==================================================*/
.instagram-network {
    background: radial-gradient(circle at 20% 10%, rgba(185,205,218,.04), transparent 28%), #101010;
    overflow: hidden;
}
.instagram-network::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: .14;
    pointer-events: none;
}
.network-heading {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto 46px;
    text-align: center;
}
.network-heading h2 {
    margin-bottom: 16px;
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: .98;
    font-weight: 600;
    color: #d4d0c8;
    text-shadow: 0 18px 34px rgba(0,0,0,.45);
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .network-heading h2 {
        color: transparent;
        background: linear-gradient(180deg, #f0eee9 0%, #c8c2b7 48%, #8f8a82 100%);
        -webkit-background-clip: text;
        background-clip: text;
    }
}
.network-heading p {
    max-width: 680px;
    margin: 0 auto 22px;
    color: var(--gray);
}
.network-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: .4px;
    transition: var(--transition);
}
.network-link i {
    color: var(--primary);
    font-size: 1.1rem;
}
.network-link:hover {
    color: var(--primary);
    transform: translateY(-2px);
}
.instagram-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}
.instagram-card {
    position: relative;
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 18px;
    background: #080808;
    border: 1px solid var(--border);
    transition: var(--transition);
}
.instagram-card:nth-child(1),
.instagram-card:nth-child(4) {
    grid-row: span 2;
    aspect-ratio: auto;
}
.instagram-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 22px;
    transition: transform .45s ease, filter .45s ease;
    filter: contrast(1.08) brightness(.92) saturate(1.08);
}
.instagram-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.72));
    opacity: .72;
    transition: var(--transition);
}
.instagram-card::after {
    content: '\f16d';
    font-family: 'Font Awesome 6 Brands';
    position: absolute;
    right: 14px;
    bottom: 12px;
    z-index: 2;
    color: #fff;
    font-size: 1.15rem;
    opacity: .9;
}
.instagram-card:hover {
    transform: translateY(-8px);
    border-color: rgba(216,31,38,.38);
    box-shadow: 0 24px 70px rgba(0,0,0,.42);
}
.instagram-card:hover img {
    transform: scale(1.08);
    filter: contrast(1.15) brightness(1.02) saturate(1.15);
}
.instagram-card:hover::before {
    opacity: .44;
}
@media (max-width: 1100px) {
    .instagram-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 680px) {
    .network-heading {
        text-align: left;
        margin-bottom: 30px;
    }
    .network-heading p {
        margin-left: 0;
    }
    .instagram-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .instagram-card {
        border-radius: 14px;
    }
    .instagram-card:nth-child(1),
    .instagram-card:nth-child(4) {
        grid-row: span 1;
        aspect-ratio: 1;
    }
    .instagram-card img {
        padding: 14px;
    }
}
/*==================================================
INSTAGRAM NETWORK ORDERLY GALLERY UPDATE
==================================================*/
.instagram-network {
    padding: 110px 0;
}
.instagram-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    max-width: 1080px;
    margin: 0 auto;
}
.instagram-card,
.instagram-card:nth-child(1),
.instagram-card:nth-child(4) {
    aspect-ratio: 4 / 5;
    grid-row: auto;
    border-radius: 20px;
    background: #070707;
}
.instagram-card img {
    padding: 0;
    object-fit: cover;
    object-position: center;
    filter: contrast(1.05) brightness(.86) saturate(.95);
}
.instagram-card::before {
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18) 45%, rgba(0,0,0,.72));
    opacity: .78;
}
.instagram-card::after {
    right: 16px;
    bottom: 14px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0,0,0,.46);
    backdrop-filter: blur(10px);
    font-size: 1rem;
}
.instagram-card .ig-caption {
    position: absolute;
    left: 18px;
    right: 60px;
    bottom: 18px;
    z-index: 2;
    display: grid;
    gap: 4px;
}
.instagram-card .ig-caption strong {
    color: #fff;
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: 1.08rem;
    letter-spacing: .3px;
}
.instagram-card .ig-caption span {
    color: #c8c8c8;
    font-size: .88rem;
}
@media (max-width: 900px) {
    .instagram-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}
@media (max-width: 560px) {
    .instagram-network {
        padding: 68px 0;
    }
    .instagram-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .instagram-card,
    .instagram-card:nth-child(1),
    .instagram-card:nth-child(4) {
        aspect-ratio: 1 / 1;
    }
}

/*==================================================
ABOUT US PAGE STRUCTURE
==================================================*/
.about-hero .page-svg-title {
    max-width: 1040px;
}
.about-band {
    position: relative;
    padding: 110px 0;
    background: #050505;
    border-top: 1px solid rgba(255,255,255,.06);
    overflow: hidden;
}
.about-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 78% 18%, rgba(185,205,218,.05), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.025), transparent 38%);
    pointer-events: none;
}
.about-band.compact {
    padding: 92px 0;
    background: #080808;
}
.about-split,
.material-layout,
.mission-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
    gap: 70px;
    align-items: center;
}
.about-split.reverse {
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1fr);
}
.about-copy h2,
.material-panel h2,
.mission-card h2 {
    color: rgba(238,235,228,.92);
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(2.45rem, 5vw, 5.4rem);
    line-height: .95;
    max-width: 780px;
    text-transform: none;
}
.about-copy p,
.material-panel p,
.mission-card p,
.section-title p {
    color: rgba(215,215,215,.72);
    font-size: 1.02rem;
    line-height: 1.85;
    max-width: 680px;
    margin-top: 22px;
}
.about-visual {
    min-height: 460px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.09);
    background: radial-gradient(circle at 50% 42%, rgba(185,205,218,.065), transparent 43%), #090909;
    overflow: hidden;
}
.about-visual img {
    width: min(88%, 520px);
    max-height: 470px;
    object-fit: contain;
    filter: contrast(1.08) brightness(.9) saturate(.95) drop-shadow(0 30px 70px rgba(0,0,0,.75));
}
.about-principles,
.quality-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 54px;
}
.about-principle,
.quality-card,
.mission-card {
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
    padding: 34px;
}
.about-principle span {
    color: #d81f26;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}
.about-principle h3,
.quality-card h3 {
    color: rgba(245,245,245,.94);
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    margin-top: 28px;
}
.about-principle p,
.quality-card p {
    color: rgba(210,210,210,.68);
    line-height: 1.75;
    margin-top: 14px;
}
.about-checklist {
    display: grid;
    gap: 16px;
    margin-top: 32px;
}
.about-checklist div {
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: start;
    color: rgba(230,230,230,.8);
    line-height: 1.6;
}
.about-checklist i,
.quality-card i {
    color: #d81f26;
}
.quality-card i {
    font-size: 1.8rem;
}
.material-layout {
    grid-template-columns: minmax(0, .92fr) minmax(400px, 1fr);
}
.material-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.material-specs div {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(145deg, rgba(185,205,218,.045), rgba(255,255,255,.025));
    padding: 26px;
}
.material-specs strong,
.warranty-badge strong {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: .95;
}
.material-specs span,
.warranty-badge span {
    color: rgba(225,225,225,.74);
    margin-top: 12px;
}
.warranty-badge {
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(216,31,38,.38);
    background: radial-gradient(circle at 50% 18%, rgba(216,31,38,.22), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    padding: 42px;
}
.warranty-badge p {
    color: rgba(215,215,215,.66);
    line-height: 1.7;
    margin-top: 22px;
}
.mission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}
.mission-card h2 {
    font-size: clamp(2.2rem, 4vw, 4.4rem);
}
@media (max-width: 980px) {
    .about-band,
    .about-band.compact {
        padding: 72px 0;
    }
    .about-split,
    .about-split.reverse,
    .material-layout,
    .mission-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .about-visual {
        min-height: 360px;
    }
    .about-principles,
    .quality-grid {
        grid-template-columns: 1fr;
    }
    .material-specs {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 560px) {
    .about-band,
    .about-band.compact {
        padding: 58px 0;
    }
    .about-copy h2,
    .material-panel h2,
    .mission-card h2 {
        font-size: clamp(2.05rem, 12vw, 3.15rem);
    }
    .about-visual {
        min-height: 300px;
    }
    .about-principle,
    .quality-card,
    .mission-card,
    .warranty-badge {
        padding: 26px;
    }
    .material-specs {
        grid-template-columns: 1fr;
    }
    .material-specs div {
        min-height: 138px;
    }
}

/*==================================================
ABOUT US V2 EDITORIAL REDESIGN
==================================================*/
.about-hero-v2 {
    background: radial-gradient(circle at 82% 20%, rgba(185,205,218,.08), transparent 32%), linear-gradient(180deg, #070707, #020202);
}
.about-hero-v2 .container > p {
    max-width: 760px;
    color: rgba(228,228,228,.72);
}
.about-band-v2 {
    padding: 118px 0;
    background: #040404;
}
.about-band-v2.dark-slab {
    background: linear-gradient(180deg, #0b0b0b, #050505);
}
.about-story-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 360px;
    gap: 42px;
    align-items: stretch;
}
.about-story-kicker {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 2px solid #d81f26;
    padding-left: 22px;
    min-height: 330px;
}
.about-story-kicker span {
    color: #d81f26;
    font-family: 'Oswald', sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
}
.about-story-kicker strong {
    color: rgba(238,235,228,.9);
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    line-height: 1;
    text-transform: uppercase;
}
.about-story-main {
    padding: 18px 0;
}
.about-story-main h2,
.about-section-head h2 {
    color: rgba(238,235,228,.92);
    font-family: 'Oswald', sans-serif;
    font-size: clamp(2.55rem, 5vw, 5.7rem);
    line-height: .94;
    max-width: 860px;
}
.about-story-main p,
.about-section-head p {
    color: rgba(215,215,215,.72);
    font-size: 1.02rem;
    line-height: 1.86;
    margin-top: 22px;
    max-width: 820px;
}
.about-story-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 430px;
    border: 1px solid rgba(255,255,255,.09);
    background: radial-gradient(circle at 50% 34%, rgba(216,31,38,.22), transparent 45%), #090909;
    overflow: hidden;
}
.about-story-visual img {
    width: min(92%, 390px);
    filter: contrast(1.08) brightness(.9) drop-shadow(0 30px 75px rgba(0,0,0,.75));
}
.about-story-visual span {
    position: absolute;
    left: 20px;
    bottom: 18px;
    color: #d81f26;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.about-section-head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 44px;
    align-items: start;
}
.philosophy-v2 .about-principle,
.quality-v2 .quality-card {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.philosophy-v2 .about-principle:hover,
.quality-v2 .quality-card:hover {
    transform: translateY(-8px);
    border-color: rgba(216,31,38,.36);
    background: linear-gradient(145deg, rgba(185,205,218,.04), rgba(255,255,255,.025));
}
.growth-layout {
    position: relative;
    z-index: 1;
}
.growth-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 62px;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
.growth-timeline article {
    position: relative;
    min-height: 310px;
    padding: 34px;
    border-right: 1px solid rgba(255,255,255,.09);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.growth-timeline article:last-child {
    border-right: 0;
}
.growth-timeline article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 34px;
    right: 34px;
    height: 3px;
    background: linear-gradient(90deg, #d81f26, transparent);
}
.growth-timeline span {
    color: #d81f26;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(2.5rem, 5vw, 5rem);
    font-weight: 700;
    line-height: .9;
}
.growth-timeline h3 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    margin-top: auto;
}
.growth-timeline p {
    color: rgba(215,215,215,.68);
    line-height: 1.7;
    margin-top: 16px;
}
.obsession-section .about-copy h2 {
    color: rgba(238,235,228,.9);
}
.warranty-v2-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 60px;
    align-items: stretch;
}
.warranty-v2-section .warranty-badge {
    min-height: 100%;
    border-color: rgba(216,31,38,.48);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 36px 90px rgba(0,0,0,.38);
}
.mission-v2-section {
    background: radial-gradient(circle at 50% 0%, rgba(185,205,218,.05), transparent 42%), #050505;
}
.about-material-section {
    display: none;
}
@media (max-width: 1050px) {
    .about-story-grid,
    .about-section-head,
    .warranty-v2-layout {
        grid-template-columns: 1fr;
    }
    .about-story-kicker {
        min-height: auto;
        gap: 18px;
    }
    .growth-timeline {
        grid-template-columns: 1fr;
    }
    .growth-timeline article {
        min-height: 230px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    .growth-timeline article:last-child {
        border-bottom: 0;
    }
}
@media (max-width: 560px) {
    .about-band-v2 {
        padding: 64px 0;
    }
    .about-story-main h2,
    .about-section-head h2 {
        font-size: clamp(2.15rem, 13vw, 3.35rem);
    }
    .about-story-visual {
        min-height: 300px;
    }
    .growth-timeline article {
        padding: 26px;
    }
}

/*==================================================
ABOUT US TITLE REFINEMENT
==================================================*/
.about-hero-v2 .page-svg-title {
    max-width: 820px;
}
.about-story-main h2,
.about-section-head h2,
.about-copy h2,
.mission-card h2,
.obsession-section .about-copy h2 {
    font-size: clamp(2.05rem, 3.65vw, 3.95rem);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: 0;
    color: rgba(226,222,214,.9);
    max-width: 760px;
}
.about-section-head {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 34px;
}
.about-story-main p,
.about-section-head p,
.about-copy p,
.mission-card p {
    font-size: .98rem;
    line-height: 1.78;
}
.about-principle h3,
.quality-card h3,
.growth-timeline h3 {
    font-size: 1.42rem;
    line-height: 1.12;
    font-weight: 500;
    color: rgba(238,235,228,.9);
}
.growth-timeline span {
    font-size: clamp(2.05rem, 4vw, 3.45rem);
    line-height: 1;
}
.about-story-kicker strong {
    font-size: 1.34rem;
    line-height: 1.08;
}
.about-story-kicker span {
    font-size: 1.72rem;
}
.warranty-badge strong {
    font-size: clamp(2.35rem, 4vw, 3.35rem);
}
.cta-inner h2 {
    font-size: clamp(2.05rem, 4vw, 3.65rem);
    line-height: 1.06;
}
@media (max-width: 900px) {
    .about-section-head {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .about-story-main h2,
    .about-section-head h2,
    .about-copy h2,
    .mission-card h2,
    .obsession-section .about-copy h2 {
        font-size: clamp(1.9rem, 8vw, 3rem);
        line-height: 1.09;
    }
}
@media (max-width: 560px) {
    .about-hero-v2 .page-svg-title {
        max-width: 92vw;
    }
    .about-story-main h2,
    .about-section-head h2,
    .about-copy h2,
    .mission-card h2,
    .obsession-section .about-copy h2,
    .cta-inner h2 {
        font-size: clamp(1.72rem, 9.2vw, 2.55rem);
        line-height: 1.12;
    }
    .about-principle h3,
    .quality-card h3,
    .growth-timeline h3 {
        font-size: 1.28rem;
    }
}

/*==================================================
ABOUT US UPPERCASE TITLE SYSTEM
==================================================*/
.about-hero-v2 .eyebrow,
.about-story-kicker strong,
.about-story-main h2,
.about-section-head .eyebrow,
.about-section-head h2,
.about-copy .eyebrow,
.about-copy h2,
.about-principle h3,
.quality-card h3,
.growth-timeline h3,
.mission-card .eyebrow,
.mission-card h2,
.warranty-badge span {
    text-transform: uppercase;
}
.about-mission-vision .mission-card h2,
.mission-v2-section .mission-card h2 {
    font-size: clamp(1.65rem, 2.7vw, 2.75rem);
    line-height: 1.12;
    font-weight: 500;
    max-width: 620px;
}
.about-mission-vision .mission-card {
    min-height: auto;
}
@media (max-width: 560px) {
    .about-mission-vision .mission-card h2,
    .mission-v2-section .mission-card h2 {
        font-size: clamp(1.45rem, 7vw, 2.05rem);
        line-height: 1.16;
    }
}

/*==================================================
ABOUT US FINAL TITLE SCALE DOWN
==================================================*/
.about-story-main h2,
.about-section-head h2,
.about-copy h2,
.obsession-section .about-copy h2 {
    font-size: clamp(1.75rem, 3vw, 3.1rem);
    line-height: 1.12;
    font-weight: 500;
}
.about-principle h3,
.quality-card h3,
.growth-timeline h3 {
    font-size: 1.18rem;
    line-height: 1.18;
}
.about-story-kicker strong {
    font-size: 1.08rem;
}
.growth-timeline span {
    font-size: clamp(1.72rem, 3vw, 2.55rem);
}
.about-mission-vision .mission-card h2,
.mission-v2-section .mission-card h2 {
    font-size: clamp(1.28rem, 2vw, 1.95rem);
    line-height: 1.2;
    max-width: 560px;
}
.about-mission-vision .mission-card p,
.mission-v2-section .mission-card p {
    font-size: .94rem;
    line-height: 1.72;
}
.warranty-badge strong {
    font-size: clamp(1.9rem, 3vw, 2.55rem);
}
.cta-inner h2 {
    font-size: clamp(1.8rem, 3vw, 2.9rem);
}
@media (max-width: 560px) {
    .about-story-main h2,
    .about-section-head h2,
    .about-copy h2,
    .obsession-section .about-copy h2,
    .cta-inner h2 {
        font-size: clamp(1.48rem, 7.8vw, 2.12rem);
        line-height: 1.18;
    }
    .about-mission-vision .mission-card h2,
    .mission-v2-section .mission-card h2 {
        font-size: clamp(1.22rem, 6vw, 1.62rem);
        line-height: 1.24;
    }
    .about-principle h3,
    .quality-card h3,
    .growth-timeline h3 {
        font-size: 1.08rem;
    }
}

/*==================================================
ABOUT US CENTERED SINGLE-LINE TITLES
==================================================*/
.about-story-main h2,
.about-section-head h2,
.about-copy h2:not(.mission-card h2),
.obsession-section .about-copy h2,
.about-principle h3,
.quality-card h3,
.growth-timeline h3 {
    text-align: center;
}
.about-story-main h2,
.about-section-head h2,
.about-copy h2,
.obsession-section .about-copy h2 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1.05rem, 1.7vw, 1.72rem);
    line-height: 1.18;
    white-space: nowrap;
}
.about-section-head {
    grid-template-columns: 1fr;
    gap: 14px;
    text-align: center;
}
.about-section-head .eyebrow,
.about-copy .eyebrow {
    justify-self: center;
    text-align: center;
}
.about-story-main,
.about-copy {
    text-align: center;
}
.about-story-main p,
.about-copy p {
    margin-left: auto;
    margin-right: auto;
}
.about-checklist {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.about-mission-vision .mission-card,
.mission-v2-section .mission-card {
    text-align: left;
}
.about-mission-vision .mission-card h2,
.mission-v2-section .mission-card h2 {
    text-align: left;
    white-space: normal;
}
@media (max-width: 760px) {
    .about-story-main h2,
    .about-section-head h2,
    .about-copy h2,
    .obsession-section .about-copy h2 {
        font-size: clamp(1.15rem, 6.2vw, 1.72rem);
        white-space: normal;
        text-wrap: balance;
    }
}

/*==================================================
ABOUT US LEFT-ALIGNED TITLE RESTORE
==================================================*/
.about-story-main,
.about-copy,
.about-section-head,
.about-story-main h2,
.about-section-head h2,
.about-copy h2,
.obsession-section .about-copy h2,
.about-principle h3,
.quality-card h3,
.growth-timeline h3 {
    text-align: left;
}
.about-section-head .eyebrow,
.about-copy .eyebrow {
    justify-self: start;
    text-align: left;
}
.about-story-main h2,
.about-section-head h2,
.about-copy h2,
.obsession-section .about-copy h2 {
    margin-left: 0;
    margin-right: 0;
}
.about-story-main p,
.about-copy p {
    margin-left: 0;
    margin-right: 0;
}
.about-checklist {
    margin-left: 0;
    margin-right: 0;
}

/*==================================================
ABOUT US INTRODUCTION LAYOUT + LEFT ALIGN FIX
==================================================*/
.about-story .about-story-grid {
    grid-template-columns: 150px minmax(0, 1fr) 320px;
    gap: 34px;
    align-items: center;
}
.about-story .about-story-main {
    min-width: 0;
    text-align: left;
}
.about-story .about-story-main h2 {
    max-width: 620px;
    white-space: normal;
    text-wrap: balance;
    text-align: left;
    font-size: clamp(1.42rem, 2.1vw, 2.05rem);
    line-height: 1.16;
}
.about-story .about-story-main p {
    max-width: 700px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}
.about-story .about-story-visual {
    min-height: 360px;
}
.about-story .about-story-visual img {
    width: min(88%, 320px);
}
.obsession-section .about-copy,
.obsession-section .about-copy .eyebrow,
.obsession-section .about-copy h2,
.obsession-section .about-copy p,
.warranty-v2-section .about-copy,
.warranty-v2-section .about-copy .eyebrow,
.warranty-v2-section .about-copy h2,
.warranty-v2-section .about-copy p {
    text-align: left;
    justify-self: start;
    margin-left: 0;
    margin-right: 0;
}
.obsession-section .about-copy h2,
.warranty-v2-section .about-copy h2 {
    max-width: 620px;
    white-space: normal;
    text-wrap: balance;
}
.warranty-v2-section .warranty-v2-layout {
    align-items: center;
}
@media (max-width: 1050px) {
    .about-story .about-story-grid {
        grid-template-columns: 1fr;
    }
    .about-story .about-story-kicker {
        min-height: auto;
    }
    .about-story .about-story-main h2 {
        max-width: 760px;
    }
}
@media (max-width: 560px) {
    .about-story .about-story-main h2,
    .obsession-section .about-copy h2,
    .warranty-v2-section .about-copy h2 {
        font-size: clamp(1.36rem, 7vw, 1.82rem);
        line-height: 1.18;
    }
    .about-story .about-story-visual {
        min-height: 270px;
    }
}

/*==================================================
GLOBAL WARRANTY LEFT ALIGN FORCE FIX
==================================================*/
.about-warranty-section .about-copy,
.about-warranty-section .about-copy *,
.warranty-v2-section .about-copy,
.warranty-v2-section .about-copy * {
    text-align: left !important;
}
.about-warranty-section .about-copy,
.warranty-v2-section .about-copy {
    justify-self: start !important;
    align-self: center;
    place-self: center start;
    width: 100%;
    max-width: 720px;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.about-warranty-section .about-copy .eyebrow,
.warranty-v2-section .about-copy .eyebrow {
    display: block;
    width: fit-content;
    margin-left: 0 !important;
    margin-right: auto !important;
    justify-self: start !important;
}
.about-warranty-section .about-copy h2,
.warranty-v2-section .about-copy h2 {
    display: block;
    width: 100%;
    max-width: 620px;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

/*==================================================
ABOUT US BOX RADIUS REFINEMENT
==================================================*/
.about-story-visual,
.about-visual,
.about-principle,
.quality-card,
.growth-timeline,
.growth-timeline article,
.warranty-badge,
.mission-card,
.material-specs div,
.about-band .card {
    border-radius: 14px;
}
.growth-timeline {
    overflow: hidden;
}
.about-story-visual img,
.about-visual img {
    border-radius: 10px;
}
.about-principle,
.quality-card,
.mission-card,
.warranty-badge {
    overflow: hidden;
}
@media (max-width: 560px) {
    .about-story-visual,
    .about-visual,
    .about-principle,
    .quality-card,
    .growth-timeline,
    .growth-timeline article,
    .warranty-badge,
    .mission-card {
        border-radius: 12px;
    }
}

/*==================================================
WHY MONARX LEFT ALIGN FORCE FIX
==================================================*/
.about-why-section .about-copy,
.about-why-section .about-copy *,
.obsession-section .about-copy,
.obsession-section .about-copy * {
    text-align: left !important;
}
.about-why-section .about-copy,
.obsession-section .about-copy {
    justify-self: start !important;
    place-self: center start;
    width: 100%;
    max-width: 720px;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.about-why-section .about-copy .eyebrow,
.obsession-section .about-copy .eyebrow {
    display: block;
    width: fit-content;
    margin-left: 0 !important;
    margin-right: auto !important;
    justify-self: start !important;
}
.about-why-section .about-copy h2,
.obsession-section .about-copy h2 {
    display: block;
    width: 100%;
    max-width: 620px;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}
.about-why-section .about-checklist,
.obsession-section .about-checklist {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Unified metallic uppercase title treatment */
main h1,
main h2,
main h3,
main h4 {
    color: #d4d0c8 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px;
    text-shadow: 0 18px 34px rgba(0,0,0,.45);
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
    main h1,
    main h2,
    main h3,
    main h4 {
        color: transparent !important;
        background: linear-gradient(180deg, #f0eee9 0%, #c8c2b7 48%, #8f8a82 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
    }
}

/* Larger Connect To Our Network preview cards */
.instagram-grid {
    gap: 30px;
}
.instagram-card,
.instagram-card:nth-child(1),
.instagram-card:nth-child(4) {
    aspect-ratio: 3 / 4;
    min-height: 440px;
}
.instagram-card img {
    transform: scale(1.06);
}
.instagram-card:hover img {
    transform: scale(1.13);
}
@media (max-width: 900px) {
    .instagram-card,
    .instagram-card:nth-child(1),
    .instagram-card:nth-child(4) {
        min-height: 360px;
        aspect-ratio: 4 / 5;
    }
}
@media (max-width: 560px) {
    .instagram-card,
    .instagram-card:nth-child(1),
    .instagram-card:nth-child(4) {
        min-height: 320px;
    }
}

/* Darker The Better Choice hero background */
.hero-classic {
    background: #020202;
}
.hero-classic-bg {
    background:
        radial-gradient(circle at 74% 42%, rgba(185,205,218,.035), transparent 28%),
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.025), transparent 22%),
        linear-gradient(120deg, #030303 0%, #070303 42%, #010101 100%);
}
.hero-classic::before {
    opacity: .07;
}
.hero-classic::after {
    opacity: .26;
}


/* Home feature slider section */
.feature-material-showcase {
    position: relative;
    background:
        linear-gradient(180deg, #090909 0%, #030303 100%);
    overflow: hidden;
    isolation: isolate;
}
.feature-material-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 84px 84px;
    mask-image: linear-gradient(180deg, #000, transparent 76%);
    opacity: .18;
    pointer-events: none;
}
.feature-material-showcase .section-title {
    position: relative;
    z-index: 2;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 46px;
    text-align: center;
}
.feature-material-showcase .section-title p {
    margin-left: auto;
    margin-right: auto;
}
.feature-material-showcase .section-title span {
    display: block;
    text-align: center;
}
.feature-material-showcase .section-title h2 {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(2.8rem, 7vw, 6.3rem);
    line-height: .92;
    text-transform: uppercase;
}
.feature-slider-shell {
    position: relative;
    z-index: 2;
}
.feature-slider-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(540px, min(86vw, 2220px));
    gap: 40px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: max(20px, calc((100vw - 1180px) / 2));
    padding: 10px max(20px, calc((100vw - 1180px) / 2)) 12px;
    margin-inline: calc(max(20px, calc((100vw - 1180px) / 2)) * -1);
    scrollbar-width: thin;
    scrollbar-color: rgba(216,31,38,.9) rgba(255,255,255,.08);
    perspective: 1200px;
    cursor: grab;
    touch-action: pan-y;
    align-items: start;
    user-select: none;
}
.feature-slider-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}
.feature-slider-track::-webkit-scrollbar {
    height: 10px;
}
.feature-slider-track::-webkit-scrollbar-track {
    background: rgba(255,255,255,.08);
    border-radius: 999px;
}
.feature-slider-track::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #7e0c10, #d81f26, #ff5a60);
    border-radius: 999px;
}
.feature-slide-card {
    position: relative;
    scroll-snap-align: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)), #0b0b0b;
    box-shadow: 0 42px 110px rgba(0,0,0,.48);
    transform: translateZ(0);
    transition: transform .42s cubic-bezier(.2,.8,.2,1), border-color .42s ease, box-shadow .42s ease;
    align-self: start;
    width: 100%;
    display: grid;
    grid-template-rows: auto 220px;
}
.feature-slide-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.08), transparent 58%);
    transform: translateX(-120%);
    transition: transform .7s ease;
    pointer-events: none;
}
.feature-slide-card:hover {
    transform: translateY(-10px) scale(1.012);
    border-color: rgba(216,31,38,.42);
    box-shadow: 0 56px 140px rgba(0,0,0,.58), 0 0 44px rgba(185,205,218,.04);
}
.feature-slide-card:hover::after {
    transform: translateX(120%);
}
.feature-slide-image {
    aspect-ratio: 1 / 1;
    background: #000;
    overflow: hidden;
}
.feature-slide-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: contrast(1.06) brightness(.95) saturate(1.05);
    transform: scale(1.01);
    transition: transform .65s cubic-bezier(.2,.8,.2,1), filter .65s ease;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
}
.feature-slide-card:hover .feature-slide-image img {
    transform: scale(1.055);
    filter: contrast(1.12) brightness(1.02) saturate(1.08);
}
.feature-slide-copy {
    height: 220px;
    padding: clamp(16px, 2vw, 24px) clamp(30px, 3.6vw, 46px);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #080808;
    overflow: hidden;
}
.feature-slide-copy span {
    display: block;
    margin: 0 0 10px;
    color: #d81f26;
    font-size: 1.36rem;
    font-weight: 900;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.feature-slide-copy h3 {
    margin: 0 0 8px;
    color: #fff;
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(1.56rem, 2.1vw, 1.96rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.feature-slide-copy p {
    max-width: 960px;
    margin: 0 auto;
    color: rgba(220,220,220,.72);
    font-size: clamp(.9rem, 1vw, 1.04rem);
    line-height: 1.34;
}
.feature-slider-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 10px;
}
.feature-slider-hint {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(235,235,235,.68);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.feature-slider-hint i {
    color: #d81f26;
}
.feature-slider-controls {
    display: flex;
    gap: 10px;
}
.feature-slider-btn {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #fff;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.feature-slider-btn:hover {
    background: #d81f26;
    border-color: #d81f26;
    transform: translateY(-2px);
}
@media (max-width: 680px) {
    .feature-slider-track {
        grid-auto-columns: minmax(280px, 86vw);
        gap: 18px;
    }
    .feature-slide-card {
        grid-template-rows: auto 170px;
    }
    .feature-slide-copy {
        height: 170px;
        padding: 12px 16px;
    }
    .feature-slide-copy span {
        margin-bottom: 7px;
        font-size: .92rem;
        letter-spacing: 1.8px;
    }
    .feature-slide-copy p {
        font-size: clamp(.74rem, 3vw, .88rem);
        line-height: 1.3;
    }
    .feature-slider-ui {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Signature Product hover image swap */
.signature-product-swap {
    perspective: 1200px;
}
.signature-product-stage {
    position: relative;
    width: min(100%, 620px);
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    animation: productFloat 5.5s ease-in-out infinite;
}
.signature-product-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 40px 85px rgba(0,0,0,.6));
    transition: opacity .55s ease, transform .65s cubic-bezier(.2,.8,.2,1), filter .65s ease;
    animation: none !important;
    will-change: opacity, transform;
}
.signature-product-front {
    opacity: 1;
    transform: scale(1) rotateY(0deg);
}
.signature-product-back {
    opacity: 0;
    transform: scale(.985) rotateY(-5deg);
    filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)) brightness(.9);
}
.signature-tap-hint {
    display: none;
}
.signature-product-swap:hover .signature-product-front {
    opacity: 0;
    transform: scale(1.015) rotateY(5deg);
    filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)) brightness(.9);
}
.signature-product-swap:hover .signature-product-back {
    opacity: 1;
    transform: scale(1) rotateY(0deg);
    filter: drop-shadow(0 44px 92px rgba(0,0,0,.68)) brightness(1.03) contrast(1.05);
}
@media (max-width: 680px) {
    .signature-product-stage {
        width: min(100%, 430px);
    }
    .signature-tap-hint {
        position: absolute;
        left: 50%;
        bottom: 8px;
        z-index: 4;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 8px 14px;
        border: 1px solid rgba(235,245,255,.24);
        border-radius: 999px;
        background: rgba(4,5,6,.74);
        box-shadow: 0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
        color: rgba(245,248,250,.9);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: 1.8px;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        transform: translateX(-50%);
        pointer-events: none;
        animation: tapHintPulse 2.2s ease-in-out infinite;
    }
    .signature-tap-hint i {
        color: var(--primary);
        font-size: .78rem;
    }
}
@keyframes tapHintPulse {
    0%, 100% {
        opacity: .72;
        transform: translateX(-50%) translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) translateY(-3px);
    }
}
/* Signature Product tap toggle */
.signature-product-swap.is-swapped .signature-product-front {
    opacity: 0;
    transform: scale(1.015) rotateY(5deg);
    filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)) brightness(.9);
}
.signature-product-swap.is-swapped .signature-product-back {
    opacity: 1;
    transform: scale(1) rotateY(0deg);
    filter: drop-shadow(0 44px 92px rgba(0,0,0,.68)) brightness(1.03) contrast(1.05);
}
@media (hover: none) {
    .signature-product-swap:hover .signature-product-front {
        opacity: 1;
        transform: scale(1) rotateY(0deg);
        filter: drop-shadow(0 40px 85px rgba(0,0,0,.6));
    }
    .signature-product-swap:hover .signature-product-back {
        opacity: 0;
        transform: scale(.985) rotateY(-5deg);
        filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)) brightness(.9);
    }
    .signature-product-swap.is-swapped .signature-product-front {
        opacity: 0;
        transform: scale(1.015) rotateY(5deg);
        filter: drop-shadow(0 40px 85px rgba(0,0,0,.6)) brightness(.9);
    }
    .signature-product-swap.is-swapped .signature-product-back {
        opacity: 1;
        transform: scale(1) rotateY(0deg);
        filter: drop-shadow(0 44px 92px rgba(0,0,0,.68)) brightness(1.03) contrast(1.05);
    }
}
/* Signature Product final responsive spacing */
@media (min-width: 981px) {
    .product-theatre .signature-product-stage {
        width: min(110%, 682px);
    }
    .product-theatre .signature-wordmark {
        transform: translateX(-2%);
    }
}
@media (max-width: 680px) {
    .product-theatre .theatre-grid {
        gap: 14px;
    }
    .product-theatre .theatre-image {
        min-height: 285px;
        margin-bottom: -10px;
    }
    .product-theatre .signature-product-stage {
        width: min(100%, 390px);
    }
    .product-theatre .theatre-copy {
        margin-top: -6px;
    }
    .product-theatre .signature-wordmark {
        margin-top: -8px;
        margin-bottom: 8px;
    }
}
@media (max-width: 420px) {
    .product-theatre .theatre-grid {
        gap: 10px;
    }
    .product-theatre .theatre-image {
        min-height: 255px;
        margin-bottom: -14px;
    }
    .product-theatre .signature-product-stage {
        width: min(104%, 350px);
    }
    .product-theatre .theatre-copy {
        margin-top: -10px;
    }
}
/* Homepage section scroll fade transitions */
main > section.home-scroll-section {
    opacity: .22;
    transform: translate3d(0, 42px, 0) scale(.985);
    filter: blur(2px) brightness(.82);
    transition:
        opacity .78s cubic-bezier(.2,.8,.2,1),
        transform .78s cubic-bezier(.2,.8,.2,1),
        filter .78s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform, filter;
}
main > section.home-scroll-section.is-section-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) brightness(1);
}
main > section.home-scroll-section.is-section-above {
    opacity: .2;
    transform: translate3d(0, -34px, 0) scale(.988);
    filter: blur(1.5px) brightness(.86);
}
main > section.home-scroll-section.is-section-below {
    opacity: .2;
    transform: translate3d(0, 42px, 0) scale(.985);
    filter: blur(2px) brightness(.82);
}
main > section.home-scroll-section:nth-child(1) {
    transition-duration: .9s;
}
@media (max-width: 680px) {
    main > section.home-scroll-section {
        opacity: .28;
        transform: translate3d(0, 28px, 0) scale(.992);
        filter: blur(1.25px) brightness(.86);
        transition-duration: .62s;
    }
    main > section.home-scroll-section.is-section-above {
        transform: translate3d(0, -22px, 0) scale(.994);
    }
}
@media (prefers-reduced-motion: reduce) {
    main > section.home-scroll-section,
    main > section.home-scroll-section.is-section-visible,
    main > section.home-scroll-section.is-section-above,
    main > section.home-scroll-section.is-section-below {
        opacity: 1;
        transform: none;
        filter: none;
        transition: none;
    }
}

/* Brand Philosophy background image */
.manifesto {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.78) 100%),
        linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.74)),
        url('../images/home/brand-philosophy-bg.webp') center center / cover no-repeat;
}
.manifesto::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 50%, rgba(225,225,225,.16), transparent 34%);
    pointer-events: none;
}
.manifesto .container {
    position: relative;
    z-index: 1;
}
.manifesto-metrics div {
    background: linear-gradient(135deg, rgba(10,10,10,.78), rgba(255,255,255,.035));
    backdrop-filter: blur(8px);
}
@media (max-width: 680px) {
    .manifesto {
        background:
            linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.76)),
            url('../images/home/brand-philosophy-bg.webp') 24% center / cover no-repeat;
    }
}
/* Warranty section premium redesign */
.warranty-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(185,205,218,.075), transparent 30%),
        radial-gradient(circle at 18% 74%, rgba(255,255,255,.055), transparent 28%),
        linear-gradient(135deg, #030303 0%, #090909 45%, #120506 100%);
}
.warranty-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: radial-gradient(circle at 65% 48%, #000, transparent 72%);
    opacity: .18;
    pointer-events: none;
}
.warranty-section::after {
    content: '';
    position: absolute;
    left: -8%;
    right: -8%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(216,31,38,.7), rgba(255,255,255,.28), transparent);
}
.warranty-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
    gap: 58px;
    align-items: center;
}
.warranty-copy h2 {
    max-width: 690px;
    margin-bottom: 22px;
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: clamp(2.6rem, 6vw, 5.6rem);
    line-height: .95;
    text-transform: uppercase;
}
.warranty-copy p {
    max-width: 640px;
    color: rgba(230,230,230,.76);
    font-size: 1.04rem;
    line-height: 1.82;
}
.warranty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}
.warranty-panel {
    position: relative;
    min-height: 520px;
    display: grid;
    align-content: center;
    gap: 24px;
    padding: 42px;
    border: 1px solid rgba(216,31,38,.32);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
        rgba(8,8,8,.8);
    box-shadow: 0 48px 130px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08);
    isolation: isolate;
}
.warranty-panel::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    pointer-events: none;
}
.warranty-panel::after {
    content: '';
    position: absolute;
    inset: -40% -25%;
    z-index: -1;
    background: conic-gradient(from 130deg, transparent, rgba(216,31,38,.28), transparent 34%, rgba(255,255,255,.08), transparent 68%);
    animation: warrantySweep 9s linear infinite;
    opacity: .75;
}
.warranty-orbit {
    position: absolute;
    top: 32px;
    right: 34px;
    width: 130px;
    aspect-ratio: 1;
    border: 1px solid rgba(216,31,38,.42);
    border-radius: 50%;
    box-shadow: inset 0 0 34px rgba(185,205,218,.035), 0 0 48px rgba(185,205,218,.04);
}
.warranty-orbit::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d81f26;
    box-shadow: 0 0 22px rgba(216,31,38,.9);
    transform: translateX(-50%);
    animation: warrantyPulse 1.9s ease-in-out infinite;
}
.warranty-badge-mark {
    position: relative;
    width: min(100%, 360px);
    padding: 24px 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.warranty-badge-mark span {
    display: block;
    color: #d81f26;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(5rem, 10vw, 8.4rem);
    font-weight: 700;
    line-height: .78;
    letter-spacing: -2px;
    text-shadow: 0 0 34px rgba(216,31,38,.26);
}
.warranty-badge-mark strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1.9rem, 4vw, 3.4rem);
    line-height: 1;
    letter-spacing: 3px;
}
.warranty-badge-mark small {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.58);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 3px;
}
.warranty-points {
    display: grid;
    gap: 14px;
}
.warranty-points article {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(0,0,0,.28);
    transition: transform .32s ease, border-color .32s ease, background .32s ease;
}
.warranty-points article:hover {
    transform: translateX(8px);
    border-color: rgba(216,31,38,.42);
    background: rgba(185,205,218,.03);
}
.warranty-points i {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(185,205,218,.05);
    color: #d81f26;
}
.warranty-points span {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.warranty-points p {
    margin: 0;
    color: rgba(220,220,220,.72);
    line-height: 1.55;
}
@keyframes warrantySweep {
    to { transform: rotate(360deg); }
}
@keyframes warrantyPulse {
    0%, 100% { transform: translateX(-50%) scale(1); opacity: .8; }
    50% { transform: translateX(-50%) scale(1.55); opacity: 1; }
}
@media (max-width: 980px) {
    .warranty-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .warranty-panel {
        min-height: auto;
    }
}
@media (max-width: 680px) {
    .warranty-section {
        padding: 72px 0;
    }
    .warranty-copy h2 {
        font-size: clamp(2.2rem, 12vw, 3.55rem);
    }
    .warranty-copy p {
        font-size: .96rem;
        line-height: 1.7;
    }
    .warranty-actions .btn {
        width: 100%;
    }
    .warranty-panel {
        padding: 26px 18px;
        border-radius: 18px;
    }
    .warranty-orbit {
        width: 86px;
        top: 20px;
        right: 20px;
        opacity: .68;
    }
    .warranty-points article {
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 14px;
    }
    .warranty-points i {
        width: 38px;
        height: 38px;
    }
}
/* Become Dealer CTA background image */
.cta-atelier {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.66) 48%, rgba(0,0,0,.82) 100%),
        linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.78)),
        url('../images/home/become-dealer-bg.webp') center center / cover no-repeat;
}
.cta-atelier::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 52%, rgba(225,225,225,.12), transparent 34%);
    pointer-events: none;
}
.cta-atelier .container {
    position: relative;
    z-index: 1;
}
@media (max-width: 680px) {
    .cta-atelier {
        background:
            linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.84)),
            url('../images/home/become-dealer-bg.webp') 46% center / cover no-repeat;
    }
}
/* Brand Introduction factory mist background */
.about-story {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.7) 48%, rgba(0,0,0,.86) 100%),
        url('../images/about/brand-introduction-bg.webp') center center / cover no-repeat;
    isolation: isolate;
}
.about-story::before {
    content: '';
    position: absolute;
    inset: -26px;
    z-index: 0;
    background: url('../images/about/brand-introduction-bg.webp') center center / cover no-repeat;
    filter: blur(12px) saturate(.82) brightness(.62);
    opacity: .48;
    transform: scale(1.04);
    pointer-events: none;
}
.about-story::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 22% 52%, rgba(230,230,230,.16), transparent 34%),
        linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.78)),
        linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.34) 48%, rgba(0,0,0,.74));
    backdrop-filter: blur(2.5px);
    pointer-events: none;
}
.about-story .container,
.about-story-grid {
    position: relative;
    z-index: 1;
}
.about-story .about-story-visual {
    background: rgba(5,5,5,.46);
    backdrop-filter: blur(12px);
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 30px 90px rgba(0,0,0,.42);
}
@media (max-width: 680px) {
    .about-story {
        background:
            linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.88)),
            url('../images/about/brand-introduction-bg.webp') 42% center / cover no-repeat;
    }
    .about-story::before {
        filter: blur(10px) saturate(.78) brightness(.56);
        opacity: .42;
    }
    .about-story::after {
        backdrop-filter: blur(2px);
    }
}
/* Brand Introduction factory visible final override */
.about-story.about-band.about-band-v2 {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.24) 50%, rgba(0,0,0,.55) 100%),
        linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.34)),
        url('../images/about/brand-introduction-bg.webp') center center / cover no-repeat !important;
}
.about-story.about-band.about-band-v2::before {
    content: '' !important;
    position: absolute !important;
    inset: -34px !important;
    z-index: 0 !important;
    background: url('../images/about/brand-introduction-bg.webp') center center / cover no-repeat !important;
    filter: blur(18px) saturate(.96) brightness(1.02) !important;
    opacity: .42 !important;
    transform: scale(1.06) !important;
    pointer-events: none !important;
}
.about-story.about-band.about-band-v2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.34)) !important;
    backdrop-filter: blur(1.5px) !important;
    pointer-events: none !important;
}
.about-story.about-band.about-band-v2 > .container {
    position: relative !important;
    z-index: 2 !important;
}
.about-story.about-band.about-band-v2 .about-story-main,
.about-story.about-band.about-band-v2 .about-story-kicker {
    text-shadow: 0 16px 42px rgba(0,0,0,.72);
}
@media (max-width: 680px) {
    .about-story.about-band.about-band-v2 {
        background:
            linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.62)),
            url('../images/about/brand-introduction-bg.webp') 38% center / cover no-repeat !important;
    }
    .about-story.about-band.about-band-v2::before {
        filter: blur(14px) saturate(.94) brightness(.95) !important;
        opacity: .38 !important;
    }
}




/* Final homepage visual refinements */
.manifesto::before {
    display: none !important;
    content: none !important;
    background: none !important;
}
.warranty-section {
    background:
        linear-gradient(120deg, rgba(0,0,0,.94) 0%, rgba(8,8,8,.86) 48%, rgba(0,0,0,.96) 100%),
        radial-gradient(circle at 78% 22%, rgba(165,185,200,.08), transparent 34%),
        #040404 !important;
}
.warranty-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,255,255,.1) 48%, rgba(185,205,218,.065) 50%, transparent 62%, transparent 100%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
    background-size: 220% 100%, 84px 84px, 84px 84px !important;
    opacity: .2 !important;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent) !important;
    animation: warrantyLightSweep 8s ease-in-out infinite !important;
    pointer-events: none !important;
}
.warranty-section::after {
    background: linear-gradient(90deg, transparent, rgba(216,31,38,.68), rgba(255,255,255,.18), transparent) !important;
    opacity: .7 !important;
}
@keyframes warrantyLightSweep {
    0%, 18% { background-position: 125% 0, 0 0, 0 0; opacity: .12; }
    45% { opacity: .24; }
    72%, 100% { background-position: -125% 0, 0 0, 0 0; opacity: .14; }
}
.instagram-network {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.84)),
        url('../images/home/social-network-bg.webp') center center / cover no-repeat !important;
}
.instagram-network::before {
    content: '' !important;
    position: absolute !important;
    inset: -28px !important;
    z-index: 0 !important;
    background: url('../images/home/social-network-bg.webp') center center / cover no-repeat !important;
    filter: blur(7px) brightness(.62) saturate(.82) !important;
    opacity: .58 !important;
    transform: scale(1.035) !important;
    pointer-events: none !important;
}
.instagram-network::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        radial-gradient(circle at 22% 30%, rgba(210,210,210,.13), transparent 32%),
        radial-gradient(circle at 66% 68%, rgba(185,205,218,.03), transparent 34%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.76)) !important;
    backdrop-filter: blur(1.8px) !important;
    pointer-events: none !important;
}
.instagram-network > .container {
    position: relative !important;
    z-index: 1 !important;
}
.order-success-card-copy-fix,
.cart-support .support-card p {
    color: var(--gray) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .98rem !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
}

/* Brand Philosophy background brightness adjustment */
.manifesto {
    background:
        linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.44) 42%, rgba(0,0,0,.62) 100%),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.48)),
        url('../images/home/brand-philosophy-bg.webp') center center / cover no-repeat !important;
}
@media (max-width: 680px) {
    .manifesto {
        background:
            linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.66)),
            url('../images/home/brand-philosophy-bg.webp') 24% center / cover no-repeat !important;
    }
}

/* Signature Product racetrack background */
.product-theatre {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.58) 48%, rgba(0,0,0,.82) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.72)),
        url('../images/home/signature-product-bg.webp') center center / cover no-repeat !important;
}
.product-theatre::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        radial-gradient(circle at 72% 30%, rgba(210,220,230,.12), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(185,205,218,.045), transparent 28%) !important;
    opacity: .9 !important;
    transform: none !important;
    pointer-events: none !important;
}
.product-theatre::after {
    content: '' !important;
    position: absolute !important;
    inset: -24px !important;
    z-index: 0 !important;
    background: url('../images/home/signature-product-bg.webp') center center / cover no-repeat !important;
    filter: blur(2.5px) brightness(.82) saturate(.92) !important;
    opacity: .24 !important;
    transform: scale(1.02) !important;
    pointer-events: none !important;
}
.product-theatre > .container,
.product-theatre .theatre-grid {
    position: relative !important;
    z-index: 1 !important;
}
@media (max-width: 680px) {
    .product-theatre {
        background:
            linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.86)),
            url('../images/home/signature-product-bg.webp') 54% center / cover no-repeat !important;
    }
}

/* Speed black home hero override */
.hero-classic {
    background: #010203 !important;
}
.hero-classic-bg {
    background:
        linear-gradient(110deg, rgba(0,0,0,.98) 0%, rgba(9,12,14,.86) 42%, rgba(0,0,0,.96) 100%),
        radial-gradient(circle at 78% 34%, rgba(130,150,165,.14), transparent 32%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.045) 18%, transparent 31%, transparent 62%, rgba(190,205,215,.055) 76%, transparent 100%) !important;
}
.hero-classic::before {
    opacity: .1 !important;
    background-image:
        linear-gradient(118deg, transparent 0%, transparent 44%, rgba(220,235,245,.16) 50%, transparent 58%, transparent 100%),
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
    background-size: 230% 100%, 88px 88px, 88px 88px !important;
    animation: speedBlackSweep 9s ease-in-out infinite !important;
}
.hero-classic::after {
    opacity: .18 !important;
    background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(180,205,220,.14), transparent 32%) !important;
}
.hero-classic-product::before {
    background: radial-gradient(circle, rgba(180,205,220,.09), rgba(255,255,255,.025) 42%, transparent 66%) !important;
    border-color: rgba(210,225,235,.12) !important;
}
.hero-classic-product img {
    filter: contrast(1.18) brightness(1.06) saturate(.95) drop-shadow(0 48px 90px rgba(0,0,0,.72)) drop-shadow(0 0 34px rgba(150,180,200,.12)) !important;
}
@keyframes speedBlackSweep {
    0%, 18% { background-position: 126% 0, 0 0, 0 0; }
    74%, 100% { background-position: -126% 0, 0 0, 0 0; }
}

/* Animated speed-black hero energy */
.hero-classic {
    isolation: isolate !important;
}
.hero-classic-bg {
    overflow: hidden !important;
}
.hero-classic-bg::before,
.hero-classic-bg::after {
    content: '';
    position: absolute;
    inset: -20%;
    pointer-events: none;
}
.hero-classic-bg::before {
    background:
        repeating-linear-gradient(112deg, transparent 0 58px, rgba(180,205,220,.08) 60px, transparent 64px),
        linear-gradient(112deg, transparent 0%, rgba(225,235,245,.16) 42%, transparent 56%);
    opacity: .34;
    filter: blur(.8px);
    transform: translate3d(18%, 0, 0) skewX(-12deg);
    animation: heroSpeedLines 7.5s cubic-bezier(.45,0,.2,1) infinite;
}
.hero-classic-bg::after {
    background:
        radial-gradient(ellipse at 72% 34%, rgba(160,190,210,.16), transparent 30%),
        radial-gradient(ellipse at 42% 74%, rgba(255,255,255,.07), transparent 36%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
    opacity: .45;
    filter: blur(12px);
    animation: heroMistDrift 10s ease-in-out infinite alternate;
}
.hero-classic .hero-classic-grid::before {
    content: '';
    position: absolute;
    inset: -12% -10%;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(105deg, transparent 0%, transparent 42%, rgba(255,255,255,.12) 48%, transparent 55%, transparent 100%);
    background-size: 220% 100%;
    opacity: .18;
    animation: heroBladeSweep 5.8s ease-in-out infinite;
}
.hero-wordmark-rush {
    filter: drop-shadow(0 24px 34px rgba(0,0,0,.62)) drop-shadow(0 0 18px rgba(180,205,220,.1));
}
.hero-wordmark-rush .rush-speed {
    stroke: rgba(220,232,240,.72) !important;
    animation: rushLinePulse 2.8s ease-in-out infinite alternate;
}
@keyframes heroSpeedLines {
    0%, 16% { transform: translate3d(28%, -2%, 0) skewX(-12deg); opacity: .12; }
    48% { opacity: .36; }
    84%, 100% { transform: translate3d(-28%, 2%, 0) skewX(-12deg); opacity: .14; }
}
@keyframes heroMistDrift {
    0% { transform: translate3d(-1.5%, -1%, 0) scale(1); opacity: .34; }
    100% { transform: translate3d(2%, 1%, 0) scale(1.04); opacity: .52; }
}
@keyframes heroBladeSweep {
    0%, 30% { background-position: 120% 0; opacity: .08; }
    58% { opacity: .22; }
    100% { background-position: -120% 0; opacity: .08; }
}
@keyframes rushLinePulse {
    0% { opacity: .28; stroke-width: 4; }
    100% { opacity: .78; stroke-width: 6; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-classic-bg::before,
    .hero-classic-bg::after,
    .hero-classic .hero-classic-grid::before,
    .hero-wordmark-rush .rush-speed {
        animation: none !important;
    }
}

/* Home page Features speed background */
.home-feature-showcase {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.54) 48%, rgba(0,0,0,.86) 100%),
        linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.78)),
        url('../images/features/features-speed-bg.webp') center center / cover no-repeat !important;
}
.home-feature-showcase::before {
    content: '' !important;
    position: absolute !important;
    inset: -26px !important;
    z-index: 0 !important;
    background: url('../images/features/features-speed-bg.webp') center center / cover no-repeat !important;
    filter: blur(3px) brightness(.72) saturate(.86) !important;
    opacity: .48 !important;
    transform: scale(1.025) !important;
    pointer-events: none !important;
}
.home-feature-showcase::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        linear-gradient(120deg, rgba(255,255,255,.08), transparent 34%, rgba(185,205,218,.035) 88%, transparent),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72)) !important;
    pointer-events: none !important;
}
.home-feature-showcase > .container,
.home-feature-showcase .feature-slider-shell,
.home-feature-showcase .feature-slider-ui {
    position: relative !important;
    z-index: 1 !important;
}
@media (max-width: 680px) {
    .home-feature-showcase {
        background:
            linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.88)),
            url('../images/features/features-speed-bg.webp') 42% center / cover no-repeat !important;
    }
}

/* Darker speed-black hero balance */
.hero-classic-bg {
    background:
        linear-gradient(110deg, rgba(0,0,0,1) 0%, rgba(4,5,6,.94) 42%, rgba(0,0,0,.99) 100%),
        radial-gradient(circle at 78% 34%, rgba(95,115,128,.08), transparent 32%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.022) 18%, transparent 31%, transparent 62%, rgba(150,170,185,.028) 76%, transparent 100%) !important;
}
.hero-classic-bg::before {
    opacity: .18 !important;
    background:
        repeating-linear-gradient(112deg, transparent 0 58px, rgba(150,175,190,.045) 60px, transparent 64px),
        linear-gradient(112deg, transparent 0%, rgba(190,205,218,.08) 42%, transparent 56%) !important;
}
.hero-classic-bg::after {
    opacity: .28 !important;
    background:
        radial-gradient(ellipse at 72% 34%, rgba(100,125,140,.08), transparent 30%),
        radial-gradient(ellipse at 42% 74%, rgba(255,255,255,.035), transparent 36%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.03), transparent) !important;
}
.hero-classic::after {
    opacity: .1 !important;
    background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(120,150,170,.08), transparent 32%) !important;
}
.hero-classic .hero-classic-grid::before {
    opacity: .1 !important;
}

/* White cursor glow for The Better Choice hero */
.hero-classic::after {
    opacity: .34 !important;
    background:
        radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(255,255,255,.24), rgba(235,245,255,.11) 13%, transparent 34%) !important;
    mix-blend-mode: screen !important;
    transition: background .18s ease, opacity .18s ease !important;
}

/* Global Protection no-red cold speed treatment */
.warranty-section {
    background:
        radial-gradient(circle at 78% 18%, rgba(165,185,200,.12), transparent 30%),
        radial-gradient(circle at 18% 74%, rgba(255,255,255,.04), transparent 28%),
        linear-gradient(135deg, #020303 0%, #070809 48%, #010101 100%) !important;
}
.warranty-section::before {
    background:
        linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,255,255,.14) 49%, rgba(150,175,190,.12) 52%, transparent 64%, transparent 100%),
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
    background-size: 220% 100%, 84px 84px, 84px 84px !important;
    opacity: .22 !important;
    animation: warrantyColdSweep 7.5s ease-in-out infinite !important;
}
.warranty-section::after {
    background: linear-gradient(90deg, transparent, rgba(210,225,235,.38), rgba(255,255,255,.2), transparent) !important;
    opacity: .62 !important;
}
.warranty-panel {
    border-color: rgba(210,225,235,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(6,7,8,.86) !important;
    box-shadow: 0 48px 130px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.warranty-panel::before {
    background: conic-gradient(from 130deg, transparent, rgba(210,225,235,.2), transparent 34%, rgba(255,255,255,.08), transparent 68%) !important;
    animation: warrantyColdPanelSweep 10s linear infinite !important;
    opacity: .58 !important;
}
.warranty-orbit {
    border-color: rgba(210,225,235,.32) !important;
    box-shadow: inset 0 0 34px rgba(210,225,235,.08), 0 0 48px rgba(210,225,235,.08) !important;
}
.warranty-orbit::before {
    background: #eef6fb !important;
    box-shadow: 0 0 22px rgba(220,238,248,.72) !important;
}
.warranty-badge-mark span {
    text-shadow: 0 0 34px rgba(210,225,235,.18) !important;
}
.warranty-points article:hover {
    border-color: rgba(210,225,235,.3) !important;
    background: rgba(210,225,235,.06) !important;
}
.warranty-points i {
    background: rgba(210,225,235,.1) !important;
    color: #e8f2f8 !important;
}
@keyframes warrantyColdSweep {
    0%, 18% { background-position: 124% 0, 0 0, 0 0; opacity: .1; }
    48% { opacity: .24; }
    76%, 100% { background-position: -124% 0, 0 0, 0 0; opacity: .12; }
}
@keyframes warrantyColdPanelSweep {
    to { transform: rotate(360deg); }
}

/* About Brand Introduction text-only layout */
.about-story .about-story-grid {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 56px !important;
    align-items: start !important;
    max-width: 1120px !important;
}
.about-story .about-story-main {
    max-width: 900px !important;
    padding: 4px 0 !important;
}
.about-story .about-story-main h2 {
    max-width: 820px !important;
    font-size: clamp(1.82rem, 3.25vw, 3.28rem) !important;
    line-height: 1.08 !important;
}
.about-story .about-story-main p {
    max-width: 850px !important;
    font-size: 1.02rem !important;
    line-height: 1.82 !important;
}
.about-story .about-story-visual {
    display: none !important;
}
@media (max-width: 900px) {
    .about-story .about-story-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .about-story .about-story-kicker {
        min-height: auto !important;
    }
}

/* Brand Introduction kicker line alignment */
.about-story .about-story-grid {
    align-items: stretch !important;
}
.about-story .about-story-kicker {
    min-height: 100% !important;
    align-self: stretch !important;
    justify-content: space-between !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-left-width: 2px !important;
}
.about-story .about-story-kicker strong {
    margin-top: auto !important;
    transform: translateY(2px);
}
.about-story .about-story-main {
    align-self: stretch !important;
}
@media (max-width: 900px) {
    .about-story .about-story-kicker {
        min-height: auto !important;
        gap: 18px !important;
        justify-content: flex-start !important;
        padding-bottom: 0 !important;
    }
    .about-story .about-story-kicker strong {
        margin-top: 0 !important;
        transform: none !important;
    }
}

/* Hero product technical callout labels */
.hero-classic .hero-product-label {
    width: auto !important;
    max-width: 190px !important;
    padding: 0 0 0 18px !important;
    border: 0 !important;
    border-left: 2px solid rgba(235,245,255,.55) !important;
    border-radius: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
.hero-classic .hero-product-label::before {
    content: '';
    position: absolute;
    top: 17px;
    width: 72px;
    height: 1px;
    background: linear-gradient(90deg, rgba(235,245,255,.72), rgba(235,245,255,0));
}
.hero-classic .hero-product-label::after {
    content: '';
    position: absolute;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eef6fb;
    box-shadow: 0 0 18px rgba(235,245,255,.55);
}
.hero-classic .label-top {
    top: 24% !important;
    left: -2% !important;
}
.hero-classic .label-top::before {
    left: 100%;
}
.hero-classic .label-top::after {
    left: calc(100% + 68px);
}
.hero-classic .label-bottom {
    right: -1% !important;
    bottom: 25% !important;
    padding-left: 0 !important;
    padding-right: 18px !important;
    border-left: 0 !important;
    border-right: 2px solid rgba(235,245,255,.55) !important;
    text-align: right !important;
}
.hero-classic .label-bottom::before {
    right: 100%;
    background: linear-gradient(270deg, rgba(235,245,255,.72), rgba(235,245,255,0));
}
.hero-classic .label-bottom::after {
    right: calc(100% + 68px);
}
.hero-classic .hero-product-label span {
    margin-bottom: 4px !important;
    color: rgba(235,245,255,.82) !important;
    font-size: .68rem !important;
    letter-spacing: 2.6px !important;
}
.hero-classic .hero-product-label strong {
    color: #fff !important;
    font-size: 1rem !important;
    text-shadow: 0 10px 28px rgba(0,0,0,.75) !important;
}
@media (max-width: 900px) {
    .hero-classic .hero-product-label {
        display: none !important;
    }
}

/* Global Protection replace rotating panel animation */
.warranty-panel::before {
    inset: 0 !important;
    z-index: -1 !important;
    background:
        linear-gradient(105deg, transparent 0%, transparent 36%, rgba(235,245,255,.14) 48%, transparent 60%, transparent 100%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
    background-size: 220% 100%, 54px 54px, 54px 54px !important;
    opacity: .32 !important;
    transform: none !important;
    animation: warrantyPanelSpeedSweep 6.8s ease-in-out infinite !important;
}
.warranty-panel::after {
    content: '' !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;
    border-radius: 21px !important;
    background:
        radial-gradient(circle at 72% 22%, rgba(210,225,235,.09), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important;
    pointer-events: none !important;
}
.warranty-orbit {
    display: none !important;
}
.warranty-badge-mark {
    background: radial-gradient(circle at 50% 38%, rgba(210,225,235,.08), transparent 52%) !important;
}
@keyframes warrantyPanelSpeedSweep {
    0%, 22% { background-position: 124% 0, 0 0, 0 0; opacity: .18; }
    50% { opacity: .34; }
    82%, 100% { background-position: -124% 0, 0 0, 0 0; opacity: .2; }
}

/* Warranty full redesign: cold speed protection */
.warranty-redesign {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    padding: 118px 0 !important;
    background:
        linear-gradient(110deg, rgba(0,0,0,.98) 0%, rgba(8,10,12,.92) 48%, rgba(0,0,0,.98) 100%),
        radial-gradient(circle at 82% 18%, rgba(190,210,225,.12), transparent 34%),
        #030303 !important;
}
.warranty-redesign::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        linear-gradient(108deg, transparent 0%, transparent 38%, rgba(235,245,255,.13) 48%, transparent 60%, transparent 100%),
        repeating-linear-gradient(108deg, transparent 0 72px, rgba(220,235,245,.045) 74px, transparent 78px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
    background-size: 240% 100%, 100% 100%, 88px 88px, 88px 88px !important;
    opacity: .42 !important;
    animation: warrantySectionSpeedScan 9s ease-in-out infinite !important;
    pointer-events: none !important;
}
.warranty-redesign::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        radial-gradient(ellipse at 70% 50%, rgba(210,225,235,.12), transparent 42%),
        linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.72)) !important;
    pointer-events: none !important;
}
.warranty-redesign-grid {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(380px, .85fr) !important;
    gap: clamp(36px, 6vw, 84px) !important;
    align-items: center !important;
}
.warranty-redesign .warranty-copy {
    max-width: 760px !important;
}
.warranty-redesign .warranty-copy h2 {
    max-width: 720px !important;
    margin: 0 0 24px !important;
    font-size: clamp(2.7rem, 6vw, 6.1rem) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
}
.warranty-redesign .warranty-copy p {
    max-width: 700px !important;
    color: rgba(218,222,224,.76) !important;
    font-size: 1.03rem !important;
    line-height: 1.86 !important;
}
.warranty-card-v2 {
    position: relative !important;
    min-height: auto !important;
    display: grid !important;
    gap: 26px !important;
    padding: clamp(28px, 4vw, 48px) !important;
    border: 1px solid rgba(220,235,245,.18) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(5,7,8,.86) !important;
    box-shadow: 0 44px 120px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
}
.warranty-card-v2::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        linear-gradient(115deg, transparent 0%, transparent 42%, rgba(235,245,255,.12) 50%, transparent 58%, transparent 100%),
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
    background-size: 230% 100%, 52px 52px, 52px 52px !important;
    opacity: .3 !important;
    animation: warrantyCardScan 7.5s ease-in-out infinite !important;
    pointer-events: none !important;
}
.warranty-card-v2::after {
    content: '' !important;
    position: absolute !important;
    inset: auto 0 0 !important;
    height: 1px !important;
    z-index: 0 !important;
    background: linear-gradient(90deg, transparent, rgba(230,240,248,.52), transparent) !important;
}
.warranty-card-v2 > * {
    position: relative !important;
    z-index: 1 !important;
}
.warranty-card-top {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 24px !important;
}
.warranty-card-top > span {
    color: rgba(238,246,250,.95) !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(5.4rem, 10vw, 8.5rem) !important;
    line-height: .78 !important;
    letter-spacing: -2px !important;
    text-shadow: 0 0 30px rgba(210,225,235,.18) !important;
}
.warranty-card-top strong {
    display: block !important;
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(2rem, 4vw, 3.1rem) !important;
    line-height: .9 !important;
}
.warranty-card-top small {
    display: block !important;
    margin-top: 8px !important;
    color: rgba(218,225,230,.64) !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
}
.warranty-card-line {
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(235,245,255,.62), rgba(235,245,255,.08), transparent) !important;
}
.warranty-points-v2 {
    display: grid !important;
    gap: 14px !important;
}
.warranty-points-v2 article {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    gap: 14px !important;
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.warranty-points-v2 article:last-child {
    border-bottom: 0 !important;
}
.warranty-points-v2 article:hover {
    transform: translateX(6px) !important;
    border-color: rgba(235,245,255,.18) !important;
    background: transparent !important;
}
.warranty-points-v2 i {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(235,245,255,.08) !important;
    color: #eff7fb !important;
}
.warranty-points-v2 span {
    color: #fff !important;
    font-weight: 900 !important;
}
.warranty-points-v2 p {
    color: rgba(218,222,224,.66) !important;
    line-height: 1.64 !important;
}
@keyframes warrantySectionSpeedScan {
    0%, 18% { background-position: 124% 0, 0 0, 0 0, 0 0; opacity: .24; }
    50% { opacity: .46; }
    82%, 100% { background-position: -124% 0, 0 0, 0 0, 0 0; opacity: .28; }
}
@keyframes warrantyCardScan {
    0%, 24% { background-position: 122% 0, 0 0, 0 0; opacity: .16; }
    52% { opacity: .34; }
    84%, 100% { background-position: -122% 0, 0 0, 0 0; opacity: .18; }
}
@media (max-width: 980px) {
    .warranty-redesign-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 680px) {
    .warranty-redesign {
        padding: 76px 0 !important;
    }
    .warranty-card-top {
        align-items: start !important;
        flex-direction: column !important;
    }
}

/* Why MONARX image fill */
.about-why-section .about-visual {
    min-height: 520px !important;
    padding: 0 !important;
    background: #050505 !important;
}
.about-why-section .about-visual img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(.86) contrast(1.08) saturate(.94) !important;
    border-radius: 0 !important;
}
@media (max-width: 680px) {
    .about-why-section .about-visual {
        min-height: 340px !important;
    }
}
/* Focused background cleanup - no layout changes */
.hero-classic-bg {
    background:
        linear-gradient(110deg, rgba(0,0,0,.99) 0%, rgba(0,0,0,.96) 44%, rgba(0,0,0,.995) 100%),
        radial-gradient(circle at 78% 34%, rgba(75,90,102,.055), transparent 32%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.012) 18%, transparent 31%, transparent 62%, rgba(150,170,185,.018) 76%, transparent 100%) !important;
}
.hero-classic-bg::before { opacity: .10 !important; }
.hero-classic-bg::after { opacity: .14 !important; }
.hero-classic::before { opacity: .055 !important; }
.hero-classic::after {
    opacity: .16 !important;
    background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(255,255,255,.14), rgba(235,245,255,.055) 13%, transparent 34%) !important;
}
.hero-classic .hero-classic-grid::before { opacity: .055 !important; }

.warranty-redesign {
    background:
        linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.74) 46%, rgba(0,0,0,.94) 100%),
        linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.82)),
        url('../images/home/global-protection-speed-bg.webp') center center / cover no-repeat !important;
}
.warranty-redesign::before {
    background:
        linear-gradient(115deg, transparent 0%, transparent 42%, rgba(235,245,255,.09) 50%, transparent 61%, transparent 100%),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px) !important;
    background-size: 240% 100%, 84px 84px, 84px 84px !important;
    opacity: .34 !important;
}
.warranty-redesign::after {
    background: linear-gradient(90deg, transparent, rgba(220,235,245,.18), transparent) !important;
    opacity: .34 !important;
}

.feature-material-showcase,
.home-feature-showcase {
    background-color: #030404 !important;
}
.feature-material-showcase::before {
    background-image:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
    opacity: .18 !important;
}
.home-feature-showcase::after {
    background:
        linear-gradient(120deg, rgba(255,255,255,.045), transparent 34%, rgba(210,225,235,.04) 88%, transparent),
        linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.76)) !important;
}

.about-hero-v2 {
    background:
        radial-gradient(circle at 82% 20%, rgba(185,205,218,.08), transparent 32%),
        linear-gradient(180deg, #060707, #020202) !important;
}
.about-band-v2,
.about-growth,
.about-why-section,
.about-control-section,
.about-warranty-section,
.about-mission-vision {
    background: linear-gradient(180deg, #040404, #020202) !important;
}
.about-band::before,
.about-growth::before,
.about-why-section::before,
.about-control-section::before,
.about-warranty-section::before,
.about-mission-vision::before {
    background:
        linear-gradient(115deg, transparent 0%, transparent 43%, rgba(225,238,248,.045) 50%, transparent 58%, transparent 100%),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
    opacity: .24 !important;
}

/* Match the Global Protection card height to the copy block */
.warranty-redesign-grid {
    align-items: center !important;
}
.warranty-card-v2 {
    align-self: center !important;
    gap: 14px !important;
    padding: clamp(20px, 2.6vw, 30px) !important;
}
.warranty-card-top {
    gap: 18px !important;
}
.warranty-card-top > span {
    font-size: clamp(4rem, 7vw, 5.7rem) !important;
    line-height: .82 !important;
}
.warranty-card-top strong {
    font-size: clamp(1.55rem, 3vw, 2.25rem) !important;
}
.warranty-card-top small {
    margin-top: 5px !important;
    letter-spacing: 2.4px !important;
}
.warranty-points-v2 {
    gap: 6px !important;
}
.warranty-points-v2 article {
    grid-template-columns: 36px 1fr !important;
    gap: 12px !important;
    padding: 9px 0 !important;
}
.warranty-points-v2 i {
    width: 34px !important;
    height: 34px !important;
    font-size: .86rem !important;
}
.warranty-points-v2 span {
    margin-bottom: 2px !important;
    font-size: .82rem !important;
}
.warranty-points-v2 p {
    margin: 0 !important;
    font-size: .88rem !important;
    line-height: 1.45 !important;
}

/* Material Discipline background image */
.home-feature-showcase {
    background:
        linear-gradient(90deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.86) 48%, rgba(0,0,0,.96) 100%),
        linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.95)),
        url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
}
.home-feature-showcase::before {
    background: url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
    filter: brightness(.38) saturate(.82) !important;
    opacity: .35 !important;
}
@media (max-width: 680px) {
    .home-feature-showcase {
        background:
            linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.97)),
            url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
    }
}

/* Remove Social Network white glow */
.instagram-network {
    background:
        linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,.84)),
        url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
}
.instagram-network::before {
    background: url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
    filter: blur(6px) brightness(.62) saturate(.86) !important;
}
.instagram-network::after {
    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.76)) !important;
}

/* Social Network full background fill */
.instagram-network {
    background:
        linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.86)),
        url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
}
.instagram-network::before {
    inset: 0 !important;
    background: url('../images/home/material-discipline-bg.webp') center center / cover no-repeat !important;
    filter: brightness(.58) saturate(.86) !important;
    opacity: .5 !important;
    transform: none !important;
}

/* Remove Become Dealer white glow */
.cta-atelier::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Restore home hero cursor glow */
.hero-classic::after {
    opacity: .42 !important;
    background:
        radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(255,255,255,.26), rgba(235,245,255,.12) 14%, transparent 35%) !important;
    mix-blend-mode: screen !important;
    transition: background .16s ease, opacity .16s ease !important;
}