/* ============================================================
   LEVANA WELLNESS SPA — main.css
   Matched to the live design: dark green + gold + purple.
   Hand-written CSS, no build step. Mobile-first responsive.
   ============================================================ */

:root {
  --green:      #14301f;   /* deep header/footer green */
  --green-2:    #1c3a28;   /* slightly lifted green */
  --green-btn:  #16301d;   /* dark green buttons */
  --gold:       #c79a4b;   /* primary gold */
  --gold-2:     #b8893a;   /* darker gold for hovers */
  --gold-soft:  #d9b878;
  --purple:     #3a2c4f;   /* why-choose / cta purple */
  --purple-2:   #4a3a5f;
  --slate:      #3b3a4a;   /* stats band */
  --lav:        #f5f2f8;   /* lavender card tint */
  --ink:        #1e1e22;
  --grey-txt:   #5d5d63;
  --svc-grey:   #e7e9e6;   /* services section bg */

  --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;  /* bold sans headings */
  --font-body:    'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-script:  'Dancing Script', 'Brush Script MT', cursive;   /* gold cursive accents */

  --maxw: 1240px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} }

body {
  font-family: var(--font-body);
  color: var(--ink);
  background: #fff;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; height: auto; }
a { color: inherit; text-decoration: none; }
.wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }

/* ---------- shared type ---------- */
.script { font-family: var(--font-script); font-weight: 600; }
.eyebrow-script { font-family: var(--font-script); font-size: clamp(1.3rem,2.2vw,1.7rem); color: var(--gold); font-weight: 600; }
.h-section {
  font-family: var(--font-display); font-weight: 700; line-height: 1.12;
  font-size: clamp(2rem, 4.2vw, 3rem); color: var(--ink); letter-spacing: -0.01em;
}
.h-section.light { color: #fff; }
.lead { color: var(--grey-txt); font-size: 1rem; line-height: 1.75; }

/* ---------- buttons ---------- */
.btn { display:inline-flex; align-items:center; gap:.6rem; font-family:var(--font-display); font-weight:600; font-size:.95rem; cursor:pointer; border:0; border-radius:100px; padding:.95rem 2rem; transition:transform .25s, background .25s, color .25s, box-shadow .25s; }
.btn:hover { transform: translateY(-2px); }
.btn-gold { background: var(--gold); color: #fff; box-shadow: 0 10px 24px -10px rgba(199,154,75,.6); }
.btn-gold:hover { background: var(--gold-2); }
.btn-green { background: var(--green-btn); color: #fff; }
.btn-green:hover { background: #1f4029; }
.btn-white { background: #fff; color: var(--ink); }
.btn-white:hover { background: #f1f1f1; }

/* ============================================================
   HEADER
   ============================================================ */
.topbar { background: var(--green); color: #e8e3d8; font-size: .9rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.topbar .wrap { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.7rem; flex-wrap:wrap; }
.topbar .ti { display:inline-flex; align-items:center; gap:.5rem; }
.topbar .ti .ic { color: var(--gold); }
.topbar .left { display:flex; gap:2rem; flex-wrap:wrap; align-items:center; }
.topbar .right { display:flex; gap:1.6rem; align-items:center; }
.topbar .socials { display:flex; gap:.7rem; border-left:1px solid rgba(255,255,255,.15); padding-left:1.3rem; }
.topbar .socials a { width:30px;height:30px;border-radius:6px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#e8e3d8;transition:.25s; }
.topbar .socials a:hover { background: var(--gold); color: var(--green); }

.nav { background: var(--green); color:#fff; }
.nav .wrap { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding-block:.5rem; }
.brand { display:flex; flex-direction:column; align-items:center; line-height:1; padding:.4rem 0; }
.brand .mark { color: var(--gold); font-size:1.5rem; }
.brand .name { font-family:var(--font-display); font-weight:700; letter-spacing:.32em; color:var(--gold); font-size:1.5rem; padding-left:.32em; }
.brand .sub { font-size:.6rem; letter-spacing:.42em; color:var(--gold-soft); padding-left:.42em; margin-top:.15rem; }
.menu { display:flex; align-items:center; gap:2.2rem; }
.menu a { font-family:var(--font-display); font-weight:500; font-size:1rem; color:#fff; position:relative; padding-block:.4rem; transition:color .2s; }
.menu a:hover, .menu a.current { color: var(--gold); }
.menu a.current::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--gold); }
.nav-cta { display:flex; align-items:center; }
.burger { display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; }
.burger span { width:26px; height:2px; background:var(--gold); }

/* ============================================================
   HERO
   ============================================================ */
.hero { position:relative; background: var(--green); color:#fff; overflow:hidden; }
.hero::after { /* gradient toward light on the right where photo sits */
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(100deg, rgba(20,48,31,1) 0%, rgba(20,48,31,.85) 38%, rgba(20,48,31,.25) 62%, rgba(214,214,210,.55) 100%);
}
.hero-inner { position:relative; z-index:2; min-height: 600px; display:flex; align-items:center; }
.hero-inner .wrap { width:100%; }
.hero-copy { max-width: 620px; padding-block: clamp(3rem,7vw,5.5rem); }
.hero-copy .eyebrow-script { display:block; margin-bottom:1rem; font-size:clamp(1.6rem,2.6vw,2rem); }
.hero-title { font-family:var(--font-display); font-weight:800; line-height:1.05; font-size:clamp(2.8rem,6.5vw,5rem); letter-spacing:-0.02em; margin-bottom:1.5rem; }
.hero-title .gold-script { font-family:var(--font-script); font-weight:600; color:var(--gold); font-size:1.05em; }
.hero-copy p { color: rgba(255,255,255,.82); font-size:1.02rem; line-height:1.7; margin-bottom:2rem; max-width:33rem; }
.hero-copy strong { color:#fff; font-weight:600; }
.hero-actions { display:flex; align-items:center; gap:1.2rem; }
.play-btn { width:64px;height:64px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;border:6px solid rgba(199,154,75,.3);cursor:pointer;transition:.25s; }
.play-btn:hover { transform:scale(1.06); }

/* ============================================================
   ABOUT
   ============================================================ */
.section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.about .wrap { display:grid; grid-template-columns: 1fr 1.05fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.about-media { position:relative; }
.about-media .photo { border-radius:18px; overflow:hidden; aspect-ratio:76/82; box-shadow:0 30px 60px -34px rgba(0,0,0,.35); }
.about-media .photo img { width:100%;height:100%;object-fit:cover; }
.about-media .flower { position:absolute; right:-26px; bottom:-10px; width:42%; filter:drop-shadow(0 14px 18px rgba(0,0,0,.18)); pointer-events:none; }
.about-copy .eyebrow-script { color:#1e1e22; font-family:var(--font-script); display:block; margin-bottom:.6rem; font-size:1.4rem; }
.about-copy h2 { margin-bottom:1.4rem; }
.about-copy .tagline { font-weight:700; font-style:italic; color:var(--green); font-size:1.05rem; margin-bottom:1.4rem; }
.about-copy p { color:var(--grey-txt); margin-bottom:1.1rem; line-height:1.75; }
.about-copy strong { color:var(--ink); font-weight:600; }
.about-copy .btn { margin-top:1rem; }

/* ============================================================
   SERVICES
   ============================================================ */
.services { background: var(--svc-grey); position:relative; }
.services .wrap { display:grid; grid-template-columns: 0.82fr 1.18fr; gap:clamp(2rem,4vw,3.5rem); align-items:start; }
.services-intro { position:sticky; top:120px; }
.services-intro .eyebrow-script { display:block; margin-bottom:.5rem; font-size:1.4rem; }
.services-intro h2 { margin-bottom:1.3rem; }
.services-intro p { color:var(--grey-txt); margin-bottom:1.6rem; line-height:1.75; }
.svc-cards { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
.svc-col { display:flex; flex-direction:column; gap:1.4rem; }
.svc-card { position:relative; border-radius:16px; overflow:hidden; display:block; box-shadow:0 14px 30px -18px rgba(0,0,0,.4); }
.svc-card img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.svc-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,20,12,.9) 0%, rgba(10,20,12,.45) 38%, rgba(10,20,12,0) 70%); }
.svc-card:hover img { transform:scale(1.05); }
.svc-card .cap { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:1.3rem 1.4rem; }
.svc-card .cap h3 { font-family:var(--font-display); font-weight:700; color:#fff; font-size:1.18rem; margin-bottom:.35rem; }
.svc-card .cap .more { display:inline-flex; align-items:center; gap:.45rem; color:#fff; font-size:.9rem; border-bottom:1px solid rgba(255,255,255,.6); padding-bottom:2px; }
.svc-card .cap .more .arr { transition:transform .25s; }
.svc-card:hover .cap .more .arr { transform:translateX(4px); }

/* ============================================================
   WHY CHOOSE US
   ============================================================ */
.why { background: linear-gradient(160deg, var(--purple) 0%, #2c2438 60%, #322b40 100%); color:#fff; position:relative; }
.why-head { text-align:center; max-width:680px; margin:0 auto 2.5rem; }
.why-head .eyebrow-script { display:block; margin-bottom:.5rem; color:#fff; opacity:.9; }
.why-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:1.5rem; align-items:center; max-width:1080px; margin:0 auto; }
.why-col { display:flex; flex-direction:column; gap:2rem; }
.why-card { background:#fff; border-radius:14px; padding:1.5rem 1.5rem 1.6rem; box-shadow:0 20px 40px -24px rgba(0,0,0,.5); display:flex; gap:1rem; align-items:flex-start; }
.why-card .ic { flex:none; width:56px; height:56px; border-radius:50%; background:var(--gold); color:#fff; display:grid; place-items:center; }
.why-card h4 { font-family:var(--font-display); font-weight:700; color:var(--ink); font-size:1.12rem; margin-bottom:.4rem; }
.why-card p { font-size:.86rem; color:var(--grey-txt); line-height:1.55; }
.why-center { position:relative; width:min(42vw,420px); aspect-ratio:1; display:grid; place-items:center; }
.why-portrait { width:64%; aspect-ratio:1; border-radius:50%; overflow:hidden; position:relative; z-index:2; box-shadow:0 0 0 8px rgba(255,255,255,.12); }
.why-portrait img { width:100%; height:100%; object-fit:cover; }
.why-flowers { position:absolute; inset:0; background:radial-gradient(circle at 50% 42%, rgba(168,85,200,.55), rgba(120,60,160,0) 62%); z-index:1; border-radius:50%; }

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.tst { position:relative; }
.tst-head { display:grid; grid-template-columns: 1fr 1fr; gap:2rem; align-items:flex-end; margin-bottom:2.5rem; }
.tst-head .eyebrow-script { display:block; margin-bottom:.5rem; font-size:1.4rem; }
.tst-head p { color:var(--grey-txt); }
.tst-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.tcard { background:var(--lav); border-radius:14px; padding:1.8rem; position:relative; }
.tcard .stars { color:var(--gold); letter-spacing:2px; margin-bottom:1rem; font-size:.95rem; }
.tcard p { font-size:.9rem; color:#43434a; line-height:1.6; margin-bottom:1.6rem; }
.tcard .who { display:flex; align-items:center; gap:.85rem; }
.tcard .who img { width:50px;height:50px;border-radius:50%;object-fit:cover; }
.tcard .who .nm { font-family:var(--font-display); font-weight:700; color:var(--ink); font-size:.98rem; }
.tcard .who .rl { font-size:.78rem; color:var(--grey-txt); }
.tcard .qm { position:absolute; right:1.5rem; bottom:1.3rem; font-family:var(--font-script); font-size:3.2rem; color:var(--green); line-height:1; opacity:.85; }

/* ============================================================
   STATS BAND
   ============================================================ */
.stats { background: linear-gradient(180deg, #322b40 0%, var(--slate) 100%); color:#fff; }
.stats .wrap { display:grid; grid-template-columns:repeat(4,1fr); }
.stat { display:flex; align-items:center; gap:1rem; padding:2.2rem 1rem; justify-content:center; position:relative; }
.stat + .stat::before { content:""; position:absolute; left:0; top:25%; bottom:25%; width:1px; background:rgba(255,255,255,.18); }
.stat .ic { color:var(--gold); flex:none; }
.stat .num { font-family:var(--font-display); font-weight:700; font-size:clamp(1.8rem,3vw,2.4rem); line-height:1; }
.stat .lbl { font-size:.82rem; color:rgba(255,255,255,.8); margin-top:.2rem; }

/* ============================================================
   BOOKING
   ============================================================ */
.book { position:relative; color:#fff; }
.book-bg { position:absolute; inset:0; z-index:0; }
.book-bg img { width:100%; height:100%; object-fit:cover; }
.book-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(30,20,15,.35), rgba(58,44,79,.45)); }
.book .wrap { position:relative; z-index:2; display:grid; grid-template-columns:1fr minmax(420px,560px); gap:2rem; padding-block:clamp(3rem,7vw,5rem); }
.book-form { background: rgba(36,28,40,.55); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:clamp(1.6rem,3vw,2.4rem); grid-column:2; }
.book-form .eyebrow-script { display:block; color:var(--gold); margin-bottom:.3rem; }
.book-form h2 { font-family:var(--font-display); font-weight:700; font-size:clamp(1.8rem,3vw,2.4rem); margin-bottom:1.4rem; }
.bf-row { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-bottom:1.2rem; }
.bf-field label { display:block; font-size:.92rem; font-weight:500; margin-bottom:.5rem; }
.bf-field input, .bf-field select, .bf-field textarea {
  width:100%; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.4);
  color:#fff; font-family:var(--font-body); font-size:.95rem; padding:.5rem 0; }
.bf-field select option { color:#1e1e22; }
.bf-field input::placeholder, .bf-field textarea::placeholder { color:rgba(255,255,255,.5); }
.bf-field input:focus, .bf-field select:focus, .bf-field textarea:focus { outline:none; border-bottom-color:var(--gold); }
.bf-field.full { grid-column:1/-1; }
.book-form .btn { margin-top:1.4rem; }
.notice { padding:.8rem 1rem; border-radius:8px; margin-bottom:1rem; font-size:.9rem; }
.notice.ok { background:rgba(199,154,75,.22); color:#fff; }
.notice.bad { background:rgba(200,80,60,.25); color:#fff; }

/* ============================================================
   CTA + FOOTER
   ============================================================ */
.cta { background: linear-gradient(120deg, var(--purple) 0%, #2c2438 55%, #34303f 100%); color:#fff; position:relative; overflow:hidden; }
.cta .wrap { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; min-height:380px; }
.cta-copy .eyebrow-script { display:block; color:var(--gold); margin-bottom:.6rem; }
.cta-copy h2 { font-family:var(--font-display); font-weight:700; font-size:clamp(1.9rem,3.4vw,2.7rem); line-height:1.15; margin-bottom:1.8rem; max-width:14ch; }
.cta-woman { position:relative; align-self:end; justify-self:center; max-width:440px; }
.cta-woman img { width:100%; }

.footer { background: var(--green); color: rgba(255,255,255,.72); padding-top: clamp(3rem,6vw,4rem); }
.footer .wrap { display:grid; grid-template-columns: 1.5fr 1fr 1.2fr 1.3fr; gap:2.5rem; padding-bottom:2.5rem; }
.footer .brand { align-items:flex-start; margin-bottom:1.1rem; }
.footer .brand .name, .footer .brand .mark { color:var(--gold); }
.footer p { font-size:.9rem; line-height:1.7; }
.footer strong { color:#fff; font-weight:600; }
.footer h5 { color:#fff; font-family:var(--font-display); font-size:1.15rem; margin-bottom:1.1rem; }
.footer ul { list-style:none; display:flex; flex-direction:column; gap:.7rem; }
.footer ul a:hover, .footer .contact li:hover { color:var(--gold); }
.footer .contact { list-style:none; display:flex; flex-direction:column; gap:.7rem; font-size:.9rem; }
.subscribe { position:relative; max-width:330px; }
.subscribe input { width:100%; border:0; border-radius:100px; padding:.95rem 3.2rem .95rem 1.2rem; font-family:var(--font-body); font-size:.9rem; }
.subscribe button { position:absolute; right:5px; top:5px; bottom:5px; width:44px; border:0; border-radius:50%; background:var(--green-btn); color:#fff; cursor:pointer; display:grid; place-items:center; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding-block:1.4rem; text-align:center; font-size:.85rem; }

/* ---------- mobile nav drawer ---------- */
.mnav { display:none; }

/* ---------- reveal ---------- */
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s, transform .7s; }
.reveal.in { opacity:1; transform:none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px){
  .about .wrap, .services .wrap, .tst-head, .cta .wrap { grid-template-columns:1fr; }
  .services-intro { position:static; }
  .why-grid { grid-template-columns:1fr; }
  .why-center { order:-1; margin:0 auto 1rem; width:min(70vw,360px); }
  .why-col { gap:1.4rem; }
  .tst-grid { grid-template-columns:1fr; }
  .book .wrap { grid-template-columns:1fr; }
  .book-form { grid-column:1; }
  .cta-woman { display:none; }
  .cta-copy h2 { max-width:none; }
  .footer .wrap { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px){
  .menu, .topbar .right, .nav-cta { display:none; }
  .burger { display:flex; }
  .topbar .wrap { justify-content:center; }
  .topbar .left { justify-content:center; }
  .svc-cards { grid-template-columns:1fr; }
  .bf-row { grid-template-columns:1fr; }
  .stats .wrap { grid-template-columns:1fr 1fr; }
  .stat:nth-child(odd)::before { display:none; }
  .footer .wrap { grid-template-columns:1fr; }

  .mnav.open { display:block; position:fixed; inset:0; z-index:200; background:var(--green); padding:2rem; }
  .mnav .x { position:absolute; top:1.4rem; right:1.5rem; background:none; border:0; color:var(--gold); font-size:2.2rem; cursor:pointer; }
  .mnav ul { list-style:none; margin-top:4rem; display:flex; flex-direction:column; gap:1.4rem; }
  .mnav a { color:#fff; font-family:var(--font-display); font-weight:600; font-size:1.5rem; }
}

/* ============================================================
   PAGE BANNER (About, Services, Price, Contact etc.)
   ============================================================ */
.page-banner { position:relative; min-height:280px; display:flex; align-items:center; overflow:hidden; }
.page-banner-bg { position:absolute; inset:0; z-index:0; }
.page-banner-bg img { width:100%; height:100%; object-fit:cover; }
.page-banner-bg::after { content:""; position:absolute; inset:0; background:rgba(14,30,18,.72); }
.page-banner-inner { position:relative; z-index:2; text-align:center; padding-block:3.5rem; }
.page-banner-inner h1 { font-family:var(--font-display); font-weight:700; font-size:clamp(2.2rem,5vw,3.4rem); color:#fff; margin-bottom:.8rem; }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:.5rem; font-size:.95rem; color:rgba(255,255,255,.75); }
.breadcrumb a { color:rgba(255,255,255,.75); }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb span { color:#fff; }

/* ============================================================
   ABOUT PAGE
   ============================================================ */
.about-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:start; }

/* collage */
.about-collage { position:relative; }
.collage-main { border-radius:12px; overflow:hidden; aspect-ratio:4/3; }
.collage-main img { width:100%; height:100%; object-fit:cover; }
.collage-side { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:.8rem; }
.collage-sm { border-radius:10px; overflow:hidden; aspect-ratio:1; }
.collage-sm img { width:100%; height:100%; object-fit:cover; }
.collage-flower { position:absolute; top:-30px; right:-20px; width:140px; pointer-events:none; filter:drop-shadow(0 8px 16px rgba(0,0,0,.2)); }
.collage-flower img { width:100%; }

/* copy */
.about-bordered-text { border-left:3px solid var(--gold); padding-left:1.4rem; margin-bottom:2rem; }
.about-bordered-text p { color:var(--grey-txt); margin-bottom:1rem; line-height:1.75; }
.about-bordered-text p:last-child { margin-bottom:0; }
.about-bordered-text strong { color:var(--ink); font-weight:600; }

/* stat boxes */
.about-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
.about-stat { border-radius:12px; padding:1.5rem; text-align:center; }
.about-stat.green { background:var(--green); color:#fff; }
.about-stat.gold { background:var(--gold); color:#fff; }
.about-stat .as-num { font-family:var(--font-display); font-weight:700; font-size:2.2rem; line-height:1; margin-bottom:.4rem; }
.about-stat .as-lbl { font-size:.9rem; opacity:.9; }

/* ============================================================
   TEAM
   ============================================================ */
.team-head { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; margin-bottom:3rem; }
.team-head h2 { margin-bottom:0; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.team-card { text-align:center; }
.team-photo { border-radius:12px; overflow:hidden; aspect-ratio:3/4; margin-bottom:1rem; background:var(--svc-grey); }
.team-photo img { width:100%; height:100%; object-fit:cover; object-position:top; }
.team-card h4 { font-family:var(--font-display); font-weight:700; color:var(--ink); font-size:1.05rem; margin-bottom:.2rem; }
.team-role { font-family:var(--font-script); color:var(--grey-txt); font-size:1rem; margin-bottom:.7rem; }
.team-socials { display:flex; justify-content:center; gap:.5rem; }
.team-socials a { width:32px; height:32px; border-radius:8px; background:var(--gold); color:#fff; display:grid; place-items:center; font-size:.85rem; transition:.2s; }
.team-socials a:hover { background:var(--green); }

/* ============================================================
   RESPONSIVE — inner pages
   ============================================================ */
@media (max-width:1024px) {
  .about-page-grid { grid-template-columns:1fr; }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .team-head { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .team-grid { grid-template-columns:repeat(2,1fr); gap:1rem; }
  .about-stats { grid-template-columns:1fr 1fr; }
}