:root{--ink:#111413;--paper:#f1f0ea;--white:#fff;--muted:#666c67;--lime:#daee80;--dark:#0c0e0d;--line:rgba(17,20,19,.16);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #92b836;outline-offset:5px}.skip{position:absolute;top:-80px;left:15px;z-index:20;background:#fff;padding:12px}.skip:focus{top:15px}.container{width:min(1370px,calc(100% - 96px));margin:auto}.announcement{background:var(--lime);text-align:center;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.13em}.announcement-dot{padding:0 14px}.header{background:#121514;color:#fff;position:relative;z-index:3}.header-inner{height:86px;width:min(1440px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:13px;min-width:180px}.mark{font-size:35px;font-weight:900;letter-spacing:-.23em;transform:skew(-8deg);width:52px;color:var(--lime)}.mark-cut{color:white}.brand-lines{display:flex;flex-direction:column;letter-spacing:.19em;font-size:12px;font-weight:900;line-height:1.25}.brand-lines small{font-size:10px;letter-spacing:.42em}.nav{display:flex;gap:32px;font-size:12px;font-weight:700;color:#d5d9d3}.nav a:hover,.header-buy:hover{color:var(--lime)}.header-buy{border:1px solid #6f766e;padding:13px 19px;font-size:12px;font-weight:800;white-space:nowrap}.header-buy span{margin-left:12px}.hero{position:relative;min-height:720px;height:min(850px,82vw);color:#fff;display:flex;align-items:center;overflow:hidden;background:#080908}.hero-photo,.hero-scrim{position:absolute;inset:0}.hero-image{object-position:70% center}.hero-scrim{background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.71) 28%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 36%)}.hero-content{position:relative;z-index:1;padding:60px 0 85px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.23em;display:inline-flex;align-items:center;gap:12px}.eyebrow.light{color:var(--lime)}.signal{height:8px;width:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.072em;line-height:.92;font-weight:900}h1{font-size:clamp(64px,8.2vw,144px);margin:30px 0 28px;max-width:900px}h1 em,h2 i{font-weight:400;font-family:Georgia,serif;letter-spacing:-.06em}h1 em{color:var(--lime)}.hero-content>p{max-width:455px;line-height:1.65;color:#e3e6e0;font-size:17px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 25px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#edffa3}.btn-primary{background:var(--lime);color:var(--ink)}.btn span{font-size:18px}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #fff;padding-bottom:7px}.text-link span{margin-left:10px}.hero-index{position:absolute;bottom:28px;right:4%;font-size:10px;letter-spacing:.18em;font-weight:800;z-index:1}.hero-index span{color:var(--lime);padding:0 6px}.ticker{overflow:hidden;background:#d9ed7f;padding:19px 0;font-size:12px;font-weight:900;letter-spacing:.21em;white-space:nowrap}.ticker div{width:max-content;min-width:100%;text-align:center}.ticker span{padding:0 26px}.section{padding-top:128px;padding-bottom:128px}.section-number{font-size:11px;letter-spacing:.19em;font-weight:900;margin-bottom:45px;text-transform:uppercase}.intro-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:12%;align-items:end}.intro h2,.section-heading h2,.construction h2,.faq h2,.gallery h2{font-size:clamp(55px,7vw,112px);margin-bottom:0}.intro h2 i,.section-heading h2 i,.construction h2 i,.gallery h2 i,.faq h2 i{font-style:italic}.intro-copy{font-size:18px;line-height:1.7;max-width:450px}.intro-copy p{margin-bottom:18px}.intro-copy .accent-text{font-weight:900;font-size:20px;margin-top:38px}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-top:88px}.intro-stats div{padding:30px 0;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line)}.intro-stats div:not(:first-child){padding-left:30px}.intro-stats div:last-child{border:0}.intro-stats strong{font-size:clamp(42px,5vw,78px);letter-spacing:-.07em;line-height:1}.intro-stats sup{font-size:14px;letter-spacing:0}.intro-stats span{font-size:12px;color:var(--muted)}.big-photo{height:760px;position:relative;color:#fff;background:#121312;display:flex;align-items:flex-end;overflow:hidden}.big-photo-image{position:absolute;inset:0}.big-photo-image img{object-position:center 45%}.big-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.89),rgba(0,0,0,.1) 65%)}.big-photo-content{position:relative;z-index:1;width:min(1370px,calc(100% - 96px));margin:0 auto 78px}.big-photo h2{font-size:clamp(58px,7.2vw,115px);margin:20px 0 16px}.big-photo h2 i{color:var(--lime)}.big-photo p{max-width:505px;font-size:16px;line-height:1.6;color:#e5e5e5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-heading p{font-size:16px;line-height:1.65;color:#585d57;max-width:350px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature-card{background:#e8e7e1;overflow:hidden}.feature-card-large{grid-column:span 2;display:grid;grid-template-columns:1.25fr .75fr;min-height:580px}.feature-media{height:450px;overflow:hidden;background:#202120}.feature-card-large .feature-media{height:100%}.feature-media img,.use-card img,.gallery-grid img{transition:transform .7s ease}.feature-card:hover .feature-media img,.use-card:hover img,.gallery-grid figure:hover img{transform:scale(1.045)}.feature-caption{padding:35px 40px 40px}.feature-card-large .feature-caption{display:flex;flex-direction:column;justify-content:end;padding:60px}.feature-caption span,.use-card span{display:block;font-weight:900;letter-spacing:.15em;font-size:10px;margin-bottom:25px}.feature-caption h3{font-size:clamp(28px,3.2vw,49px);line-height:1.04;letter-spacing:-.065em;margin-bottom:15px}.feature-caption p{font-size:15px;color:#5d615b;line-height:1.6;max-width:430px;margin-bottom:0}.manifesto{background:var(--lime);text-align:center;padding:118px 0}.manifesto h2{font-size:clamp(54px,7.8vw,120px);margin:30px 0}.manifesto h2 i{font-size:.9em}.manifesto p{font-size:18px;margin-bottom:30px}.manifesto .btn{background:var(--ink);color:white}.manifesto .btn:hover{background:#343a33}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.use-card{background:#e8e7e1;overflow:hidden}.use-card img{height:390px}.use-card>div{padding:28px 28px 40px}.use-card h3{font-size:36px;line-height:1.04;letter-spacing:-.07em;margin-bottom:14px}.use-card p{font-size:15px;line-height:1.65;color:#626660;margin:0}.construction{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#171a18;color:#fff}.construction-img{height:100%;min-height:620px}.construction-copy{padding:95px clamp(36px,7vw,135px);display:flex;flex-direction:column;justify-content:center;align-items:start}.construction h2{margin-bottom:35px}.construction-copy p{color:#c0c5bf;line-height:1.7;font-size:16px;max-width:490px}.under-link{display:inline-block;margin-top:26px;padding-bottom:10px;border-bottom:1px solid var(--lime);font-size:12px;letter-spacing:.08em;font-weight:900}.under-link span{margin-left:15px;color:var(--lime)}.gallery-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:20px}.gallery-title p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid figure{margin:0;overflow:hidden}.gallery-grid img{height:310px}.gallery-grid figcaption{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.1em;padding:15px 0}.faq{background:#e3e2dc}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.faq-lead{color:var(--muted);margin-top:30px}.faq-list{padding-top:12px}.faq-item{border-bottom:1px solid #b5b7b0}.faq-item:first-child{border-top:1px solid #b5b7b0}.faq-item summary{padding:24px 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800;font-size:17px}.faq-item summary::-webkit-details-marker{display:none}.plus{border:1px solid #8b9089;width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:400;transition:transform .25s}.faq-item[open] .plus{transform:rotate(45deg)}.faq-item p{font-size:15px;line-height:1.75;color:#585f58;max-width:650px;margin:0 30px 26px 0}.last-cta{position:relative;padding:150px 0;color:#fff;background:#121614 url('/assets/img/double-deez-goodz-car-trash-can-branded-lid-closeup-1100.webp') center/cover no-repeat}.last-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,6,.97),rgba(5,8,6,.72) 65%,rgba(5,8,6,.38))}.last-content{position:relative;z-index:1}.last-content h2{font-size:clamp(65px,10vw,150px);margin:30px 0}.last-content h2 i{color:var(--lime)}.last-content p{font-size:17px;line-height:1.5;max-width:460px;margin-bottom:35px}.last-content small{display:block;margin-top:20px;color:#b5b9b0;font-size:11px}.footer{background:#0c0e0d;color:#fff}.footer-main{padding:75px 0;display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid #3d403d}.footer-brand{font-size:clamp(30px,4vw,62px);font-weight:900;letter-spacing:-.075em}.footer-brand span{color:var(--lime)}.footer-main>div{display:flex;flex-direction:column;align-items:flex-end;gap:20px;font-size:10px;letter-spacing:.14em;font-weight:800}.footer-main>div a{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding:25px 0 35px;color:#9daba0;font-size:11px}.mobile-buy{display:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.seen{opacity:1;transform:none}@media(max-width:1000px){.container,.header-inner{width:calc(100% - 56px)}.nav{gap:15px}.header-inner{height:75px}.section{padding-top:90px;padding-bottom:90px}.hero{min-height:690px;height:78vw}.hero h1{font-size:clamp(64px,9vw,110px)}.intro-grid{gap:5%}.feature-card-large{min-height:500px}.construction-copy{padding:65px 40px}.construction h2{font-size:64px}.use-card img{height:310px}}@media(max-width:700px){html{scroll-padding-top:40px}.container,.header-inner,.big-photo-content{width:calc(100% - 36px)}.announcement{font-size:8px;letter-spacing:.05em}.announcement-dot{padding:0 4px}.header-inner{height:70px}.nav,.header-buy{display:none}.brand-lines{font-size:11px}.hero{height:auto;min-height:760px;align-items:flex-end}.hero-image{object-position:59% center}.hero-scrim{background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.78) 35%,rgba(0,0,0,.18) 92%)}.hero-content{padding:270px 0 110px}.hero h1{font-size:clamp(57px,12.2vw,88px);margin:22px 0}.hero-content>p{font-size:15px;max-width:340px}.hero-actions{gap:25px}.hero-index{bottom:22px;left:18px;right:auto;font-size:8px}.btn{padding:17px 19px;gap:32px}.ticker{font-size:10px;padding:15px 0}.ticker span{padding:0 12px}.section{padding-top:75px;padding-bottom:75px}.section-number{margin-bottom:27px}.intro-grid,.faq-layout{display:block}.intro h2,.section-heading h2,.construction h2,.faq h2,.gallery h2{font-size:clamp(53px,11vw,82px)}.intro-copy{margin-top:35px;font-size:16px}.intro-stats{margin-top:48px}.intro-stats strong{font-size:43px}.intro-stats span{font-size:10px}.intro-stats div:not(:first-child){padding-left:12px}.intro-stats sup{font-size:10px}.big-photo{height:640px}.big-photo-image img{object-position:54% center}.big-photo-content{margin-bottom:45px}.big-photo h2{font-size:58px}.section-heading{display:block;margin-bottom:32px}.section-heading p{margin-top:20px;font-size:15px}.feature-grid,.use-grid,.gallery-grid{grid-template-columns:1fr;gap:16px}.feature-card-large{grid-column:span 1;display:block;min-height:0}.feature-card-large .feature-media{height:360px}.feature-media{height:310px}.feature-card-large .feature-caption,.feature-caption{padding:28px}.feature-caption h3{font-size:36px}.manifesto{padding:88px 18px}.manifesto h2{font-size:clamp(47px,10vw,75px)}.manifesto p{font-size:15px}.use-card img{height:300px}.use-card h3{font-size:34px}.construction{grid-template-columns:1fr}.construction-img{height:340px;min-height:0}.construction-copy{padding:70px 22px}.construction h2{font-size:58px}.gallery-title{display:block}.gallery-title p{margin-top:20px}.gallery-grid img{height:270px}.faq-layout>.faq-list{margin-top:50px}.faq-item summary{font-size:15px;padding:21px 0}.last-cta{padding:110px 0 140px}.last-content h2{font-size:clamp(60px,11vw,95px)}.footer-main,.footer-bottom{display:block}.footer-main{padding:65px 0 40px}.footer-main>div{align-items:start;margin-top:30px}.footer-bottom span{display:block;margin-bottom:13px}.footer{padding-bottom:62px}.mobile-buy{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:14px;bottom:0;left:0;right:0;background:#121614;color:#fff;border-top:1px solid #353f36;padding:11px max(18px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom));z-index:8;box-shadow:0 -12px 24px rgba(0,0,0,.18)}.mobile-buy span{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.06em}.mobile-buy small{color:#a4aca2;letter-spacing:0;font-size:10px}.mobile-buy a{background:var(--lime);color:#111;font-size:11px;font-weight:900;padding:15px 12px;white-space:nowrap}}@media(max-width:390px){.hero h1{font-size:56px}.intro-stats strong{font-size:34px}.mobile-buy span{font-size:9px}.mobile-buy a{font-size:10px;padding:14px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ==========================================================================
   Production refinement pass (Oct 2026)
   Appended late so it wins without !important. Each rule maps to an audit item.
   ========================================================================== */

/* Utilities: inline SVG sprite holder and screen-reader-only text */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Official DD monogram in the header (replaces the typed placeholder mark).
   Box matches the artwork ratio (964.73 x 717.92) so proportions never distort. */
.mark{display:block;flex:none;width:48px;height:auto;aspect-ratio:964.73/717.92;transform:none;color:#fff;fill:currentColor;font-size:0;letter-spacing:0}

/* Focus rings: ink on light surfaces, lime on dark ones (the old #92b836 ring
   measured under 3:1 on the paper and lime backgrounds). */
a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.header :focus-visible,.hero :focus-visible,.big-photo :focus-visible,.construction :focus-visible,.last-cta :focus-visible,.footer :focus-visible,.mobile-buy :focus-visible{outline-color:var(--lime)}

/* Header "Buy on Amazon": illuminated hover/focus state in brand lime.
   Only colour, text-shadow and box-shadow change, so the button's footprint
   (1px border, 13px/19px padding, 12px type) is identical in every state. */
.header .header-buy{transition:color .5s ease,background-color .5s ease,border-color .5s ease,text-shadow .5s ease,box-shadow .5s ease;user-select:none;-webkit-user-select:none}
.header .header-buy:focus-visible{color:var(--ink);background:var(--lime);border-color:var(--lime);text-shadow:0 0 5px rgba(255,255,255,.75),0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.35);box-shadow:0 0 5px var(--lime),0 0 20px rgba(218,238,128,.7),0 0 50px rgba(218,238,128,.42),0 0 100px rgba(218,238,128,.22);outline:2px solid #fff;outline-offset:4px}
@media (hover:hover) and (pointer:fine){
  .header .header-buy:hover{color:var(--ink);background:var(--lime);border-color:var(--lime);text-shadow:0 0 5px rgba(255,255,255,.75),0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.35);box-shadow:0 0 5px var(--lime),0 0 20px rgba(218,238,128,.7),0 0 50px rgba(218,238,128,.42),0 0 100px rgba(218,238,128,.22)}
}
@media (prefers-reduced-motion:reduce){.header .header-buy{transition:none}}

/* Footer: official full logo beside the brand name */
.footer-brand{display:flex;align-items:flex-end;gap:clamp(20px,2.4vw,34px);min-width:0}
.footer-logo{display:block;flex:none;width:clamp(76px,7.5vw,112px);height:auto;aspect-ratio:845.13/868.99;fill:#fff}
.footer-name{display:block;min-width:0}
.footer-name span{color:var(--lime)}

@media(max-width:700px){
  /* Announcement: break between phrases, never mid-phrase; 8px was below comfortable reading size */
  .announcement{font-size:9px;line-height:1.5}
  .announcement>span:not(.announcement-dot){white-space:nowrap}
  .mark{width:42px}
  .footer-brand{flex-direction:column;align-items:flex-start;gap:22px}
  /* Sticky buy bar: 44px+ tap target and type no smaller than 10px */
  .mobile-buy a{display:inline-flex;align-items:center;min-height:46px}
  .mobile-buy a span[aria-hidden]{margin-left:4px}
}
@media(max-width:430px){
  .announcement>span:not(.announcement-dot){display:block}
  .announcement .announcement-dot{display:none}
}
@media(max-width:390px){
  .mobile-buy span{font-size:10px}
  .mobile-buy a{font-size:11px;min-height:46px}
}

/* Footer fixes: keep "DOUBLE DEEZ" white with lime "GOODZ." (old .footer-brand span rule
   now matches the wrapper), and stop the mobile block rule from splitting "© 2026". */
.footer-brand .footer-name{color:#fff}
.footer-brand .footer-name span{color:var(--lime)}
.footer-bottom span span{display:inline;margin:0}

/* Product-only studio image: seamless continuation of the existing gallery */
.product-spotlight{display:grid;grid-template-columns:1fr 1fr;background:#e8e7e1;margin:0 0 26px;min-height:510px;overflow:hidden}
.product-spotlight-photo{background:#fff;min-height:460px;display:flex;align-items:center;justify-content:center}
.product-spotlight-photo img{width:100%;height:100%;object-fit:contain;max-height:600px}
.product-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(36px,5vw,76px)}
.product-spotlight-copy h3{font-size:clamp(42px,5vw,74px);letter-spacing:-.073em;line-height:1.02;margin:28px 0 24px}
.product-spotlight-copy h3 i{font-family:Georgia,serif;font-weight:400}
.product-spotlight-copy p{font-size:16px;line-height:1.7;color:#565c55;max-width:430px}
.product-spotlight-copy .product-dimensions{font-size:11px;letter-spacing:.09em;font-weight:800;color:#333b32;margin:6px 0 30px}
.product-dimensions span{color:#769332;margin:0 7px}
@media(max-width:700px){.product-spotlight{grid-template-columns:1fr}.product-spotlight-photo{min-height:0;aspect-ratio:1/1}.product-spotlight-copy{padding:34px 26px 42px}.product-spotlight-copy h3{font-size:clamp(43px,10vw,64px);margin:24px 0 17px}.product-spotlight-copy p{font-size:15px}.product-spotlight-copy .product-dimensions{font-size:10px}}

/* Mobile-only refinement: preserve the original desktop ticker. */
@media (max-width:700px){.ticker{display:none!important}}
/* SVG line icons use explicit strokes; never depend on emoji font substitution. */
.ui-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex-shrink:0}
.icon-wrap{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;line-height:1}
.ui-icon-arrow{width:1em;height:1em}
.ui-icon-star{width:11px;height:11px;stroke-width:1.4;vertical-align:middle}
.announcement-dot .ui-icon-star{width:10px;height:10px}
.ticker .ui-icon-star{width:12px;height:12px}
.product-dimensions .ui-icon-star{width:10px;height:10px}

/* Deliberately quiet studio-product moment directly after automotive hero. */
.product-film{background:#f8f8f7;color:#171817;padding:clamp(24px,3.2vw,54px) 0 clamp(30px,4vw,65px)}
.product-film-heading{max-width:1460px;margin:0 auto;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(10px,.82vw,12px);font-weight:750;letter-spacing:.17em;line-height:1.5}
.product-film-heading span:last-child{font-weight:600;letter-spacing:.12em;color:#686b68}
.product-film-stage{position:relative;max-width:1600px;margin:clamp(14px,2vw,28px) auto 0;overflow:hidden;background:#f8f8f7}
.product-film-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f8f8f7}
.product-film-toggle{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(12px,2vw,25px);border:1px solid #d7d9d5;border-radius:999px;background:rgba(255,255,255,.92);color:#292b29;font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em;padding:12px 15px;cursor:pointer;backdrop-filter:blur(8px)}
.product-film-toggle:hover{background:#e9efc7}
.product-film-toggle:focus-visible{outline:3px solid #424a29;outline-offset:3px}
.product-film-toggle[hidden]{display:none}
@media(max-width:700px){.product-film{padding:22px 0 30px}.product-film-heading{padding:0 19px;gap:12px;font-size:9px;letter-spacing:.1em}.product-film-heading span:last-child{text-align:right}.product-film-stage{margin-top:16px}.product-film-toggle{right:12px;bottom:8px;padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-film-video{animation:none;transition:none}}

/* October 19: introduce the product at first glance and improve mobile hero composition.
   Scoped to the hero; all existing purchase and product-film behaviors remain intact. */
@media (max-width:700px){
  .hero{min-height:690px;align-items:center;}
  .hero-content{padding:76px 0 112px;}
  .hero-image{object-position:59% 57%;}
  .hero .eyebrow{font-size:10px;letter-spacing:.14em;gap:10px;}
}
@media (max-width:390px){
  .hero{min-height:670px;}
  .hero-content{padding:66px 0 105px;}
  .hero .eyebrow{font-size:9px;letter-spacing:.11em;}
}
