/* Eventide AW — shared design system (navy/gold, editorial serif) */
:root{
  --paper:#F6F5F1; --ink:#14323C; --ink-soft:#4F6670; --line:#E3DCCE;
  --navy:#0D3B4A; --navy-2:#082B36; --navy-3:#11485A;
  --gold:#B5641E; --gold-b:#F0A452; --card:#FFFFFF;
  --ok:#3E7A54; --warn:#A66F13;
  --serif:Palatino,'Palatino Linotype','Book Antiqua','URW Palladio L',Georgia,serif;
  --sans:'Avenir Next',Avenir,'Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;font-size:16px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.14;text-wrap:balance;margin:0}
p{margin:0}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}
button{font-family:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-b);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}

/* nav */
.nav{background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:15px 32px;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(240,164,82,.18)}
.logo{font-family:var(--serif);font-size:18px;letter-spacing:.12em;color:#F4EFE3}
.logo span{color:var(--gold-b)}
.nav-links{display:flex;gap:22px;font-size:13.5px;color:#A3C2C6}
.nav-links a{color:#A3C2C6}
.nav-links a:hover{color:#F4EFE3}
.nav-links a.active{color:var(--gold-b)}
.nav-cta{background:var(--gold);color:var(--navy)!important;font-weight:600;font-size:13px;border-radius:6px;padding:9px 17px}
.menu-btn{display:none;background:none;border:1px solid rgba(240,164,82,.4);color:#EDE7DA;border-radius:6px;padding:7px 12px;font-size:16px}
@media(max-width:900px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);flex-direction:column;padding:14px 32px 20px;gap:14px;border-bottom:1px solid rgba(240,164,82,.18)}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
}

.crumb{font-size:12.5px;color:var(--ink-soft);padding:20px 0 0}
.crumb a{color:var(--ink-soft)}.crumb b{color:var(--ink);font-weight:600}

section{padding:52px 0;border-top:1px solid var(--line)}
.sec-head{max-width:64ch;margin-bottom:28px;display:flex;flex-direction:column;gap:10px}
.sec-head h2{font-size:28px;color:var(--navy)}
.sec-head p{color:var(--ink-soft)}

.btn-g{background:var(--gold);color:var(--navy);font-weight:600;border-radius:7px;padding:13px 24px;font-size:15px;border:none;display:inline-block}
.btn-ghost{border:1px solid rgba(240,164,82,.5);color:#EDE7DA;border-radius:7px;padding:13px 24px;font-size:15px;background:none;display:inline-block}

.trust{display:flex;flex-wrap:wrap;gap:10px 26px;padding:22px 0 4px;font-size:12.5px;color:var(--ink-soft)}
.trust span::before{content:'✓';color:var(--gold);font-weight:700;margin-right:8px}

.badge{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:5px}
.badge.cleared{background:#E6EEDD;color:#2E5B24}
.badge.ce{background:#DFEDF0;color:#2E6A78}
.badge.use{background:#F6E9D2;color:#8F5A10}
.badge.plat{background:#F3E4D8;color:#96491A}

footer{background:var(--navy);color:#A3C2C6;padding:44px 0 40px;font-size:13px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.foot-grid h4{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-b);font-weight:700;margin-bottom:12px}
.foot-grid a{color:#A3C2C6;display:block;margin-bottom:8px}
.foot-grid a:hover{color:#F4EFE3}
.foot-logo{font-family:var(--serif);font-size:19px;letter-spacing:.12em;color:#F4EFE3;margin-bottom:12px}
.foot-logo span{color:var(--gold-b)}
.foot-bottom{border-top:1px solid rgba(240,164,82,.14);margin-top:30px;padding-top:18px;font-size:11.5px;color:#7BA0A5;line-height:1.6}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:22px}}

.final{background:linear-gradient(155deg,#082B36,#0C3945);border-radius:16px;padding:46px 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;color:#EDE7DA}
.final .eyebrow{color:var(--gold-b)}
.final h2{color:#F4EFE3;font-size:28px;margin:12px 0 10px}
.final p{color:#A3C2C6;font-size:15px;max-width:44ch}
.final-card{background:var(--paper);border-radius:12px;padding:26px;color:var(--ink)}
.final-card .t{font-family:var(--serif);font-size:18px;color:var(--navy)}
.final-card .d{font-size:13px;color:var(--ink-soft);margin:6px 0 16px}
.final-card .cta2{display:inline-block;background:var(--gold);color:var(--navy);font-weight:600;border-radius:7px;padding:12px 22px;font-size:14px}
.final-card .alt{font-size:12.5px;color:var(--ink-soft);margin-top:13px}
@media(max-width:760px){.final{grid-template-columns:1fr;padding:34px 26px}}

/* ===== v2 cinematic layer (InMode/Cynosure-inspired) ===== */
.annc{background:linear-gradient(90deg,#B5641E,#F0A452);color:#0D3B4A;font-size:12.5px;font-weight:600;text-align:center;padding:8px 18px;letter-spacing:.05em}
.annc a{color:#0D3B4A;text-decoration:underline}

/* scroll reveals — content visible by default; animates only when JS adds .js */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .rv2{transition-delay:.12s}.js .rv3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1!important;transform:none!important;transition:none!important}}

/* ken burns on aisle heroes */
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero{isolation:isolate}
.hero-img{overflow:hidden}
@media(prefers-reduced-motion:no-preference){.hero-img{animation:kb 24s ease-in-out infinite alternate}}

/* video hero */
.vhero{position:relative;min-height:86vh;display:flex;align-items:flex-end;overflow:hidden;background:#082B36}
.vhero video,.vhero .vh-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}
.vhero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,24,38,.55) 0%,rgba(10,24,38,.25) 40%,rgba(10,24,38,.88) 100%)}
.vhero-inner{position:relative;z-index:2;width:100%;max-width:1120px;margin:0 auto;padding:120px 32px 64px;color:#EDE7DA}
.vhero .eyebrow{color:var(--gold-b)}
.vhero h1{font-size:clamp(38px,6.4vw,74px);color:#F4EFE3;line-height:1.06;margin:18px 0 20px;max-width:15ch;font-weight:600}
.vhero h1 em{font-style:italic;color:var(--gold-b)}
.vhero .lede{color:#B8D0D3;font-size:19px;max-width:52ch}
.vhero-btns{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.vhero .vtrust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:12.5px;color:#93B6BB}
.vhero .vtrust span::before{content:'✓';color:var(--gold-b);margin-right:7px}
@media(max-width:760px){.vhero{min-height:72vh}.vhero-inner{padding:90px 24px 44px}}

/* product slide-through */
.slider{position:relative}
.sl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.sl-arrows{display:flex;gap:8px}
.sl-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--navy);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.sl-btn:hover{background:var(--navy);color:var(--gold-b);border-color:var(--navy)}
.sl-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 4px 10px}
.sl-track::-webkit-scrollbar{display:none}
.sl-card{flex:0 0 285px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s;color:var(--ink)}
a.sl-card:hover{box-shadow:0 18px 38px -20px rgba(12,30,49,.45);transform:translateY(-3px)}
.sl-card .im{height:220px;background:radial-gradient(120% 100% at 50% 22%,#FFFFFF 0%,#F5EDE0 68%,#EDDFC7 100%);display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:1px solid var(--line)}
.sl-card .im img{filter:drop-shadow(0 10px 16px rgba(12,30,49,.16))}
.sl-card .im img{max-height:100%;max-width:100%;object-fit:contain}
.sl-card .bd{padding:16px 20px 18px;display:flex;flex-direction:column;gap:4px}
.sl-card .mk{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:600}
.sl-card h3{font-size:18px;color:var(--navy)}
.sl-card .ln{font-size:12.5px;color:var(--ink-soft)}
.sl-card .go2{font-size:12.5px;font-weight:600;color:var(--gold);margin-top:8px}

/* full-bleed navy statement band */
.band{background:linear-gradient(155deg,#082B36,#0C3945);color:#EDE7DA;border-radius:0;padding:74px 0}
.band .wrap2{max-width:1120px;margin:0 auto;padding:0 32px}
.band .pull{font-family:var(--serif);font-size:clamp(26px,4vw,42px);color:#F4EFE3;line-height:1.18;max-width:22ch;text-wrap:balance}
.band .pull em{font-style:italic;color:var(--gold-b)}
.band-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;border-top:1px solid rgba(240,164,82,.25);padding-top:36px}
.band-col .bk{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold-b);text-transform:uppercase}
.band-col h4{font-family:var(--serif);font-size:19px;color:#F4EFE3;margin:9px 0 7px}
.band-col p{font-size:14px;color:#A3C2C6}
@media(max-width:760px){.band-cols{grid-template-columns:1fr;gap:22px}}