:root{
    --navy:#ffffff;
    --navy-deep:#f1f3f5;
    --sky:#5aa8e0;
    --sun:#f2c94c;
    --bubble:#f2899d;
    --leaf:#7cc576;
    --cream:#2f5f9e;
    --cream-dim:#5d6673;
    --radius:22px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Nunito', sans-serif;
    background:var(--navy);
    color:var(--cream);
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Baloo 2', cursive;
    line-height:1.15;
  }
  a{text-decoration:none; color:inherit;}
  ul{list-style:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
  .eyebrow{
    font-family:'Baloo 2', cursive;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.8rem;
    font-weight:700;
    display:inline-block;
    padding:.35em .9em;
    border-radius:999px;
  }

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 24px;
  }
  .brand{display:flex; align-items:center; gap:12px;}
  .brand img{height:52px; width:52px; border-radius:14px; object-fit:cover;}
  @font-face{font-family:'More Sugar'; src:url('MoreSugar-Thin.ttf') format('truetype'); font-weight:100; font-style:normal; font-display:swap;}
  .brand .brand-text{font-family:'Baloo 2',cursive; line-height:1.05;}
  .brand .brand-text .top{color:var(--sun); font-size:.72rem; font-weight:600; letter-spacing:.05em;}
  .brand .brand-text .main{font-family:'More Sugar',cursive; font-size:1.25rem; font-weight:100;}
  .brand-text .main .umiya-name{color:var(--sky);}
  .brand-text .main span{color:var(--bubble);}
  .navlinks{display:flex; gap:30px; font-weight:700; font-size:.95rem;}
  .navlinks a{position:relative; padding:4px 0; color:var(--cream-dim); transition:color .2s;}
  .navlinks a:hover{color:var(--cream);}
  .navlinks a::after{
    content:''; position:absolute; left:0; bottom:-3px; height:3px; width:0;
    background:var(--sun); border-radius:3px; transition:width .25s ease;
  }
  .navlinks a:hover::after{width:100%;}
  .nav-cta{
    background:var(--bubble); color:var(--navy-deep); font-weight:800;
    padding:10px 20px; border-radius:999px; font-size:.9rem;
    box-shadow:0 6px 0 #c96379;
  }
  .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none;}
  .burger span{width:26px; height:3px; background:var(--cream); border-radius:3px;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    padding:0;
    width:100%;
    overflow:hidden;
    background:#edf7fb;
  }
  .home1{
    display:flex;
    width:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:var(--sun) rgba(47,95,158,.15);
  }
  .home1::-webkit-scrollbar{height:8px;}
  .home1::-webkit-scrollbar-track{background:rgba(47,95,158,.12);}
  .home1::-webkit-scrollbar-thumb{background:var(--sun); border-radius:999px;}
  .home1 img{
    flex:0 0 100%;
    width:100%;
    height:calc(100svh - 80px);
    min-height:440px;
    object-fit:cover;
    object-position:center;
    scroll-snap-align:start;
  }
  .cloud{
    position:absolute; z-index:0; background:#dfefff; border-radius:60px; opacity:.9;
    filter:drop-shadow(0 6px 0 rgba(0,0,0,.05)); pointer-events:none;
  }
  .cloud::before, .cloud::after{
    content:''; position:absolute; background:#dfefff; border-radius:50%;
  }
  .c1{width:120px; height:46px; top:60px; left:8%; animation: drift 26s linear infinite;}
  .c1::before{width:60px; height:60px; top:-28px; left:12px;}
  .c1::after{width:44px; height:44px; top:-20px; left:60px;}
  .c2{width:160px; height:56px; top:20px; left:60%; animation: drift 34s linear infinite reverse;}
  .c2::before{width:80px; height:80px; top:-38px; left:20px;}
  .c2::after{width:56px; height:56px; top:-24px; left:80px;}
  .c3{width:90px; height:36px; top:110px; left:80%; animation: drift 20s linear infinite;}
  .c3::before{width:44px; height:44px; top:-20px; left:10px;}
  .c3::after{width:32px; height:32px; top:-14px; left:44px;}
  @keyframes drift{
    0%{transform:translateX(0);}
    50%{transform:translateX(30px);}
    100%{transform:translateX(0);}
  }
  .hero-eyebrow{background:rgba(122,197,118,.18); color:var(--leaf); margin-bottom:22px;}
  .hero h1{
    font-size:clamp(2.2rem, 5vw, 3.6rem);
    font-weight:800;
    max-width:900px;
    margin:0 auto 20px;
  }
  .hero h1 .hl-yellow{color:var(--sun);}
  .hero h1 .hl-pink{color:var(--bubble);}
  .hero p.lead{
    max-width:620px; margin:0 auto 34px; color:var(--cream-dim);
    font-size:1.1rem; font-weight:600;
  }
  .hero-ctas{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-bottom:20px;}
  .btn{
    display:inline-block; font-family:'Baloo 2',cursive; font-weight:700; font-size:1.02rem;
    padding:14px 30px; border-radius:999px; transition:transform .15s ease;
  }
  .btn:hover{transform:translateY(-3px);}
  .btn-yellow{background:var(--sun); color:var(--navy-deep); box-shadow:0 6px 0 #c9a230;}
  .btn-pink{background:var(--bubble); color:var(--navy-deep); box-shadow:0 6px 0 #c96379;}
  .btn-outline{background:transparent; border:2px solid var(--cream-dim); color:var(--cream); box-shadow:none;}

  /* Skyline divider - signature element */
  .skyline{position:relative; margin-top:60px; height:170px;}
  .skyline svg{position:absolute; bottom:0; left:0; width:100%; height:100%;}

  /* ---------- SECTIONS GENERIC ---------- */
  section{padding:90px 0;}
  .section-head{text-align:center; max-width:640px; margin:0 auto 56px;}
  .section-head .eyebrow{margin-bottom:16px;}
  .section-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem); font-weight:800; margin-bottom:14px;}
  .section-head p{color:var(--cream-dim); font-weight:600; font-size:1.03rem;}

  /* ---------- TICKER ---------- */
  .ticker-wrap{
    background:linear-gradient(90deg, rgba(90,168,224,.12), rgba(242,137,157,.12), rgba(124,197,118,.12));
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:18px 0;
    overflow:hidden;
  }
  .ticker-track{
    display:flex;
    width:max-content;
    gap:26px;
    padding-left:24px;
    animation: tickerScroll 18s linear infinite;
  }
  .ticker-item{
    white-space:nowrap;
    font-family:'Baloo 2', cursive;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:1.05rem;
    color:var(--cream);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    padding:10px 22px;
  }
  @keyframes tickerScroll{
    from {transform:translateX(0);}
    to {transform:translateX(-50%);}
  }

  /* ---------- CAROUSEL ---------- */
  .carousel-section{background:var(--navy); padding:48px 0 64px;}
  .carousel-container{
    display:flex; align-items:center; justify-content:center;
    position:relative;
  }
  .carousel-wrapper{
    width:100%; max-width:1120px; height:calc(100vh - 190px); min-height:460px;
    overflow:hidden; border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.4);
  }
  .carousel-track{
    display:flex; flex-direction:row; width:100%; height:100%; transition:transform .5s ease-out;
  }
  .carousel-slide{
    min-width:100%; height:100%; position:relative; overflow:hidden;
  }
  .carousel-slide img{
    width:100%; height:100%; display:block;
    object-fit:cover; transition:transform .3s ease;
  }
  .carousel-slide:hover img{transform:scale(1.03);}
  .slide-caption{
    position:absolute; bottom:0; left:0; right:0;
    color:var(--cream); padding:24px; font-family:'Baloo 2',cursive;
    font-weight:700; font-size:1.1rem; z-index:10;
  }
  .carousel-btn{
    position:absolute; z-index:20;
    width:50px; height:50px; border-radius:50%; background:rgba(31,42,55,.88);
    border:2px solid rgba(255,255,255,.9);
    cursor:pointer; display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; color:#fff; font-weight:800; transition:all .2s;
    flex:none; box-shadow:0 4px 12px rgba(242,201,76,.3);
  }
  .carousel-btn:hover{
    transform:scale(1.1);
    box-shadow:0 6px 20px rgba(242,201,76,.5);
  }
  .carousel-btn:active{transform:scale(.95);}
  .carousel-btn.prev{left:20px;}
  .carousel-btn.prev:hover{box-shadow:0 6px 20px rgba(90,168,224,.5);}
  .carousel-btn.next{right:20px;}
  .carousel-dots{
    position:relative; z-index:5;
    display:flex; gap:12px; justify-content:center; align-items:center;
    min-height:12px; margin-top:24px;
  }
  .carousel-dot{
    width:12px; height:12px; border-radius:50%;
    display:block; appearance:none; background:rgba(47,95,158,.35);
    border:1px solid rgba(47,95,158,.55); cursor:pointer;
    transition:all .3s;
  }
  .carousel-dot.active{
    background:var(--sun); width:32px; border:1px solid #c9a230; border-radius:6px;
  }
  .carousel-dot:hover{background:rgba(47,95,158,.6);}

  /* ---------- VERTICALS (Play / Gym) ---------- */
  .verticals{background:var(--navy-deep);}
  .vert-grid{display:grid; grid-template-columns:1fr 1fr; gap:30px;}
  .vert-card{
    border-radius:28px; padding:38px 32px; position:relative; overflow:hidden;
  }
  .vert-card.play{background:linear-gradient(160deg, #f2c94c 0%, #e0a916 100%); color:#3a2c04;}
  .vert-card.gym{background:linear-gradient(160deg, #f2899d 0%, #d95d76 100%); color:#3a0410;}
  .vert-tag{
    display:inline-block; font-family:'Baloo 2',cursive; font-weight:800; font-size:.78rem;
    text-transform:uppercase; letter-spacing:.06em; padding:.4em 1em; border-radius:999px;
    background:rgba(255,255,255,.35); margin-bottom:16px;
  }
  .vert-card h3{font-size:1.9rem; font-weight:800; margin-bottom:10px;}
  .vert-card > p{font-weight:700; margin-bottom:26px; max-width:420px;}
  .vert-list{display:grid; grid-template-columns:1fr 1fr; gap:12px 18px;}
  .vert-list li{
    display:flex; align-items:center; gap:10px; font-weight:700; font-size:.95rem;
    background:rgba(255,255,255,.28); padding:10px 14px; border-radius:14px;
  }
  .vert-list li .dot{width:8px; height:8px; border-radius:50%; background:currentColor; flex:none;}
  .vert-icon{
    position:absolute; right:-18px; bottom:-18px; font-size:7rem; opacity:.18;
    line-height:1;
  }

  /* ---------- WHY US ---------- */
  .why{background:var(--navy);}
  .why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
  .why-card{
    background:rgba(47,95,158,.05); border:1px solid rgba(47,95,158,.14);
    border-radius:20px; padding:30px 24px; text-align:left; transition:transform .2s, background .2s;
  }
  .why-card:hover{transform:translateY(-6px); background:rgba(47,95,158,.09);}
  .why-num{
    width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center;
    font-family:'Baloo 2',cursive; font-weight:800; font-size:1.4rem; margin-bottom:18px; color:var(--navy-deep);
  }
  .why-card:nth-child(1) .why-num{background:var(--sun);}
  .why-card:nth-child(2) .why-num{background:var(--bubble);}
  .why-card:nth-child(3) .why-num{background:var(--sky);}
  .why-card:nth-child(4) .why-num{background:var(--leaf);}
  .why-card h4{font-size:1.15rem; margin-bottom:10px;}
  .why-card p{color:var(--cream-dim); font-size:.95rem; font-weight:600;}

  /* ---------- PROCESS ---------- */
  .process{background:var(--navy-deep);}
  .steps{
    display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;
  }
  .step{text-align:center; padding:0 16px; position:relative;}
  .step-circle{
    width:64px; height:64px; border-radius:50%; margin:0 auto 18px;
    display:flex; align-items:center; justify-content:center; font-family:'Baloo 2',cursive;
    font-weight:800; font-size:1.3rem; color:var(--navy-deep); position:relative; z-index:2;
    border:4px solid var(--navy-deep);
  }
  .step:nth-child(1) .step-circle{background:var(--sun);}
  .step:nth-child(2) .step-circle{background:var(--sky);}
  .step:nth-child(3) .step-circle{background:var(--bubble);}
  .step:nth-child(4) .step-circle{background:var(--leaf);}
  .step h4{font-size:1.05rem; margin-bottom:8px;}
  .step p{color:var(--cream-dim); font-size:.9rem; font-weight:600;}
  .step-line{
    position:absolute; top:32px; left:50%; width:100%; height:3px; background:rgba(255,255,255,.15); z-index:1;
  }
  .step:last-child .step-line{display:none;}

  /* ---------- GALLERY ---------- */
  .gallery{background:var(--navy);}
  .gal-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:140px; gap:16px;}
  .gal-item{
    border-radius:18px; display:flex; align-items:center; justify-content:center;
    font-family:'Baloo 2',cursive; font-weight:700; font-size:2rem; color:rgba(0,0,0,.35);
  }
  .gal-item:nth-child(1){grid-column:span 2; grid-row:span 2; background:linear-gradient(135deg,#f2c94c,#e0a916);}
  .gal-item:nth-child(2){background:linear-gradient(135deg,#5aa8e0,#3d7fb3);}
  .gal-item:nth-child(3){background:linear-gradient(135deg,#f2899d,#d95d76);}
  .gal-item:nth-child(4){background:linear-gradient(135deg,#7cc576,#54a04c);}
  .gal-item:nth-child(5){background:linear-gradient(135deg,#f2899d,#d95d76);}
  .gal-item:nth-child(6){grid-column:span 2; background:linear-gradient(135deg,#5aa8e0,#3d7fb3);}

  /* ---------- CONTACT ---------- */
  .contact{background:var(--navy);}
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start;}
  .contact-info h2{font-size:2rem; margin-bottom:16px;}
  .contact-info p{color:var(--cream-dim); font-weight:600; margin-bottom:28px;}
  .info-row{display:flex; gap:14px; align-items:flex-start; margin-bottom:20px;}
  .info-icon{
    width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.08);
    display:flex; align-items:center; justify-content:center; flex:none; font-size:1.2rem;
  }
  .info-row h5{font-size:.95rem; margin-bottom:2px;}
  .info-row span{color:var(--cream-dim); font-size:.9rem; font-weight:600;}
  form{background:rgba(47,95,158,.05); border:1px solid rgba(47,95,158,.14); border-radius:22px; padding:32px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  label{display:block; font-weight:700; font-size:.85rem; margin-bottom:6px; color:var(--cream-dim);}
  input, select, textarea{
    width:100%; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.15);
    background:#ffffff; color:var(--cream); font-family:'Nunito',sans-serif; font-weight:600; font-size:.95rem;
  }
  input:focus, select:focus, textarea:focus{outline:2px solid var(--sun); outline-offset:1px;}
  textarea{resize:vertical; min-height:100px; margin-bottom:18px;}
  .submit-btn{
    width:100%; background:var(--sun); color:var(--navy-deep); font-family:'Baloo 2',cursive; font-weight:800;
    font-size:1.05rem; padding:14px; border:none; border-radius:999px; cursor:pointer; box-shadow:0 6px 0 #c9a230;
    transition:transform .15s;
  }
  .submit-btn:hover{transform:translateY(-2px);}
  .form-note{font-size:.8rem; color:var(--cream-dim); margin-top:12px; text-align:center;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-deep); border-top:1px solid rgba(255,255,255,.08); padding:40px 0 24px;}
  .foot-grid{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:24px;}
  .foot-brand{display:flex; align-items:center; gap:12px;}
  .foot-brand img{height:44px; width:44px; border-radius:12px;}
  .foot-brand .brand-text{font-family:'Baloo 2',cursive; line-height:1.05;}
  .foot-brand .brand-text .main{font-family:'More Sugar',cursive; font-weight:100;}
  .foot-brand .main{color:var(--bubble);}
  .foot-links{display:flex; gap:24px; font-weight:700; font-size:.9rem; color:var(--cream-dim);}
  .foot-links a:hover{color:var(--cream);}
  .foot-bottom{text-align:center; color:var(--cream-dim); font-size:.85rem; font-weight:600; border-top:1px solid rgba(255,255,255,.08); padding-top:20px;}

  /* ---------- ABOUT PAGE ---------- */
  .about-content{background:var(--navy);}
  .about-section{max-width:800px; margin:0 auto 56px;}
  .about-section h2{font-size:clamp(1.8rem, 3.4vw, 2.6rem); font-weight:800; margin-bottom:20px; color:var(--cream);}
  .about-section p{color:var(--cream-dim); font-weight:600; font-size:1.02rem; line-height:1.7; margin-bottom:16px;}
  .about-section p:last-child{margin-bottom:0;}
  .founder-section{max-width:1100px; margin-bottom:60px;}
  .founder-card{
    display:grid; grid-template-columns:320px minmax(0, 1fr); gap:32px; align-items:center;
    background:rgba(47,95,158,.05); border:1px solid rgba(47,95,158,.14); border-radius:28px;
    padding:30px 28px; box-shadow:0 20px 40px rgba(47,95,158,.08);
  }
  .founder-image-wrap{border-radius:24px; overflow:hidden; border:4px solid rgba(242,201,76,.35); background:#dfeaf5;}
  .founder-image-wrap img{width:100%; height:100%; min-height:360px; object-fit:cover; display:block;}
  .founder-copy h2{margin-bottom:18px;}
  .founder-name{
    margin-top:18px; color:var(--sun); font-family:'Baloo 2', cursive; font-size:1.55rem; font-weight:800;
  }
  .about-list{
    display:flex; flex-direction:column; gap:14px; margin-top:18px;
  }
  .about-list li{
    display:flex; align-items:flex-start; gap:14px; color:var(--cream-dim); font-weight:600; font-size:1rem;
  }
  .about-list li::before{content:''; min-width:24px; width:24px; height:24px; border-radius:50%; background:rgba(90,168,224,.25); display:flex; align-items:center; justify-content:center; flex:none; margin-top:2px;}
  .about-list strong{color:var(--cream); font-weight:700;}
  
  .offerings-grid{
    display:grid; grid-template-columns:repeat(2, 1fr); gap:28px; margin-top:28px;
  }
  .offering-card{
    background:rgba(47,95,158,.05); border:1px solid rgba(47,95,158,.14); border-radius:20px;
    padding:32px 28px; text-align:center; transition:transform .2s, background .2s;
  }
  @media (max-width: 760px){
    .founder-card{grid-template-columns:1fr; padding:22px 18px;}
    .founder-image-wrap img{min-height:280px;}
  }
  .offering-card:hover{transform:translateY(-8px); background:rgba(47,95,158,.09);}
  .offering-icon{font-size:2.8rem; display:block; margin-bottom:16px;}
  .offering-card h3{font-size:1.3rem; font-weight:800; margin-bottom:10px; color:var(--cream);}
  .offering-card p{color:var(--cream-dim); font-weight:600; font-size:.95rem;}
  
  .cta-section{background:var(--navy-deep); text-align:center;}
  .cta-section h2{font-size:clamp(1.8rem, 3.4vw, 2.6rem); font-weight:800; margin-bottom:12px;}
  .cta-section p{color:var(--cream-dim); font-weight:600; font-size:1.05rem; margin-bottom:28px; max-width:600px; margin-left:auto; margin-right:auto;}

  /* ---------- GALLERY PAGE ---------- */
  .gallery-content{background:var(--navy); padding:80px 0;}
  .gallery-filter{
    display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:48px;
  }
  .filter-btn{
    padding:10px 22px; border:2px solid rgba(255,255,255,.2); background:transparent;
    color:var(--cream-dim); border-radius:999px; cursor:pointer; font-weight:700; font-size:.95rem;
    font-family:'Baloo 2', cursive; transition:all .3s ease;
  }
  .filter-btn:hover{border-color:var(--cream); color:var(--cream);}
  .filter-btn.active{background:var(--sun); color:var(--navy-deep); border-color:var(--sun);}
  
  .gallery-grid{
    display:flex; gap:24px; overflow-x:auto; padding:20px 0 40px 0;
    scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:var(--sun) rgba(255,255,255,.1);
  }
  .gallery-grid::-webkit-scrollbar{height:10px;}
  .gallery-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.05); border-radius:999px; margin:10px 0;}
  .gallery-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--sun) 0%, var(--bubble) 100%); border-radius:999px; box-shadow:0 0 6px rgba(0,0,0,.3);}
  .gallery-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #e0a916 0%, #d95d76 100%);}
  
  .gallery-item{
    flex:0 0 320px; background:rgba(47,95,158,.05); border:1px solid rgba(47,95,158,.14);
    border-radius:20px; overflow:hidden; transition:all .3s ease; cursor:pointer;
  }
  .gallery-item:hover{transform:translateY(-12px); background:rgba(47,95,158,.09); border-color:rgba(47,95,158,.2); box-shadow:0 20px 60px rgba(0,0,0,.15);}
  .gallery-image{
    width:100%; height:220px; display:block; transition:transform .4s ease;
  }
  .gallery-item:hover .gallery-image{transform:scale(1.06);}
  .gallery-item h3{
    font-size:1.2rem; font-weight:800; padding:16px 18px 8px; color:var(--cream);
  }
  .gallery-item p{
    color:var(--cream-dim); font-weight:600; font-size:.9rem; padding:0 18px 18px; line-height:1.5;
  }
  
  .scroll-indicator{
    text-align:center; color:var(--cream-dim); font-size:.9rem; font-weight:600; margin-top:12px;
    animation:pulse 2s ease-in-out infinite;
  }
  @keyframes pulse{
    0%, 100%{opacity:.5;}
    50%{opacity:1;}
  }
  
  .gallery-cta{background:var(--navy-deep); padding:80px 0; text-align:center;}
  .gallery-cta h2{font-size:clamp(1.8rem, 3.4vw, 2.6rem); font-weight:800; margin-bottom:12px;}
  .gallery-cta p{color:var(--cream-dim); font-weight:600; font-size:1.05rem; margin-bottom:28px;}

  /* ---------- STATISTICS ---------- */
  .statistics{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
    max-width:1180px;
    margin:0 auto;
    padding:64px 24px;
    background:var(--navy);
  }
  .statistics > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:150px;
    padding:24px 16px;
    text-align:center;
    background:rgba(47,95,158,.05);
    border:1px solid rgba(47,95,158,.14);
    border-top:4px solid var(--sun);
    border-radius:18px;
    transition:transform .2s ease, background .2s ease;
  }
  .statistics > div:nth-child(2){border-top-color:var(--bubble);}
  .statistics > div:nth-child(3){border-top-color:var(--sky);}
  .statistics > div:nth-child(4){border-top-color:var(--leaf);}
  .statistics > div:hover{transform:translateY(-6px); background:rgba(47,95,158,.09);}
  .statistics strong{
    display:block;
    color:var(--cream);
    font-family:'Baloo 2',cursive;
    font-size:clamp(2.3rem, 4vw, 3.25rem);
    font-weight:800;
    line-height:1;
  }
  .statistics sup{color:var(--sun); font-size:.48em; vertical-align:top;}
  .statistics > div:nth-child(2) sup{color:var(--bubble);}
  .statistics > div:nth-child(3) sup{color:var(--sky);}
  .statistics > div:nth-child(4) sup{color:var(--leaf);}
  .statistics span{margin-top:10px; color:var(--cream-dim); font-size:.9rem; font-weight:700;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px) {

    .navlinks {
        position: fixed;
        top: 80px;
        left: 24px;
        right: 24px;
        background: var(--navy);
        display: flex;
        flex-direction: column;
        gap: 0;
        border-radius: 18px;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 9999;
        transition: max-height .3s ease, opacity .2s ease;
    }

    .navlinks.open {
        max-height: 400px;
        opacity: 1;
        visibility: visible;
    }

    .navlinks a {
        display: block;
        width: 100%;
        padding: 16px 20px;
        border-bottom: 1px solid rgba(255,255,255,.06);
    }

    .nav-cta {
        display: none;
    }

    .burger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 42px;
        height: 42px;
        padding: 0;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10000;
    }

    .burger span {
        display: block;
        width: 26px;
        height: 3px;
        background: var(--navy);
        border-radius: 3px;
    }

    .vert-grid,
    .why-grid,
    .steps,
    .gal-grid,
    .contact-grid,
    .offerings-grid {
        grid-template-columns: 1fr;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .gal-item:nth-child(1),
    .gal-item:nth-child(6) {
        grid-column: span 1;
    }

    .step-line {
        display: none;
    }

    .statistics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

  @media (max-width:700px){
    .home1 img{height:auto; min-height:0; object-fit:contain;}
    .cloud{opacity:.38;}
    .c1{width:86px; height:30px; top:42px; left:4%;}
    .c1::before{width:42px; height:42px; top:-18px; left:10px;}
    .c1::after{width:30px; height:30px; top:-12px; left:48px;}
    .c2{width:104px; height:38px; top:18px; left:62%;}
    .c2::before{width:50px; height:50px; top:-22px; left:12px;}
    .c2::after{width:38px; height:38px; top:-15px; left:52px;}
    .c3{width:68px; height:24px; top:88px; left:78%;}
    .c3::before{width:30px; height:30px; top:-14px; left:10px;}
    .c3::after{width:22px; height:22px; top:-10px; left:34px;}
    .hero-eyebrow{font-size:.7rem; letter-spacing:.06em;}
    .carousel-section{padding:32px 0 48px;}
    .carousel-wrapper{height:calc(100vh - 150px); min-height:420px; border-radius:14px;}
    .carousel-btn{width:42px; height:42px; font-size:1.2rem;}
    .carousel-btn.prev{left:12px;}
    .carousel-btn.next{right:12px;}
    .statistics{grid-template-columns:1fr; padding:48px 24px; gap:14px;}
    .statistics > div{min-height:126px;}
  }

  @media (prefers-reduced-motion: reduce){
    .cloud{animation:none !important;}
    .statistics > div{transition:none;}/* SAME TYPOGRAPHY ON DESKTOP & MOBILE */
@media (max-width: 700px) {
    body,
    p,
    li,
    a,
    button,
    input,
    textarea {
        font-family: 'Nunito', sans-serif !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .hero-eyebrow {
        font-family: 'Baloo 2', cursive !important;
    }
}
}
  }/* HEADER + FOOTER BRAND FONT ONLY */
.brand .brand-text .main,
footer .brand-text .main {
    font-family: 'More Sugar', cursive !important;
    font-weight: 100;
}
/* MOBILE HEADER FIX */
@media (max-width: 900px) {
    header .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    header .brand {
        display: flex;
        align-items: center;
    }

    header .burger {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 8px;
        background: var(--bubble);
        border: none;
        border-radius: 10px;
        cursor: pointer;
        flex-shrink: 0;
    }

    header .burger span {
        display: block !important;
        width: 24px;
        height: 3px;
        background: var(--navy-deep);
        border-radius: 3px;
    }

    header .navlinks {
        position: fixed;
        top: 80px;
        left: 24px;
        right: 24px;
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        z-index: 9999;
    }

    header .navlinks.open {
        max-height: 500px;
    }
}/* MOBILE HAMBURGER ICON */
@media (max-width: 900px) {
    header .burger {
        display: block !important;
        position: relative;
        width: 44px;
        height: 44px;
        padding: 0;
        background: transparent !important;
        border: none;
        cursor: pointer;
    }

    header .burger::before {
        content: "";
        position: absolute;
        width: 26px;
        height: 3px;
        left: 9px;
        top: 11px;
        background: var(--navy-deep);
        border-radius: 3px;
        box-shadow:
            0 8px 0 var(--navy-deep),
            0 16px 0 var(--navy-deep);
    }
}
@media (max-width: 900px) {
    header .navlinks.open {
        display: flex !important;
        max-height: 500px !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 99999 !important;
    }
}