/* Meet Maya — maya-site plugin */
:root{
  --bg:#0A0A0B;--bg2:#131316;--bg3:#1B1B1F;--ink:#F4EFE6;--mute:#A8A197;--dim:#6F6A63;
  --amber:#F0B043;--ember:#E8823B;--line:rgba(244,239,230,.10);--line2:rgba(244,239,230,.18);
  --serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:18px;--pad:clamp(16px,4vw,40px);--max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.mx{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mx a{color:inherit}
.mx h1,.mx h2,.mx h3{font-family:var(--serif);font-weight:400;color:var(--ink);margin:0;letter-spacing:-.01em;line-height:1.08}
.mx p{margin:0}
.mx :focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
.mx-preview{position:fixed;z-index:99;left:50%;bottom:14px;transform:translateX(-50%);background:var(--amber);color:#1a1206;font:600 13px var(--sans);padding:6px 14px;border-radius:99px}

/* nav */
.mx-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px var(--pad);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.admin-bar .mx-nav{top:32px}
@media (max-width:782px){.admin-bar .mx-nav{top:46px}}
.mx-nav.is-solid{background:rgba(10,10,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.mx-brand{display:flex;align-items:center;gap:10px;font:500 18px var(--serif);text-decoration:none}
.mx-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--amber),var(--ember));box-shadow:0 0 14px rgba(240,176,67,.7)}
.mx-nav nav{display:flex;gap:26px;margin-left:auto;font-size:15px}
.mx-nav nav a{text-decoration:none;color:var(--mute);transition:color .2s}
.mx-nav nav a:hover{color:var(--ink)}
@media (max-width:760px){.mx-nav nav{display:none}.mx-nav .mx-btn-sm{margin-left:auto}}

/* buttons */
.mx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:99px;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--amber),var(--ember));color:#1a1206!important;font:600 16px var(--sans);text-decoration:none;
  box-shadow:0 8px 30px -10px rgba(240,176,67,.6);transition:transform .15s,box-shadow .2s}
.mx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 36px -10px rgba(240,176,67,.8)}
.mx-btn-ghost{background:rgba(244,239,230,.06);color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line2)}
.mx-btn-ghost:hover{background:rgba(244,239,230,.12);box-shadow:inset 0 0 0 1px var(--line2)}
.mx-btn-sm{min-height:38px;padding:0 16px;font-size:14px}
.mx-link{color:var(--amber);font-weight:500;text-decoration:none}

/* hero */
.mx-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.mx-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2;transform:scale(1.22);transform-origin:50% 12%;filter:saturate(1.05)}
.mx-hero-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.05) 28%,rgba(10,10,11,.28) 50%,rgba(10,10,11,.9) 80%,var(--bg) 92%),
  linear-gradient(90deg,rgba(10,10,11,.7) 0%,rgba(10,10,11,.15) 45%,rgba(10,10,11,0) 70%)}
.mx-hero-in{width:100%;max-width:var(--max);margin:0 auto;padding:120px var(--pad) clamp(40px,8vh,90px)}
.mx-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.04em;padding:6px 12px;border-radius:99px;background:rgba(10,10,11,.55);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);margin-bottom:22px!important}
.mx-badge span{color:var(--amber);font-size:10px;animation:mxPulse 2.4s infinite}
@keyframes mxPulse{50%{opacity:.35}}
.mx-hero h1{font-size:clamp(56px,11vw,148px);line-height:.92;letter-spacing:-.03em}
.mx-lede{font:italic 400 clamp(24px,3.4vw,40px)/1.2 var(--serif);color:var(--amber);margin-top:12px!important}
.mx-sub{max-width:560px;color:var(--mute);font-size:clamp(16px,1.7vw,19px);margin-top:18px!important}
.mx-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mx-watch{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:0;background:none;border:0;color:var(--ink);font:500 15px var(--sans);cursor:pointer}
.mx-play{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);background:rgba(10,10,11,.4);position:relative}
.mx-play::after{content:"";position:absolute;left:16px;top:13px;border:7px solid transparent;border-left:11px solid var(--ink);border-right:0}
.mx-watch:hover .mx-play{background:var(--amber)}.mx-watch:hover .mx-play::after{border-left-color:#1a1206}

/* trust strip */
.mx-trust{max-width:var(--max);margin:0 auto;padding:10px var(--pad) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:none}
.mx-trust div{padding:22px 24px;background:var(--bg2);color:var(--mute);font-size:15px;border:1px solid var(--line)}
.mx-trust div:first-child{border-radius:var(--r) 0 0 var(--r)}.mx-trust div:last-child{border-radius:0 var(--r) var(--r) 0}
.mx-trust strong{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}
@media (max-width:760px){.mx-trust{grid-template-columns:1fr}.mx-trust div:first-child{border-radius:var(--r) var(--r) 0 0}.mx-trust div:last-child{border-radius:0 0 var(--r) var(--r)}}

/* sections */
.mx-sec{max-width:var(--max);margin:0 auto;padding:clamp(72px,11vw,130px) var(--pad) 0}
.mx-head{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.mx-kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:14px!important}
.mx-head h2{font-size:clamp(38px,5.6vw,68px)}
.mx-head>p:not(.mx-kicker){color:var(--mute);margin-top:16px!important;font-size:18px}

/* films */
.mx-player{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;align-items:start}
@media (max-width:900px){.mx-player{grid-template-columns:1fr}}
.mx-screen{border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 30px 80px -30px rgba(240,176,67,.35),0 0 0 1px var(--line)}
.mx-screen video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.mx-reel{display:flex;flex-direction:column;gap:12px}
.mx-ep{display:flex;gap:16px;text-align:left;width:100%;padding:18px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.mx-ep.is-on{border-color:rgba(240,176,67,.55);background:linear-gradient(180deg,rgba(240,176,67,.08),rgba(240,176,67,.02))}
.mx-ep strong{display:block;font:400 22px var(--serif)}
.mx-ep em{display:block;font-style:normal;color:var(--mute);font-size:15px;margin-top:4px}
.mx-no{font:500 13px var(--sans);color:var(--amber);letter-spacing:.08em;padding-top:5px;min-width:22px}
.mx-next{padding:22px;border-radius:var(--r);border:1px dashed var(--line2)}
.mx-next .mx-kicker{margin-bottom:8px!important}
.mx-next h3{font-size:26px}
.mx-next p{color:var(--mute);font-size:15px;margin:8px 0 14px!important}
.mx-later{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mx-later li{display:flex;gap:10px;align-items:baseline;padding:10px 16px;border-radius:99px;border:1px solid var(--line);color:var(--dim);font-size:15px}
.mx-later li .mx-no{padding:0;color:var(--dim)}

/* cards */
.mx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.mx-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.mx-cards{grid-template-columns:1fr}}
.mx-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
a.mx-card:hover{transform:translateY(-3px);border-color:var(--line2);background:var(--bg3)}
.mx-card h3{font-size:28px}
.mx-card p{color:var(--mute);font-size:16px;flex:1}
.mx-card-lead{grid-row:span 2;background:radial-gradient(120% 90% at 0% 0%,rgba(240,176,67,.20),transparent 60%),var(--bg2);border-color:rgba(240,176,67,.35);justify-content:flex-end;min-height:280px}
.mx-card-lead h3{font-size:clamp(34px,4vw,46px)}
@media (max-width:600px){.mx-card-lead{grid-row:auto;min-height:0}}
.mx-card-soon{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px 26px;opacity:.75}
.mx-card-soon h3{font-size:22px}
.mx-card-soon p{flex:1 1 280px}
.mx-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(240,176,67,.16);color:var(--amber)}
.mx-tag-dim{background:rgba(244,239,230,.08);color:var(--mute)}

/* talk */
.mx-phone{display:inline-block;font:400 clamp(44px,9vw,110px)/1 var(--serif);text-decoration:none;letter-spacing:-.02em;background:linear-gradient(135deg,var(--ink) 30%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.mx-try-label{margin-top:32px!important;color:var(--dim);font-size:14px}
.mx-try{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.mx-try a{padding:12px 18px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);text-decoration:none;font-size:15px;transition:border-color .2s}
.mx-try a:hover{border-color:var(--amber)}
.mx-alt{margin-top:22px!important;color:var(--mute);font-size:15px}
.mx-alt a{color:var(--amber)}

/* notify */
.mx-notify{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:start}
@media (max-width:900px){.mx-notify{grid-template-columns:1fr}}
.mx-form,.mx-done{padding:clamp(20px,3vw,32px);border-radius:var(--r);background:var(--bg2);border:1px solid var(--line)}
.mx-field span,.mx-picks legend{display:block;font-size:14px;color:var(--mute);margin-bottom:8px}
.mx-field input{width:100%;min-height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:16px var(--sans)}
.mx-field input:focus{outline:none;border-color:var(--amber)}
.mx-picks{border:0;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.mx-picks label{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:99px;border:1px solid var(--line2);font-size:15px;cursor:pointer}
.mx-picks label:has(input:checked){border-color:var(--amber);background:rgba(240,176,67,.08)}
.mx-picks input,.mx-consent input{accent-color:var(--amber);width:18px;height:18px;margin:0}
.mx-consent{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:13px;color:var(--mute);line-height:1.5}
.mx-consent input{flex:none;margin-top:2px}
.mx-form .mx-btn{width:100%}
.mx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.mx-msg{margin-top:12px!important;font-size:14px;color:var(--ember);min-height:1em}
.mx-done h3{font-size:32px}.mx-done p{color:var(--mute);margin:10px 0 20px!important}

/* socials */
.mx-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:760px){.mx-socials{grid-template-columns:repeat(2,1fr)}}
.mx-socials a{display:flex;flex-direction:column;padding:20px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
.mx-socials a:hover{border-color:var(--amber);transform:translateY(-2px)}
.mx-socials strong{font:400 22px var(--serif)}
.mx-socials span{color:var(--mute);font-size:14px}

/* footer */
.mx-foot{max-width:var(--max);margin:clamp(80px,12vw,140px) auto 0;padding:28px var(--pad) 40px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.mx-foot a{text-decoration:none}.mx-foot a:hover{color:var(--ink)}
.mx-fine{color:var(--dim)}

/* reveal */
.mx-rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.mx-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mx-rv{opacity:1;transform:none;transition:none}.mx-hero-bg{transform:none}.mx-badge span{animation:none}}
