/* ===========================================================
   MARIA BETANCOURT — PORTFOLIO
   Editorial Light · Borscha × Sundown
   =========================================================== */

@font-face{font-family:'Borscha';src:url('fonts/Borscha-Thin.ttf') format('truetype');font-weight:100;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Light.ttf') format('truetype');font-weight:300;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Medium.ttf') format('truetype');font-weight:500;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-Black.ttf') format('truetype');font-weight:900;font-display:swap;}
@font-face{font-family:'Borscha';src:url('fonts/Borscha-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;font-display:swap;}

:root{
  --bone:#F2F0EA; --sand:#E4E1D4; --paper:#FBFAF6;
  --amber:#FF7E1B; --ember:#F23E05; --rust:#BE1A03; --plum:#2C1538;
  --ink:#1A1411; --ink-2:#231C18;
  --muted:#5A4F46; --faint:#8C8378;
  --line:rgba(26,20,17,.13);
  --line-d:rgba(255,255,255,.14);
  --maxw:1280px; --pad:72px;
  --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{font-family:'Borscha',sans-serif;background:var(--bone);color:var(--ink);line-height:1.45;overflow-x:hidden;}
a{color:inherit;text-decoration:none;cursor:pointer;}
img{display:block;max-width:100%;}
.mono{font-family:var(--mono);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);}
.em{color:var(--ember);}
.it{font-style:italic;}

/* selection */
::selection{background:var(--ember);color:#fff;}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;} .reveal.d4{transition-delay:.32s;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ===================== NAV ===================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--pad);transition:background .4s,backdrop-filter .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent;mix-blend-mode:normal;}
.nav.scrolled{background:rgba(242,240,234,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:14px var(--pad);}
.nav-logo{font-weight:800;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:7px;}
.nav-logo b{font-weight:800;}
.nav-logo .reg{color:var(--ember);font-weight:600;}
.nav-links{display:flex;align-items:center;gap:30px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;}
.nav-links a{position:relative;padding:4px 0;color:var(--ink);}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--ember);transition:width .3s;}
.nav-links a:hover::after{width:100%;}
.nav-cta{background:var(--ink);color:var(--bone)!important;padding:10px 18px;border-radius:30px;display:inline-flex;gap:6px;align-items:center;transition:background .25s,transform .25s;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--ember);transform:translateY(-2px);}
.nav-burger{display:none;}

/* ===================== HERO ===================== */
.hero{position:relative;padding:150px var(--pad) 90px;overflow:hidden;}

/* floating credential icons (no box) */
.specs{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:18px 40px;margin:36px 0 56px;}
.spec{display:flex;flex-direction:column;align-items:center;text-align:center;width:148px;}
.spec-ic{width:120px;height:120px;display:flex;align-items:center;justify-content:center;
  filter:drop-shadow(0 18px 26px rgba(190,26,3,.32));animation:floatIcon 5s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.spec:nth-child(2) .spec-ic{animation-delay:.6s;} .spec:nth-child(3) .spec-ic{animation-delay:1.2s;}
.spec:nth-child(4) .spec-ic{animation-delay:1.8s;} .spec:nth-child(5) .spec-ic{animation-delay:2.4s;}
.spec-ic img{width:100%;height:100%;object-fit:contain;}
.spec:hover .spec-ic{transform:scale(1.18) translateY(-4px);}
.spec-label{font-weight:600;font-size:15px;line-height:1.18;letter-spacing:-.01em;margin-top:14px;color:var(--ink);}
@keyframes floatIcon{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@media(prefers-reduced-motion:reduce){.spec-ic{animation:none;}}
.hero-glow{position:absolute;top:-180px;right:-160px;width:780px;height:780px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,#FFC78A 0%,#FF7E1B 22%,#F23E05 42%,rgba(190,26,3,.34) 60%,rgba(242,240,234,0) 73%);
  filter:blur(6px);opacity:.9;animation:floatGlow 14s ease-in-out infinite;}
@keyframes floatGlow{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-26px,24px) scale(1.05);}}

/* floating icons next to the hero title + podcast intro */
.title-ics{position:relative;display:flex;justify-content:center;align-items:center;gap:34px;margin-top:40px;margin-bottom:-6px;}
.title-ic{display:inline-flex;width:76px;height:76px;align-items:center;justify-content:center;
  filter:drop-shadow(0 16px 24px rgba(190,26,3,.32));animation:floatIcon 5s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.7,.2,1);cursor:pointer;}
.title-ic:nth-child(2){animation-delay:.8s;} .title-ic:nth-child(3){animation-delay:1.6s;}
.title-ic img{width:100%;height:100%;object-fit:contain;}
.title-ic:hover{transform:scale(1.22) translateY(-5px);}
.pod-intro{display:flex;align-items:center;gap:26px;margin-bottom:48px;flex-wrap:wrap;}
.pod-intro .title-ic{width:84px;height:84px;flex-shrink:0;}
/* enlarged heart floating at the top-left of the hero title */
.heart-float{position:absolute;top:-118px;left:-14px;width:132px;height:132px;display:inline-flex;
  filter:drop-shadow(0 20px 30px rgba(190,26,3,.34));animation:floatIcon 5s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.7,.2,1);cursor:pointer;z-index:2;}
.heart-float img{width:100%;height:100%;object-fit:contain;}
.heart-float:hover{transform:scale(1.18) translateY(-5px);}
@media(max-width:760px){.heart-float{width:92px;height:92px;top:-84px;left:-6px;}}
@media(max-width:560px){.title-ics{gap:22px;}.title-ic{width:58px;height:58px;}.pod-intro .title-ic{width:64px;height:64px;}}
@media(prefers-reduced-motion:reduce){.title-ic{animation:none;}}
.hero-eyebrow{position:relative;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:26px;display:flex;align-items:center;gap:9px;}
.hero-eyebrow .dot{color:var(--ember);font-size:9px;}
.hero h1{position:relative;font-weight:900;font-size:clamp(54px,9vw,138px);line-height:.86;letter-spacing:-.04em;text-transform:uppercase;max-width:14ch;margin-top:46px;}
.hero h1 .l2{color:var(--ember);font-style:italic;}
.hero-sub{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:38px;flex-wrap:wrap;}
.hero-sub p{max-width:440px;font-size:19px;line-height:1.5;color:var(--muted);}
.hero-sub p b{color:var(--ink);font-weight:600;}
/* hero two-column: text left, vertical photo right */
.hero-main{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;margin-top:30px;}
.hero-main h1{margin-top:0;}
.hero-main .hero-sub{display:block;margin-top:30px;}
.hero-main .hero-sub p{max-width:520px;}
.hero-main .hero-sub p+p{margin-top:14px;}
.hero-photo{aspect-ratio:9/16;width:100%;max-width:400px;margin-left:auto;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 50px 90px -45px rgba(26,20,17,.55);}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* credential chips */
.chips{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:64px;}
.chip{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 20px;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;}
.chip:hover{transform:translateY(-6px);border-color:rgba(242,62,5,.4);box-shadow:0 22px 44px -22px rgba(190,26,3,.4);}
.chip-orb{position:absolute;top:-26px;right:-26px;width:96px;height:96px;border-radius:50%;
  background:radial-gradient(circle at 38% 36%,#FFD9A8,#FF7E1B 42%,#F23E05 78%);filter:blur(.5px);opacity:.9;
  transition:transform .4s;}
.chip:hover .chip-orb{transform:scale(1.12);}
.chip-num{position:relative;font-family:var(--mono);font-size:12px;color:var(--ember);margin-bottom:42px;}
.chip-label{position:relative;font-weight:600;font-size:16px;line-height:1.18;letter-spacing:-.01em;}

/* ===================== HERO VIDEO ===================== */
.herovid{margin-top:30px;}

/* ===================== VIDEO SLOT ===================== */
.vslot{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);cursor:pointer;
  border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(26,20,17,.55);}
.vslot .media,.vslot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.vslot .media{display:flex;align-items:center;justify-content:center;}
.vslot.r169{aspect-ratio:16/9;}
.vslot.r916{aspect-ratio:9/16;}
.vslot.r11{aspect-ratio:1/1;}
.vslot.r45{aspect-ratio:4/5;}
.g-sun{background:linear-gradient(150deg,#FF7E1B 0%,#F23E05 52%,#BE1A03 100%);}
.g-dusk{background:linear-gradient(150deg,#2C1538 0%,#BE1A03 56%,#FF7E1B 100%);}
.g-ember{background:linear-gradient(150deg,#1A1411 0%,#F23E05 95%);}
.g-rose{background:linear-gradient(150deg,#5E2A6B 0%,#F23E05 68%,#FFB36B 100%);}
.vslot .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,17,0) 40%,rgba(26,20,17,.62) 100%);z-index:2;}
.vslot .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:74px;height:74px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;
  background:rgba(26,20,17,.18);backdrop-filter:blur(2px);transition:transform .3s,background .3s;padding-left:4px;}
.vslot:hover .play{transform:translate(-50%,-50%) scale(1.08);background:var(--ember);border-color:var(--ember);}
/* Video toggle: play circle hidden while playing, shown only when user pauses */
.vslot.has-video .play{opacity:0;pointer-events:none;transition:opacity .28s ease,transform .3s,background .3s;}
.vslot.has-video.is-paused .play{opacity:1;}
.vslot .vcap{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:16px 18px;}
.vslot .vcap .tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;
  border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:5px 9px;background:rgba(0,0,0,.2);}
.vslot .vcap .txt{font-size:14px;font-weight:500;color:#fff;letter-spacing:-.01em;}
.vslot .live{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.28);border-radius:30px;padding:5px 9px;}
.vslot .live i{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 0 rgba(242,62,5,.6);animation:pulse 2s infinite;font-style:normal;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,62,5,.55);}70%{box-shadow:0 0 0 8px rgba(242,62,5,0);}100%{box-shadow:0 0 0 0 rgba(242,62,5,0);}}

/* ===================== SECTION HEAD ===================== */
.section{padding:120px 0;position:relative;}
.section.tight{padding:96px 0;}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-bottom:1.5px solid currentColor;padding-bottom:18px;margin-bottom:54px;}
.shead .l{display:flex;align-items:baseline;gap:16px;}
.shead .num{font-family:var(--mono);font-size:13px;color:var(--ember);}
.shead h2{font-weight:800;font-size:clamp(32px,4.6vw,60px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;}
.shead h2 .it{font-style:italic;color:var(--ember);}
.shead .note{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);text-align:right;}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:18px;display:flex;align-items:center;gap:9px;}

/* ===================== ABOUT ===================== */
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start;}
.about-grid h2{font-weight:800;font-size:clamp(40px,6vw,84px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;}
.about-grid h2 .it{font-style:italic;color:var(--ember);}
.about-body p{font-size:19px;line-height:1.6;color:var(--muted);margin-bottom:22px;max-width:60ch;}
.about-body p b{color:var(--ink);font-weight:600;}
.cv-btn{display:inline-flex;align-items:center;gap:10px;margin-top:8px;background:var(--ink);color:var(--bone);font-weight:600;font-size:15px;
  padding:15px 26px;border-radius:40px;transition:background .25s,transform .25s,gap .25s;}
.cv-btn:hover{background:var(--ember);transform:translateY(-2px);gap:14px;}
.about-meta{margin-top:6px;display:flex;flex-direction:column;gap:18px;}
.ameta{border-top:1px solid var(--line);padding-top:14px;}
.ameta .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);}
.ameta .v{font-weight:600;font-size:18px;margin-top:4px;}

/* skills */
.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;}
.skill{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px 24px 28px;overflow:hidden;min-height:330px;
  display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;}
.skill:hover{transform:translateY(-6px);border-color:rgba(242,62,5,.35);box-shadow:0 26px 50px -28px rgba(190,26,3,.4);}
.skill-ic{width:128px;height:128px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:22px;
  filter:drop-shadow(0 16px 24px rgba(190,26,3,.28));transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.skill-ic img{width:100%;height:100%;object-fit:contain;}
.skill:hover .skill-ic{transform:scale(1.1) translateY(-3px);}
.skill h3{position:relative;font-weight:700;font-size:21px;letter-spacing:-.01em;line-height:1.05;}
.skill p{position:relative;font-size:14px;line-height:1.5;color:var(--muted);margin-top:11px;}

/* e-book language switcher */
.langs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;}
.lang-btn{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:30px;padding:10px 16px;color:var(--muted);background:transparent;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .2s;}
.lang-btn:hover{border-color:var(--ember);color:var(--ember);transform:translateY(-2px);}
.lang-btn.active{background:var(--ember);border-color:var(--ember);color:#fff;}
.langs-hint{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:12px;}

/* ===================== DARK BANDS ===================== */
.dark{background:var(--ink);color:var(--bone);}
.dark .shead{border-color:var(--line-d);}
.dark .shead .note,.dark .ameta .k{color:#9a9186;}
.dark .vslot{border-color:var(--line-d);}

/* work intro band */
.workintro{position:relative;background:var(--ink);color:var(--bone);overflow:hidden;padding:120px 0;}
.workintro-glow{position:absolute;bottom:-340px;left:50%;transform:translateX(-50%);width:1100px;height:680px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#F23E05 0%,rgba(242,62,5,.45) 38%,rgba(26,20,17,0) 68%);filter:blur(8px);}
.workintro .inner{position:relative;}
.workintro h2{font-weight:900;font-size:clamp(48px,9vw,128px);line-height:.86;letter-spacing:-.04em;text-transform:uppercase;}
.workintro h2 .it{font-style:italic;color:var(--amber);}
.workintro .row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:36px;flex-wrap:wrap;}
.workintro .row p{max-width:480px;font-size:18px;line-height:1.55;color:#cfc6bb;}
.workintro .brandtag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);
  border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:10px 16px;white-space:nowrap;}

/* ===================== CAMPAIGN ===================== */
.camp-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;}
.camp-copy .idea{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember);margin-bottom:14px;}
.camp-copy h3{font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1.05;margin-bottom:8px;}
.camp-copy h3 .lead{color:var(--muted);font-weight:400;}
.camp-copy p{font-size:16px;line-height:1.6;color:var(--muted);margin:16px 0;max-width:54ch;}
.camp-copy .sub{font-weight:700;font-size:21px;margin-top:26px;letter-spacing:-.01em;}

/* phone mock */
.phone{position:relative;width:300px;max-width:100%;aspect-ratio:9/19;border-radius:38px;background:#0c0a08;padding:10px;margin:0 auto;
  box-shadow:0 40px 90px -40px rgba(26,20,17,.6),inset 0 0 0 2px rgba(255,255,255,.06);}
.phone .screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000;}
.phone .notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:0 0 16px 16px;background:#0c0a08;z-index:4;}
.phone .screen .media,.phone .screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.phone.tilt{transform:rotate(-3deg);} .phone.tilt2{transform:rotate(3deg);}

/* impact stats list */
.impact{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:72px;}
.impact-head{font-weight:800;font-size:clamp(30px,4vw,46px);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:8px;}
.impact-list{display:flex;flex-direction:column;}
.istat{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.dark .istat{border-color:var(--line-d);}
.istat .big{font-weight:800;font-size:clamp(34px,4vw,52px);letter-spacing:-.03em;line-height:1;min-width:max-content;}
.istat .big .u{color:var(--ember);}
.istat .lab{font-size:15px;color:var(--muted);}
.dark .istat .lab{color:#cfc6bb;}

/* stat cards row */
.statcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.statcard{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--paper);}
.dark .statcard{background:rgba(255,255,255,.04);border-color:var(--line-d);}
.statcard .b{font-weight:800;font-size:40px;letter-spacing:-.02em;}
.statcard .b .u{color:var(--ember);}
.statcard .l{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-top:6px;}
.dark .statcard .l{color:#9a9186;}

/* ===================== TWO-VIDEO ROWS ===================== */
.vrow{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;margin-bottom:40px;}
.vrow.flip{grid-template-columns:.7fr 1.3fr;}
.vrow.flip .vrow-copy{order:-1;}
.vrow-copy .impact-head{font-size:clamp(26px,3vw,38px);}
.vrow-copy p{font-size:18px;color:var(--muted);line-height:1.5;}
.vrow-copy p .u{color:var(--ember);font-weight:700;}

/* ===================== EBOOK ===================== */
.ebook-top{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:center;}
.ebook-top .copy p{font-size:18px;line-height:1.6;color:var(--muted);max-width:48ch;}
.ebook-top .copy .langs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;}
.ebook-top .copy .langs span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:30px;padding:8px 13px;color:var(--muted);}
.results{margin-top:80px;}
.results h3{text-align:center;font-weight:700;font-size:26px;letter-spacing:-.01em;margin-bottom:40px;}
.flags{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:880px;margin:0 auto;}
.flag{text-align:center;}
.flag .fl{width:62px;height:42px;border-radius:7px;margin:0 auto 16px;box-shadow:0 10px 24px -12px rgba(26,20,17,.5);overflow:hidden;}
.flag .fl img{width:100%;height:100%;object-fit:cover;}
.flag .b{font-weight:800;font-size:36px;letter-spacing:-.02em;}
.flag .l{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-top:4px;}
.results .total{text-align:center;margin-top:48px;font-weight:800;font-size:clamp(30px,5vw,64px);letter-spacing:-.03em;text-transform:uppercase;}
.results .total .u{color:var(--ember);}

/* ===================== PODCAST ===================== */
.pod-phones{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:24px;justify-content:center;}
.yt-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;}
.yt{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line-d);}
.yt .media{position:absolute;inset:0;}
.yt .ytplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:62px;height:44px;border-radius:10px;background:#FF0000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;padding-left:3px;transition:transform .3s;}
.yt:hover .ytplay{transform:translate(-50%,-50%) scale(1.1);}
.yt .ytcap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px 16px;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));}

/* ===================== CAROUSEL ===================== */
.carousel{position:relative;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);}
.track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;cursor:grab;scrollbar-width:none;}
.track::-webkit-scrollbar{display:none;}
.track.grabbing{cursor:grabbing;}
.track > *{scroll-snap-align:start;flex:0 0 auto;}
.track .vslot.r916{width:280px;}
.carousel-hint{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px;}

/* ===================== AI GRID ===================== */
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ai-grid .vslot{aspect-ratio:9/16;}

/* ===================== REBRANDING ===================== */
.rebrand{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;}
.rebrand .copy h3{font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;}
.rebrand .copy h3 .it{font-style:italic;color:var(--amber);}
.rebrand .copy p{font-size:17px;line-height:1.6;color:#cfc6bb;margin-top:20px;max-width:46ch;}
.rebrand .copy .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.rebrand .copy .tags span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line-d);border-radius:30px;padding:8px 13px;color:var(--amber);}
.browser{border-radius:14px;overflow:hidden;border:1px solid var(--line-d);background:#0e0c0a;box-shadow:0 40px 90px -44px rgba(0,0,0,.7);}
.browser .bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#181410;border-bottom:1px solid var(--line-d);}
.browser .dot{width:11px;height:11px;border-radius:50%;}
.browser .url{margin-left:14px;flex:1;font-family:var(--mono);font-size:11px;color:#9a9186;background:rgba(255,255,255,.05);border-radius:7px;padding:6px 12px;}
.browser .view{position:relative;aspect-ratio:16/10;}
.browser .view .media{position:absolute;inset:0;}
/* PDF brand-manual card */
.pdf-card{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line-d);background:#0e0c0a;box-shadow:0 40px 90px -44px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s;}
.pdf-card:hover{transform:translateY(-5px);box-shadow:0 56px 110px -40px rgba(0,0,0,.82);}
.pdf-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0e1430;}
.pdf-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.pdf-meta{display:flex;flex-direction:column;gap:5px;padding:16px 20px;border-top:1px solid var(--line-d);}
.pdf-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);}
.pdf-name{font-weight:600;font-size:16px;color:var(--bone);}

/* ===================== CONTACT ===================== */
.contact{position:relative;background:var(--ember);color:var(--bone);overflow:hidden;padding:130px 0 56px;}
.contact-glow{position:absolute;top:-160px;right:-120px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,#FFC78A 0%,rgba(255,199,138,0) 64%);opacity:.55;}
.contact .inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;}
.contact .kicker{color:var(--ink);}
.contact h2{font-weight:900;font-size:clamp(48px,8vw,118px);line-height:.86;letter-spacing:-.04em;text-transform:uppercase;}
.contact h2 .it{font-style:italic;}
.contact .details{margin-top:34px;display:flex;flex-direction:column;gap:6px;}
.contact .details a,.contact .details span{font-weight:600;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.01em;width:fit-content;}
.contact .details a{transition:opacity .2s;}
.contact .details a:hover{opacity:.7;}
.contact .socials{display:flex;gap:14px;margin-top:30px;}
.contact .socials a{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:30px;padding:11px 18px;transition:background .25s,color .25s;}
.contact .socials a:hover{background:var(--ink);color:var(--bone);}
.contact-foot{position:relative;display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:22px;border-top:1px solid rgba(26,20,17,.28);
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);flex-wrap:wrap;}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1080px){
  :root{--pad:40px;}
  .chips{grid-template-columns:repeat(2,1fr);}
  .skills-grid{grid-template-columns:repeat(2,1fr);}
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .camp-top,.impact,.ebook-top,.rebrand,.contact .inner{grid-template-columns:1fr;gap:40px;}
  .hero-main{grid-template-columns:1fr;gap:36px;}
  .hero-photo{margin:0 auto;}
  .vrow,.vrow.flip{grid-template-columns:1fr;}
  .vrow.flip .vrow-copy{order:0;}
  .ai-grid{grid-template-columns:repeat(2,1fr);}
  .flags{grid-template-columns:repeat(2,1fr);gap:36px;}
  .statcards{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  :root{--pad:22px;}
  .nav-links{display:none;}
  .nav-links.on{display:flex;position:fixed;top:62px;right:22px;left:22px;flex-direction:column;gap:18px;background:var(--bone);
    border:1px solid var(--line);border-radius:18px;padding:26px;align-items:flex-start;box-shadow:0 30px 60px -30px rgba(0,0,0,.4);}
  .nav-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;}
  .nav-burger i{width:24px;height:2px;background:var(--ink);display:block;}
  .hero{padding-top:150px;}
  .chips{grid-template-columns:1fr 1fr;}
  .skills-grid{grid-template-columns:1fr;}
  .ai-grid{grid-template-columns:1fr 1fr;}
  .pod-phones{grid-template-columns:1fr;}
  .yt-grid{grid-template-columns:1fr;}
  .flags{grid-template-columns:1fr 1fr;}
  .statcards{grid-template-columns:1fr 1fr;}
  .section{padding:84px 0;}
}