/* ===================================================
   MENU TOGGLE BUTTON
   =================================================== */
.menu-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  height:46px;
  padding:0 1.1rem 0 .55rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  cursor:pointer;
  color:var(--text);
  z-index:100;
  backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  transition:
    background .4s var(--ease-out-expo),
    border-color .4s var(--ease-out-expo),
    color .4s var(--ease-out-expo),
    transform .4s var(--ease-spring),
    box-shadow .5s var(--ease-out-expo);
}
.menu-toggle::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(236,72,153,0),rgba(236,72,153,.55),rgba(139,92,246,.45),rgba(236,72,153,0));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:0;
  transition:opacity .45s var(--ease-out-expo);
  pointer-events:none;
}
.menu-toggle:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(236,72,153,.35);
  box-shadow:0 12px 32px -12px rgba(236,72,153,.45);
}
.menu-toggle:hover::before{opacity:1}
.menu-toggle:active{transform:translateY(0)}

.menu-line{
  position:absolute;
  left:14px;
  width:18px;height:2px;
  background:var(--text);
  border-radius:2px;
  transition:
    transform .45s var(--ease-out-expo),
    width .35s var(--ease-out-expo),
    opacity .25s ease,
    background .3s ease,
    top .35s var(--ease-out-expo);
  transform-origin:center;
}
.menu-toggle .menu-line.line-1{top:16px;width:18px}
.menu-toggle .menu-line.line-2{top:22px;width:12px;opacity:.85}
.menu-toggle .menu-line.line-3{top:28px;width:18px}
.menu-toggle:hover .menu-line{background:linear-gradient(90deg,#f472b6,#d946ef)}
.menu-toggle:hover .menu-line.line-2{width:18px;opacity:1}

.menu-text{
  margin-left:30px;
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2.4px;
  color:var(--text);
  transition:color .3s ease,letter-spacing .35s var(--ease-out-expo);
}
.menu-toggle:hover .menu-text{
  color:var(--pink-light);
  letter-spacing:3px;
}

.menu-toggle.active{
  background:rgba(236,72,153,.14);
  border-color:rgba(236,72,153,.55);
  box-shadow:0 14px 36px -10px rgba(236,72,153,.55);
}
.menu-toggle.active::before{opacity:1}
.menu-toggle.active .menu-line{background:linear-gradient(90deg,#f472b6,#d946ef)}
.menu-toggle.active .menu-line.line-1{top:22px;transform:rotate(45deg);width:20px}
.menu-toggle.active .menu-line.line-2{opacity:0;transform:scaleX(0)}
.menu-toggle.active .menu-line.line-3{top:22px;transform:rotate(-45deg);width:20px}
.menu-toggle.active .menu-text{color:#fff}

@media (max-width:768px){
  .menu-toggle{width:46px;padding:0;justify-content:center}
  .menu-toggle .menu-line{left:50%;transform:translateX(-50%)}
  .menu-toggle .menu-line.line-1{top:16px}
  .menu-toggle .menu-line.line-2{top:22px}
  .menu-toggle .menu-line.line-3{top:28px}
  .menu-toggle.active .menu-line.line-1{top:22px;transform:translateX(-50%) rotate(45deg)}
  .menu-toggle.active .menu-line.line-3{top:22px;transform:translateX(-50%) rotate(-45deg)}
  .menu-text{display:none}
}

/* ===================================================
   FULLSCREEN MENU
   =================================================== */
.creative-menu{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  flex-direction:column;
  height:100dvh;
  height:100vh;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-1.5%);
  transition:
    opacity .55s var(--ease-out-expo),
    visibility .55s,
    transform .65s var(--ease-out-expo);
  overflow:hidden;
}
.creative-menu.active{
  opacity:1;
  visibility:visible;
  pointer-events:all;
  transform:translateY(0);
}

/* ===== Background layers ===== */
.menu-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 100% 70% at 18% 22%,rgba(236,72,153,.16) 0%,transparent 60%),
    radial-gradient(ellipse 80% 60% at 82% 78%,rgba(139,92,246,.14) 0%,transparent 65%),
    #07060c;
  overflow:hidden;
  z-index:0;
}
.menu-blob{
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
  opacity:.55;
  animation:menuBlobFloat 14s ease-in-out infinite;
  will-change:transform;
}
.menu-blob.blob-1{
  width:520px;height:520px;
  top:-180px;left:-140px;
  background:rgba(236,72,153,.4);
}
.menu-blob.blob-2{
  width:460px;height:460px;
  bottom:-200px;right:-160px;
  background:rgba(139,92,246,.4);
  animation-delay:-5s;
}
.menu-blob.blob-3{
  width:340px;height:340px;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  background:rgba(217,70,239,.28);
  animation-delay:-8s;
}
@keyframes menuBlobFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(40px,-30px) scale(1.06)}
  66%{transform:translate(-30px,30px) scale(.96)}
}
.menu-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at center,black 0%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 75%);
}
.menu-particles{
  position:absolute;inset:0;
  pointer-events:none;
}
.menu-particle{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:var(--pink-light);
  opacity:0;
  animation:menuParticleFloat 3s ease-out forwards;
}
@keyframes menuParticleFloat{
  0%{transform:translate(0,0) scale(0);opacity:0}
  20%{opacity:.9}
  100%{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}
}

/* ===== Top bar ===== */
.menu-topbar{
  position:relative;
  z-index:2;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.25rem clamp(1.25rem,4vw,4rem);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.menu-topbar__end{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.menu-brand{
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .5s var(--ease-out-expo) .15s,transform .5s var(--ease-out-expo) .15s;
}
.creative-menu.active .menu-brand{opacity:1;transform:translateY(0)}

.menu-close{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  height:42px;
  padding:0 1rem 0 .25rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  cursor:pointer;
  color:var(--text);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  transform:translateY(-10px);
  transition:
    opacity .5s var(--ease-out-expo) .25s,
    transform .5s var(--ease-out-expo) .25s,
    background .3s,
    border-color .3s;
}
.creative-menu.active .menu-close{opacity:1;transform:translateY(0)}
.menu-close:hover{
  background:rgba(236,72,153,.14);
  border-color:rgba(236,72,153,.55);
}
.menu-close__lines{
  position:relative;
  width:32px;height:32px;
  flex-shrink:0;
}
.menu-close__lines span{
  position:absolute;
  top:50%;left:50%;
  width:18px;height:2px;
  background:#fff;
  border-radius:2px;
  transition:background .3s;
}
.menu-close__lines span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.menu-close__lines span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.menu-close:hover .menu-close__lines span{
  background:linear-gradient(90deg,#f472b6,#d946ef);
}
.menu-close__label{
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2.4px;
}
@media (max-width:768px){
  .menu-close{padding:0;width:42px;justify-content:center}
  .menu-close__label{display:none}
}

/* ===== Main content area ===== */
.menu-content{
  position:relative;
  z-index:2;
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(2rem,5vw,5rem);
  padding:clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,4vw,4rem);
  align-items:center;
  overflow:auto;
}

/* ===== Left: intro column ===== */
.menu-intro{
  display:flex;
  flex-direction:column;
  gap:1.4rem;
  max-width:440px;
}
.menu-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  width:max-content;
  padding:.45rem 1rem;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--pink-light);
  background:rgba(236,72,153,.08);
  border:1px solid rgba(236,72,153,.32);
  border-radius:999px;
  opacity:0;
  transform:translateY(14px);
  transition:opacity .55s var(--ease-out-expo) .25s,transform .55s var(--ease-out-expo) .25s;
}
.menu-eyebrow__dot{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--pink);
  box-shadow:0 0 10px var(--pink-glow);
  animation:dotPulse 2s ease-in-out infinite;
}
.menu-heading{
  font-family:'Fraunces','Times New Roman',Georgia,serif;
  font-variation-settings:'opsz' 144, 'SOFT' 50;
  font-size:clamp(1.9rem,3.4vw,2.9rem);
  font-weight:340;
  line-height:1.02;
  letter-spacing:-1.2px;
  color:#fff;
  margin:0;
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s var(--ease-out-expo) .35s,transform .6s var(--ease-out-expo) .35s;
}
.menu-heading em{
  font-style:italic;
  font-weight:300;
  font-variation-settings:'opsz' 144, 'SOFT' 100;
  background:linear-gradient(135deg,#f472b6,#d946ef 50%,#8b5cf6);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.menu-tagline{
  font-size:.95rem;
  line-height:1.7;
  color:var(--text-muted);
  margin:0;
  max-width:380px;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s var(--ease-out-expo) .45s,transform .6s var(--ease-out-expo) .45s;
}
.menu-cta{
  align-self:flex-start;
  margin-top:.5rem;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.85rem 1.6rem;
  background:linear-gradient(135deg,#ec4899,#d946ef 60%,#8b5cf6);
  background-size:200% 100%;
  background-position:0% 50%;
  color:#fff;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 14px 30px -12px rgba(236,72,153,.5);
  transition:
    background-position .6s var(--ease-out-expo),
    transform .35s var(--ease-spring),
    box-shadow .4s ease;
  opacity:0;
  transform:translateY(16px);
}
.creative-menu.active .menu-cta{
  opacity:1;
  transform:translateY(0);
  transition:
    background-position .6s var(--ease-out-expo),
    transform .55s var(--ease-out-expo) .55s,
    opacity .55s var(--ease-out-expo) .55s,
    box-shadow .4s ease;
}
.menu-cta svg{transition:transform .35s var(--ease-out-expo)}
.menu-cta:hover{
  background-position:100% 50%;
  transform:translateY(-2px);
  box-shadow:0 18px 38px -12px rgba(236,72,153,.65);
}
.menu-cta:hover svg{transform:translateX(4px)}

.creative-menu.active .menu-eyebrow,
.creative-menu.active .menu-heading,
.creative-menu.active .menu-tagline{
  opacity:1;
  transform:translateY(0);
}

/* ===== Right: navigation ===== */
.menu-nav{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid rgba(255,255,255,.06);
}
.menu-link{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1.5rem;
  padding:.9rem 1rem;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06);
  cursor:pointer;
  isolation:isolate;
  opacity:0;
  transform:translateX(28px);
  transition:opacity .55s var(--ease-out-expo),transform .55s var(--ease-out-expo);
}
.creative-menu.active .menu-link{opacity:1;transform:translateX(0)}
.creative-menu.active .menu-link:nth-child(1){transition-delay:.30s}
.creative-menu.active .menu-link:nth-child(2){transition-delay:.36s}
.creative-menu.active .menu-link:nth-child(3){transition-delay:.42s}
.creative-menu.active .menu-link:nth-child(4){transition-delay:.48s}
.creative-menu.active .menu-link:nth-child(5){transition-delay:.54s}
.creative-menu.active .menu-link:nth-child(6){transition-delay:.60s}

.menu-link::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(236,72,153,.08),rgba(139,92,246,.08));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .5s var(--ease-out-expo);
  z-index:-1;
}
.menu-link:hover::before{transform:scaleX(1)}

.menu-link__num{
  font-family:'JetBrains Mono','Inter',monospace;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.1em;
  color:rgba(244,114,182,.7);
  width:34px;
  flex-shrink:0;
  transition:color .3s ease,transform .45s var(--ease-out-expo);
}
.menu-link:hover .menu-link__num{
  color:#f472b6;
  transform:translateX(4px);
}

.menu-link__text{
  font-family:'Fraunces','Times New Roman',Georgia,serif;
  font-variation-settings:'opsz' 144, 'SOFT' 30;
  font-size:clamp(1.4rem,2.6vw,2.2rem);
  font-weight:340;
  letter-spacing:-1px;
  line-height:1.05;
  color:#fff;
  background:linear-gradient(90deg,#fff 0%,#fff 100%);
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  transition:
    background-image .35s ease,
    background-position .55s var(--ease-out-expo),
    transform .5s var(--ease-out-expo),
    color .35s ease;
}
.menu-link:hover .menu-link__text{
  background-image:linear-gradient(90deg,#f472b6,#d946ef 50%,#8b5cf6);
  -webkit-text-fill-color:transparent;
  color:transparent;
  transform:translateX(8px);
}

.menu-link__arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  color:var(--text-muted);
  opacity:0;
  transform:translateX(-12px) rotate(-45deg);
  transition:
    opacity .35s ease,
    transform .45s var(--ease-out-expo),
    color .3s ease,
    border-color .3s ease,
    background .3s ease;
}
.menu-link:hover .menu-link__arrow{
  opacity:1;
  transform:translateX(0) rotate(0);
  color:#fff;
  border-color:rgba(236,72,153,.55);
  background:rgba(236,72,153,.14);
}

/* ===== Parent link with submenu ===== */
.menu-link--parent{
  display:block;
  padding:0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.menu-link--parent::before{display:none}

.menu-link__toggle{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1.5rem;
  width:100%;
  padding:.9rem 1rem;
  background:transparent;
  border:0;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
  isolation:isolate;
}
.menu-link__toggle::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(236,72,153,.08),rgba(139,92,246,.08));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .5s var(--ease-out-expo);
  z-index:-1;
}
.menu-link__toggle:hover::before,
.menu-link--parent.is-open .menu-link__toggle::before{transform:scaleX(1)}

.menu-link__toggle:hover .menu-link__num,
.menu-link--parent.is-open .menu-link__num{
  color:#f472b6;
  transform:translateX(4px);
}
.menu-link__toggle:hover .menu-link__text,
.menu-link--parent.is-open .menu-link__text{
  background-image:linear-gradient(90deg,#f472b6,#d946ef 50%,#8b5cf6);
  -webkit-text-fill-color:transparent;
  color:transparent;
  transform:translateX(8px);
}

.menu-link__chevron{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  color:var(--text-muted);
  transition:
    transform .45s var(--ease-out-expo),
    color .3s ease,
    border-color .3s ease,
    background .3s ease;
}
.menu-link__toggle:hover .menu-link__chevron{
  color:#fff;
  border-color:rgba(236,72,153,.55);
  background:rgba(236,72,153,.14);
}
.menu-link--parent.is-open .menu-link__chevron{
  transform:rotate(180deg);
  color:#fff;
  border-color:rgba(236,72,153,.55);
  background:rgba(236,72,153,.18);
}

/* ===== Submenu ===== */
.menu-submenu{
  list-style:none;
  margin:0;
  padding:0;
  max-height:0;
  overflow:hidden;
  transition:max-height .55s var(--ease-out-expo);
}
.menu-link--parent.is-open .menu-submenu{
  max-height:600px;
}
.menu-submenu li{
  opacity:0;
  transform:translateX(-12px);
  transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo);
}
.menu-link--parent.is-open .menu-submenu li{
  opacity:1;
  transform:translateX(0);
}
.menu-link--parent.is-open .menu-submenu li:nth-child(1){transition-delay:.05s}
.menu-link--parent.is-open .menu-submenu li:nth-child(2){transition-delay:.10s}
.menu-link--parent.is-open .menu-submenu li:nth-child(3){transition-delay:.15s}
.menu-link--parent.is-open .menu-submenu li:nth-child(4){transition-delay:.20s}
.menu-link--parent.is-open .menu-submenu li:nth-child(5){transition-delay:.25s}
.menu-link--parent.is-open .menu-submenu li:nth-child(6){transition-delay:.30s}

.menu-submenu a{
  position:relative;
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.55rem 1rem .55rem 4rem;
  text-decoration:none;
  color:var(--text-muted);
  font-family:'Inter',system-ui,sans-serif;
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:color .3s ease,background .3s ease,padding-left .35s var(--ease-out-expo);
}
.menu-submenu a::before{
  content:'';
  position:absolute;
  left:2.7rem;
  top:50%;
  width:.7rem;height:1px;
  background:rgba(255,255,255,.18);
  transform:translateY(-50%);
  transition:width .35s var(--ease-out-expo),background .35s ease;
}
.menu-sublink__bullet{
  width:6px;height:6px;
  border-radius:50%;
  background:rgba(244,114,182,.45);
  flex-shrink:0;
  transition:transform .35s var(--ease-spring),background .3s ease,box-shadow .35s ease;
}
.menu-sublink__text{transition:transform .35s var(--ease-out-expo)}
.menu-submenu a:hover{
  color:#fff;
  padding-left:4.4rem;
}
.menu-submenu a:hover::before{
  width:1.1rem;
  background:linear-gradient(90deg,#f472b6,#d946ef);
}
.menu-submenu a:hover .menu-sublink__bullet{
  background:#f472b6;
  box-shadow:0 0 12px rgba(244,114,182,.7);
  transform:scale(1.4);
}
.menu-submenu li:last-child a{padding-bottom:.9rem}
.menu-submenu li:first-child a{padding-top:.4rem}

@media (max-width:768px){
  .menu-submenu a{
    padding-left:3.2rem;
    font-size:.84rem;
  }
  .menu-submenu a::before{left:2.2rem}
  .menu-submenu a:hover{padding-left:3.6rem}
}

/* ===== Footer ===== */
.menu-footer{
  position:relative;
  z-index:2;
  flex-shrink:0;
  display:grid;
  grid-template-columns:minmax(0,1.7fr) auto;
  gap:1.5rem 3rem;
  align-items:center;
  padding:1.25rem clamp(1.25rem,4vw,4rem) 1.5rem;
  border-top:1px solid rgba(255,255,255,.06);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s var(--ease-out-expo) .75s,transform .6s var(--ease-out-expo) .75s;
}
.creative-menu.active .menu-footer{opacity:1;transform:translateY(0)}

.menu-info{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1rem 2rem;
}
.menu-info__item{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  text-decoration:none;
  color:inherit;
  transition:transform .35s var(--ease-out-expo);
}
.menu-info__item:hover:not(.menu-info__item--static){transform:translateY(-2px)}
.menu-info__label{
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--text-dim);
}
.menu-info__value{
  font-size:.92rem;
  font-weight:500;
  color:#fff;
  line-height:1.45;
  transition:color .3s ease;
}
.menu-info__item:hover:not(.menu-info__item--static) .menu-info__value{
  background:linear-gradient(90deg,#f472b6,#d946ef);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.menu-social{
  display:flex;
  gap:1.5rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.menu-social a{
  position:relative;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--text-muted);
  text-decoration:none;
  padding:.25rem 0;
  transition:color .3s ease;
}
.menu-social a::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:100%;height:1px;
  background:linear-gradient(90deg,#f472b6,#d946ef);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--ease-out-expo);
}
.menu-social a:hover{color:#fff}
.menu-social a:hover::after{transform:scaleX(1)}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .menu-content{
    grid-template-columns:1fr;
    gap:1.5rem;
    padding-top:2rem;
    padding-bottom:2rem;
    align-items:flex-start;
  }
  .menu-intro{max-width:100%}
  .menu-link__arrow{display:none}
}
@media (max-width:768px){
  .menu-link{
    grid-template-columns:auto 1fr;
    gap:1rem;
    padding:.7rem .5rem;
  }
  .menu-link__num{width:28px;font-size:.72rem}
  .menu-link__text{font-size:1.4rem}
  .menu-heading{font-size:1.85rem}
  .menu-footer{
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  .menu-social{justify-content:flex-start}
}
@media (max-height:720px){
  .menu-content{padding-top:1rem;padding-bottom:1rem;align-items:flex-start}
  .menu-link{padding:.65rem 1rem}
  .menu-heading{font-size:1.85rem}
}