@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191919;--muted:#666666;--green:#161616;--accent:#e21b23;--cream:#f6f6f6;--white:#fff;--line:#e9e9e9;--soft:#fafafa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-size:clamp(32px,3.8vw,57px);letter-spacing:-.045em;line-height:1.2;font-weight:600}h2 em,h1 em{color:var(--accent);font-style:normal}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.section{padding:105px 0}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#d71920;margin-bottom:22px}.eyebrow.light{color:#ffb2b5}.site-header{height:104px;background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 2px 16px #0000000d;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.brand-logo{display:block;width:auto;height:68px;max-width:min(100%,377px);object-fit:contain;flex-shrink:0}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav>a,.nav-link{font-size:15px;font-weight:700;transition:color .2s;background:none;border:0;padding:10px 0;cursor:pointer;font-family:inherit;color:inherit}.main-nav a:hover,.main-nav a[aria-current],.nav-link:hover{color:#d71920}.nav-item{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:8px}.nav-dropdown-toggle span{font-size:12px;color:var(--accent)}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);width:min(980px,calc(100vw - 80px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #00000018;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}.nav-item-dropdown:hover .mega-menu,.nav-item-dropdown:focus-within .mega-menu,.nav-item-dropdown.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mega-link{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#fcfcfc 100%);border:1px solid #efefef;transition:transform .18s,box-shadow .18s,border-color .18s}.mega-link:hover{transform:translateY(-2px);border-color:#e2bbbb;box-shadow:0 10px 24px #0000000b}.mega-thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(145deg,#202020 0%,#111 58%,#d71920 58%,#d71920 100%);color:#fff;font:800 24px Manrope;box-shadow:inset 0 0 0 1px #ffffff11}.mega-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.mega-copy strong{font:800 15px Manrope;line-height:1.25;letter-spacing:-.01em}.mega-copy small{font-size:12px;line-height:1.45;color:var(--muted)}.mega-arrow{font-size:18px;color:var(--accent);align-self:start;padding-top:2px}.header-action{padding:14px 20px;border:1px solid #d71920;background:#d71920;color:#fff;border-radius:999px;font-size:13px;font-weight:800;margin-left:12px;transition:background .2s,transform .2s}.header-action:hover{background:#b81119;transform:translateY(-1px)}.header-action span{margin-left:12px;color:#fff}.nav-toggle{display:none}.hero{height:min(760px,calc(100svh - 104px));min-height:580px;position:relative;color:white;overflow:hidden;background:#1b1b1b}.hero-media,.hero-shade{position:absolute;inset:0}.hero-video{height:100%;width:100%;object-fit:cover}.hero-mobile{display:none}.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.50) 50%,rgba(10,10,10,.12) 100%)}.hero-content{position:relative;z-index:1;padding-top:clamp(110px,13vw,180px)}.hero h1{font-size:clamp(47px,6.1vw,86px);line-height:1.11;letter-spacing:-.06em;font-weight:600;max-width:800px;margin-bottom:24px}.hero-content>p:not(.eyebrow){max-width:560px;font-size:18px;color:#e4e9e4}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;font-size:13px;font-weight:800;letter-spacing:.025em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{color:var(--green);background:white}.btn-dark{color:white;background:#d71920}.btn-dark:hover{background:#b81119}.btn-ghost{color:white;border:1px solid #ffffff99}.scroll-hint{position:absolute;bottom:26px;left:calc((100% - min(1240px,100% - 64px))/2);z-index:2;letter-spacing:.2em;font-size:10px;font-weight:700}.scroll-hint span{margin-left:13px}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:80px}.intro-grid h2{margin:0}.intro-grid>div:last-child p{font-size:18px;color:var(--muted);line-height:1.9}.text-link{display:inline-block;padding-bottom:9px;margin-top:18px;border-bottom:1px solid var(--accent);font-weight:800;font-size:14px}.text-link span{padding-left:17px;color:var(--accent)}.products{background:var(--cream);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;color:var(--muted);margin-bottom:6px;font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.product-card{min-width:0}.product-visual{height:275px;background:linear-gradient(135deg,#b0b0b0,#3c3c3c);position:relative;overflow:hidden;border-radius:18px}.product-visual.v1{background:linear-gradient(130deg,#bbb,#555)}.product-visual.v2{background:linear-gradient(135deg,#b8b8b8,#555)}.product-visual.v3{background:linear-gradient(125deg,#aaa,#333)}.product-visual.v4{background:linear-gradient(115deg,#bbb,#555)}.product-visual.v5{background:linear-gradient(125deg,#999,#333)}.product-visual.v6{background:linear-gradient(125deg,#aaa,#555)}.product-visual:before{content:'';position:absolute;inset:22% -20%;transform:skewY(-16deg);border:20px solid #ffffff15;border-right:0;border-left:0}.product-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.05)}.card-index{position:absolute;top:18px;left:20px;color:#fff;font-size:11px;letter-spacing:.15em;z-index:1}.card-arrow{position:absolute;bottom:0;right:0;background:white;color:var(--accent);height:49px;width:49px;display:grid;place-items:center;font-size:21px;z-index:1;border-top-left-radius:14px}.product-info{padding:18px 0}.product-info h3{font-size:22px;letter-spacing:-.035em;margin:0 0 6px}.product-info p{color:var(--muted);font-size:14px;line-height:1.7}.statement{background:#171717;padding:110px 0;color:#fff;position:relative;overflow:hidden}.statement:before{content:'';position:absolute;width:7px;inset:0 auto 0 0;background:#d71920}.statement:after{content:'';position:absolute;width:490px;height:490px;border:1px solid #ffffff1a;right:-100px;top:-120px;transform:rotate(38deg)}.statement-inner{position:relative;z-index:1}.statement h2{font-size:clamp(34px,5vw,70px)}.statement .btn{margin-top:15px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}.value-icon{color:var(--accent);font-size:32px}.values h3{margin:22px 0 8px;font-size:22px}.values p{color:var(--muted);font-size:15px}.footer{background:#151515;color:#d0d0d0;padding-top:72px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:42px}.footer-brand{display:flex;align-items:center}.footer-brand img{width:260px;max-width:100%;height:auto;object-fit:contain;background:#fff;border-radius:6px;padding:6px}.footer p{font-size:14px;max-width:320px}.footer h4{color:white;font-size:14px;margin-bottom:16px}.footer-grid>div>a{display:block;font-size:14px;margin:7px 0;overflow-wrap:anywhere}.footer-grid>div>a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:65px;padding:19px 0;display:flex;justify-content:space-between;font-size:12px}.wa-float{position:fixed;z-index:25;bottom:25px;right:25px;width:62px;height:62px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;box-shadow:0 10px 30px #0003;transition:transform .2s}.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:32px;height:32px}.sub-hero{padding:95px 0;background:linear-gradient(135deg,#232323,#4c4c4c);color:white}.sub-hero h1{font-size:clamp(43px,6vw,70px);font-weight:600;letter-spacing:-.06em;margin:0 0 15px}.sub-hero p:last-child{max-width:630px;color:#e5e5e5;font-size:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.detail-grid p{color:var(--muted);line-height:1.9;font-size:16px}.detail-grid .btn{margin-top:18px}.detail-image{height:430px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#c1c1c1,#343434);color:#eee;letter-spacing:.15em;font-size:11px;position:relative;overflow:hidden;border-radius:18px}.detail-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.related{background:var(--cream)}.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-links a{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#fff;font-weight:700;border-radius:14px}.related-links span{color:var(--accent)}.editorial{max-width:830px}.editorial>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:2}.editorial .btn{margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-grid>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:18px}.contact-panel{background:var(--cream);padding:45px;border-radius:18px}.contact-panel h3{font-size:26px}.contact-panel small{display:block;color:#d71920;letter-spacing:.17em;font-size:10px;font-weight:800;margin-top:26px}.contact-panel a{display:block;overflow-wrap:anywhere;font-size:18px;font-weight:700;margin-top:6px}.contact-panel p{margin-top:6px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:50}
@media(max-width:1200px){.brand-logo{height:60px}.main-nav{gap:22px}.main-nav>a,.nav-link{font-size:14px}.mega-menu{width:min(920px,calc(100vw - 40px))}.mega-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.header-action{display:none}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.section{padding:65px 0}.site-header{height:86px}.brand-logo{height:56px;max-width:235px}.nav-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}.nav-toggle span{width:24px;height:2px;background:var(--ink)}.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:12px 18px 18px;box-shadow:0 16px 25px #0002;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a,.nav-link{padding:14px 6px;font-size:16px;border-bottom:1px solid #eee;width:100%;justify-content:space-between}.nav-item-dropdown{display:flex;flex-direction:column}.mega-menu{position:static;transform:none;width:100%;border:0;box-shadow:none;padding:0 0 8px;border-radius:0;display:none;opacity:1;visibility:visible;pointer-events:auto}.nav-item-dropdown.open .mega-menu{display:block}.mega-menu-grid{grid-template-columns:1fr;gap:8px;padding-top:8px}.mega-link{padding:12px 10px;border-radius:12px}.mega-thumb{width:44px;height:44px;font-size:20px}.mega-copy strong{font-size:14px}.mega-copy small{font-size:12px}.hero{height:680px;min-height:580px;max-height:calc(100svh - 86px)}.hero-video{display:none}.hero-mobile{display:block;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#141414dd,#17171770)}.hero-content{padding-top:120px}.hero h1{font-size:clamp(43px,10vw,67px)}.hero-content>p:not(.eyebrow){font-size:16px}.intro-grid,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.intro-grid>div:last-child p{font-size:16px}.section-heading{align-items:start;flex-direction:column;gap:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-visual{height:210px}.product-info h3{font-size:18px}.values-grid{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.detail-image{height:350px}.contact-panel{padding:28px}}
@media(max-width:500px){.site-header{height:80px}.main-nav{top:80px}.brand-logo{height:48px;max-width:210px}.hero{height:670px}.hero-buttons{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}.product-visual{height:240px}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:10px;align-items:start;flex-direction:column}.related-links{grid-template-columns:1fr}.wa-float{width:56px;height:56px;right:17px;bottom:17px}.scroll-hint{left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v3: correct desktop mega-menu positioning and protect header layout */
@media(min-width:781px){
.site-header{isolation:isolate}
.nav-item-dropdown{position:static}
.mega-menu{left:50%;top:calc(100% - 1px);width:min(1140px,calc(100vw - 48px));transform:translate(-50%,10px);z-index:100}
.nav-item-dropdown:hover .mega-menu,.nav-item-dropdown:focus-within .mega-menu,.nav-item-dropdown.open .mega-menu{transform:translate(-50%,0)}
.brand-logo{height:78px;width:auto;max-width:310px}
}
@media(min-width:781px) and (max-width:1200px){.brand-logo{height:62px;max-width:245px}.main-nav{gap:17px}.main-nav>a,.nav-link{font-size:13px}}
@media(max-width:780px){.site-header{position:sticky}.main-nav.open{max-height:calc(100dvh - 86px);overflow-y:auto}.nav-item-dropdown{position:relative}.mega-menu{display:none!important;position:static!important;transform:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}.nav-item-dropdown.open .mega-menu{display:block!important}.brand-logo{height:64px;width:auto;max-width:245px}}
@media(max-width:500px){.brand-logo{height:55px;max-width:220px}.main-nav.open{max-height:calc(100dvh - 80px)}}

/* v4: stable desktop mega dropdown and full wordmark */
@media(min-width:781px){
  .site-header .brand{min-width:250px;flex:0 0 auto}
  .site-header .brand-logo{display:block;width:285px;height:auto;max-width:285px;max-height:none;object-fit:contain}
  .nav-item-dropdown.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
}
@media(min-width:781px) and (max-width:1200px){
  .site-header .brand{min-width:190px}
  .site-header .brand-logo{width:205px;max-width:205px;height:auto}
}
@media(max-width:780px){
  .site-header .brand-logo{width:235px;max-width:min(235px,calc(100vw - 95px));height:auto;max-height:70px}
}
@media(max-width:500px){
  .site-header .brand-logo{width:205px;max-width:min(205px,calc(100vw - 90px));height:auto;max-height:62px}
}