/* ════════════════════════════════════════════════════
   CYRON × LAYERS THEME  ·  cyron-layers.css
   Cinematic dark/red "Marcus Vane" landing imitation.
   Loaded LAST — overrides cyron-design.css + inline styles.
   Only restyles the HOME page + global nav/footer/lightbox.
   All JS hooks (#work-grid, #stats, syz-*, etc.) preserved.
════════════════════════════════════════════════════ */

/* No extra fonts — the new layout reuses Cyron's existing Syne + Nunito Sans. */

:root{
  /* ── Remapped to Cyron's OWN design system, so the new layout blends
        into the existing UI instead of replacing it. Change these and
        the whole new layout re-skins with the site. ── */
  --mv-bg:      var(--bg);
  --mv-bg-2:    var(--bg-2);
  --mv-panel:   var(--bg-3);
  --mv-cream:   var(--ink);
  --mv-cream-2: var(--ink-soft);
  --mv-muted:   var(--muted);
  --mv-line:    var(--line-soft);
  --mv-line-2:  var(--line);
  --mv-red:     var(--accent);
  --mv-red-2:   var(--accent-2);
  --mv-red-soft:var(--accent-soft);
  --mv-display: 'Sora', var(--display);
  --mv-grotesk: var(--body);
  --mv-maxw:    1180px;
  --mv-pad:     var(--pad);
}

/* ── Keep body transparent so the WebGL fluid cursor (#fluid, z-index:-1)
      stays visible through the page, exactly like the original site. ── */
.mv-home ::selection{background:var(--mv-red);color:#fff;}

/* shared wrap override on home */
.mv-home .wrap{max-width:var(--mv-maxw);margin:0 auto;padding-left:var(--mv-pad);padding-right:var(--mv-pad);width:100%;}

/* eyebrow with red dot */
.mv-ey{font-family:var(--mv-grotesk);font-size:12px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--mv-cream-2);display:inline-flex;align-items:center;gap:.9em;}
.mv-ey::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mv-red);box-shadow:0 0 16px var(--mv-red);}

/* generic display heading */
.mv-h{font-family:var(--mv-display);font-weight:400;line-height:.92;letter-spacing:.005em;text-transform:uppercase;color:var(--mv-cream);margin:0;}

/* ══════════════ RIBBON (slimmed) ══════════════ */
.mv-home .ribbon{background:#000;border-bottom:1px solid var(--mv-line);color:var(--mv-muted);font-family:var(--mv-grotesk);font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.mv-home .ribbon b{color:var(--mv-cream-2);}
.mv-home .ribbon a{color:var(--mv-red-2);}

/* ══════════════ PROGRESS BAR ══════════════ */
.mv-home #prog{background:var(--mv-red);height:2px;}

/* NAV: intentionally NOT restyled — Cyron's original nav bar is kept as-is. */

/* ══════════════ HERO ══════════════ */
.mv-hero{position:relative;min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:40px 0 120px;}
.mv-hero-inner{position:relative;width:100%;max-width:var(--mv-maxw);margin:0 auto;padding:0 var(--mv-pad);min-height:62vh;}

/* stacked role words (top-left) */
.mv-roles{position:relative;z-index:4;font-family:var(--mv-display);font-size:clamp(34px,5.4vw,72px);line-height:.92;color:var(--mv-cream);text-transform:uppercase;letter-spacing:.01em;}
.mv-roles span{display:block;}
.mv-roles span:nth-child(odd){opacity:.96;}

/* blurb (top-right) */
.mv-hero-blurb{position:absolute;top:6px;right:var(--mv-pad);max-width:30ch;text-align:right;z-index:4;font-family:var(--mv-grotesk);font-size:clamp(14px,1.1vw,16px);line-height:1.55;color:var(--mv-cream-2);}

/* giant red name behind figure */
.mv-bigname{position:absolute;left:0;right:0;bottom:-1.5vw;z-index:1;font-family:var(--mv-display);text-transform:uppercase;text-align:center;line-height:.8;letter-spacing:.01em;pointer-events:none;color:var(--mv-red);font-size:clamp(110px,21vw,320px);background:linear-gradient(180deg,var(--mv-red) 58%,rgba(255,59,32,.15));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.mv-bigname span{display:block;}

/* centered figure (uses #heroImgClick) */
.mv-figure{position:absolute;left:50%;bottom:-120px;transform:translateX(-50%);z-index:2;width:min(46vw,560px);aspect-ratio:3/4.1;}
.mv-figure .hero-img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:radial-gradient(62% 68% at 50% 32%,rgba(255,255,255,.06),rgba(255,255,255,.015) 55%,transparent 72%);box-shadow:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent);}
.mv-figure .hero-img::after{content:"YOUR CUT-OUT PHOTO";color:rgba(236,231,222,.32);letter-spacing:.3em;font-family:var(--mv-grotesk);font-size:11px;}
.mv-figure .hero-img:hover{transform:none;box-shadow:none;}
.mv-figure .hero-img.has-upload{background:transparent;}
.mv-figure .hero-img img,.mv-figure .hero-img video{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}

/* hero footer row */
.mv-hero-foot{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--mv-maxw);margin:0 auto;padding:0 var(--mv-pad);width:100%;margin-top:auto;}
.mv-scrollcue{font-family:var(--mv-grotesk);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--mv-cream-2);display:inline-flex;align-items:center;gap:14px;}
.mv-scrollcue::before{content:"";width:48px;height:1px;background:var(--mv-red);}
.mv-hero-actions{display:flex;gap:10px;}
.mv-btn{font-family:var(--mv-grotesk);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:13px 22px;border-radius:2px;cursor:pointer;border:1px solid var(--mv-line-2);background:transparent;color:var(--mv-cream);transition:border-color .25s,color .25s,background .25s;display:inline-flex;align-items:center;gap:.7ch;}
.mv-btn:hover{border-color:var(--mv-red);color:#fff;background:var(--mv-red-soft);}
.mv-btn.solid{background:var(--mv-red);border-color:var(--mv-red);color:#fff;}
.mv-btn.solid:hover{background:var(--mv-red-2);box-shadow:0 14px 40px -14px var(--mv-red);}

/* ══════════════ MARQUEE BAND ══════════════ */
.mv-home .marquee{border-top:1px solid var(--mv-line);border-bottom:1px solid var(--mv-line);padding:26px 0;margin-top:0;background:#0c0c0c;}
.mv-home .mtrack .tool-item{font-family:var(--mv-display);text-transform:uppercase;font-size:clamp(22px,2.6vw,34px);color:var(--mv-cream);letter-spacing:.02em;padding:0 30px;}
.mv-home .mtrack .tool-item .sep{color:var(--mv-red);margin-left:30px;font-size:18px;opacity:1;}

/* ══════════════ SECTION SHELL ══════════════ */
.mv-sec{border-top:1px solid var(--mv-line);padding:clamp(72px,10vw,150px) 0;}
.mv-sec .wrap{max-width:var(--mv-maxw);}
.mv-sec-head{display:flex;flex-direction:column;gap:22px;margin-bottom:clamp(40px,5vw,68px);}
.mv-sec-head.right{align-items:flex-end;text-align:right;}
.mv-sec-title{font-family:var(--mv-display);font-size:clamp(40px,6.2vw,92px);line-height:.9;text-transform:uppercase;color:var(--mv-cream);margin:0;}

/* parallax band restyle (kept) */
.mv-home .parallax-band{border-top:1px solid var(--mv-line);}
.mv-home .parallax-band h2{font-family:var(--mv-display);text-transform:uppercase;}
.mv-home .parallax-band h2 em{color:var(--mv-red);font-style:normal;-webkit-text-fill-color:currentColor;background:none;}
.mv-home .px-eyebrow{color:var(--mv-cream-2);letter-spacing:.34em;}

/* ══════════════ STORY (about) ══════════════ */
.mv-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:start;}
.mv-story-left .mv-sec-title{margin-top:22px;}
.mv-story-lead{margin-top:28px;color:var(--mv-cream-2);font-size:clamp(15px,1.2vw,17px);line-height:1.7;max-width:46ch;}
.mv-story-lead strong{color:var(--mv-cream);font-weight:600;}
.mv-portrait{margin-top:34px;width:min(280px,60%);aspect-ratio:4/5;background:linear-gradient(160deg,#1a1a1a,#0c0c0c);border:1px solid var(--mv-line-2);overflow:hidden;cursor:pointer;}
.mv-portrait .ph{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:transparent;display:grid;place-items:center;box-shadow:none;}
.mv-portrait .ph span{font-family:var(--mv-grotesk);font-size:10px;letter-spacing:.3em;color:var(--mv-muted);text-transform:uppercase;}
.mv-portrait .ph:hover{transform:none;box-shadow:none;}
.mv-portrait .ph img,.mv-portrait .ph video{width:100%;height:100%;object-fit:cover;}

/* principles list (right) */
.mv-principles{display:flex;flex-direction:column;}
.mv-principle{display:grid;grid-template-columns:auto 1fr;gap:26px;padding:26px 0;border-top:1px solid var(--mv-line);}
.mv-principle:first-child{border-top:0;padding-top:0;}
.mv-principle .pn{font-family:var(--mv-display);font-size:28px;color:var(--mv-red);line-height:1;}
.mv-principle h3{font-family:var(--mv-grotesk);font-weight:600;font-size:clamp(18px,1.7vw,23px);color:var(--mv-cream);margin:0 0 10px;letter-spacing:-.01em;}
.mv-principle p{font-family:var(--mv-grotesk);font-size:14.5px;line-height:1.6;color:var(--mv-cream-2);margin:0;}

/* ══════════════ SELECTED WORK (work-grid restyle) ══════════════ */
.mv-work-counter{font-family:var(--mv-grotesk);font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--mv-muted);}
.mv-work-counter b{color:var(--mv-cream);}
.mv-home #work-grid.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);}
.mv-home .wcard{display:flex;flex-direction:column;background:none;border:0;border-radius:0;overflow:visible;}
.mv-home .wcard:nth-child(even){margin-top:clamp(40px,7vw,110px);}
.mv-home .wcard .wimg{position:relative;aspect-ratio:16/11;border-radius:0;overflow:hidden;transition:filter .5s,transform .5s;}
.mv-home .wcard .wimg:not(.has-img){filter:grayscale(1) contrast(1.05) brightness(.82);}
.mv-home .wcard:hover .wimg:not(.has-img){filter:grayscale(.1) contrast(1.05) brightness(.95);}
.mv-home .wcard .wimg::before,.mv-home .wcard .wimg::after{content:"";position:absolute;top:0;width:64px;height:30px;background-image:repeating-linear-gradient(45deg,var(--mv-cream) 0 6px,transparent 6px 12px);opacity:.55;z-index:2;}
.mv-home .wcard .wimg::before{left:0;}
.mv-home .wcard .wimg::after{right:0;transform:scaleX(-1);}
/* Those two hatch marks are decoration for the EMPTY placeholder tile. Over a
   real uploaded photo they read as a glitch in the corner, so drop them - but
   keep the bottom scrim so the title stays legible. */
.mv-home .wcard .wimg.has-img::before{content:none;}
.mv-home .wcard .wimg.has-img::after{
  content:"";position:absolute;inset:0;top:auto;width:auto;height:55%;
  background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5));
  opacity:1;transform:none;z-index:1;
}
.mv-home .wcard .wyr{position:absolute;top:14px;right:16px;font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.18em;color:#fff;background:rgba(0,0,0,.5);padding:4px 10px;z-index:3;}
.mv-home .wcard .ph-wm{font-family:var(--mv-display);font-size:clamp(20px,2.4vw,30px);color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.04em;}
.mv-home .wcard .wbody{padding:20px 2px 0;display:block;}
.mv-home .wcard .wt{font-family:var(--mv-grotesk);font-weight:700;font-size:clamp(20px,2vw,27px);color:var(--mv-cream);letter-spacing:-.01em;}
.mv-home .wcard .wd{font-family:var(--mv-grotesk);font-size:14.5px;line-height:1.55;color:var(--mv-cream-2);margin-top:8px;max-width:42ch;}
.mv-home .wcard .wgo{display:inline-block;margin-top:14px;font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mv-red-2);}

/* ══════════════ IMPACT (stats) ══════════════ */
.mv-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mv-line-2);background:none;border-radius:0;padding:0;margin-top:0;}
.mv-home .mv-stats.stats-strip:hover{border-color:var(--mv-line-2);}
.mv-home .mv-stats .stat{padding:clamp(28px,3vw,44px) clamp(18px,2vw,30px) 8px;border-right:1px solid var(--mv-line);}
.mv-home .mv-stats .stat:last-child{border-right:0;}
.mv-home .mv-stats .snum{font-family:var(--mv-display);font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:.01em;-webkit-text-fill-color:var(--mv-cream);color:var(--mv-cream);background:none;}
.mv-home .mv-stats .stat:last-child .snum{-webkit-text-fill-color:var(--mv-red);color:var(--mv-red);}
.mv-home .mv-stats .slab{font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mv-cream-2);margin-top:18px;line-height:1.5;}

/* expertise lists under stats */
.mv-expertise{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);margin-top:clamp(48px,6vw,90px);}
.mv-exp-col h4{font-family:var(--mv-grotesk);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--mv-muted);margin:0 0 22px;}
.mv-exp-list{list-style:none;margin:0;padding:0;}
.mv-exp-list li{display:flex;gap:18px;align-items:baseline;padding:15px 0;border-top:1px solid var(--mv-line);font-family:var(--mv-grotesk);font-size:clamp(16px,1.5vw,20px);color:var(--mv-cream);}
.mv-exp-list li .n{font-family:var(--mv-display);font-size:15px;color:var(--mv-red);min-width:30px;}
.mv-chips{display:flex;flex-wrap:wrap;gap:9px;}
.mv-chip{font-family:var(--mv-grotesk);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--mv-cream-2);border:1px solid var(--mv-line-2);border-radius:2px;padding:8px 14px;text-transform:uppercase;transition:border-color .2s,color .2s;}
.mv-chip:hover{border-color:var(--mv-red);color:var(--mv-cream);}

/* ══════════════ VENTURES ══════════════ */
.mv-vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);}
.mv-vcard{border:1px solid var(--mv-line);padding:clamp(26px,3vw,38px);background:#0d0d0d;transition:border-color .3s,transform .3s;}
.mv-vcard:hover{border-color:var(--mv-line-2);transform:translateY(-5px);}
.mv-vcard .vn{font-family:var(--mv-display);font-size:30px;color:var(--mv-red);line-height:1;}
.mv-vcard h3{font-family:var(--mv-grotesk);font-weight:700;font-size:clamp(18px,1.7vw,22px);color:var(--mv-cream);margin:18px 0 12px;}
.mv-vcard p{font-family:var(--mv-grotesk);font-size:14.5px;line-height:1.6;color:var(--mv-cream-2);margin:0;}
.mv-goal{margin-top:clamp(34px,4vw,52px);border-left:2px solid var(--mv-red);padding:6px 0 6px 28px;}
.mv-goal .gl{font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--mv-muted);margin-bottom:12px;}
.mv-goal p{font-family:var(--mv-display);text-transform:uppercase;font-size:clamp(20px,2.4vw,32px);line-height:1.05;color:var(--mv-cream);margin:0;max-width:28ch;}

/* ══════════════ BEYOND (hobby-grid) ══════════════ */
.mv-home #hobby-grid.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);}
.mv-home .hcard{border:1px solid var(--mv-line);background:#0d0d0d;border-radius:0;overflow:hidden;transition:border-color .3s,transform .3s;}
.mv-home .hcard:hover{border-color:var(--mv-line-2);transform:translateY(-4px);}
.mv-home .hcard .himg{aspect-ratio:4/3;filter:none;display:grid;place-items:center;}
.mv-home .hcard .himg.has-img{background:var(--bg-2);}
.mv-home .hcard .himg img,.mv-home .hcard .himg video{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:none;}
/* the placeholder tiles keep their muted treatment; only real uploads are full colour */
.mv-home .hcard .himg:not(.has-img){filter:grayscale(1) brightness(.8);}
.mv-home .hcard .himg .ph-wm{font-family:var(--mv-display);text-transform:uppercase;color:rgba(255,255,255,.85);font-size:22px;}
.mv-home .hcard .hb{padding:16px 18px;}
.mv-home .hcard .ht{font-family:var(--mv-grotesk);font-weight:700;color:var(--mv-cream);font-size:16px;}
.mv-home .hcard .hd{font-family:var(--mv-grotesk);font-size:13px;color:var(--mv-cream-2);margin-top:4px;}
.mv-infl{font-family:var(--mv-grotesk);color:var(--mv-cream-2);font-size:clamp(15px,1.3vw,18px);line-height:1.7;max-width:70ch;margin-top:clamp(30px,4vw,48px);}

/* ══════════════ VOICES (testimonials switcher) ══════════════ */
.mv-voices-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,80px);align-items:start;}
.mv-voice-list{display:flex;flex-direction:column;}
.mv-voice-item{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid var(--mv-line);padding:22px 0;cursor:pointer;width:100%;transition:opacity .25s;}
.mv-voice-item:first-child{border-top:0;}
.mv-voice-item .vi-n{font-family:var(--mv-grotesk);font-size:13px;letter-spacing:.1em;color:var(--mv-muted);}
.mv-voice-item .vi-name{font-family:var(--mv-grotesk);font-weight:600;font-size:clamp(17px,1.6vw,22px);color:var(--mv-cream-2);transition:color .25s;}
.mv-voice-item .vi-role{font-family:var(--mv-grotesk);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-muted);margin-top:3px;}
.mv-voice-item .vi-line{width:0;height:1px;background:var(--mv-red);transition:width .3s;}
.mv-voice-item.active .vi-n{color:var(--mv-red);}
.mv-voice-item.active .vi-name{color:var(--mv-cream);}
.mv-voice-item.active .vi-line{width:40px;}
.mv-voice-quote{position:relative;}
.mv-voice-quote .vq-stars{color:var(--mv-red);letter-spacing:3px;font-size:14px;margin-bottom:20px;}
.mv-voice-quote blockquote{font-family:var(--mv-grotesk);font-weight:500;font-size:clamp(20px,2.3vw,32px);line-height:1.32;color:var(--mv-cream);margin:0;letter-spacing:-.01em;}
.mv-voice-quote .vq-by{font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mv-cream-2);margin-top:26px;}

/* prefooter logo marquee restyle */
.mv-home .prefooter-marquee{border-top:1px solid var(--mv-line);}
.mv-home .prefooter-marquee .sec-title{font-family:var(--mv-display);text-transform:uppercase;}
.mv-home .logo-card{filter:grayscale(1) brightness(.9);opacity:.7;transition:filter .3s,opacity .3s;}
.mv-home .logo-card:hover{filter:grayscale(0);opacity:1;}
.mv-home .logo-card span{font-family:var(--mv-display);text-transform:uppercase;color:var(--mv-cream-2);}

/* ══════════════ CONTACT ══════════════ */
.mv-contact-head .mv-sec-title{font-size:clamp(40px,7vw,108px);max-width:16ch;}
.mv-contact-sub{font-family:var(--mv-grotesk);font-size:clamp(15px,1.3vw,18px);color:var(--mv-cream-2);margin:30px 0 26px;max-width:46ch;}
.mv-mail{display:inline-flex;align-items:center;gap:18px;font-family:var(--mv-grotesk);font-weight:500;font-size:clamp(26px,4.4vw,60px);color:var(--mv-cream);text-decoration:none;letter-spacing:-.02em;transition:color .25s;}
.mv-mail:hover{color:#fff;}
.mv-mail::after{content:"↗";color:var(--mv-red);font-weight:400;transition:transform .3s;display:inline-block;}
.mv-mail:hover::after{transform:translate(6px,-6px);}
.mv-contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;}
.mv-contact-links a{font-family:var(--mv-grotesk);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mv-cream-2);border:1px solid var(--mv-line-2);border-radius:2px;padding:12px 20px;text-decoration:none;transition:border-color .25s,color .25s;}
.mv-contact-links a:hover{border-color:var(--mv-red);color:var(--mv-cream);}

/* compact contact form (kept, restyled) */
.mv-form{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--mv-line);padding-top:clamp(36px,4vw,56px);max-width:760px;}
.mv-home .cform .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.mv-home .cform .cf-field{margin-bottom:18px;}
.mv-home .cform label{font-family:var(--mv-grotesk);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mv-muted);display:block;margin-bottom:9px;}
.mv-home .cform input,.mv-home .cform textarea{width:100%;background:#0d0d0d;border:1px solid var(--mv-line-2);border-radius:2px;color:var(--mv-cream);font-family:var(--mv-grotesk);font-size:15px;padding:14px 16px;transition:border-color .2s;}
.mv-home .cform input:focus,.mv-home .cform textarea:focus{outline:none;border-color:var(--mv-red);}
.mv-home .cform textarea{min-height:130px;resize:vertical;}
.mv-home .cf-submit{margin-top:6px;background:var(--mv-red);border:1px solid var(--mv-red);color:#fff;font-family:var(--mv-grotesk);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:15px 28px;border-radius:2px;cursor:pointer;transition:background .25s,box-shadow .25s;}
.mv-home .cf-submit:hover{background:var(--mv-red-2);box-shadow:0 14px 40px -14px var(--mv-red);}
.mv-home .cform-status{font-family:var(--mv-grotesk);font-size:13px;margin-top:14px;color:var(--mv-cream-2);}
.mv-home .cform-status.err{color:var(--mv-red-2);}
.mv-home .cf-note{font-family:var(--mv-grotesk);font-size:12px;color:var(--mv-muted);margin-top:10px;}

/* ══════════════ FOOTER ══════════════ */
.mv-foot{border-top:1px solid var(--mv-line-2);padding:clamp(48px,6vw,80px) 0 40px;}
.mv-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;align-items:start;}
.mv-foot-brand{font-family:var(--mv-display);font-size:clamp(34px,4.6vw,58px);text-transform:uppercase;color:var(--mv-cream);line-height:.9;}
.mv-foot-tag{font-family:var(--mv-grotesk);font-size:13px;color:var(--mv-cream-2);margin-top:14px;max-width:34ch;}
.mv-foot-col h5{font-family:var(--mv-grotesk);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mv-muted);margin:0 0 16px;}
.mv-foot-col a,.mv-foot-col button{display:block;background:none;border:0;text-align:left;font-family:var(--mv-grotesk);font-size:14px;color:var(--mv-cream-2);text-decoration:none;padding:6px 0;cursor:pointer;transition:color .2s;}
.mv-foot-col a:hover,.mv-foot-col button:hover{color:var(--mv-red-2);}
.mv-foot-base{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(40px,5vw,70px);padding-top:24px;border-top:1px solid var(--mv-line);font-family:var(--mv-grotesk);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-muted);}
.mv-foot-base .totop{background:none;border:0;color:var(--mv-cream-2);font-family:var(--mv-grotesk);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-size:11px;}
.mv-foot-base .totop:hover{color:var(--mv-red-2);}

/* ══════════════ SAMYAZA accents (keep, retint) ══════════════ */
.mv-home .syz-bubble{background:var(--mv-red)!important;}
.mv-home .syz-avatar{background:var(--mv-red);}

/* ══════════════ REVEAL ══════════════ */
.mv-home .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,.7,.2,1),transform .8s cubic-bezier(.16,.7,.2,1);}
.mv-home .reveal.in{opacity:1;transform:none;}

/* ══════════════ RESPONSIVE ══════════════ */
@media(max-width:1000px){
  .mv-story-grid{grid-template-columns:1fr;gap:48px;}
  .mv-expertise{grid-template-columns:1fr;}
  .mv-voices-grid{grid-template-columns:1fr;gap:40px;}
  .mv-foot-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:780px){
  .mv-hero-blurb{position:static;text-align:left;max-width:100%;margin-top:22px;}
  .mv-bigname{font-size:clamp(76px,26vw,150px);bottom:0;}
  .mv-figure{width:min(72vw,420px);bottom:-80px;}
  .mv-hero{min-height:auto;padding-bottom:90px;}
  .mv-home #work-grid.work-grid{grid-template-columns:1fr;}
  .mv-home .wcard:nth-child(even){margin-top:0;}
  .mv-stats{grid-template-columns:1fr 1fr;}
  .mv-home .mv-stats .stat:nth-child(2){border-right:0;}
  .mv-home .mv-stats .stat{border-bottom:1px solid var(--mv-line);}
  .mv-vgrid{grid-template-columns:1fr;}
  .mv-home #hobby-grid.hgrid{grid-template-columns:1fr 1fr;}
  .mv-home .cform .cf-row{grid-template-columns:1fr;}
  .mv-foot-grid{grid-template-columns:1fr;}
  .mv-hero-foot{flex-direction:column;align-items:flex-start;gap:18px;}
}

/* ════════════════════════════════════════════════════
   ENHANCEMENTS v2  ·  marquee · hero fix · type · voices · 3D bg
════════════════════════════════════════════════════ */

/* ── 1. Marquees never pause on hover ── */
.mv-home .mtrack:hover,
.mv-home .marquee:hover .mtrack,
.mv-home .image-marquee-track:hover,
.mv-home .image-marquee:hover .image-marquee-track,
.mv-home .uiux-marquee-row:hover .uiux-marquee-track{animation-play-state:running!important;}

/* ── 2. Hero figure: kill the awkward gloss light + hard mask line ── */
.mv-figure .hero-img .gloss{display:none!important;}
.mv-figure .hero-img{
  background:radial-gradient(58% 60% at 50% 36%,rgba(255,255,255,.04),transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 58%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 58%,transparent 100%);
}
.mv-figure::after{content:"";position:absolute;left:50%;top:8%;width:78%;height:60%;transform:translateX(-50%);
  background:radial-gradient(50% 50% at 50% 50%,rgba(110,99,255,.16),transparent 70%);
  filter:blur(30px);z-index:-1;pointer-events:none;}

/* ── 3. Professional typography — heavier, tighter, no stretched/thin look ── */
.mv-bigname{font-weight:800;letter-spacing:-.02em;}
.mv-roles{font-weight:800;letter-spacing:-.012em;font-size:clamp(32px,5vw,66px);}
.mv-sec-title{font-weight:800;letter-spacing:-.018em;}
.mv-foot-brand{font-weight:800;letter-spacing:-.02em;}
.mv-home .mtrack .tool-item{font-weight:700;letter-spacing:-.005em;}
.mv-hero-blurb{font-weight:500;}
.mv-goal p{font-weight:700;letter-spacing:-.01em;}
.mv-home .parallax-band h2{font-weight:800;letter-spacing:-.018em;}
.mv-home .prefooter-marquee .sec-title{font-weight:800;letter-spacing:-.018em;}

/* ── 4. Feedback / Voices — clean readable grid ── */
.mv-tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2vw,26px);}
.mv-tcard{display:flex;flex-direction:column;gap:18px;background:var(--mv-panel);border:1px solid var(--mv-line);border-radius:16px;padding:clamp(24px,2.6vw,34px);transition:border-color .3s,transform .3s;}
.mv-tcard:hover{border-color:var(--mv-line-2);transform:translateY(-4px);}
.mv-tcard .tc-stars{color:var(--mv-red);letter-spacing:3px;font-size:14px;}
.mv-tcard blockquote{margin:0;font-family:var(--mv-grotesk);font-weight:500;font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--mv-cream);}
.mv-tcard .tc-by{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:6px;}
.mv-tcard .tc-avatar{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-family:var(--mv-display);font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--mv-red),var(--mv-red-2));}
.mv-tcard .tc-name{font-family:var(--mv-grotesk);font-weight:700;font-size:15px;color:var(--mv-cream);}
.mv-tcard .tc-role{font-family:var(--mv-grotesk);font-size:12.5px;color:var(--mv-cream-2);margin-top:2px;}

/* ── 5. 3D scroll-reactive background (lightweight CSS orbs + parallax) ── */
.mv-orbs{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;contain:strict;}
.mv-orb-w{position:absolute;inset:0;will-change:transform;}
.mv-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform;mix-blend-mode:screen;animation:mvDrift 26s ease-in-out infinite;}
.mv-orb.o1{width:46vw;height:46vw;left:-8vw;top:2vh;background:radial-gradient(circle,rgba(110,99,255,.55),transparent 66%);animation-duration:30s;}
.mv-orb.o2{width:40vw;height:40vw;right:-6vw;top:24vh;background:radial-gradient(circle,rgba(176,108,255,.5),transparent 66%);animation-duration:38s;animation-delay:-6s;}
.mv-orb.o3{width:38vw;height:38vw;left:18vw;top:62vh;background:radial-gradient(circle,rgba(255,108,171,.4),transparent 66%);animation-duration:34s;animation-delay:-12s;}
.mv-orb.o4{width:34vw;height:34vw;right:12vw;top:88vh;background:radial-gradient(circle,rgba(45,212,191,.38),transparent 66%);animation-duration:42s;animation-delay:-4s;}
@keyframes mvDrift{0%,100%{transform:translate3d(0,0,0) scale(1);}33%{transform:translate3d(3vw,-2vh,0) scale(1.08);}66%{transform:translate3d(-2vw,3vh,0) scale(.96);}}
@media(prefers-reduced-motion:reduce){.mv-orb{animation:none;}}

@media(max-width:780px){
  .mv-tgrid{grid-template-columns:1fr;}
  .mv-orb{filter:blur(48px);opacity:.42;}
}

/* ════════════════════════════════════════════════════
   ENHANCEMENTS v3  ·  Sora type · fit hero name · Story fix
                       · glass hover · staggered reveals
════════════════════════════════════════════════════ */

/* ── Type scale: smaller, tighter, professional (Sora) ── */
.mv-roles{font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,4.4vw,58px);line-height:.98;}
.mv-sec-title{font-weight:700;letter-spacing:-.025em;font-size:clamp(30px,4.4vw,62px);line-height:.98;}
.mv-foot-brand{font-weight:700;letter-spacing:-.03em;}
.mv-home .parallax-band h2,
.mv-home .prefooter-marquee .sec-title{font-weight:700;letter-spacing:-.025em;}

/* hero giant name — sized to FIT (no clipping) and blend with the figure */
.mv-bigname{font-weight:800;letter-spacing:-.035em;line-height:.82;font-size:clamp(60px,13.5vw,184px);bottom:-1vw;}

/* contact headline a touch smaller so it never overflows */
.mv-contact-head .mv-sec-title{font-size:clamp(34px,5.4vw,82px);}

/* ── Story section: balanced columns, readable principles (no cramping) ── */
.mv-story-grid{grid-template-columns:0.92fr 1.08fr;gap:clamp(36px,4.4vw,72px);align-items:start;}
.mv-story-left .mv-sec-title{font-size:clamp(28px,3.6vw,52px);}
.mv-principle{grid-template-columns:48px 1fr;gap:20px;padding:24px 0;}
.mv-principle .pn{font-size:22px;}
.mv-principle h3{font-size:clamp(16px,1.4vw,19px);line-height:1.2;text-wrap:balance;}
.mv-principle p{font-size:14px;line-height:1.55;}

/* slightly calmer aurora so text over it stays readable */
.mv-orb{opacity:.4;}
.mv-orb.o4{opacity:.32;}

/* ════ GLASS-ON-HOVER for transparent cards ════ */
.mv-tcard,.mv-vcard,.mv-home .wcard .wimg,.mv-home .hcard,.mv-home .logo-card,.mv-form{
  transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;}
.mv-tcard,.mv-vcard{background:rgba(255,255,255,.022);}
.mv-tcard:hover,.mv-vcard:hover,.mv-home .hcard:hover{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border-color:rgba(154,140,255,.45);
  box-shadow:0 26px 70px -34px #000,inset 0 0 0 1px rgba(255,255,255,.08),0 0 36px -12px var(--mv-red-soft);
  transform:translateY(-6px);}
/* company / logo marquee tiles → frosted on hover */
.mv-home .logo-card{border:1px solid var(--mv-line);border-radius:12px;}
.mv-home .logo-card:hover{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  border-color:rgba(154,140,255,.4);opacity:1;filter:none;
  box-shadow:0 18px 50px -28px #000,0 0 30px -14px var(--mv-red-soft);}
/* contact form → glass on hover/focus-within */
.mv-form:hover,.mv-form:focus-within{
  -webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);}
/* work card image → subtle frosted lift on hover */
.mv-home .wcard:hover .wimg{box-shadow:0 26px 70px -34px #000,inset 0 0 0 1px rgba(154,140,255,.35);}

/* ════ SCROLL REVEALS — stronger "move-in" for every section ════ */
.mv-home .reveal{opacity:0;transform:translateY(42px) scale(.984);transition:opacity .72s cubic-bezier(.16,.7,.2,1),transform .72s cubic-bezier(.16,.7,.2,1);}
.mv-home .reveal.in{opacity:1;transform:none;}
/* richer stagger for grid cards (cards already carry .reveal .d1/.d2/.d3) */
.mv-home .reveal.d1{transition-delay:.06s;}
.mv-home .reveal.d2{transition-delay:.14s;}
.mv-home .reveal.d3{transition-delay:.22s;}
.mv-home .reveal.d4{transition-delay:.30s;}
@media(prefers-reduced-motion:reduce){
  .mv-home .reveal{opacity:1!important;transform:none!important;}
}

@media(max-width:780px){
  .mv-story-grid{grid-template-columns:1fr;}
  .mv-bigname{font-size:clamp(54px,17vw,120px);bottom:0;}
}

/* ── Toolkit (admin-driven) skill bars on chips ── */
.mv-toolkit-hint{font-family:var(--mv-grotesk);font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--mv-muted);text-transform:none;}
.mv-chip.rated{position:relative;padding-bottom:13px;}
.mv-chip-lv{position:absolute;left:12px;right:12px;bottom:7px;height:2px;background:var(--mv-line-2);border-radius:2px;overflow:hidden;}
.mv-chip-lv i{display:block;height:100%;background:linear-gradient(90deg,var(--mv-red),var(--mv-red-2));}