@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --bg:#080a10; --bg2:#0d1018; --text:#f3f2ee; --muted:#a6a8b0;
  --line:rgba(255,255,255,.13); --accent:#b8a9ff; --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.65}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,16,.74);backdrop-filter:blur(16px)}
.brand{font-size:22px;font-weight:700;letter-spacing:-.06em;display:flex;align-items:center;gap:3px}.brand-mark{font-size:26px}
.nav{display:flex;align-items:center;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.nav a{opacity:.8}.nav a:hover{opacity:1}.nav-cta{border:1px solid var(--line);padding:11px 15px;opacity:1!important}.nav-cta span,.button span,.arrow-link span,.text-link span{margin-left:8px}
.menu-toggle{display:none;background:none;border:0;color:white}
.hero{min-height:100vh;padding:150px 7vw 50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(92,75,166,.16),transparent 33%),radial-gradient(circle at 10% 75%,rgba(38,89,145,.09),transparent 28%)}
.hero:after{content:"";position:absolute;width:52vw;height:52vw;border:1px solid rgba(184,169,255,.1);border-radius:50%;right:-20vw;top:17vh;pointer-events:none}
.eyebrow,.section-label,.photo-caption,.hero-bottom,.footer-bottom{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.11em;font-size:10px;color:#9fa2ac}
.hero h1{font-size:clamp(70px,10.7vw,165px);line-height:.9;letter-spacing:-.075em;max-width:1050px;margin:30px 0 35px;font-weight:600}.hero h1 em,.final-cta h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.hero-copy{max-width:570px;font-size:18px;color:#c2c3c8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.09em;transition:.25s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--text);color:var(--bg);border-color:var(--text)}.button-outline:hover{background:var(--text);color:var(--bg)}.text-link,.arrow-link{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.text-link:hover,.arrow-link:hover{color:var(--accent)}
.hero-bottom{position:absolute;bottom:32px;left:7vw;right:7vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}
.section{max-width:var(--max);margin:auto;padding:150px 5vw;display:grid;grid-template-columns:22% 1fr;gap:6vw;border-top:1px solid var(--line)}
.section h2{font-size:clamp(48px,6.4vw,90px);line-height:.98;letter-spacing:-.06em;margin:0 0 42px;font-weight:600}.section h2 span{color:#777b87}.section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.large-copy{font-size:clamp(22px,2.3vw,32px);line-height:1.35;max-width:880px;margin:0 0 30px}.section p{color:#b1b3bc;max-width:780px}.manifesto{min-height:720px;align-items:start}
.meaning{grid-template-columns:1fr 1fr;gap:1px;padding-top:0;padding-bottom:0;background:var(--line);max-width:none}.meaning-card{background:var(--bg);padding:110px 8vw;display:grid;grid-template-columns:120px 1fr;gap:30px}.meaning-symbol{font-size:65px;line-height:1;font-weight:600;letter-spacing:-.08em}.meaning-card h3{font-size:20px;letter-spacing:-.02em;margin:13px 0}.meaning-card p{margin:0}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:55px 0 45px}.experience-grid div{padding:30px 18px;border-right:1px solid var(--line)}.experience-grid div:last-child{border-right:0}.experience-grid strong{display:block;font-size:55px;letter-spacing:-.06em;line-height:1}.experience-grid span{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;color:#8f929c}
.speaker-call,.partner-call{min-height:700px}.speaker-call h2,.partner-call h2{font-size:clamp(58px,7vw,105px)}
.founder-layout{display:grid;grid-template-columns:minmax(300px, .92fr) 1fr;gap:7vw}.founder-photo-wrap{align-self:start;position:sticky;top:120px}.founder-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;filter:saturate(.82);display:block}.photo-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.founder-story h2{font-size:clamp(45px,5vw,72px);margin-top:28px}.founder-story p{font-size:17px;line-height:1.85;color:#bfc0c7}.arrow-link{display:inline-block;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:8px}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.mission-grid article{border-top:1px solid var(--line);padding-top:25px}.mission-grid h3{font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:500}.mission-grid p{font-size:16px}
.faq-tabs{display:flex;border-bottom:1px solid var(--line);margin:45px 0 0}.faq-tab{background:none;color:#777b86;border:0;border-bottom:1px solid transparent;padding:14px 22px 14px 0;margin-right:28px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;cursor:pointer}.faq-tab.active{color:var(--text);border-bottom-color:var(--accent)}.faq-panel{display:none}.faq-panel.active{display:block}.faq-panel details{border-bottom:1px solid var(--line)}.faq-panel summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;font-size:16px;position:relative}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary:after{content:"+";position:absolute;right:0;font-size:22px;color:#8f929c}.faq-panel details[open] summary:after{content:"−";color:var(--accent)}.faq-panel details p{font-size:14px;max-width:800px;padding:0 0 25px;margin:0;color:#9ea0a9}.faq-cta{padding-top:10px}
.final-cta{padding:180px 7vw;background:linear-gradient(120deg,#10131c,#171227);text-align:center;border-top:1px solid var(--line)}.final-cta h2{font-size:clamp(65px,9vw,135px);line-height:.88;letter-spacing:-.07em;margin:25px auto 45px}.final-cta .hero-actions{justify-content:center}
.site-footer{padding:55px 5vw 28px;border-top:1px solid var(--line)}.footer-brand{font-size:100px;line-height:1;letter-spacing:-.08em;font-weight:600}.footer-tagline{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;color:#8e919b;margin-top:8px}.footer-links{display:flex;gap:28px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin:55px 0}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}
.page-hero{min-height:70vh;padding:170px 7vw 100px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 30%,rgba(105,87,190,.13),transparent 30%)}.page-hero h1{font-size:clamp(65px,10vw,145px);line-height:.9;letter-spacing:-.075em;margin:25px 0}.page-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.page-intro{font-size:20px;color:#b8bac2;max-width:680px}
.content-section{max-width:1100px;margin:auto;padding:110px 5vw;border-top:1px solid var(--line)}.content-section h2{font-size:clamp(40px,5vw,65px);line-height:1;letter-spacing:-.05em}.content-section h3{font-size:25px;letter-spacing:-.03em}.content-section p{color:#b2b4bd;font-size:16px;line-height:1.8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.quote{font-family:Georgia,serif;font-size:clamp(32px,4vw,55px);line-height:1.15;color:#e7e5df}.number-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:45px}.number-item{background:var(--bg);padding:35px}.number-item b{font-family:"DM Mono",monospace;color:var(--accent);font-size:11px}.number-item h3{margin:15px 0 8px}.form-card{border:1px solid var(--line);padding:50px;background:var(--bg2);margin-top:50px}.form-card h3{font-size:30px;margin-top:0}.form-card .button{margin-top:15px}
.speakers-brief{max-width:900px}.speakers-brief h2{font-size:clamp(48px,6vw,80px);line-height:.95;letter-spacing:-.06em}.looking-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:55px}.looking-grid div{padding:25px 0;border-bottom:1px solid var(--line);font-size:19px}.looking-grid span{font-family:"DM Mono",monospace;color:var(--accent);font-size:10px;margin-right:18px}
@media(max-width:800px){
  .site-header{height:70px;padding:0 6vw}.menu-toggle{display:flex;flex-direction:column;gap:6px;z-index:92}.menu-toggle span{display:block;width:23px;height:1px;background:white}.nav{position:fixed;inset:70px 0 0;background:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12vw;gap:28px;font-size:18px;transform:translateX(100%);transition:.3s}.nav.open{transform:translateX(0)}.nav-cta{padding:13px 16px}
  .hero{padding:130px 6vw 45px}.hero h1{font-size:18vw}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{left:6vw;right:6vw;gap:15px;flex-direction:column}.section{display:block;padding:100px 6vw}.section-label{margin-bottom:35px}.section h2{font-size:14vw}.meaning{display:block;padding:0}.meaning-card{padding:70px 6vw;display:block}.meaning-symbol{margin-bottom:35px}.experience-grid{margin:35px 0}.experience-grid strong{font-size:40px}.speaker-call h2,.partner-call h2{font-size:14vw}.founder-layout,.mission-grid,.two-col{display:block}.founder-photo-wrap{position:static;margin-bottom:50px}.founder-story p{font-size:15px}.mission-grid article+article{margin-top:60px}.number-list,.looking-grid{grid-template-columns:1fr}.final-cta{padding:130px 6vw}.final-cta h2{font-size:16vw}.footer-brand{font-size:70px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px}
}

/* D180 final polish */
.page-kicker{max-width:760px}.split-rule{border-top:1px solid var(--line);padding-top:20px}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:45px}.mini-list div{background:var(--bg);padding:28px}.mini-list b{font-family:"DM Mono",monospace;font-size:10px;color:var(--accent);letter-spacing:.1em}.mini-list h3{margin:12px 0 6px}.mini-list p{margin:0}.full-story p{font-size:17px;line-height:1.85;color:#bfc0c7}.contact-line{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;color:#aaa}.partner-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:45px}.partner-cats article{background:var(--bg);padding:28px}.partner-cats h3{margin:10px 0 6px}.partner-cats p{margin:0}.partner-cats span{font-family:"DM Mono",monospace;color:var(--accent);font-size:10px}.faq-panel details p{line-height:1.7}.external-note{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#777b86;margin-top:18px}@media(max-width:800px){.mini-list,.partner-cats{grid-template-columns:1fr}}


/* D180 interaction layer: subtle, cinematic and lightweight */
body{overflow-x:hidden}
.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--accent);z-index:120;transition:width .08s linear}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(184,169,255,.11) 0,rgba(184,169,255,.035) 35%,transparent 70%);opacity:0;transition:opacity .25s ease;mix-blend-mode:screen}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
.hero h1 .word{display:inline-block;opacity:0;transform:translateY(30px);animation:heroWord .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 .word:nth-child(2){animation-delay:.12s}.hero h1 .word:nth-child(3){animation-delay:.24s}.hero h1 .word:nth-child(4){animation-delay:.36s}
@keyframes heroWord{to{opacity:1;transform:none}}
.button,.nav a,.text-link,.arrow-link,.brand{transition:transform .25s ease,opacity .25s ease,color .25s ease,border-color .25s ease,background-color .25s ease}
.button[data-magnetic],.nav-cta{will-change:transform}
.experience-stats-section{padding-top:35px;padding-bottom:35px}
.stat-card{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s ease}
.stat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(184,169,255,.10),transparent 42%);opacity:0;transition:opacity .35s ease}
.stat-card:hover:before{opacity:1}
.stat-card strong,.stat-card span{position:relative;z-index:1}
.stat-card strong{font-variant-numeric:tabular-nums}
.founder-photo-wrap{transition:transform .4s ease}
.founder-photo{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}.founder-photo-wrap:hover .founder-photo{transform:scale(1.025);filter:saturate(1)}
.looking-grid div,.number-item,.meaning-card,.mission-grid article{transition:transform .35s ease,border-color .35s ease,background .35s ease}
.looking-grid div:hover{transform:translateX(7px);color:var(--text)}
.number-item:hover,.meaning-card:hover{background:#0f121b}
.faq-tab{transition:color .25s ease,border-color .25s ease,transform .25s ease}.faq-tab:hover{transform:translateY(-2px);color:var(--text)}
.faq-panel details summary{transition:color .25s ease,padding-left .25s ease}.faq-panel details summary:hover{color:var(--text);padding-left:5px}
.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(184,169,255,.08);border-radius:50%;right:-17vw;bottom:-23vw;pointer-events:none;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0)}
.page-transition{position:fixed;inset:0;background:var(--bg);z-index:200;pointer-events:none;opacity:1;animation:pageIn .65s ease forwards}@keyframes pageIn{to{opacity:0}}
@media (pointer:fine){body{cursor:default}.cursor-glow{opacity:1}.nav a:hover,.button:hover,.text-link:hover,.arrow-link:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,[data-reveal],.hero h1 .word{opacity:1!important;transform:none!important;animation:none!important}.cursor-glow{display:none}.page-transition{display:none}.button,.nav a,.text-link,.arrow-link,.stat-card,.founder-photo{transition:none!important}}
@media(max-width:800px){.cursor-glow{display:none}.experience-stats-section{padding-top:15px;padding-bottom:15px}.experience-grid{grid-template-columns:1fr}.experience-grid div{border-right:0;border-bottom:1px solid var(--line)}.experience-grid div:last-child{border-bottom:0}.page-hero:after{width:70vw;height:70vw}}


/* Final content polish */
.footer-social{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:20px 0 0;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8e919b}.footer-social>div{display:flex;gap:28px}.footer-social a{color:var(--text);transition:color .25s ease,transform .25s ease}.footer-social a:hover{color:var(--accent);transform:translateY(-2px)}.partner-cat-wide{grid-column:1 / -1}.hero-actions{flex-wrap:wrap}
@media(max-width:800px){.footer-social{display:block}.footer-social>div{margin-top:16px;display:flex;flex-wrap:wrap;gap:20px}.partner-cat-wide{grid-column:auto}.hero-actions{flex-wrap:nowrap}}


/* D180 footer and legal layer. Existing visual identity preserved. */
.footer-columns{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:5vw;margin:55px 0 35px;padding-top:30px;border-top:1px solid var(--line)}
.footer-heading{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:#8e919b;margin-bottom:18px}
.footer-columns .footer-links{display:flex;flex-direction:column;gap:10px;margin:0;text-transform:none;letter-spacing:0;font-size:12px}
.footer-columns .footer-links a{color:#c2c3c8;width:max-content;max-width:100%}
.footer-columns .footer-links a:hover{color:var(--accent)}
.nav-contact{border:1px solid rgba(255,255,255,.10);padding:10px 13px}
.nav-contact span{margin-left:7px}
.privacy-note{font-family:"DM Mono",monospace!important;text-transform:none!important;letter-spacing:.02em!important;font-size:10px!important;line-height:1.7!important;color:#777b86!important;margin-top:18px!important;max-width:560px!important}
.privacy-note a{color:#c8c3ff;text-decoration:underline;text-underline-offset:3px}
.legal-page{min-height:100vh}
.legal-hero{min-height:52vh;padding:165px 7vw 80px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 30%,rgba(105,87,190,.13),transparent 30%);border-bottom:1px solid var(--line)}
.legal-hero h1{font-size:clamp(58px,8vw,120px);line-height:.92;letter-spacing:-.07em;margin:24px 0 18px;font-weight:600}
.legal-updated{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#8e919b}
.legal-wrap{max-width:980px;margin:0 auto;padding:80px 5vw 130px}
.legal-intro{font-size:18px!important;line-height:1.8!important;color:#c0c1c8!important;max-width:820px!important}
.legal-section{padding:34px 0;border-top:1px solid var(--line)}
.legal-section:first-child{border-top:0}
.legal-section h2{font-size:25px!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0 0 18px!important}
.legal-section h3{font-size:18px!important;line-height:1.35!important;margin:28px 0 12px!important}
.legal-section p{font-size:15px!important;line-height:1.85!important;color:#b4b6bf!important;max-width:860px!important;margin:0 0 18px!important}
.legal-section ul{margin:10px 0 20px;padding-left:22px;color:#b4b6bf}
.legal-section li{font-size:15px;line-height:1.8;margin:7px 0;padding-left:4px}
.legal-back{margin-top:20px}
.legal-back .button{margin-top:0}
@media(max-width:800px){
 .footer-columns{grid-template-columns:1fr;gap:34px;margin:45px 0 30px}
 .footer-columns .footer-links{gap:11px}
 .nav-contact{padding:0;border:0}
 .legal-hero{min-height:48vh;padding:125px 6vw 65px}
 .legal-hero h1{font-size:16vw}
 .legal-wrap{padding:55px 6vw 90px}
 .legal-section{padding:28px 0}
 .legal-section h2{font-size:22px!important}
 .legal-section p,.legal-section li{font-size:14px!important;line-height:1.8!important}
}
/* =========================================================
   D180 MOBILE NAVIGATION
   Final mobile menu fix
   ========================================================= */

@media (max-width: 800px) {

  /* Keep the header above everything */
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    z-index: 1000;
  }

  /* Hamburger */
  .menu-toggle {
    display: flex;
    position: relative;
    z-index: 1100;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
  }

  .menu-toggle span {
    display: block;
    width: 23px;
    height: 1px;
    background: #fff;
  }

  /* MOBILE MENU */
  .site-header .nav {
    position: fixed !important;

    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;

    /* Fill everything below the header */
    height: calc(100vh - 72px) !important;
    min-height: calc(100vh - 72px) !important;
    max-height: none !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    padding: 55px 8vw 40px !important;

    gap: 0 !important;

    background: #080a10 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 1050 !important;

    /* Closed state */
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transform: translateX(100%) !important;

    transition:
      transform 0.3s ease,
      opacity 0.2s ease,
      visibility 0s linear 0.3s !important;
  }

  /* OPEN MENU */
  .site-header .nav.open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    transform: translateX(0) !important;

    transition:
      transform 0.3s ease,
      opacity 0.2s ease,
      visibility 0s linear 0s !important;
  }

  /* Every menu item gets its own row */
  .site-header .nav > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 72px !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border-bottom: 1px solid var(--line);

    font-size: 20px !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
  }

  /* Last normal link */
  .site-header .nav > a:nth-last-child(2) {
    border-bottom: 1px solid var(--line);
  }

  /* Get Your Pass button */
  .site-header .nav .nav-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    min-height: 70px !important;

    margin-top: 32px !important;

    padding: 0 18px !important;

    border: 1px solid var(--line) !important;

    flex: 0 0 auto !important;
  }

  /* Stop the page underneath from scrolling */
  body.menu-open {
    overflow: hidden !important;
    height: 100vh !important;
    touch-action: none !important;
  }
}