/* Homepage. Shared header, footer, and buttons live in site.css. */
.home-page main{overflow-x:clip}
.home-page h2{font-size:clamp(2.6rem,4.6vw,4.4rem);margin-bottom:18px}
.home-page h3{line-height:1.15}
.home-page p{margin-bottom:18px}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;background:var(--ink);color:#fff;overflow:hidden}
.hero__crown{position:absolute;z-index:-1;width:380px;height:380px;left:-110px;bottom:150px;opacity:.06;transform:rotate(-15deg);pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1fr 1.02fr;gap:48px;align-items:center;padding-block:56px 48px}
.hero__place{font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--lime);margin-bottom:16px}
.hero h1{font-size:clamp(3rem,4.6vw,4.7rem);line-height:.98;margin-bottom:22px;max-width:620px}
.hero h1 em{color:var(--lime)}
.hero__lede{font-size:18px;line-height:1.6;color:#dfe4d9;max-width:520px}
.hero__actions{margin-top:26px}
.hero__actions .btn{min-width:186px;min-height:56px;font-size:17px}
.hero .stepup{color:#fff}

/* Program collage: three framed photos, each a link to its program. */
.program-portrait{position:relative;height:560px;isolation:isolate}
.program-portrait figure{position:absolute;margin:0;overflow:hidden;background:#263024;border:5px solid var(--ink);box-shadow:0 16px 36px #0006}
.program-portrait .portrait-link{display:block;width:100%;height:100%}
.program-portrait img{width:100%;height:100%;object-fit:cover}
.program-portrait figcaption{position:absolute;left:0;bottom:0;font:400 24px/1 var(--display);letter-spacing:.03em;padding:8px 14px 6px;background:var(--lime);color:var(--ink)}
.program-portrait figcaption a{color:inherit;text-decoration:none}
.program-portrait figcaption a:hover{text-decoration:underline}
.program-portrait a:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.portrait-leadership{top:0;left:5%;width:78%;height:320px;transform:rotate(-4deg);border-bottom:6px solid var(--ryla-blue)!important;z-index:1}
.portrait-leadership img{object-position:50% 12%}
.portrait-leadership figcaption{left:auto;right:0;top:0;bottom:auto;background:#8dbbff}
.portrait-kids{bottom:4px;left:-2%;width:52%;height:250px;transform:rotate(-6deg);z-index:2;border-bottom:6px solid var(--kids-yellow)!important}
.portrait-kids figcaption{background:var(--kids-pink);color:#fff}
.portrait-basketball{right:-1%;top:200px;width:53%;height:320px;transform:rotate(5deg);z-index:3;border-bottom:6px solid var(--lime)!important}

/* Week strip: the fastest way to see what fits. */
.week{border-top:1px solid #ffffff24;background:#0d0f0c}
.week .wrap{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:stretch;padding-block:26px 30px}
.week__title{font:400 34px/1 var(--display);margin:6px 0 0;color:#fff}
.week__title span{display:block;font:500 14px/1.4 var(--body);color:#b9c1b2;margin-top:10px;letter-spacing:0}
.week__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.week__day a{display:flex;gap:16px;height:100%;padding:16px 18px 16px 16px;border:1px solid #ffffff2b;border-top:5px solid var(--accent);border-radius:4px;color:#fff;text-decoration:none;background:#161a14;transition:background-color .15s,border-color .15s}
.week__day a:hover{background:#21271d;border-color:#ffffff55;border-top-color:var(--accent)}
.week__day a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.week__day--kids{--accent:var(--kids-yellow)}
.week__day--ball{--accent:var(--lime)}
.week__day--ryla{--accent:#8dbbff}
.week__dow{font:400 46px/.9 var(--display);color:var(--accent);min-width:58px;padding-top:4px}
.week__info{display:grid;gap:1px;font-size:14px;line-height:1.45;color:#d7ddd1}
.week__info strong{font-size:16px;color:#fff;margin-bottom:3px}
.week__grades{font-weight:700;color:#fff}

/* ---------- Programs ---------- */
.programs{padding-block:84px 90px;background:var(--soft)}
.programs__head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:38px}
.programs__head h2{margin:0}
.programs__head p{margin:0;font-size:17px;color:var(--muted);max-width:500px}
.pf{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.pf h3{margin:0 0 12px}
.pf h3 a{text-decoration:none;color:inherit}
.pf h3 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.pf__photo{display:block;overflow:hidden}
.pf__photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.pf__photo:hover img{transform:scale(1.03)}
.pf__logo{display:block;width:fit-content}
.pf__body>p{font-size:16px;line-height:1.6}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:20px 0 26px;padding:16px 0 0;border-top:1px solid #ffffff30}
.facts div{min-width:0}
.facts dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.facts dd{margin:2px 0 0;font-size:15.5px;font-weight:600;line-height:1.4}

/* RYLA: the flagship, with its street-paint frame. */
.pf--ryla{display:grid;grid-template-columns:1.08fr 1fr;gap:52px;align-items:center;padding:44px;background:#101316;border-bottom:6px solid var(--ryla-blue);margin-bottom:28px}
.pf__paint{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;pointer-events:none}
.pf--ryla .pf__photo{position:relative;height:440px;border:4px solid #000;box-shadow:10px 11px 0 var(--ryla-blue),14px 15px 0 #000;transform:rotate(-1.2deg)}
.pf--ryla .pf__photo img{object-position:80% center}
.pf--ryla .pf__logo{width:300px;height:132px;overflow:hidden;margin:-6px 0 10px}
.pf--ryla .pf__logo img{width:300px;height:300px;max-width:none;object-fit:contain;margin-top:-84px}
.pf--ryla h3{font:400 clamp(3rem,4.4vw,4.2rem)/.95 var(--display)}
.pf--ryla h3 span{display:block;color:var(--lime);font-size:.56em;margin-top:6px}
.pf--ryla .pf__body>p{color:#dbe2ea;max-width:470px}
.pf--ryla .facts dt{color:#a9c9ff;opacity:1}

.pf-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pf-pair .pf{display:grid;grid-template-rows:auto 1fr}
.pf-pair .pf__photo{height:250px}
.pf-pair .pf__body{display:flex;flex-direction:column;align-items:flex-start;padding:26px 30px 32px}
.pf-pair .pf__body .btn{margin-top:auto}
.pf-pair .facts{margin-bottom:24px;width:100%}

/* Remnant Kids: rounded, bright, unmistakably elementary. */
.pf--kids{background:var(--kids-navy);border-radius:28px;box-shadow:9px 9px 0 var(--kids-yellow)}
.pf--kids .pf__photo{border-radius:28px 28px 0 0}
.pf--kids .pf__photo img{object-position:center 30%}
.pf--kids .pf__logo{margin:-82px 0 6px;background:var(--kids-navy);border-radius:20px;padding:10px 14px 4px;position:relative}
.pf--kids .pf__logo img{width:190px;height:auto}
.pf--kids h3{font:900 34px/1.05 'Nunito',var(--body);letter-spacing:-.04em}
.pf--kids .pf__body>p{color:#e0e9f9}
.pf--kids .facts dt{color:#82d8ff;opacity:1}
.pf--kids .pf__btn{background:var(--kids-yellow);color:#11264b;border-color:var(--kids-yellow);border-radius:100px;font-family:'Nunito',var(--body);font-weight:900}
.pf--kids .pf__btn:hover,.pf--kids .pf__btn:focus-visible{background:#fff;color:#11264b;border-color:#fff}

/* 3x3 Academy: hard edges, court lines, lime on black. */
.pf--ball{background:#090c09;border-top:6px solid var(--lime)}
.pf--ball .pf__photo img{object-position:center 30%}
.pf--ball .pf__logo{margin:-92px 0 4px;background:#090c09;padding:6px;position:relative}
.pf--ball .pf__logo img{width:116px;height:116px}
.pf--ball h3{font:400 40px/1 var(--display);letter-spacing:.01em}
.pf--ball .pf__body>p{color:#dfe4d9}
.pf--ball .facts dt{color:var(--lime);opacity:1}
.pf--ball .pf__btn{background:var(--lime);color:#000;border-color:var(--lime);border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-size:15px}
.pf--ball .pf__btn:hover,.pf--ball .pf__btn:focus-visible{background:#fff;color:#000;border-color:#fff}

/* ---------- RYLA voices ---------- */
.voices{padding-block:84px 70px;background:#fff}
.voices h2{max-width:none}
.voices__grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;gap:24px 56px;margin-top:30px}
.voice{margin:0;display:flex;flex-direction:column;gap:14px}
.voice blockquote{margin:0;padding-left:22px;border-left:5px solid var(--ryla-blue)}
.voice blockquote p{font-size:21px;line-height:1.5;margin:0}
.voice--lead{grid-row:1/3}
.voice--lead blockquote{border-left-color:var(--lime);border-left-width:6px}
.voice--lead blockquote p{font:400 clamp(30px,3vw,40px)/1.12 var(--display);letter-spacing:.01em}
.voice--lead blockquote .voice__more{font:500 20px/1.5 var(--body);margin-top:20px;color:#2f362b}
.voice figcaption{padding-left:27px;font-size:14.5px;color:var(--muted)}
.voice figcaption strong{display:block;color:var(--ink);font-size:15px}
.voices__note{margin:34px 0 0;font-size:14px;color:var(--muted)}
.voices__note a{font-weight:700;color:var(--ink)}

/* ---------- Program guide ---------- */
.guide{background:var(--lime);color:#000}
.guide__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:40px}
.guide h2{font-size:clamp(2.4rem,4vw,3.4rem);margin:0 0 4px}
.guide p{margin:0;font-size:17px}
.guide .btn--dark{min-height:58px;padding-inline:30px;font-size:17px;flex-shrink:0}
.guide .btn--dark:hover,.guide .btn--dark:focus-visible{background:#fff;color:#000;border-color:#000}

/* ---------- How to start + tuition ---------- */
.start{padding-block:84px;background:#fff}
.start__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.steps{list-style:none;counter-reset:step;margin:26px 0 30px;padding:0}
.steps li{counter-increment:step;position:relative;padding:0 0 22px 64px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(step);position:absolute;left:0;top:-4px;width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:400 26px/1 var(--display);border-radius:50%}
.steps h3{font-size:20px;margin:0 0 6px}
.steps p{margin:0;color:var(--muted)}
.tuition{background:var(--ink);color:#fff;padding:34px 34px 30px;border-top:6px solid var(--lime)}
.tuition h3{font:400 40px/1 var(--display);margin:0 0 18px}
.tuition table{width:100%;border-collapse:collapse;font-size:15px}
.tuition th,.tuition td{text-align:left;vertical-align:top;padding:14px 12px 14px 0;border-bottom:1px solid #ffffff26}
.tuition thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b9c1b2;font-weight:700;padding-top:0}
.tuition tbody th{font-weight:700}
.tuition td b{display:block;font-size:17px}
.tuition td small{display:block;font-size:13px;line-height:1.45;color:#c6cdbf;margin-top:3px}
.tuition tbody td:nth-child(2){font-size:17px;font-weight:700;color:var(--lime);white-space:nowrap}
.tuition__stepup{display:flex;gap:14px;align-items:flex-start;margin-top:22px}
.tuition__stepup img{width:56px;height:56px;flex-shrink:0;background:#fff;border-radius:4px;padding:3px}
.tuition__stepup p{margin:0;font-size:14px;line-height:1.55;color:#dfe4d9}
.tuition__stepup strong{color:#fff}

/* Uniforms sit with tuition, where parents plan costs. */
.uniform{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff26}
.uniform h4{font:400 26px/1 var(--display);letter-spacing:.02em;margin:0 0 8px}
.uniform p{margin:0 0 10px;font-size:14.5px;color:#dfe4d9}
.uniform ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.uniform li{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:14.5px;color:#dfe4d9}
.uniform li b{color:#fff}
.uniform__shop a{color:var(--lime);font-weight:700}
@media (max-width:700px){.uniform li{grid-template-columns:1fr;gap:0}}

/* ---------- Founders ---------- */
.founders{padding-block:84px;background:var(--soft)}
.founders__head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:34px}
.founders__head h2{margin:0}
.founders__head p{margin:0;color:var(--muted);font-size:17px}
.founders__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}
.founder{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:start}
.founder img{width:200px;height:250px;object-fit:cover;border-bottom:6px solid var(--lime)}
.founder__role{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lime-deep);margin:4px 0 6px!important}
.founder h3{font:400 34px/1.05 var(--display);margin:0 0 12px}
.founder p:not(.founder__role){font-size:15.5px;line-height:1.65;color:#3e4639;margin:0}

/* ---------- Coming soon ---------- */
.soon{background:var(--ink);color:#fff;padding-block:84px}
.soon__head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
.soon h2{margin:0}
.soon h2 em{display:inline-block;background:var(--lime);color:var(--ink);padding:2px 14px 0;transform:rotate(-3deg)}
.soon__head p{margin:0;color:#d4d9cf;font-size:17px}
.soon__head strong{color:#fff}
.soon__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.soon-card{--accent:#8eb7ff;display:flex;flex-direction:column;background:#1e221b;border:1px solid #ffffff22;border-bottom:5px solid var(--accent)}
.soon-card--girls{--accent:var(--lime)}
.soon-card--dance{--accent:#ffa4d3}
.soon-card img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.soon-card__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px}
.soon-card__status{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px!important}
.soon-card h3{font:400 36px/1 var(--display);margin:0 0 8px}
.soon-card__detail{font-size:14px;font-weight:600;color:#fff}
.soon-card__body>p:not(.soon-card__status):not(.soon-card__detail){color:#d4d9cf;font-size:15px}
.soon-card__btn{margin-top:auto;background:var(--accent);color:#000;border-color:var(--accent);font-size:15px}
.soon-card__btn:hover,.soon-card__btn:focus-visible{background:#fff;color:#000;border-color:#fff}

/* ---------- FAQ ---------- */
.faq{padding-block:84px;background:#fff}
.faq__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px}
.faq__grid>div>p{color:var(--muted)}
.faq__grid>div>p a{color:var(--ink);font-weight:700}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:14px 0;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131611' stroke-width='2.4'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat}
.faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131611' stroke-width='2.4'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");background-color:var(--lime)}
.faq summary:hover{color:var(--lime-deep)}
.faq details p{color:#3e4639;margin:0 40px 16px 0}
.faq details a{font-weight:700}

/* ---------- Closing ---------- */
.closing{position:relative;isolation:isolate;overflow:hidden;background:var(--soft);border-top:1px solid var(--line);padding-block:80px}
.closing__crown{position:absolute;z-index:-1;width:420px;height:420px;right:-60px;top:-40px;opacity:.06;transform:rotate(14deg);pointer-events:none}
.closing__inner{max-width:820px;text-align:center}
.closing h2{font-size:clamp(2.6rem,5vw,4.6rem)}
.closing p{font-size:18px;color:var(--muted);max-width:560px;margin-inline:auto}
.closing .btn-row{justify-content:center;margin-top:24px}
.closing .btn{min-width:200px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .hero__grid{gap:30px}
  .program-portrait{height:500px}
  .portrait-leadership{height:280px}
  .portrait-kids{height:220px}
  .portrait-basketball{top:180px;height:280px}
  .pf--ryla{gap:36px;padding:34px}
  .week .wrap{grid-template-columns:1fr;gap:16px}
  .week__title{display:flex;align-items:baseline;gap:14px;margin:0}
  .week__title span{margin:0}
}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr;padding-block:40px 36px}
  .hero h1{max-width:680px}
  .program-portrait{height:480px;max-width:620px;width:100%;margin-inline:auto}
  .programs__head,.founders__head,.soon__head{grid-template-columns:1fr;gap:12px}
  .pf--ryla{grid-template-columns:1fr;gap:30px}
  .pf--ryla .pf__photo{height:380px}
  .start__grid,.faq__grid{grid-template-columns:1fr;gap:40px}
  .voices__grid{grid-template-columns:1fr;gap:34px}
  .voice--lead{grid-row:auto}
  .founder{grid-template-columns:1fr}
  .founder img{width:100%;height:auto;aspect-ratio:4/5}
  .soon__grid{grid-template-columns:1fr 1fr}
  .soon-card:last-child{grid-column:1/-1}
  .soon-card:last-child img{aspect-ratio:2/1}
}
@media (max-width:760px){
  .week__list{grid-template-columns:1fr;gap:10px}
  .week__day a{align-items:center;padding:12px 14px}
  .week__dow{font-size:38px;min-width:52px}
  .week__title{flex-direction:column;gap:4px}
  .pf-pair{grid-template-columns:1fr;gap:24px}
  .guide__inner{flex-direction:column;align-items:stretch;text-align:left}
}
@media (max-width:700px){
  .home-page h2{font-size:clamp(2.3rem,10vw,3rem)}
  .home-page p{margin-bottom:14px}
  .hero__grid{padding-block:28px 26px;gap:22px}
  .hero__place{font-size:13px;margin-bottom:12px}
  .hero h1{font-size:clamp(2.45rem,11vw,3.3rem);margin-bottom:16px}
  .hero__lede{font-size:16px}
  .hero__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .hero__actions .btn{width:100%}
  .stepup{margin-top:16px}
  .program-portrait{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:180px 150px;gap:0 10px;height:auto;margin:8px 4px 6px}
  .program-portrait figure{position:relative;inset:auto;width:100%;height:100%;border-width:3px}
  .portrait-leadership{grid-column:1/-1;width:92%;justify-self:center;transform:rotate(-2.5deg)}
  .portrait-kids{transform:translateY(-12px) rotate(-4deg)}
  .portrait-basketball{transform:translateY(-6px) rotate(4deg)}
  .program-portrait figcaption{font-size:18px;padding:6px 9px 4px}
  .week .wrap{padding-block:20px 22px}
  .week__title{font-size:28px}
  .programs,.voices,.start,.founders,.soon,.faq{padding-block:52px}
  .programs__head{margin-bottom:24px}
  .programs__head p{font-size:15.5px}
  .pf--ryla{padding:20px 18px 26px;margin-bottom:22px}
  .pf--ryla .pf__photo{height:220px;transform:none;box-shadow:7px 8px 0 var(--ryla-blue),10px 11px 0 #000;margin-right:8px}
  .pf--ryla .pf__logo{width:230px;height:100px}
  .pf--ryla .pf__logo img{width:230px;height:230px;margin-top:-64px}
  .facts{grid-template-columns:1fr 1fr;gap:10px 16px;margin:16px 0 20px}
  .facts dd{font-size:14.5px}
  .pf-pair .pf__photo{height:170px}
  .pf-pair .pf__body{padding:22px 20px 24px}
  .pf--kids .pf__logo{margin-top:-70px}
  .pf--kids .pf__logo img{width:160px}
  .pf--kids h3{font-size:30px}
  .pf--ball .pf__logo{margin-top:-78px}
  .pf--ball .pf__logo img{width:92px;height:92px}
  .pf--ball h3{font-size:34px}
  .pf .btn{width:100%}
  .voice blockquote p{font-size:18.5px}
  .voice--lead blockquote p{font-size:30px}
  .voice--lead blockquote .voice__more{font-size:17px}
  .guide__inner{padding-block:30px}
  .start__grid{gap:32px}
  .steps li{padding-left:56px}
  .steps li::before{width:40px;height:40px;font-size:23px}
  .start .btn-row .btn{flex:1 1 100%}
  .tuition{padding:24px 18px 22px;margin-inline:-4px}
  .tuition table,.tuition tbody,.tuition tr,.tuition th,.tuition td{display:block}
  .tuition thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tuition tbody tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 0;border-bottom:1px solid #ffffff26}
  .tuition th,.tuition td{padding:0;border:0}
  .tuition tbody th{font-size:17px}
  .tuition tbody td:nth-child(2)::after{content:' / month';font-size:13px;font-weight:500;color:#c6cdbf}
  .tuition tbody td:nth-child(3){grid-column:1/-1;margin-top:4px}
  .tuition tbody td:nth-child(3) b{display:inline;font-size:15px}
  .tuition tbody td:nth-child(3) b::before{content:'Initial payment ';font-weight:500;color:#c6cdbf}
  .founders__grid{grid-template-columns:1fr;gap:30px}
  .founder{grid-template-columns:116px 1fr;gap:16px}
  .founder img{width:116px;height:146px;aspect-ratio:auto}
  .founder h3{font-size:28px}
  .founder p:not(.founder__role){font-size:14.5px}
  .founders .btn{width:100%}
  .soon__grid{grid-template-columns:1fr;gap:18px}
  .soon-card,.soon-card:last-child{display:grid;grid-template-columns:104px 1fr;grid-column:auto}
  .soon-card img,.soon-card:last-child img{height:100%;aspect-ratio:auto}
  .soon-card__body{padding:16px 16px 18px}
  .soon-card h3{font-size:30px}
  .soon-card__body>p:not(.soon-card__status):not(.soon-card__detail){font-size:14.5px;margin-bottom:12px}
  .soon-card__detail{font-size:13.5px}
  .soon-card__btn{font-size:14.5px;min-height:48px;padding:10px 12px}
  .faq summary{font-size:16px}
  .faq details p{margin-right:0}
  .closing{padding-block:56px}
  .closing .btn{flex:1 1 100%}
}
@media (max-width:380px){
  .facts{grid-template-columns:1fr}
}