/* ============ Phipps Academy — static styles ============ */
:root{
  --lime:#A8E10C; --limelight:#C8F62B;
  --deep:#060D07; --forest:#0B1A0D; --pine:#123B1C; --moss:#102411;
  --white:#ffffff;
  --w70:rgba(255,255,255,.7); --w65:rgba(255,255,255,.65);
  --w55:rgba(255,255,255,.55); --w45:rgba(255,255,255,.45);
  --line:rgba(255,255,255,.1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Manrope',sans-serif;background:var(--deep);color:#fff;
  -webkit-font-smoothing:antialiased;line-height:1.5;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::selection{background:var(--lime);color:var(--deep)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--deep)}
::-webkit-scrollbar-thumb{background:#1c3a1e;border-radius:999px}

.font-display{font-family:'Archivo Black',sans-serif}
.font-serif{font-family:'Playfair Display',serif}
.lime{color:var(--lime)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.center{text-align:center}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;
  letter-spacing:.15em;padding:15px 30px;border-radius:999px;transition:all .3s ease}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--lime);color:var(--deep)}
.btn-primary:hover{background:var(--limelight);box-shadow:0 0 30px rgba(168,225,12,.38);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-primary:hover svg,.btn-ghost:hover svg{transform:translateX(4px);transition:transform .3s}

/* eyebrow */
.eyebrow{display:flex;align-items:center;gap:16px;text-transform:uppercase;
  letter-spacing:.35em;font-size:12px;font-weight:800;color:var(--lime)}
.eyebrow::after{content:"";height:1px;width:48px;background:rgba(168,225,12,.5)}
.eyebrow.dark{color:#4c7a12}
.eyebrow.dark::after{background:rgba(76,122,18,.5)}

/* ===== Navbar ===== */
.nav{position:sticky;top:0;z-index:50;background:rgba(6,13,7,.9);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo-badge{width:44px;height:44px;border-radius:50%;background:var(--pine);
  border:2px solid var(--lime);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.logo:hover .logo-badge{transform:rotate(6deg) scale(1.05)}
.logo-badge svg{width:24px;height:24px;color:var(--lime)}
.logo-title{font-family:'Archivo Black',sans-serif;color:var(--lime);font-size:13px;letter-spacing:.18em}
.logo-sub{font-size:10px;color:var(--w70);letter-spacing:.03em}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:13px;font-weight:700;color:rgba(255,255,255,.8);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--lime)}
.nav-cta{display:block}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);
  color:#fff;align-items:center;justify-content:center}
.burger svg{width:20px;height:20px}
.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 0 20px}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;color:rgba(255,255,255,.8)}
.mobile-menu a:hover,.mobile-menu a.active{background:var(--pine);color:var(--lime)}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:var(--deep)}
.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding:56px 0 80px}
.hero h1{font-family:'Archivo Black',sans-serif;font-size:4.4rem;line-height:1.02;margin-top:24px}
.hero p.lead{margin-top:24px;max-width:28rem;color:var(--w65)}
.hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.play-circle{width:36px;height:36px;border-radius:50%;border:1px solid currentColor;
  display:flex;align-items:center;justify-content:center}
.play-circle svg{width:14px;height:14px;fill:currentColor}
.btn-ghost.learn{padding-left:8px;padding-right:28px;gap:12px}
.hero-img-wrap{position:relative}
.hero-img{border-radius:32px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.5);
  outline:1px solid rgba(255,255,255,.1)}
.hero-img img{width:100%;height:520px;object-fit:cover}
.brush{position:absolute;bottom:-32px;right:24px;background:var(--lime);padding:20px 32px;
  transform:rotate(-3deg);box-shadow:0 18px 40px rgba(0,0,0,.45);max-width:240px;
  clip-path:polygon(3% 22%,9% 6%,28% 13%,52% 2%,74% 11%,97% 5%,95% 30%,100% 52%,93% 74%,98% 93%,72% 88%,48% 99%,24% 89%,2% 96%,5% 62%,0% 40%)}
.brush p{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--deep);
  font-size:20px;line-height:1.25}

/* ===== Why choose (white) ===== */
.section{padding:80px 0}
.white-sec{background:#fff;color:#101508}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.why-sec h2{font-family:'Playfair Display',serif;font-weight:600;font-size:3rem;line-height:1.1;margin-top:16px}
.why-sec p.body{margin-top:20px;max-width:28rem;color:#3c4436}
.feature-row{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.feat-icon{width:56px;height:56px;border-radius:50%;background:var(--pine);
  display:flex;align-items:center;justify-content:center;transition:transform .3s}
.feature:hover .feat-icon{transform:scale(1.1) rotate(-6deg)}
.feat-icon svg{width:24px;height:24px;color:var(--lime)}
.feature h3{margin-top:16px;font-weight:800;font-size:15px;line-height:1.3}
.feature p{margin-top:6px;font-size:13px;color:#5a6352}
.why-img-wrap{position:relative}
.why-img{border-radius:32px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4)}
.why-img img{width:100%;height:480px;object-fit:cover}
.quote-card{position:absolute;bottom:-24px;left:-24px;max-width:280px;background:var(--pine);
  border-radius:16px;padding:28px;box-shadow:0 25px 50px rgba(0,0,0,.4)}
.quote-card svg{width:32px;height:32px;color:var(--lime);fill:var(--lime)}
.quote-card p{margin-top:12px;font-family:'Playfair Display',serif;font-style:italic;color:#fff;font-size:20px;line-height:1.25}
.quote-card .rule{margin-top:16px;display:block;height:1px;width:48px;background:rgba(168,225,12,.6)}

/* ===== Cards grids ===== */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:16px;padding:32px;
  transition:all .3s ease;height:100%}
.card:hover{border-color:rgba(168,225,12,.5);background:rgba(255,255,255,.05);transform:translateY(-6px)}
.card-top{display:flex;align-items:flex-start;justify-content:space-between}
.ring-icon{width:64px;height:64px;border-radius:50%;border:2px solid var(--lime);
  display:flex;align-items:center;justify-content:center;transition:transform .3s}
.card:hover .ring-icon{transform:scale(1.1)}
.ring-icon svg{width:28px;height:28px;color:var(--lime)}
.card .num{font-family:'Archivo Black',sans-serif;color:var(--lime);font-size:18px}
.card h3{margin-top:24px;font-family:'Playfair Display',serif;font-weight:600;font-size:1.5rem}
.card .desc{margin-top:12px;font-size:14px;color:var(--w55)}

/* ===== CTA banner ===== */
.cta{position:relative;overflow:hidden}
.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-overlay{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,13,7,.95),rgba(6,13,7,.8) 55%,rgba(6,13,7,.4))}
.cta-inner{position:relative;padding:96px 0}
.cta h2{margin-top:16px;font-family:'Playfair Display',serif;font-weight:600;font-size:3rem;max-width:40rem;line-height:1.1}
.cta p{margin-top:16px;color:var(--w70);max-width:32rem}
.megaphone{width:56px;height:56px;border-radius:50%;border:2px solid var(--lime);
  display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.megaphone svg{width:24px;height:24px;color:var(--lime)}

/* ===== Footer ===== */
.footer{background:#040a05;border-top:1px solid rgba(255,255,255,.05)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding:64px 0}
.footer h4{font-family:'Archivo Black',sans-serif;font-size:12px;letter-spacing:.25em;color:var(--lime);margin-bottom:20px}
.footer p.about{margin-top:20px;font-size:14px;color:var(--w55)}
.socials{margin-top:24px;display:flex;gap:12px}
.socials button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);
  color:var(--w70);display:flex;align-items:center;justify-content:center;transition:all .2s}
.socials button:hover{background:var(--lime);color:var(--deep);border-color:var(--lime)}
.socials svg{width:16px;height:16px}
.footer ul li{margin-bottom:10px}
.footer ul a{font-size:14px;color:var(--w55);transition:color .2s}
.footer ul a:hover{color:var(--lime)}
.finfo li{display:flex;gap:12px;font-size:14px;color:var(--w70);margin-bottom:16px}
.finfo svg{width:16px;height:16px;color:var(--lime);flex-shrink:0;margin-top:2px}
.news-form{margin-top:16px;display:flex;align-items:center;background:rgba(255,255,255,.05);
  border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 20px}
.news-form input{background:none;border:none;outline:none;color:#fff;font-size:14px;flex:1;min-width:0}
.news-form input::placeholder{color:rgba(255,255,255,.35)}
.news-form button{width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--deep);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.news-form button svg{width:16px;height:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05)}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;padding:24px 20px}
.footer-bottom p{font-size:12px;color:var(--w45)}

/* ===== Page header (inner) ===== */
.page-header{position:relative;overflow:hidden;background:var(--forest)}
.page-header>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.ph-overlay{position:absolute;inset:0;
  background:linear-gradient(90deg,var(--deep),rgba(6,13,7,.85) 50%,rgba(6,13,7,.4))}
.ph-inner{position:relative;padding:88px 0}
.page-header h1{margin-top:20px;font-family:'Archivo Black',sans-serif;font-size:3.75rem;line-height:1.05}
.page-header p{margin-top:20px;max-width:42rem;color:var(--w65);font-size:1.1rem}

/* ===== Stats ===== */
.stats{background:var(--forest);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:56px 0}
.stat .val{font-family:'Archivo Black',sans-serif;font-size:2.25rem;color:var(--lime)}
.stat .lab{margin-top:6px;font-size:14px;color:var(--w55)}

/* ===== generic pieces ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.rounded-img{border-radius:32px;overflow:hidden;outline:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.4)}
.rounded-img img{width:100%;height:400px;object-fit:cover}
.serif-h{font-family:'Playfair Display',serif;font-weight:600;font-size:2.25rem;line-height:1.2}
.muted{color:var(--w60,rgba(255,255,255,.6))}
.pill-tabs{display:inline-flex;background:rgba(255,255,255,.05);border:1px solid var(--line);
  border-radius:999px;padding:4px;gap:4px}
.pill-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;
  font-size:14px;font-weight:700;color:var(--w70);transition:all .2s}
.pill-tabs button svg{width:16px;height:16px}
.pill-tabs button.active{background:var(--lime);color:var(--deep)}

/* program card */
.prog-card{display:flex;flex-direction:column;border:1px solid var(--line);background:rgba(255,255,255,.03);
  border-radius:24px;padding:32px;transition:all .3s;height:100%}
.prog-card:hover{border-color:rgba(168,225,12,.6);background:rgba(255,255,255,.05);transform:translateY(-6px)}
.prog-icon{width:64px;height:64px;border-radius:50%;background:var(--pine);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.prog-card:hover .prog-icon{transform:scale(1.1)}
.prog-icon svg{width:28px;height:28px;color:var(--lime)}
.price{font-family:'Archivo Black',sans-serif;font-size:2.25rem;color:var(--lime)}
.check-list{margin-top:24px;flex:1}
.check-list li{display:flex;gap:12px;font-size:14px;color:var(--w70);margin-bottom:12px}
.check-list svg{width:16px;height:16px;color:var(--lime);flex-shrink:0;margin-top:2px}
.prog-actions{margin-top:32px;display:flex;gap:12px}
.prog-actions .btn{flex:1;justify-content:center;padding:14px 10px;font-size:11px;letter-spacing:.12em}

/* forms */
.panel{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:24px;padding:40px}
.field{margin-bottom:20px}
.field label{font-size:12px;color:var(--w70);display:block;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;color:#fff;font-size:14px;
  font-family:inherit;outline:none;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(168,225,12,.6)}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.3)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.full{grid-column:1/-1}
.btn-block{width:100%;justify-content:center;padding:16px}

/* radio plan */
.plan{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;
  padding:24px;cursor:pointer;transition:all .2s}
.plan.active{border-color:var(--lime);background:rgba(18,59,28,.4)}
.plan .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--w55);margin-top:2px;flex-shrink:0;position:relative}
.plan.active .dot{border-color:var(--lime)}
.plan.active .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--lime)}
.plan b{display:block;color:#fff}
.plan span{display:block;margin-top:4px;font-size:14px;color:var(--w55)}
.due-bar{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:rgba(18,59,28,.4);border:1px solid rgba(168,225,12,.2);border-radius:16px;padding:20px 28px}
.due-bar .lab{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--w55)}
.due-bar .amt{font-family:'Archivo Black',sans-serif;font-size:1.875rem;color:var(--lime);margin-top:4px}

/* select cards (payment program) */
.sel-card{text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:16px;
  padding:24px;transition:all .3s}
.sel-card:hover{border-color:rgba(168,225,12,.4);transform:translateY(-4px)}
.sel-card.active{border-color:var(--lime);background:rgba(18,59,28,.5);box-shadow:0 0 30px rgba(168,225,12,.12)}
.sel-card .tick{width:20px;height:20px;border-radius:50%;background:var(--lime);display:none;align-items:center;justify-content:center}
.sel-card.active .tick{display:flex}
.sel-card .tick svg{width:12px;height:12px;color:var(--deep)}

/* media / library cards */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.media-card{position:relative;border-radius:16px;overflow:hidden;outline:1px solid var(--line);
  transition:all .3s;text-align:left;width:100%}
.media-card:hover{outline-color:rgba(168,225,12,.5);transform:translateY(-6px)}
.media-card .thumb{position:relative;height:224px;overflow:hidden}
.media-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.media-card:hover .thumb img{transform:scale(1.05)}
.media-card .thumb::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,13,7,.9),rgba(6,13,7,.2) 40%,transparent)}
.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}
.play-btn span{width:56px;height:56px;border-radius:50%;background:var(--lime);display:flex;align-items:center;
  justify-content:center;box-shadow:0 0 30px rgba(168,225,12,.5);transition:transform .3s}
.media-card:hover .play-btn span{transform:scale(1.1)}
.play-btn svg{width:20px;height:20px;fill:var(--deep);margin-left:2px}
.media-cat{position:absolute;top:16px;left:16px;background:var(--lime);color:var(--deep);
  font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3}
.media-meta{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:12px;z-index:3}
.media-meta h3{font-size:14px;font-weight:800;color:#fff}
.media-meta .dur{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--w60,rgba(255,255,255,.6))}
.media-meta .dur svg{width:14px;height:14px;color:var(--lime)}

.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.lib-card{display:flex;gap:20px;border:1px solid var(--line);background:rgba(255,255,255,.03);
  border-radius:16px;padding:24px;transition:all .3s;height:100%}
.lib-card:hover{border-color:rgba(168,225,12,.5);background:rgba(255,255,255,.05);transform:translateY(-4px)}
.lib-icon{width:48px;height:48px;border-radius:50%;background:var(--pine);display:flex;align-items:center;
  justify-content:center;flex-shrink:0;transition:transform .3s}
.lib-card:hover .lib-icon{transform:scale(1.1)}
.lib-icon svg{width:20px;height:20px;color:var(--lime)}
.lib-card .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lib-card h3{font-family:'Playfair Display',serif;font-weight:600;font-size:1.125rem;line-height:1.3}
.lib-card .ext{width:16px;height:16px;color:rgba(255,255,255,.3);flex-shrink:0;margin-top:4px;transition:color .2s}
.lib-card:hover .ext{color:var(--lime)}
.lib-card .auth{display:block;margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--lime)}
.lib-card .desc{display:block;margin-top:8px;font-size:14px;color:var(--w55)}

/* contact info cards */
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.info-card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:16px;padding:28px;transition:all .3s;height:100%}
.info-card:hover{border-color:rgba(168,225,12,.5);transform:translateY(-4px)}
.info-card .ic{width:48px;height:48px;border-radius:50%;background:var(--pine);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.info-card:hover .ic{transform:scale(1.1)}
.info-card .ic svg{width:20px;height:20px;color:var(--lime)}
.info-card h3{margin-top:16px;font-weight:800;font-size:14px}
.info-card p{margin-top:4px;font-size:14px;color:var(--w55)}
.contact-split{margin-top:56px;display:grid;grid-template-columns:3fr 2fr;gap:32px}
.side-panel{background:var(--pine);border-radius:24px;padding:36px;height:100%;display:flex;flex-direction:column}
.side-panel .ic{width:48px;height:48px;border-radius:50%;background:rgba(168,225,12,.15);display:flex;align-items:center;justify-content:center}
.side-panel .ic svg{width:24px;height:24px;color:var(--lime)}
.side-panel h3{margin-top:20px;font-family:'Archivo Black',sans-serif;font-size:14px;letter-spacing:.2em;line-height:1.5}

/* note / flexible banner */
.note-banner{margin-top:48px;border:1px solid rgba(168,225,12,.3);background:rgba(18,59,28,.4);
  border-radius:16px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.note-banner .txt{flex:1;min-width:260px}
.note-banner h3{margin-top:12px;font-family:'Playfair Display',serif;font-weight:600;font-size:1.5rem}
.note-banner p{margin-top:8px;font-size:14px;color:var(--w60,rgba(255,255,255,.6))}
.success-box{border:1px solid rgba(168,225,12,.4);background:rgba(18,59,28,.3);border-radius:24px;padding:40px;text-align:center}
.success-box .big{width:64px;height:64px;border-radius:50%;background:var(--lime);display:inline-flex;align-items:center;justify-content:center}
.success-box .big svg{width:32px;height:32px;color:var(--deep)}

/* reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
.reveal.show{opacity:1;transform:none}

/* modal */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.modal.open{display:flex}
.modal-box{background:var(--forest);border:1px solid var(--line);border-radius:16px;
  width:100%;max-width:768px;overflow:hidden;position:relative}
.modal-box.narrow{max-width:460px;padding:28px}
.modal-close{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center}
.modal-close svg{width:18px;height:18px}
.modal-box iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.hidden{display:none!important}

/* toast */
#toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:10px}
.toast{background:var(--pine);border:1px solid rgba(168,225,12,.4);color:#fff;padding:14px 22px;
  border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:tin .3s ease}
@keyframes tin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* responsive */
@media(max-width:1024px){
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  .hero-grid,.why-grid,.split,.contact-split{grid-template-columns:1fr}
  .cards-3,.media-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .info-grid{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:3.2rem}
  .page-header h1{font-size:2.8rem}
}
@media(max-width:640px){
  .hero h1{font-size:2.6rem}
  .cards-3,.media-grid,.lib-grid,.grid-2,.feature-row,.stats-grid,.info-grid{grid-template-columns:1fr}
  .feature-row{gap:24px}
  .hero-img img{height:360px}
  .quote-card{left:0}
  .footer-grid{grid-template-columns:1fr}
  .prog-actions{flex-direction:column}
  .serif-h,.why-sec h2,.cta h2{font-size:2rem}
}