:root{
  --bg:#0d0b09; --bg-2:#141110; --surface:#1a1613; --line:#2c2622;
  --cream:#e8dcc4; --cream-dim:#c9bc9f; --amber:#e0a52c; --amber-hi:#ffc24d;
  --red:#c20439; --green:#7fae6b; --text:#f3ede1; --muted:#8c8174;
  --display:'Bebas Neue',sans-serif; --body:'Barlow',sans-serif; --mono:'Space Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--amber);color:#000}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* NAV */
header.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
header.site-header.scrolled{background:rgba(13,11,9,.82);backdrop-filter:blur(18px);border-color:var(--line)}
.site-nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-family:var(--display);font-size:26px;letter-spacing:2px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text)}
.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--amber-hi)}
.buy-sm{background:var(--amber);color:#1a1208;padding:9px 20px;border-radius:2px;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .2s}
.buy-sm:hover{background:var(--amber-hi);transform:translateY(-1px)}

/* VIDEO HERO */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--bg) 82%,var(--amber) 16%) 0%,var(--bg) 70%)}
.hero-scene .kenburns{position:absolute;inset:-8%;animation:kb 24s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center}
@keyframes kb{0%{transform:scale(1.05) translate(1%,0)}100%{transform:scale(1.18) translate(-2%,-2%)}}
.hero-scene .spotlight{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:120%;height:120%;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 55%);mix-blend-mode:screen}
.light-sweep{position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,228,160,.12) 50%,transparent);filter:blur(8px);animation:sweep 9s ease-in-out infinite;z-index:2}
@keyframes sweep{0%{left:-40%}55%,100%{left:130%}}
.dust{position:absolute;inset:0;z-index:2;pointer-events:none}
.dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,225,170,.5);animation:float linear infinite}
@keyframes float{0%{transform:translateY(20px);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-110vh);opacity:0}}
.hero-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.5) 100%),linear-gradient(to top,color-mix(in srgb,var(--bg) 95%,transparent) 0%,transparent 45%)}
.hero-content{position:relative;z-index:5;width:100%;padding-bottom:70px}
.hero-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--amber-hi);margin-bottom:18px;opacity:0;animation:fade 1s .3s forwards}
.hero h1{font-family:var(--display);font-size:clamp(72px,13vw,200px);line-height:.82;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;opacity:0;animation:fade 1.2s .5s forwards}
.hero h1 .retro{display:block;color:var(--amber);font-size:.42em;letter-spacing:6px;margin-top:8px}
.hero-sub{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;opacity:0;animation:fade 1.2s .8s forwards}
.hero-sub p{max-width:420px;color:var(--cream-dim);font-size:17px}
.hero-sub .btn{background:var(--cream);color:#1a1208;padding:15px 34px;border-radius:2px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;font-size:14px;transition:all .2s;white-space:nowrap}
.hero-sub .btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(232,220,196,.2)}
@keyframes fade{to{opacity:1}}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:6;font-family:var(--mono);font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bob 2s infinite}
.scroll-cue::after{content:"";width:1px;height:30px;background:linear-gradient(var(--amber),transparent)}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* INTRO */
.intro{padding:140px 0;text-align:center}
.intro .kicker{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--amber);text-transform:uppercase;margin-bottom:28px}
.intro h2{font-family:var(--body);font-weight:300;font-size:clamp(28px,4vw,46px);line-height:1.3;max-width:880px;margin:0 auto;color:var(--text)}
.intro h2 b{font-weight:600;color:var(--amber-hi)}

/* STICKY STORY */
.story{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
.story-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--bg) 90%,var(--amber) 9%),var(--bg))}
.story-device-wrap{position:relative}
.story-device-wrap .glow{position:absolute;inset:-40px;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 22%,transparent),transparent 65%);filter:blur(20px)}
.story-media{position:relative;width:380px;max-width:70vw;aspect-ratio:1}
.story-media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.97);transition:opacity .6s ease,transform .6s ease}
.story-media-img.active{opacity:1;transform:scale(1)}
.story-step{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 64px;opacity:.25;transition:opacity .5s}
.story-step.active{opacity:1}
.story-step .num{font-family:var(--mono);font-size:13px;color:var(--amber);letter-spacing:2px;margin-bottom:16px}
.story-step h3{font-family:var(--display);font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.story-step p{color:var(--cream-dim);font-size:17px;max-width:420px}

/* VINTAGE MPC DEVICE */
.mpc{width:340px;background:linear-gradient(160deg,#efe4cd 0%,#ddccab 55%,#c4b08a 100%);border-radius:16px;padding:24px;position:relative;box-shadow:0 40px 80px -20px rgba(0,0,0,.75),0 2px 0 rgba(255,255,255,.5) inset,0 -3px 12px rgba(120,90,50,.4) inset;border:1px solid #b8a47e}
.mpc-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.mpc-brand .name{font-family:var(--display);font-size:20px;letter-spacing:2px;color:#3a2c18}
.mpc-brand .badge{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#6b5734;border:1px solid #a8916a;padding:2px 6px;border-radius:2px}
.mpc-top{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:18px}
.mpc-screen{background:linear-gradient(135deg,#1a2e16,#0c1a0a);border-radius:5px;border:2px solid #8a7a55;padding:10px;font-family:var(--mono);box-shadow:0 0 16px rgba(127,174,107,.2) inset;min-height:78px}
.mpc-screen .row{color:var(--green);font-size:9px;letter-spacing:.5px;text-shadow:0 0 6px rgba(127,174,107,.6);margin-bottom:3px}
.mpc-screen .row.dim{color:#4d6b42}
.mpc-wheel-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mpc-wheel{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#5a4a30,#2a2014);border:3px solid #7a6644;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.4)}
.mpc-wheel::after{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b5838,#332615);border:1px solid #4a3a22}
.mpc-wheel-label{font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#5e4d30}
.mpc-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.mpc-pad{aspect-ratio:1;border-radius:7px;background:linear-gradient(150deg,#4a4038,#2e2620);border:1px solid #5c5048;box-shadow:0 2px 3px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.08) inset;cursor:pointer;transition:all .12s;position:relative}
.mpc-pad::after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#6b3a2a}
.mpc-pad:hover{background:linear-gradient(150deg,var(--amber),#9c6f12)}
.mpc-pad:hover::after{background:#fff;box-shadow:0 0 8px #fff}
.mpc-pad:active{transform:scale(.93)}

/* SPECS */
.specs{padding:140px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.spec .big{font-family:var(--display);font-size:clamp(54px,7vw,90px);line-height:1;color:var(--amber-hi)}
.spec .lbl{font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px}

/* FEATURE ROWS */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:110px 0}
.feat-row.flip .feat-visual{order:2}
.feat-copy .tag{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--amber);text-transform:uppercase;margin-bottom:16px}
.feat-copy h3{font-family:var(--display);font-size:clamp(38px,5vw,64px);line-height:.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.feat-copy p{color:var(--cream-dim);font-size:17px;max-width:440px}
.feat-visual{height:380px;border-radius:10px;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 60%),linear-gradient(160deg,var(--surface),var(--bg))}
.feat-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feat-visual .v-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 30%,transparent),transparent 70%);filter:blur(34px)}
.swatch{position:relative;z-index:2;display:flex;gap:14px}
.swatch i{width:54px;height:90px;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.swatch i:nth-child(1){background:linear-gradient(160deg,#efe4cd,#c4b08a)}
.swatch i:nth-child(2){background:linear-gradient(160deg,#3a3a3e,#161618)}
.swatch i:nth-child(3){background:linear-gradient(160deg,#c20439,#7a0226)}
.waveform{position:relative;z-index:2;display:flex;align-items:center;gap:4px;height:120px}
.waveform i{width:5px;background:var(--amber);border-radius:3px;animation:wave 1.1s ease-in-out infinite}
@keyframes wave{0%,100%{height:14px;opacity:.5}50%{height:90px;opacity:1}}

/* BUY */
.buy{position:relative;padding:150px 0;text-align:center;overflow:hidden}
.buy .glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;height:420px;background:radial-gradient(ellipse,color-mix(in srgb,var(--amber) 22%,transparent),transparent 70%);filter:blur(50px)}
.buy .kicker{position:relative;font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--amber);text-transform:uppercase;margin-bottom:20px}
.buy h2{position:relative;font-family:var(--display);font-size:clamp(56px,10vw,140px);line-height:.85;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}
.buy .price{position:relative;font-family:var(--body);font-size:22px;color:var(--cream-dim);margin-bottom:34px}
.buy .price b{color:var(--text);font-weight:600}
.buy .btn{position:relative;background:var(--amber);color:#1a1208;padding:18px 48px;border-radius:2px;font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .2s;display:inline-block}
.buy .btn:hover{background:var(--amber-hi);transform:translateY(-2px);box-shadow:0 16px 40px color-mix(in srgb,var(--amber) 40%,transparent)}

/* FOOTER */
footer.site-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:56px 0 30px}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.foot-top .logo{font-size:30px}
.foot-links{display:flex;gap:26px;flex-wrap:wrap;list-style:none}
.foot-links a{color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:color .2s}
.foot-links a:hover{color:var(--amber-hi)}
.foot-bottom{padding-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--muted)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}

@media(max-width:860px){
  .nav-links{display:none}
  .story{grid-template-columns:1fr}
  .story-sticky{position:relative;height:80vh}
  .story-step{padding:60px 24px;min-height:auto;opacity:1}
  .specs-grid{grid-template-columns:1fr 1fr;gap:40px 24px}
  .feat-row{grid-template-columns:1fr;gap:36px;padding:70px 0}
  .feat-row.flip .feat-visual{order:0}
  .hero-sub{flex-direction:column;align-items:flex-start}
}

/* ---- Standalone landing additions ---- */
.hero-product{position:relative;z-index:2;max-width:520px;width:46vw;filter:drop-shadow(0 40px 80px rgba(0,0,0,.7))}
.story-device-wrap .hero-product{width:340px}

/* ---- Fix: clear the WordPress admin toolbar when logged in ---- */
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}

/* ---- Custom editor block zone ---- */
.zamar-blocks{padding:70px 0;max-width:760px;margin:0 auto}
.zamar-blocks h1,.zamar-blocks h2,.zamar-blocks h3{font-family:var(--display);text-transform:uppercase;color:var(--text);letter-spacing:1px;line-height:.95;margin:0 0 .4em}
.zamar-blocks h2{font-size:clamp(32px,5vw,52px)}
.zamar-blocks h3{font-size:clamp(26px,4vw,38px)}
.zamar-blocks p{font-size:17px;line-height:1.7;margin:0 0 1em;color:var(--cream-dim)}
.zamar-blocks a{color:var(--amber-hi);text-decoration:underline}
.zamar-blocks ul,.zamar-blocks ol{color:var(--cream-dim);margin:0 0 1em 1.2em;font-size:17px}
.zamar-blocks li{margin:0 0 .4em}
.zamar-blocks img{border-radius:8px;margin:1em 0}
.zamar-blocks blockquote{border-left:3px solid var(--amber);padding-left:18px;margin:1.4em 0;color:var(--text);font-style:italic}
.zamar-blocks .wp-block-button__link{background:var(--amber);color:#1a1208;border-radius:2px;padding:13px 28px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none}
.zamar-blocks .wp-block-button__link:hover{background:var(--amber-hi)}
.zamar-blocks figcaption{color:var(--muted);font-size:13px;text-align:center}

/* ---- Sale price (manual buy section) ---- */
.price-reg{opacity:.5;margin-right:10px;text-decoration:line-through}
.price-sale{color:var(--amber-hi)}

/* ---- Feature-row media (video / youtube) ---- */
.feat-visual video,.feat-visual iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}

/* ---- Hero media triggers (video / audio) ---- */
.hero-triggers{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px;opacity:0;animation:fade 1.2s .7s forwards}
.zamar-trigger{display:inline-flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);cursor:pointer;font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:.5px;transition:color .2s}
.zamar-trigger:hover{color:var(--amber-hi)}
.zamar-trigger .zt-icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--cream-dim);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.zamar-trigger:hover .zt-icon{border-color:var(--amber);background:var(--amber);color:#1a1208}
.zt-play{padding-left:3px}

/* ---- Sticky buy bar ---- */
.zamar-stickybar{position:fixed;top:0;left:0;right:0;z-index:120;background:rgba(13,11,9,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.admin-bar .zamar-stickybar{top:32px}
@media screen and (max-width:782px){body.admin-bar .zamar-stickybar{top:46px}}
.zamar-stickybar.show{transform:translateY(0)}
.zamar-stickybar .wrap{display:flex;align-items:center;gap:18px;height:62px}
.zamar-stickybar .sb-name{font-family:var(--display);font-size:22px;letter-spacing:1px;text-transform:uppercase}
.zamar-stickybar .sb-price{font-family:var(--mono);color:var(--amber-hi);margin-left:auto}
.zamar-stickybar .sb-price .price-reg{opacity:.5;text-decoration:line-through;margin-right:8px;color:var(--muted)}
.zamar-stickybar .sb-btn{background:var(--amber);color:#1a1208;text-decoration:none;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;padding:11px 24px;border-radius:2px;transition:all .2s}
.zamar-stickybar .sb-btn:hover{background:var(--amber-hi)}
@media(max-width:640px){.zamar-stickybar .sb-name{display:none}.zamar-stickybar .sb-price{margin-left:0}}

/* ---- Video lightbox ---- */
.zamar-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding:24px}
.zamar-lightbox.open{opacity:1;visibility:visible}
.zamar-lightbox-inner{width:min(1000px,92vw);aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.zamar-lightbox-inner iframe,.zamar-lightbox-inner video{width:100%;height:100%;border:0;display:block}
.zamar-lightbox-close{position:absolute;top:22px;right:26px;background:none;border:none;color:#fff;font-size:38px;line-height:1;cursor:pointer;opacity:.8}
.zamar-lightbox-close:hover{opacity:1}

/* ---- Bottom audio bar ---- */
.zamar-audiobar{position:fixed;left:0;right:0;bottom:0;z-index:9997;background:color-mix(in srgb,var(--bg) 96%,#000 4%);backdrop-filter:blur(16px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zamar-audiobar.show{transform:translateY(0)}
.zamar-audiobar .za-row{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:14px 24px}
.zamar-audiobar .za-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.zamar-audiobar .za-controls button{background:none;border:none;color:var(--text);font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:50%;transition:background .2s}
.zamar-audiobar .za-controls button:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}
.zamar-audiobar .za-play{font-size:15px!important;border:1px solid var(--line)!important}
.zamar-audiobar .za-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.zamar-audiobar .za-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.zamar-audiobar .za-title{font-family:var(--mono);font-size:13px;letter-spacing:.5px;color:var(--text);white-space:nowrap}
.zamar-audiobar .za-count{font-family:var(--mono);font-size:12px;color:var(--amber-hi)}
.zamar-audiobar .za-desc{font-size:12px;color:var(--cream-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.zamar-audiobar .za-wavewrap{display:flex;align-items:center;gap:12px}
.zamar-audiobar .za-time,.zamar-audiobar .za-dur{font-family:var(--mono);font-size:11px;color:var(--muted);flex:0 0 auto;width:34px}
.zamar-audiobar .za-dur{text-align:right}
.zamar-audiobar .za-wave{position:relative;flex:1;min-width:0;height:38px;cursor:pointer;overflow:hidden}
.zamar-audiobar .za-wave-prog{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 100% 0 0)}
.zamar-audiobar .za-bars{display:flex;align-items:center;gap:2px;height:100%;width:100%}
.zamar-audiobar .za-bars i{flex:1;min-width:2px;border-radius:1px;background:var(--muted)}
.zamar-audiobar .za-wave-prog .za-bars i{background:var(--amber)}
.zamar-audiobar .za-close{background:none;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;flex:0 0 auto}
.zamar-audiobar .za-close:hover{color:var(--text)}
@media(max-width:640px){.zamar-audiobar .za-desc{display:none}.zamar-audiobar .za-row{gap:12px;padding:12px 14px}}

/* ---- Per-section image/video backgrounds ---- */
.has-bg,.zamar-bgsec{position:relative;overflow:hidden}
.zamar-bgsec{padding:20px 0}
.zamar-secbg{position:absolute;inset:0;z-index:0}
.zamar-secbg span{position:absolute;inset:0;background-size:cover;background-position:center}
.zamar-secbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zamar-secbg-ov{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--bg) 76%,transparent)}
.has-bg>.wrap,.zamar-bgsec>.wrap,.has-bg>.glow{position:relative;z-index:2}

/* ---- Dividers ---- */
.zamar-divider{height:1px;max-width:1200px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}
.feat-divider{height:1px;max-width:620px;margin:64px auto;background:linear-gradient(90deg,transparent,var(--line),transparent)}

/* ---- Story image sizes ---- */
.story-media.size-sm{width:300px}
.story-media.size-md{width:430px}
.story-media.size-lg{width:580px}
.story-media.size-xl{width:740px;max-width:84vw}