/* === EMS .net ← .io executive theme 2026-08-13 === */
:root {
  --background: #090c12;
  --foreground: #eef3f8;
  --exec-ink: #121925;
  --exec-paper: #e4d6be;
  --exec-steel: #8fa8c0;
  --exec-steel-soft: #c5d4e3;
  --exec-muted: #9a958c;
  --exec-gold: #c6a56a;
  --exec-line: rgba(143, 168, 192, 0.28);
  --brand: #8fa8c0;
  --brand-soft: #c5d4e3;
  --brand-deep: #090c12;
  --lux-ink: #eef3f8;
  --lux-forest: #121925;
  --lux-green: #8fa8c0;
  --lux-gold: #c6a56a;
  --lux-gold-soft: #e4d6be;
  --lux-champagne: #e4d6be;
  --lux-mist: #0e1218;
  --lux-paper: #121925;
  --lux-muted: #9a958c;
  --bg: #090c12;
  --ink: #eef3f8;
  --muted: #9a958c;
  --cream: #e4d6be;
  --white: #121925;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
html, body {
  max-width: 100%;
  overflow-x: clip;
}
body {
  background:
    radial-gradient(900px 480px at 12% -8%, rgba(143,168,192,.12), transparent 55%),
    radial-gradient(800px 520px at 100% 0%, rgba(198,165,106,.07), transparent 50%),
    #090c12 !important;
  color: #eef3f8 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
}
::selection {
  background: rgba(198, 165, 106, 0.35);
  color: #eef3f8;
}

/* Header */
.nib-header,
.site-header,
.gp-header,
header.nib-header {
  background: rgba(9, 12, 18, 0.88) !important;
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid rgba(143, 168, 192, 0.22) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35) !important;
  color: #e4d6be !important;
}
.nib-header a,
.nib-nav a,
.site-header .nav a,
.nib-header .logo,
.site-header .logo-name {
  color: #e4d6be !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
}
.nib-header a:hover,
.nib-nav a:hover,
.nib-nav a[aria-current],
.site-header .nav a:hover {
  color: #c5d4e3 !important;
}
.nib-header::after,
.site-header::after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8fa8c0 25%, #c6a56a 50%, #8fa8c0 75%, transparent);
}

/* Hero */
.nib-hero {
  min-height: min(78vh, 680px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(5.5rem, 11vw, 7.5rem) 1.25rem 2.75rem !important;
  background: #121925 !important;
}
.nib-hero-bg {
  filter: saturate(0.92) contrast(1.05) brightness(0.72) !important;
}
.nib-hero::after {
  background: linear-gradient(180deg, rgba(9,12,18,.55) 0%, rgba(9,12,18,.72) 55%, rgba(9,12,18,.88) 100%) !important;
}
.nib-hero-mark,
.nib-hero-mark[data-astro-cid-q2zrgpov] {
  font-size: clamp(1.7rem, 3.8vw, 2.85rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
  white-space: normal !important;
  max-width: min(20ch, 92vw) !important;
  margin: 0 auto 0.75rem !important;
  color: #eef3f8 !important;
  text-shadow: 0 2px 22px rgba(0,0,0,.55) !important;
  padding-bottom: 0.8rem !important;
  background-image: linear-gradient(90deg, transparent 8%, #8fa8c0 32%, #c6a56a 50%, #8fa8c0 68%, transparent 92%) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: min(240px, 58%) 1.5px !important;
}
.nib-hero-sub {
  font-size: clamp(0.68rem, 1.1vw, 0.8rem) !important;
  letter-spacing: 0.18em !important;
  color: #c5d4e3 !important;
  opacity: 0.9 !important;
  text-transform: uppercase !important;
}

/* Sections */
.nib-section,
.bg-beige,
.bg-white,
section.nib-section {
  background: transparent !important;
  color: #eef3f8 !important;
}
.nib-section.bg-beige {
  background:
    linear-gradient(180deg, rgba(18,25,37,.92), rgba(9,12,18,.98)) !important;
}
.ems-bio-2026,
.portrait-hero,
.nib-panel,
.faq-card,
.gi-card,
.ph-frame,
.home-intro-copy {
  color: #eef3f8 !important;
}

/* Headings */
.nib-section h2,
.ems-bio-2026 h2,
.faq-head h2,
main h2,
.nib-faq h2 {
  color: #eef3f8 !important;
  font-size: clamp(1.3rem, 2.2vw, 1.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  padding-bottom: 0.55rem !important;
  margin-bottom: 0.9rem !important;
  background-image: linear-gradient(90deg, #8fa8c0 0%, #c6a56a 55%, transparent 100%) !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: min(150px, 40%) 2px !important;
}
.nib-section h3,
.ems-bio-2026 h3,
.nib-faq h3,
main h3 {
  color: #e4d6be !important;
  font-size: clamp(1.02rem, 1.5vw, 1.2rem) !important;
  font-weight: 700 !important;
  padding-bottom: 0.4rem !important;
  background-image: linear-gradient(90deg, #8fa8c0 0%, #c6a56a 60%, transparent 100%) !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: min(100px, 34%) 1.5px !important;
}
.nib-section p,
.ems-bio-2026 p,
.nib-faq p,
.home-p,
.home-lead,
main p {
  color: #c5d4e3 !important;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.75 !important;
}

/* Portrait / photo frames → .io gold-steel */
.ph-frame,
.portrait-hero figure,
figure.ems-photo,
.gi-card,
.nib-media {
  border-radius: 4px !important;
}
.ph-frame,
.portrait-hero .ph-frame,
figure.ph-frame {
  padding: 8px !important;
  background: linear-gradient(
    145deg,
    #f7ebcc 0%,
    #a8bfd4 16%,
    #8fa8c0 36%,
    #7d5c2e 55%,
    #d4b07a 76%,
    #f0dfb4 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 248, 230, 0.55),
    inset 0 -1px 0 rgba(70, 48, 16, 0.4),
    0 0 0 1px rgba(90, 64, 28, 0.45),
    0 22px 48px rgba(0, 0, 0, 0.48) !important;
  border: 0 !important;
}
.ph-frame img,
.portrait-hero img {
  display: block !important;
  width: 100% !important;
  background: #12100c !important;
  box-shadow: inset 0 0 0 1px rgba(234, 217, 176, 0.35) !important;
}

/* Cards */
.gi-card,
.faq-card,
.nib-card,
.ems-panel {
  background: rgba(18, 25, 37, 0.92) !important;
  border: 1px solid rgba(143, 168, 192, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28) !important;
}
.gi-card:hover,
.faq-card:hover {
  border-color: rgba(198, 165, 106, 0.35) !important;
  transform: translateY(-3px);
}

/* Buttons → steel exec */
a.btn,
.btn,
.btn--primary,
.btn--bg,
.cta,
.exec-btn {
  background: linear-gradient(180deg, #a8bfd4 0%, #8fa8c0 48%, #5a738c 100%) !important;
  color: #121925 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 248, 230, 0.45),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
a.btn:hover,
.btn:hover {
  filter: brightness(1.06);
  color: #090c12 !important;
}

/* FAQ / lists */
.nib-faq details,
.faq-item {
  background: rgba(18, 25, 37, 0.75) !important;
  border: 1px solid rgba(143, 168, 192, 0.16) !important;
  border-radius: 12px !important;
  padding: 0.85rem 1rem !important;
  margin-bottom: 0.65rem !important;
}
.nib-faq summary {
  color: #e4d6be !important;
  font-weight: 650 !important;
}

/* Footer */
.nib-footer,
.site-footer,
footer {
  background: #0c0d10 !important;
  color: #c5d4e3 !important;
  border-top: 1px solid rgba(198, 165, 106, 0.28) !important;
}
.nib-footer a,
.site-footer a {
  color: #c5d4e3 !important;
}
.nib-footer a:hover {
  color: #e4d6be !important;
}

/* Kill light beige leftovers */
.bg-beige,
.bg-cream,
.t-beige {
  background-color: transparent !important;
}

/* Mobile */
@media (max-width: 900px) {
  .nib-header > div,
  .nib-header .head-inner {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .nib-nav,
  .nib-header nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 0.15rem 0.35rem !important;
  }
  .nib-header a,
  .nib-nav a {
    font-size: 0.62rem !important;
    padding: 0.35rem 0.4rem !important;
  }
  .nib-hero {
    min-height: 58svh !important;
    padding: 5.25rem 1rem 2rem !important;
  }
  .nib-hero-mark {
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
    letter-spacing: 0.04em !important;
  }
  .gi-grid,
  .nib-faq,
  .metrics,
  .nib-row {
    grid-template-columns: 1fr !important;
  }
  .nib-row {
    flex-direction: column !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}


/* page-class overrides (win vs scoped light cards) */
.r-frame,.portrait-hero .ph-frame,.facts .row,.cor-card,.nib-gal-item,.r-stat,.r-note{
  background:#121925 !important;
  border-color: rgba(143,168,192,.22) !important;
  color: #eef3f8 !important;
}
.r-title,.r-h,.cor-card b,.contact-mail,.ukr-g h2{ color:#eef3f8 !important; }
.r-p,.r-lead,.cor-card span,.r-cap,.ph-cap,.nib-cap,.ukr-note{ color:#c5d4e3 !important; }
.btn--bg{
  background: linear-gradient(180deg,#a8bfd4 0%,#8fa8c0 48%,#5a738c 100%) !important;
  color:#121925 !important;
}
.btn--ghost{
  background: transparent !important;
  color:#e4d6be !important;
  border: 1px solid rgba(143,168,192,.4) !important;
}
.ukr-kicker, .home-closer { color:#c6a56a !important; }


/* astro-cascade-wall */
html body,
html body.t-hy {
  background: #090c12 !important;
  color: #eef3f8 !important;
}
html body .nib-section,
html body .bg-beige,
html body .bg-white,
html body main {
  background-color: transparent !important;
  color: #eef3f8 !important;
}
html body .site-footer,
html body .nib-footer,
html body footer {
  background: #0c0d10 !important;
  color: #c5d4e3 !important;
}


/* awards + santiye photo fix 2026-08-13b */
.ems-kicker{
  letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;
  opacity:.75;margin:0 0 .55rem;color:#c5d4e3;
}
.ems-sec-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.15;margin:0 0 .75rem;color:#eef3f8 !important;
}
.ems-sec-lead{
  font-size:1.05rem;line-height:1.7;margin:0 0 1.35rem;opacity:.9;color:#c5d4e3 !important;
}
.ems-award-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;
}
.ems-awards-2026 .photo-frame,
.ems-santiye-2026 .photo-frame{
  margin:0;opacity:1 !important;visibility:visible !important;
  transform:none !important;filter:none !important;
}
.ems-awards-2026 img,
.ems-santiye-2026 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  opacity:1 !important;
  visibility:visible !important;
  object-fit:cover;
  background:#1a2230;
}
.ems-awards-2026 .photo-frame__inner{ min-height:200px; background:#0a0908; }
.ems-santiye-2026 .photo-frame__inner{ min-height:280px; background:#0a0908; }
.photo-frame__gold{
  background: linear-gradient(145deg,#f7ebcc 0%,#a8bfd4 16%,#8fa8c0 36%,#7d5c2e 55%,#d4b07a 76%,#f0dfb4 100%);
  padding:8px;
  box-shadow: inset 0 1px 0 rgba(255,248,230,.55), inset 0 -1px 0 rgba(70,48,16,.4),
    0 0 0 1px rgba(90,64,28,.45), 0 22px 48px rgba(0,0,0,.48);
}
.photo-frame--compact .photo-frame__gold{ padding:5px; }
.photo-frame__mat{
  background:#12100c;padding:14px;
  box-shadow: inset 0 0 0 1px rgba(234,217,176,.42), inset 0 0 0 2px #0b0a08;
}
.photo-frame--compact .photo-frame__mat{ padding:8px; }
.photo-frame__inner{ overflow:hidden; background:#0a0908; }
.photo-frame__cap{
  margin-top:.75rem;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(234,217,176,.72);
}
/* never hide these with lux-reveal leftovers */
.ems-awards-2026[data-lux-reveal],
.ems-santiye-2026[data-lux-reveal],
.ems-awards-2026 [data-lux-reveal],
.ems-santiye-2026 [data-lux-reveal]{
  opacity:1 !important; transform:none !important; filter:none !important;
}


/* === polish 2026-08-13e: smaller fonts + beautify === */
html { font-size: 15px; }
body { font-size: 15px !important; line-height: 1.7 !important; }
.nib-hero-mark { font-size: clamp(1.5rem, 3.4vw, 2.6rem) !important; letter-spacing: 0.05em !important; }
.nib-hero-sub { font-size: clamp(0.62rem, 1vw, 0.74rem) !important; letter-spacing: 0.16em !important; }
.nib-header a, .nib-nav a { font-size: 0.66rem !important; letter-spacing: 0.1em !important; }
.nib-section h2, .ems-bio-2026 h2, .nib-faq h2, main h2 {
  font-size: clamp(1.15rem, 1.9vw, 1.55rem) !important;
}
.nib-section h3, .ems-bio-2026 h3, main h3 {
  font-size: clamp(0.95rem, 1.3vw, 1.1rem) !important;
}
.nib-section p, .ems-bio-2026 p, main p, .r-p, .r-lead {
  font-size: clamp(0.88rem, 1vw, 0.98rem) !important;
  line-height: 1.75 !important;
}
.r-lead { font-size: clamp(0.92rem, 1.05vw, 1.02rem) !important; }
.r-title { font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; }
.r-h { font-size: 1.05rem !important; }
.ems-sec-title { font-size: clamp(1.25rem, 2.4vw, 1.75rem) !important; }
.ems-sec-lead { font-size: 0.98rem !important; }
.ems-kicker { font-size: 0.66rem !important; }
.ems-ga-card h3 { font-size: 0.98rem !important; }
.ems-ga-card p { font-size: 0.86rem !important; line-height: 1.6 !important; }
.ems-ga-stat b { font-size: 1.4rem !important; }
.ems-ga-note { font-size: 0.9rem !important; }
.cat-title { font-size: clamp(1.55rem, 3vw, 2.2rem) !important; }
.cat-lead { font-size: 0.98rem !important; }
.photo-frame__cap { font-size: 9px !important; letter-spacing: 0.2em !important; }
.r-cap, .nib-cap, .ph-cap, .ukr-cap { font-size: 0.6rem !important; }

/* beautify: cards, spacing, dividers */
.ems-ga-card { border-radius: 16px !important; }
.ems-ga-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.4) !important; }
.gi-card, .faq-card, .nib-card, .cor-card { border-radius: 14px !important; }
.cor-card { padding: 1.4rem 1.25rem !important; }
.cor-card b { font-size: 1.05rem !important; }
.cor-card span { font-size: 0.86rem !important; }
.r-frame, .nib-gal-item { border-radius: 6px !important; overflow: hidden; }
.r-gallery { gap: 1rem !important; }
section.wrap, .nib-section { padding-top: 2.4rem; padding-bottom: 2.4rem; }

/* hero portrait frame gold */
.portrait-hero .ph-frame {
  background: linear-gradient(145deg,#f7ebcc 0%,#a8bfd4 16%,#8fa8c0 36%,#7d5c2e 55%,#d4b07a 76%,#f0dfb4 100%) !important;
  padding: 8px !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,248,230,.55), inset 0 -1px 0 rgba(70,48,16,.4), 0 0 0 1px rgba(90,64,28,.45), 0 22px 48px rgba(0,0,0,.48) !important;
}
.portrait-hero .ph-frame img { border-radius: 2px !important; }

/* section kicker accent */
.ems-kicker, .ukr-kicker, .cat-kicker {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  border: 1px solid rgba(198,165,106,.4);
  border-radius: 999px;
  margin-bottom: 0.7rem !important;
}

/* faq polish */
.nib-faq-item { padding: 1rem 1.1rem !important; border-radius: 10px !important; }
.nib-faq-item h3 { font-size: 0.98rem !important; }
.nib-faq-item p { font-size: 0.9rem !important; }

/* footer polish */
.nib-footer { padding: 2rem 1.25rem !important; }
.ftr-title { font-size: 1rem !important; }
.ftr-tag, .ftr-copy { font-size: 0.72rem !important; }
.ftr-h { font-size: 0.7rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
.nib-footer a { font-size: 0.82rem !important; }

/* buttons polish */
.btn--bg, .btn--ghost, a.btn {
  border-radius: 4px !important;
  padding: 0.8rem 1.25rem !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.14em !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.btn--bg:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 30px rgba(0,0,0,.4) !important; }
.btn--ghost:hover { background: rgba(143,168,192,.1) !important; }

@media (max-width: 900px) {
  html { font-size: 14.5px; }
  .nib-hero-mark { font-size: clamp(1.3rem, 6.5vw, 1.9rem) !important; }
  .nib-header a, .nib-nav a { font-size: 0.6rem !important; }
}


/* === header restructure 2026-08-13f: logo left | nav center | lang right === */
.nib-header {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 1.2rem !important;
  padding: 0.7rem 1.25rem !important;
}
.nib-logo { grid-column: 1; justify-self: start; }
.nib-header-right {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 0.6rem !important;
  order: 2 !important;
}
.nib-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  justify-content: center !important;
  gap: 1.4rem !important;
  order: 0 !important;
}
.nib-lang-dd { order: 3 !important; }
.nib-menu-btn { order: 1 !important; }

/* desktop: hide burger, show inline nav */
.nib-menu-btn { display: none !important; }
.nib-nav-close { display: none !important; }
.nib-nav {
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  flex-direction: row !important;
  padding: 0 !important;
  transform: none !important;
  max-height: none !important;
  overflow: visible !important;
}
.nib-nav-backdrop { display: none !important; }

/* nav links compact + elegant */
.nib-nav a {
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  padding: 0.3rem 0 !important;
  color: #e4d6be !important;
}
.nib-nav a:hover { color: #c5d4e3 !important; }
.nib-nav a[aria-current="page"] { color: #c6a56a !important; }

/* lang dropdown compact, right-aligned */
.nib-lang-dd-btn {
  padding: 0.35rem 0.6rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(143,168,192,.35) !important;
  background: rgba(18,25,37,.6) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.08em !important;
}
.nib-lang-dd-code { font-weight: 700; color: #e4d6be !important; }

/* logo compact */
.nib-logo { font-size: 0.82rem !important; letter-spacing: 0.04em !important; }
.nib-logo .lg-n, .nib-logo .lg-b { font-size: 0.82rem !important; }

/* === MOBILE <= 900px === */
@media (max-width: 900px) {
  .nib-header {
    grid-template-columns: auto auto !important;
    gap: 0.6rem !important;
    padding: 0.55rem 0.9rem !important;
  }
  .nib-logo { grid-column: 1; }
  .nib-header-right {
    grid-column: 2 !important;
    justify-self: end !important;
  }
  /* show burger, hide inline nav */
  .nib-menu-btn { display: inline-flex !important; order: 1 !important; }
  .nib-nav {
    position: fixed !important;
    top: 0; right: 0;
    height: 100dvh !important;
    width: min(82vw, 320px) !important;
    background: #0c0f15 !important;
    border-left: 1px solid rgba(143,168,192,.25) !important;
    box-shadow: -16px 0 40px rgba(0,0,0,.5) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 4.5rem 1.4rem 2rem !important;
    transform: translateX(110%) !important;
    transition: transform .3s cubic-bezier(.4,0,.2,1) !important;
    max-height: none !important;
    overflow-y: auto !important;
    z-index: 1600 !important;
  }
  .nib-nav.is-open { transform: translateX(0) !important; }
  .nib-nav a {
    width: 100%;
    padding: 0.9rem 0 !important;
    font-size: 0.82rem !important;
    border-bottom: 1px solid rgba(143,168,192,.14) !important;
  }
  .nib-nav a::after { display: none !important; }
  .nib-nav-close {
    display: block !important;
    position: absolute;
    top: 1rem; right: 1.1rem;
    background: transparent;
    border: 0;
    color: #e4d6be;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
  }
  .nib-nav-backdrop.is-open {
    display: block !important;
    position: fixed; inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 1500;
  }
  .nib-lang-dd { order: 0 !important; }
  .nib-lang-dd-btn { padding: 0.3rem 0.5rem !important; }
  .nib-lang-dd-flag { width: 16px; height: 16px; }
  .nib-logo .lg-full { display: none !important; }
  .nib-logo .lg-short { display: inline !important; }
}

/* burger styling */
.nib-burger { display: inline-flex; flex-direction: column; gap: 4px; }
.nib-burger span { display: block; width: 20px; height: 2px; background: #e4d6be; border-radius: 1px; transition: transform .25s ease, opacity .25s ease; }
.nib-menu-btn[aria-expanded="true"] .nib-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nib-menu-btn[aria-expanded="true"] .nib-burger span:nth-child(2) { opacity: 0; }
.nib-menu-btn[aria-expanded="true"] .nib-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }