/* Dr. Ryan Polselli — design system: amyporterfield "Bright & Friendly".
   Cormorant Garamond (Ivy Presto match) + Montserrat tracked uppercase. Arches + pills.
   Cobalt -> MammoLink navy-teal #366180, yellow/coral -> MammoLink pink #F173AC. */
:root{
  --navy:#366180;--navy-d:#284a63;--pink:#F173AC;--pink-d:#e0589a;--teal:#65B6CB;
  --pale:#eef5f8;--pale2:#E1F0F4;--ppink:#FEF1F7;--ink:#1f3446;--text:#333;--muted:#5d6b77;--line:#d3e2ea;--white:#fff;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;
  --arch:999px 999px 0 0;--wrap:1160px;--g:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);font-size:15px;line-height:1.75;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px 14px}

/* type */
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--navy);line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(2.6rem,5.4vw,4.4rem)}
h2{font-size:clamp(2.1rem,3.8vw,3.2rem)}
h3{font-size:1.75rem;line-height:1.15}
h1 em,h2 em{font-style:italic}
.lead{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.35;color:var(--ink)}
.caps{font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);font-size:.95rem;line-height:1.85}
.kick{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--pink-d)}
.on-dark .kick{color:var(--pink)}
p+p{margin-top:1em}
.small{font-size:.85rem;color:var(--muted)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:46px;padding:.85em 1.9em;border-radius:999px;
  background:var(--pink);color:var(--ink);font:700 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:2px solid var(--pink);transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--pink-d);border-color:var(--pink-d)}
.btn.ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.on-dark .btn.ghost{color:#fff;border-color:#fff}.on-dark .btn.ghost:hover{background:#fff;color:var(--navy)}
.pill{display:inline-flex;align-items:center;gap:.8em;min-height:48px;padding:.7em 1.6em;border-radius:999px;background:#fff;color:var(--navy);
  font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 22px rgba(31,52,70,.08)}
.pill{white-space:nowrap}
.pill svg{width:20px;height:20px;fill:var(--pink-d);flex:none}
.pill:hover{color:var(--pink-d)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.tlink{font:700 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--pink);padding-bottom:4px;display:inline-block}
.tlink:hover{color:var(--pink-d)}

/* strip + nav */
.strip{background:var(--pink);color:var(--ink);text-align:center;padding:12px 16px;font:600 .74rem/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.strip a{color:var(--ink);font-weight:800}
.nav{background:var(--navy);position:sticky;top:0;z-index:50}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}
.brand{color:#fff;text-decoration:none;font:700 .8rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.menu{display:flex;align-items:center;gap:30px;list-style:none}
.menu a{color:#fff;text-decoration:none;font:600 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:10px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current=page]{border-color:var(--pink)}
.menu .btn{padding:.8em 1.4em;min-height:40px;border-bottom:2px solid var(--pink)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.burger span,.burger span:before,.burger span:after{position:absolute;left:11px;width:22px;height:2px;background:#fff;content:"";transition:.2s}
.burger span{top:21px}.burger span:before{top:-7px;left:0}.burger span:after{top:7px;left:0}

/* hero (home) */
.hero{background:var(--pale);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:40px;min-height:600px}
.hero-copy{align-self:center;text-align:center;padding:70px 0}
.hero-copy h1{margin-bottom:28px}
.hero-copy .caps{max-width:30em;margin:0 auto}
.hero-copy .btns{justify-content:center}
.paths{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.paths a{font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);text-decoration:none;padding:14px 4px;border-bottom:2px solid var(--pink)}
.paths a:hover{color:var(--pink-d)}
.paths{align-items:center}.paths span{color:var(--pink-d);padding:0 4px}
.hero-photo{position:relative;align-self:end;display:flex;justify-content:center}
.hero-photo:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:78%;height:86%;background:var(--pink);border-radius:var(--arch)}
.hero-photo img{position:relative;width:100%;max-width:560px}

/* inner hero */
.ihero{background:var(--pale);overflow:hidden}
.ihero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;min-height:420px}
.ihero .ih-copy{align-self:center;padding:64px 0}
.ihero h1{margin:14px 0 22px}
.ihero .caps{max-width:34em}
.ihero .hero-photo:before{width:84%;height:84%}
.ihero .hero-photo img{max-width:380px}
.crumbs{font:600 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--navy)}

/* sections */
.sec{padding:110px 0}
.sec.tight{padding:80px 0}
.bg-pale{background:var(--pale)}.bg-pink{background:var(--ppink)}.bg-white{background:#fff}
.on-dark{background:var(--navy);color:#e9f1f6}.on-dark h2,.on-dark h3{color:#fff}.on-dark a{color:#fff}
.center{text-align:center}
.narrow{max-width:760px;margin-left:auto;margin-right:auto}

/* arch intro */
.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.archwrap{position:relative;max-width:400px;margin:0 auto;width:100%}
.archimg{border-radius:999px;overflow:hidden;aspect-ratio:9/15;background:#9786b0}
.archimg img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.badge{position:absolute;left:-34px;bottom:30px;width:150px;height:150px;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(31,52,70,.12);display:grid;place-items:center}
.badge svg{width:150px;height:150px;position:absolute;inset:0;animation:spin 40s linear infinite}
.badge text{font:700 10.5px var(--sans);letter-spacing:2.6px;fill:var(--pink-d);text-transform:uppercase}
.badge b{font:600 2.1rem/1 var(--serif);color:var(--navy)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.badge svg{animation:none}}
.intro h2{margin-bottom:20px}
.intro .lead{margin-bottom:22px}
.intro .kick{display:block;margin:6px 0 22px}

/* logos */
.featured{display:flex;align-items:center;gap:44px;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}
.featured .kick{color:var(--ink);white-space:nowrap;letter-spacing:.12em;font-size:.72rem}
.logos{display:flex;align-items:center;justify-content:space-between;gap:48px;flex:1}
.logos img{height:28px;width:auto;filter:grayscale(1) brightness(0);opacity:.55}
.logos img.ted{height:26px}.logos img.nyw{height:22px}.logos img.usi{height:40px}.logos img.mw{height:38px}
.logos a:hover img{opacity:.85}
.on-dark .logos img{filter:brightness(0) invert(1);opacity:.8}

/* band (blue opt-in style) */
.band{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.mock{position:relative;padding:20px}
.mock img{border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.28);transform:rotate(-3deg);background:#fff}
.mock img+img{position:absolute;width:56%;right:-6px;bottom:-24px;transform:rotate(4deg)}
.band h2{margin:14px 0 20px}

/* podcast block */
.show{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.show .script{font-family:var(--serif);font-style:italic;font-size:1.9rem;color:var(--ink);margin:6px 0 22px}
.platforms{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.phone-col{position:relative;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.phone{width:270px;border-radius:44px;background:#16212b;padding:12px;box-shadow:0 40px 70px rgba(31,52,70,.3);transform:rotate(6deg)}
.phone .scr{border-radius:34px;background:linear-gradient(180deg,#203a4f,#14212c);padding:46px 18px 28px;color:#fff;text-align:left}
.phone .scr img{border-radius:12px;width:100%;aspect-ratio:1;object-fit:cover}
.phone .pe{font:700 .82rem/1.3 var(--sans);margin-top:16px}
.phone .ps{font:500 .7rem/1.3 var(--sans);opacity:.7;margin-top:4px}
.phone .bar{height:4px;border-radius:2px;background:rgba(255,255,255,.2);margin:18px 0 8px;position:relative}
.phone .bar:after{content:"";position:absolute;left:0;top:0;height:4px;width:38%;background:var(--pink);border-radius:2px}
.phone .ctl{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:10px}
.phone .ctl i{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center}
.phone .ctl i:after{content:"";border-left:13px solid var(--ink);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.phone .ctl s{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.phone .ctl s:first-child{border-right:11px solid #fff}.phone .ctl s:last-child{border-left:11px solid #fff}
.stats{display:flex;background:#fff;margin-top:46px;padding:26px 30px;gap:30px;box-shadow:0 10px 30px rgba(31,52,70,.06)}
.stat{flex:1;text-align:center}
.stat b{display:block;font:500 clamp(2.2rem,3.6vw,3rem)/1 var(--serif);color:var(--navy)}
.stat b small{color:var(--pink);font-size:.55em;margin-left:2px}
.stat span{display:block;font:600 .7rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:10px}
.stars{color:var(--pink);letter-spacing:2px;font-size:1.1rem;margin-right:8px;vertical-align:middle}

/* cover scroller */
.covers{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 24px 20px;margin:36px auto 0;max-width:var(--wrap);scrollbar-width:thin}
.covers a{flex:0 0 150px;scroll-snap-align:start;text-decoration:none;color:var(--ink)}
.covers img{width:150px;height:150px;border-radius:14px;object-fit:cover;box-shadow:0 8px 20px rgba(31,52,70,.12);transition:transform .2s}
.covers a:hover img{transform:translateY(-4px)}
.covers span{display:block;font:600 .7rem/1.35 var(--sans);letter-spacing:.04em;margin-top:10px}

/* testimonials */
.quotes{position:relative;max-width:860px;margin:0 auto;text-align:center}
.q{display:none}.q.on{display:block}
.q .who{font:700 .78rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:22px}
.q blockquote{font:500 clamp(1.5rem,2.8vw,2.1rem)/1.3 var(--serif);color:var(--navy)}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:34px}
.qnav button{background:none;border:0;font:700 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;min-height:44px;padding:0 6px}
.qnav button:hover{color:var(--pink-d)}
.qnav .src{font-size:.8rem;color:var(--muted)}

/* doors */
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.door{text-decoration:none;color:var(--text);display:block}
.door .im{border-radius:28px;overflow:hidden;aspect-ratio:16/10;background:var(--pale)}
.door .im img{width:100%;height:100%;object-fit:cover}
.door h3{margin:22px 0 8px}
.door p{font-size:.92rem}
.door .tlink{margin-top:16px}
.door:hover h3{color:var(--pink-d)}

/* split (image + text) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split.rev .s-img{order:2}
.s-img img{border-radius:28px}
.split h2{margin:12px 0 20px}

/* numbered rows */
.rows{margin-top:40px;border-top:1px solid var(--line)}
.rows li{list-style:none;display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.rows b{font:700 .78rem/2.4 var(--sans);letter-spacing:.14em;color:var(--pink-d)}
.rows h3{font-size:1.6rem;margin-bottom:6px}
.on-dark .rows,.on-dark .rows li{border-color:rgba(255,255,255,.2)}.on-dark .rows b{color:var(--pink)}

/* big numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border-top:1px solid var(--line)}
.nums div{padding:30px 22px 0 0}
.nums b{display:block;font:500 clamp(2.4rem,4vw,3.4rem)/1 var(--serif);color:var(--navy)}
.nums span{display:block;font:600 .72rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:12px}
.on-dark .nums{border-color:rgba(255,255,255,.2)}.on-dark .nums b{color:#fff}.on-dark .nums span{color:#cfe0ea}

/* pull quote */
.pull{text-align:center;max-width:900px;margin:0 auto}
.pull blockquote{font:500 clamp(1.8rem,3.4vw,2.8rem)/1.2 var(--serif);color:var(--navy)}
.pull blockquote:before{content:"\201C";display:block;font-size:4rem;line-height:.6;color:var(--pink);margin-bottom:12px}
.pull cite{display:block;margin-top:24px;font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--ink)}
.on-dark .pull blockquote{color:#fff}.on-dark .pull cite{color:#cfe0ea}

/* timeline */
.tl{margin-top:40px;border-left:2px solid var(--pink);padding-left:30px}
.tl li{list-style:none;position:relative;padding:0 0 30px}
.tl li:before{content:"";position:absolute;left:-38px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--pink)}
.tl b{font:700 .74rem/1 var(--sans);letter-spacing:.14em;color:var(--pink-d)}
.tl h3{font-size:1.45rem;margin:8px 0 4px}

/* press / media lists */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.chips a{font:700 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:14px 20px}
.chips a:hover{background:var(--navy);color:#fff}
.press{margin-top:40px}
.press li{list-style:none;display:grid;grid-template-columns:200px 1fr auto;gap:36px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}
.press li:first-child{border-top:1px solid var(--line)}
.press .pl img{height:30px;width:auto;filter:grayscale(1) brightness(0);opacity:.6}
.press .pl img.usi{height:42px}.press .pl img.nyw{height:20px}.press .pl img.mw{height:38px}.press .pl img.ted{height:26px}
.press h3{font-size:1.55rem}
.press .meta{font:600 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.press p{font-size:.92rem;margin-top:6px}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 24px;margin-top:40px}
.ep{display:grid;grid-template-columns:84px 1fr;gap:16px;text-decoration:none;color:var(--text);align-items:start}
.ep img{width:84px;height:84px;border-radius:12px;object-fit:cover}
.ep .sh{font:700 .66rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-d)}
.ep .ti{font:600 1.1rem/1.2 var(--serif);color:var(--navy);margin:4px 0}
.ep .dt{font-size:.75rem;color:var(--muted)}
.ep:hover .ti{color:var(--pink-d)}

/* video */
.video{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#000;cursor:pointer;border:0;width:100%;display:block;padding:0}
.video img{width:100%;height:100%;object-fit:cover;opacity:.9}
.video .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--pink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.video .play:after{content:"";border-left:22px solid var(--ink);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* topics */
.topics{columns:2;column-gap:60px;margin-top:40px}
.topics li{list-style:none;break-inside:avoid;font:500 1.3rem/1.3 var(--serif);color:var(--navy);padding:16px 0 16px 34px;border-bottom:1px solid var(--line);position:relative}
.topics li:before{content:"";position:absolute;left:0;top:23px;width:14px;height:14px;border-radius:7px 7px 0 0;background:var(--pink)}

/* bios */
.bio{background:#fff;border-radius:28px;padding:34px 36px;margin-top:22px}
.bio-h{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.bio-h h3{font-size:1.5rem}
.copy{background:none;border:2px solid var(--navy);border-radius:999px;font:700 .68rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);padding:0 18px;min-height:40px;cursor:pointer}
.copy:hover{background:var(--navy);color:#fff}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.dl a{text-decoration:none;color:var(--ink);font:600 .78rem/1.4 var(--sans)}
.dl img{border-radius:20px;margin-bottom:12px;aspect-ratio:4/3;object-fit:cover;background:#9786b0}

/* routes (contact) */
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.route{background:#fff;border-radius:200px 200px 28px 28px;padding:60px 30px 36px;text-align:center}
.route h3{margin:10px 0 12px}
.route p{font-size:.92rem;margin-bottom:22px}

/* cta band */
.cta-band{background:var(--pink);text-align:center;padding:90px 0}
.cta-band h2{color:var(--ink);max-width:16em;margin:0 auto 14px}
.cta-band p{color:var(--ink);max-width:36em;margin:0 auto}
.cta-band .btn{background:var(--navy);border-color:var(--navy);color:#fff}
.cta-band .btn:hover{background:var(--ink);border-color:var(--ink)}
.cta-band .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.cta-band .btns{justify-content:center}

/* footer */
.foot{background:var(--ink);color:#c5d3dc;padding:80px 0 34px;font-size:.88rem}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.foot .brand{display:inline-block;margin-bottom:16px}
.foot h4{font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.foot ul{list-style:none}.foot li a{color:#c5d3dc;text-decoration:none;display:inline-block;padding:6px 0}
.foot li a:hover{color:var(--pink)}
.soc{display:flex;gap:4px;margin-top:20px;flex-wrap:wrap}
.soc a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.soc svg{width:20px;height:20px;fill:#c5d3dc;transition:fill .2s}
.soc a:hover svg{fill:var(--pink)}
.foot .btn{margin-top:4px}
.legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:26px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem;color:#8fa3b1}
.legal a{color:#8fa3b1}
.legal p{max-width:60em;margin:0}

.prose h2{font-size:2rem;margin:40px 0 12px}.prose p,.prose li{max-width:44em}.prose ul{padding-left:20px}

/* responsive */
@media (max-width:980px){
  .menu{position:fixed;inset:68px 0 auto 0;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 26px;display:none}
  .menu.open{display:flex}
  .menu a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .menu .btn{margin-top:16px;border:0}
  .burger{display:block}
  .hero .wrap,.ihero .wrap,.intro,.band,.show,.split,.press li{grid-template-columns:1fr}
  .hero .wrap{min-height:0;gap:0}.hero-copy{padding:56px 0 30px}
  .hero-photo img{max-width:420px}.ihero .hero-photo{display:none}.ihero .ih-copy{padding:56px 0}
  .intro{gap:50px}.archwrap{max-width:300px}.split{gap:36px}.split.rev .s-img{order:0}
  .doors,.routes,.dl{grid-template-columns:1fr}
  .nums{grid-template-columns:1fr 1fr}
  .featured{flex-direction:column;align-items:flex-start;gap:20px}
  .logos{overflow-x:auto;justify-content:flex-start;gap:40px;width:100%;padding-bottom:6px;scroll-snap-type:x mandatory}
  .logos a{flex:none;scroll-snap-align:start}
  .phone-col{grid-template-columns:1fr;justify-items:center}
  .platforms{align-items:stretch;width:100%}
  .press li{gap:14px}
  .topics{columns:1}
  .foot .wrap{grid-template-columns:1fr 1fr}
  .sec{padding:80px 0}
}
@media (max-width:560px){
  .wrap{padding:0 var(--g)}
  .stats{flex-direction:column;gap:22px}
  .foot .wrap{grid-template-columns:1fr}
  .badge{left:-6px;width:120px;height:120px}.badge svg{width:120px;height:120px}
  .btns .btn{width:100%}
  .bio{padding:26px 22px}.bio-h{flex-direction:column;align-items:flex-start}
  .covers a{flex-basis:130px}.covers img{width:130px;height:130px}
}