:root { --blog-ink:#11154f; --blog-violet:#6e42da; --blog-blue:#173bc9; --blog-orange:#ff7014; --blog-pink:#ed4bab; --blog-soft:#f4f1ff; }
html { scroll-behavior:smooth; }
.blog-page { overflow-x:hidden; color:var(--blog-ink); background:#f7f5ff; }
.blog-page main { overflow:hidden; }
.blog-container { width:min(1240px,calc(100% - 48px)); margin:0 auto; }
.blog-kicker { display:inline-flex; align-items:center; gap:9px; color:#ff7115; font-size:13px; font-weight:900; letter-spacing:.03em; text-transform:uppercase; }
.blog-kicker i { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ff9a17,#ff6412); font-size:10px; font-style:normal; }
.blog-button { min-height:58px; padding:0 25px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:16px; font-size:14px; font-weight:900; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.blog-button:hover { transform:translateY(-2px); }
.blog-button--primary { color:#fff; background:linear-gradient(135deg,#ff9817,#ff5e0e); box-shadow:0 15px 30px rgba(255,93,14,.25); }
.blog-button--ghost { color:#1c164c; border:1px solid rgba(255,255,255,.85); background:rgba(255,255,255,.72); box-shadow:0 12px 30px rgba(60,39,133,.1); }

.blog-hero { position:relative; min-height:900px; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,#e9e8ff 0%,#eee5ff 45%,#fbe9fa 100%); }
.blog-hero__space { position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(239,238,255,.9) 0%,rgba(239,238,255,.8) 38%,rgba(33,26,138,.06) 64%),url('../assets/media/9dc493aeed19b73b.webp?v=20260826-1'); background-size:cover; background-position:center; opacity:.95; }
.blog-hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.92),transparent 35%),linear-gradient(180deg,transparent 75%,#f7f5ff 100%); }
.blog-header { background:rgba(255,255,255,.72); }
.blog-header .button--header { min-width:245px; }
.blog-hero__inner { width:min(1450px,calc(100% - 90px)); min-height:760px; margin:0 auto; display:grid; grid-template-columns:minmax(520px,.88fr) minmax(520px,1.12fr); align-items:center; gap:30px; }
.blog-hero__copy { position:relative; z-index:4; padding:70px 0 100px; }
.blog-hero__copy h1 { max-width:760px; margin:18px 0 0; color:#111440; font-size:clamp(48px,5vw,78px); line-height:.92; letter-spacing:-4px; font-weight:950; }
.blog-hero__copy h1 span { display:block; margin-top:9px; background:linear-gradient(100deg,#2440d1,#7c3bda 45%,#f34da7 80%,#ff7714); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.blog-hero__copy > p { max-width:670px; margin:25px 0 0; color:#393552; font-size:20px; line-height:1.5; font-weight:600; }
.blog-hero__actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:13px; }
.blog-hero__benefits { max-width:670px; margin:30px 0 0; padding:14px 18px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.67); box-shadow:0 18px 45px rgba(68,43,143,.1); list-style:none; }
.blog-hero__benefits li { min-width:0; padding:4px 14px; display:grid; gap:4px; }
.blog-hero__benefits li+li { border-left:1px solid rgba(81,59,151,.13); }
.blog-hero__benefits b { font-size:14px; }
.blog-hero__benefits span { color:#655e79; font-size:11px; line-height:1.3; }
.blog-hero__visual { position:relative; align-self:stretch; min-height:700px; }
.blog-hero__orbit { position:absolute; top:14%; left:5%; width:92%; aspect-ratio:1; border:1px solid rgba(255,255,255,.7); border-radius:50%; box-shadow:0 0 0 26px rgba(255,255,255,.08),0 0 70px rgba(131,68,225,.25); transform:rotate(-11deg); }
.blog-hero__photo { position:absolute; top:12%; right:-6%; width:94%; aspect-ratio:1.06; overflow:hidden; margin:0; border:9px solid rgba(255,255,255,.76); border-radius:45% 55% 48% 52%; box-shadow:0 30px 90px rgba(46,27,130,.33); transform:rotate(2deg); }
.blog-hero__photo img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.06) rotate(-2deg); }
.blog-hero__photo--cutout { top:0; right:-15%; bottom:0; width:132%; height:100%; aspect-ratio:auto; display:grid; align-items:center; overflow:visible; border:0; border-radius:0; box-shadow:none; transform:none; pointer-events:none; }
.blog-hero__photo--cutout img { width:100%; height:100%; object-fit:contain; object-position:center; transform:none; filter:drop-shadow(0 30px 42px rgba(39,26,112,.2)); }
.blog-hero__bubble { position:absolute; z-index:4; min-height:70px; padding:12px 18px; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.88); border-radius:20px; color:#29215c; background:rgba(255,255,255,.86); box-shadow:0 15px 35px rgba(61,41,142,.17); backdrop-filter:blur(14px); }
.blog-hero__bubble strong { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#8f5be8,#6840d4); }
.blog-hero__bubble span { max-width:120px; font-size:12px; font-weight:850; line-height:1.25; }
.blog-hero__bubble--top { top:14%; left:-1%; }
.blog-hero__bubble--bottom { right:-1%; bottom:19%; }
.blog-hero__bubble--bottom strong { background:linear-gradient(145deg,#ff8d16,#ff5d18); }
.blog-hero__mascot { position:absolute; z-index:5; left:0; bottom:4%; width:175px; filter:drop-shadow(0 18px 18px rgba(44,28,112,.25)); }

.blog-proof { position:relative; z-index:5; margin-top:-72px; }
.blog-proof__inner { width:min(1280px,calc(100% - 48px)); min-height:138px; margin:0 auto; padding:20px 26px; display:grid; grid-template-columns:repeat(3,1fr) auto; gap:18px; align-items:center; border:1px solid rgba(255,255,255,.9); border-radius:30px; background:rgba(255,255,255,.88); box-shadow:0 24px 60px rgba(61,42,132,.15); backdrop-filter:blur(18px); }
.blog-proof__inner>div { padding:8px 20px; display:grid; gap:3px; }
.blog-proof__inner>div+div { border-left:1px solid rgba(89,66,160,.13); }
.blog-proof strong { color:#5b39c7; font-size:32px; line-height:1; }
.blog-proof span { color:#5e5872; font-size:12px; line-height:1.3; }
.blog-proof a { min-height:55px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:11px; border-radius:16px; color:#fff; background:#17164f; font-size:13px; font-weight:850; text-decoration:none; }

.blog-heading>span { display:inline-flex; align-items:center; gap:8px; color:#ff7115; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.blog-heading>span::before { content:"✦"; }
.blog-heading h2 { max-width:880px; margin:14px 0 0; font-size:clamp(40px,4.5vw,66px); line-height:.94; letter-spacing:-3px; }
.blog-heading p { max-width:670px; margin:18px 0 0; color:#696279; font-size:17px; line-height:1.55; }
.blog-heading--center { display:grid; justify-items:center; text-align:center; }
.blog-heading--center p { margin-inline:auto; }
.blog-heading--light h2,.blog-heading--light p { color:#fff; }
.blog-heading--light>span { color:#ffb461; }

.blog-results { padding:130px 0 105px; background:radial-gradient(circle at 80% 40%,rgba(226,209,255,.6),transparent 35%),#f7f5ff; }
.result-grid { margin-top:48px; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.result-card { min-height:285px; padding:25px 23px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.9); border-radius:27px; background:rgba(255,255,255,.78); box-shadow:0 18px 42px rgba(72,51,147,.11); }
.result-card i { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#7751dc; font-size:13px; font-style:normal; font-weight:900; }
.result-card strong { margin-top:auto; font-size:22px; line-height:1.05; }
.result-card p { margin:13px 0 0; color:#645d75; font-size:14px; line-height:1.5; }
.result-card--orange i { background:linear-gradient(145deg,#ff9a17,#ff6812); }
.result-card--pink i { background:linear-gradient(145deg,#ff73bd,#df3496); }
.result-card--blue i { background:linear-gradient(145deg,#4c70ef,#1b42c7); }
.result-card--violet i { background:linear-gradient(145deg,#9862ef,#6b42d3); }
.result-focus { margin-top:22px; padding:30px 34px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-radius:28px; color:#fff; background:linear-gradient(120deg,#1c1d74,#5d2dc6 64%,#9c39d1); box-shadow:0 25px 55px rgba(62,35,151,.22); }
.result-focus>div { max-width:750px; }
.result-focus span { color:#ffb56f; font-size:12px; font-weight:900; text-transform:uppercase; }
.result-focus h3 { margin:8px 0 0; font-size:clamp(22px,2.5vw,34px); line-height:1.05; }
.result-focus .blog-button { flex:0 0 auto; }

.blog-program { position:relative; padding:110px 0; background:#fff; }
.program-layout { margin-top:45px; display:grid; grid-template-columns:minmax(360px,.8fr) minmax(620px,1.2fr); gap:48px; align-items:start; }
.program-phone { position:sticky; top:30px; min-height:660px; overflow:hidden; border-radius:42px; background:#17155e; box-shadow:0 28px 70px rgba(47,26,125,.26); }
.program-phone::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(15,10,65,.88)); }
.program-phone>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:64% center; }
.program-phone>div { position:absolute; z-index:2; right:35px; bottom:38px; left:35px; display:grid; gap:10px; color:#fff; }
.program-phone span { width:65px; padding:7px 10px; border-radius:999px; color:#fff; background:#ff5e61; font-size:11px; font-weight:900; text-align:center; }
.program-phone strong { font-size:clamp(34px,3vw,48px); line-height:.94; }
.program-list { margin:0; padding:0; display:grid; gap:12px; list-style:none; counter-reset:none; }
.program-list li { min-height:96px; padding:19px 22px; display:grid; grid-template-columns:54px 1fr; gap:17px; align-items:start; border:1px solid rgba(95,69,179,.13); border-radius:22px; background:#f8f6ff; transition:transform .2s ease,box-shadow .2s ease; }
.program-list li:hover { transform:translateX(4px); box-shadow:0 12px 28px rgba(75,52,153,.1); }
.program-list li>b { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#7650da; background:#fff; box-shadow:0 7px 18px rgba(77,53,150,.1); font-size:13px; }
.program-list strong { font-size:19px; }
.program-list p { margin:7px 0 0; color:#676077; font-size:13px; line-height:1.45; }

.blog-process { position:relative; padding:105px 0; overflow:hidden; background:linear-gradient(135deg,#14145d,#4620a6 55%,#7829be); }
.blog-process::before,.blog-process::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
.blog-process::before { width:700px; height:700px; top:-380px; left:-160px; }
.blog-process::after { width:520px; height:520px; right:-130px; bottom:-330px; }
.process-grid { position:relative; z-index:2; margin-top:45px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.process-grid article { min-height:245px; padding:25px 22px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.18); border-radius:26px; color:#fff; background:rgba(255,255,255,.09); backdrop-filter:blur(12px); }
.process-grid b { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; color:#3e267f; background:#fff; }
.process-grid strong { margin-top:auto; font-size:20px; }
.process-grid p { margin:10px 0 0; color:rgba(255,255,255,.72); font-size:13px; line-height:1.45; }
.process-note { position:relative; z-index:2; margin:22px 0 0; padding:17px 22px; border:1px solid rgba(255,255,255,.17); border-radius:18px; color:#fff; background:rgba(255,255,255,.08); font-size:14px; font-weight:750; text-align:center; }
.process-note span { color:#ffad54; }

.blog-projects { padding:110px 0; background:#f7f5ff; }
.projects-grid { margin-top:43px; display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:repeat(2,270px); gap:16px; }
.project-card { position:relative; overflow:hidden; margin:0; border-radius:28px; background:#26177a; box-shadow:0 18px 40px rgba(59,39,137,.15); }
.project-card--large { grid-row:1 / 3; }
.project-card img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.project-card:hover img { transform:scale(1.04); }
.project-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(21,13,68,.82)); }
.project-card figcaption { position:absolute; z-index:2; right:22px; bottom:20px; left:22px; display:grid; gap:5px; color:#fff; }
.project-card figcaption span { color:#ffb76a; font-size:11px; font-weight:900; text-transform:uppercase; }
.project-card figcaption strong { font-size:22px; }
.project-card figcaption i { position:absolute; right:0; bottom:0; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#7046d5; background:#fff; font-size:13px; font-style:normal; }

.student-channels { margin-top:43px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.student-channel { --channel-accent:#111; min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(105,80,185,.14); border-radius:28px; color:#251c5e; background:#fff; box-shadow:0 18px 40px rgba(59,39,137,.13); text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }
.student-channel--youtube { --channel-accent:#f22; }
.student-channel:hover { transform:translateY(-6px); box-shadow:0 25px 52px rgba(59,39,137,.2); }
.student-channel:focus-visible { outline:4px solid rgba(112,70,213,.28); outline-offset:4px; }
.student-channel__preview { position:relative; height:250px; padding:14px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#ece7fb,#faf9ff); }
.student-channel__preview::after { content:""; position:absolute; right:0; bottom:0; left:0; height:38%; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(30,19,78,.07)); }
.student-channel__preview img { position:absolute; inset:14px; width:calc(100% - 28px); height:calc(100% - 28px); display:block; object-fit:contain; object-position:center; border-radius:18px; box-shadow:0 9px 26px rgba(48,34,102,.12); }
.student-channel--tiktok .student-channel__preview { background:linear-gradient(145deg,#e9e5f7,#fff); }
.student-channel--tiktok .student-channel__preview img { object-fit:cover; object-position:center 10%; }
.student-channel__platform { position:absolute; z-index:2; top:25px; left:25px; padding:8px 12px; border-radius:999px; color:#fff; background:var(--channel-accent); box-shadow:0 8px 20px rgba(30,20,75,.18); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.student-channel__body { padding:23px 22px 19px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:end; }
.student-channel__body>div { min-width:0; display:grid; gap:4px; }
.student-channel__body>div>span { color:#ff7114; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.student-channel__body h3 { overflow:hidden; margin:0; font-size:27px; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }
.student-channel__body p { margin:0; color:#756d84; font-size:12px; }
.student-channel__metric { color:#5f3dcc; font-size:22px; line-height:1; text-align:right; white-space:nowrap; }
.student-channel__metric small { margin-top:5px; display:block; color:#7a7288; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.student-channel footer { min-height:58px; margin-top:auto; padding:0 22px; display:flex; gap:12px; align-items:center; justify-content:space-between; border-top:1px solid rgba(105,80,185,.11); color:#6b6478; font-size:11px; }
.student-channel footer b { color:var(--channel-accent); font-size:11px; white-space:nowrap; }
.student-channels__note { margin:18px 0 0; color:#6c657b; font-size:11px; text-align:center; }
.student-channels__note span { color:#ff7114; }

.direction-links { padding:108px 0; background:linear-gradient(180deg,#f7f5ff,#fff); }
.direction-links__grid { margin-top:42px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.direction-link-card { position:relative; min-height:440px; overflow:hidden; display:flex; align-items:flex-end; border-radius:34px; color:#fff; background:#241674; box-shadow:0 24px 55px rgba(48,31,125,.18); text-decoration:none; isolation:isolate; transition:transform .28s ease,box-shadow .28s ease; }
.direction-link-card:hover { transform:translateY(-7px); box-shadow:0 32px 65px rgba(48,31,125,.25); }
.direction-link-card:focus-visible { outline:4px solid rgba(255,119,20,.42); outline-offset:4px; }
.direction-link-card>img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.direction-link-card:hover>img { transform:scale(1.04); }
.direction-link-card::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(20,13,73,.02) 28%,rgba(20,13,73,.88) 80%,#140d49); }
.direction-link-card__copy { width:100%; padding:34px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:end; }
.direction-link-card__copy>div { display:grid; gap:7px; }
.direction-link-card__copy span { color:#ffb66d; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.direction-link-card__copy h3 { margin:0; color:#fff; font-size:clamp(31px,3vw,48px); line-height:.95; letter-spacing:-1.8px; }
.direction-link-card__copy p { max-width:520px; margin:2px 0 0; color:rgba(255,255,255,.76); font-size:13px; line-height:1.45; }
.direction-link-card__arrow { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; color:#5d3acb!important; background:#fff; font-size:22px!important; }

.direction-location { padding:110px 0; color:#fff; background:linear-gradient(135deg,#131459,#3f2695 55%,#702eaa); }
.direction-location__layout { display:grid; grid-template-columns:minmax(330px,.68fr) minmax(540px,1.32fr); gap:54px; align-items:center; }
.direction-location__copy h2 { margin:18px 0 0; color:#fff; font-size:clamp(45px,5vw,72px); line-height:.92; letter-spacing:-3px; }
.direction-location__copy>p { max-width:520px; margin:22px 0 0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.55; }
.direction-location__details { margin-top:28px; padding:0; display:grid; gap:11px; list-style:none; }
.direction-location__details li { padding:14px 16px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:11px; align-items:center; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:rgba(255,255,255,.08); }
.direction-location__details b { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#522ba7; background:#fff; font-size:13px; }
.direction-location__details span,.direction-location__details a { color:#fff; font-size:14px; font-weight:750; text-decoration:none; }
.direction-location__map { min-width:0; overflow:hidden; border:8px solid rgba(255,255,255,.92); border-radius:32px; background:#fff; box-shadow:0 28px 60px rgba(8,7,48,.28); }
.direction-location__map iframe { width:100%; height:518px; display:block; border:0; }

.blog-teacher { padding:115px 0; background:linear-gradient(145deg,#fff,#eee8ff); }
.teacher-layout { display:grid; grid-template-columns:minmax(430px,.85fr) minmax(520px,1.15fr); gap:70px; align-items:center; }
.teacher-photo { position:relative; min-height:610px; }
.teacher-photo__frame { position:absolute; inset:70px 10px 0; border-radius:44px; background:radial-gradient(circle at 50% 27%,#fff,#d9c6ff 55%,#ad84ef); box-shadow:0 28px 65px rgba(77,50,156,.22); }
.teacher-photo__frame::before { content:""; position:absolute; inset:9%; border:1px solid rgba(255,255,255,.7); border-radius:50%; }
.teacher-photo img { position:absolute; z-index:2; right:0; bottom:0; left:0; width:100%; height:110%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 20px 20px rgba(45,29,106,.12)); }
.teacher-photo>span { position:absolute; z-index:3; top:92px; left:32px; padding:10px 14px; border-radius:999px; color:#ff680e; background:#fff; box-shadow:0 8px 18px rgba(74,48,145,.12); font-size:11px; font-weight:900; text-transform:uppercase; }
.teacher-copy h2 { margin:18px 0 0; font-size:clamp(43px,4.5vw,67px); line-height:.93; letter-spacing:-3px; }
.teacher-copy__lead { max-width:650px; margin:22px 0 0; color:#5e5871; font-size:18px; line-height:1.5; }
.teacher-copy ul { margin:28px 0 30px; padding:0; display:grid; gap:12px; list-style:none; }
.teacher-copy li { padding:16px 18px; display:grid; gap:5px; border:1px solid rgba(102,75,186,.13); border-radius:18px; background:rgba(255,255,255,.73); }
.teacher-copy li b { font-size:15px; }
.teacher-copy li span { color:#6c657b; font-size:13px; line-height:1.4; }

.blog-trust { padding:105px 0; background:#fff; }
.quotes-grid { margin-top:45px; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.quotes-grid blockquote { min-height:260px; margin:0; padding:28px 26px; display:flex; flex-direction:column; border:1px solid rgba(103,76,187,.12); border-radius:27px; background:#f8f6ff; box-shadow:0 16px 38px rgba(73,51,150,.09); }
.quotes-grid blockquote::before { content:"“"; color:#8b64e8; font-size:62px; line-height:.6; font-weight:900; }
.quotes-grid p { margin:23px 0 0; color:#4f4964; font-size:15px; line-height:1.55; }
.quotes-grid footer { margin-top:auto; padding-top:20px; display:grid; gap:3px; }
.quotes-grid footer strong { font-size:14px; }
.quotes-grid footer span { color:#ff7115; font-size:11px; font-weight:800; }

.blog-prices { position:relative; padding:110px 0; overflow:hidden; background:radial-gradient(circle at 50% 110%,rgba(190,153,255,.42),transparent 42%),linear-gradient(180deg,#f8f6ff,#f1edff); }
.blog-prices::before,.blog-prices::after { content:""; position:absolute; border:1px solid rgba(116,75,211,.11); border-radius:50%; pointer-events:none; }
.blog-prices::before { top:-330px; left:-220px; width:620px; height:620px; }
.blog-prices::after { right:-190px; bottom:-360px; width:680px; height:680px; }
.prices-grid { position:relative; z-index:2; margin-top:46px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.price-card { position:relative; min-height:560px; padding:28px 26px 25px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.95); border-radius:30px; background:rgba(255,255,255,.86); box-shadow:0 20px 50px rgba(71,49,149,.12); }
.price-card__top { display:flex; align-items:center; justify-content:space-between; gap:15px; color:#7a55dd; font-size:11px; font-weight:900; text-transform:uppercase; }
.price-card__top i { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#9568ed,#6f47d6); font-style:normal; }
.price-card h3 { margin:27px 0 0; color:#17154e; font-size:31px; line-height:1; }
.price-card>p { min-height:66px; margin:13px 0 0; color:#686176; font-size:13px; line-height:1.5; }
.price-card__value { margin-top:24px; padding:20px 0; display:grid; gap:5px; border-top:1px solid rgba(100,73,183,.12); border-bottom:1px solid rgba(100,73,183,.12); }
.price-card__value strong { color:#1a1754; font-size:36px; line-height:1; }
.price-card__value span { color:#827a91; font-size:11px; }
.price-card ul { margin:22px 0 25px; padding:0; display:grid; gap:11px; list-style:none; }
.price-card li { position:relative; padding-left:24px; color:#534d68; font-size:13px; }
.price-card li::before { content:"✓"; position:absolute; top:-2px; left:0; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#7b54dc; font-size:10px; font-weight:900; }
.price-card>a { min-height:56px; margin-top:auto; padding:0 18px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:15px; color:#fff; background:#1b1959; box-shadow:0 12px 25px rgba(39,31,97,.16); font-size:12px; font-weight:900; text-align:center; text-decoration:none; }
.price-card--featured { z-index:3; border-color:rgba(255,147,31,.55); color:#fff; background:linear-gradient(145deg,#17165c,#5328b2 62%,#8832c4); box-shadow:0 28px 65px rgba(64,36,156,.28); transform:translateY(-14px); }
.price-card--featured .price-card__badge { position:absolute; top:-17px; left:50%; padding:9px 16px; border-radius:999px; color:#fff; background:linear-gradient(135deg,#ff9718,#ff620e); box-shadow:0 10px 23px rgba(255,96,12,.26); font-size:10px; font-weight:900; white-space:nowrap; text-transform:uppercase; transform:translateX(-50%); }
.price-card--featured .price-card__top { color:#ffb565; }
.price-card--featured .price-card__top i { color:#6634c5; background:#fff; }
.price-card--featured h3,.price-card--featured .price-card__value strong { color:#fff; }
.price-card--featured>p,.price-card--featured .price-card__value span,.price-card--featured li { color:rgba(255,255,255,.74); }
.price-card--featured .price-card__value { border-color:rgba(255,255,255,.16); }
.price-card--featured li::before { color:#6033bd; background:#fff; }
.price-card--featured>a { background:linear-gradient(135deg,#ff9818,#ff5f0e); box-shadow:0 14px 28px rgba(255,95,14,.25); }
.prices-trial { position:relative; z-index:2; margin-top:26px; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:22px; border:1px solid rgba(255,255,255,.95); border-radius:25px; background:rgba(255,255,255,.82); box-shadow:0 16px 38px rgba(70,48,145,.1); }
.prices-trial>div { display:flex; align-items:center; gap:16px; }
.prices-trial b { flex:0 0 62px; width:62px; height:62px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ff9818,#ff5e0e); font-size:18px; }
.prices-trial span { display:grid; gap:4px; }
.prices-trial strong { font-size:18px; }
.prices-trial small { color:#6d667a; font-size:12px; }
.prices-trial>a { min-height:52px; padding:0 20px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:14px; color:#fff; background:#1c1959; font-size:12px; font-weight:900; text-decoration:none; }

.blog-faq { padding:110px 0; background:radial-gradient(circle at 15% 65%,rgba(217,197,255,.7),transparent 30%),#f4f1ff; }
.faq-layout { display:grid; grid-template-columns:minmax(380px,.72fr) minmax(570px,1.28fr); gap:70px; align-items:start; }
.blog-accordion { display:grid; gap:11px; }
.blog-faq-item { overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:23px; background:rgba(255,255,255,.78); box-shadow:0 12px 30px rgba(75,52,150,.08); }
.blog-faq-item button { width:100%; min-height:78px; padding:13px 17px 13px 22px; display:flex; align-items:center; justify-content:space-between; gap:15px; border:0; color:#1a174e; background:transparent; font:inherit; font-size:16px; font-weight:850; text-align:left; cursor:pointer; }
.blog-faq-item button b { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#6d47d3; background:#f0ebff; font-size:22px; }
.blog-faq-item>div { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.blog-faq-item>div>p { min-height:0; overflow:hidden; margin:0 64px 0 22px; color:#655e76; font-size:14px; line-height:1.5; }
.blog-faq-item.is-open>div { grid-template-rows:1fr; }
.blog-faq-item.is-open>div>p { padding-bottom:20px; }

.blog-lead { position:relative; padding:105px 0; overflow:hidden; background:linear-gradient(135deg,#17165c,#43209e 58%,#7b2bbd); }
.blog-lead::before { content:""; position:absolute; inset:0; background-image:url('../assets/media/dced62a1b5886825.webp?v=20260826-1'); background-size:cover; opacity:.28; }
.lead-layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(480px,1fr) minmax(440px,.8fr); gap:70px; align-items:center; }
.lead-copy { position:relative; min-height:590px; color:#fff; }
.lead-copy h2 { max-width:720px; margin:18px 0 0; font-size:clamp(46px,5vw,72px); line-height:.92; letter-spacing:-3.5px; }
.lead-copy>p { max-width:650px; margin:23px 0 0; color:rgba(255,255,255,.74); font-size:17px; line-height:1.5; }
.lead-copy ul { margin:25px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:9px; list-style:none; }
.lead-copy li { padding:9px 13px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.08); font-size:12px; font-weight:750; }
.lead-copy>img { position:absolute; right:0; bottom:-90px; width:330px; filter:drop-shadow(0 20px 25px rgba(9,7,52,.3)); }
.blog-form { padding:34px; display:grid; gap:16px; border:1px solid rgba(255,255,255,.9); border-radius:31px; background:rgba(255,255,255,.94); box-shadow:0 30px 80px rgba(13,8,70,.34); }
.blog-form>div>span { color:#ff7014; font-size:11px; font-weight:900; text-transform:uppercase; }
.blog-form h3 { margin:7px 0 0; color:#17154d; font-size:31px; line-height:1; }
.blog-form>div>p { margin:7px 0 0; color:#6b657b; font-size:13px; }
.blog-form label { display:grid; gap:7px; color:#322c59; font-size:12px; font-weight:800; }
.blog-form input,.blog-form select { width:100%; min-height:55px; padding:0 15px; border:1px solid rgba(91,67,168,.16); border-radius:14px; color:#231e4c; background:#f8f6ff; font:inherit; font-size:14px; outline:none; }
.blog-form input:focus,.blog-form select:focus { border-color:#7953db; box-shadow:0 0 0 3px rgba(121,83,219,.12); }
.blog-form .blog-form__consent { display:grid; grid-template-columns:18px 1fr; gap:9px; align-items:start; color:#777185; font-size:10px; font-weight:600; line-height:1.4; }
.blog-form__consent input { width:18px; min-height:18px; margin:0; }
.blog-form button { min-height:60px; display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:15px; color:#fff; background:linear-gradient(135deg,#ff9717,#ff5d0d); box-shadow:0 14px 28px rgba(255,93,13,.25); font:inherit; font-size:14px; font-weight:900; cursor:pointer; }
.blog-form button:disabled { opacity:.8; cursor:default; }
.blog-form__status { min-height:18px; margin:0; color:#5d3abb; font-size:11px; font-weight:750; text-align:center; }
.blog-footer { margin-top:0; }
.mobile-lead { display:none; }

/* Hero composition rebuilt from the supplied blogging reference pack. */
.blog-hero { min-height:940px; padding-bottom:190px; background:#f3f4ff; }
.blog-hero__space { z-index:-3; background-image:url('../assets/media/45d85fbfcca7b8fa.webp?v=20260826-1'); background-size:cover; background-position:center; opacity:1; }
.blog-hero::after { z-index:-2; background:linear-gradient(90deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.26) 36%,rgba(255,255,255,0) 66%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(240,242,255,.14)); }
.blog-header { position:relative; z-index:20; border:1px solid rgba(255,255,255,.92); background:rgba(255,255,255,.86); box-shadow:0 18px 45px rgba(45,57,127,.1); backdrop-filter:blur(16px); }
.blog-hero__inner { position:relative; z-index:auto; min-height:650px; grid-template-columns:minmax(520px,.96fr) minmax(560px,1.04fr); gap:10px; }
.blog-hero__copy { z-index:8; padding:40px 0 75px; }
.blog-hero__copy h1 { max-width:720px; color:#07163f; font-size:clamp(50px,4.35vw,73px); line-height:1.02; letter-spacing:-3.8px; }
.blog-hero__copy h1 span { display:inline; margin:0; color:#07163f; background:none; -webkit-text-fill-color:currentColor; }
.blog-hero__copy>p { max-width:650px; margin-top:25px; color:#354261; font-size:18px; line-height:1.55; font-weight:600; }
.blog-hero__actions { margin-top:27px; }
.blog-hero__visual { min-height:650px; isolation:isolate; }
.blog-hero__starlines,.blog-hero__rings,.blog-hero__idea-card,.blog-hero__video-card,.blog-hero__play-card,.blog-hero__mascot-new,.blog-hero__clouds { position:absolute; display:block; pointer-events:none; user-select:none; }
.blog-hero__starlines { z-index:0; top:2%; left:-17%; width:132%; opacity:.76; }
.blog-hero__rings { z-index:1; top:4%; left:-9%; width:116%; }
.blog-hero__girl { position:absolute; z-index:3; top:0; right:1%; width:112%; height:100%; margin:0; pointer-events:none; }
.blog-hero__girl img { width:100%; height:100%; object-fit:contain; object-position:center bottom; transform:translateY(58px) scale(1.1); transform-origin:center bottom; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 91%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 91%,transparent 100%); filter:drop-shadow(0 26px 34px rgba(58,46,106,.16)); }
.blog-hero__idea-card { z-index:4; left:-2%; bottom:7%; width:31%; transform:rotate(-5deg); }
.blog-hero__video-card { z-index:5; top:13%; right:-2%; width:27%; transform:rotate(3deg); }
.blog-hero__play-card { z-index:4; top:34%; left:8%; width:14%; transform:rotate(-8deg); }
.blog-hero__mascot-new { z-index:6; right:-10%; bottom:8%; width:34%; filter:drop-shadow(0 22px 25px rgba(65,48,111,.16)); }
.blog-hero__clouds { z-index:4; right:0; bottom:-130px; width:100%; min-width:1200px; height:auto; object-fit:contain; object-position:center bottom; }
.blog-hero__skills { position:absolute; z-index:9; right:50%; bottom:55px; width:min(1510px,calc(100% - 90px)); display:grid; grid-template-columns:repeat(4,1fr); gap:12px; transform:translateX(50%); }
.blog-hero__skills article { min-height:145px; padding:19px 18px; display:grid; grid-template-columns:72px 1fr; gap:14px; align-items:center; border:1px solid rgba(255,255,255,.94); border-radius:24px; background:rgba(255,255,255,.88); box-shadow:0 16px 38px rgba(51,56,126,.12); backdrop-filter:blur(16px); }
.blog-hero__skills article>div { display:grid; gap:7px; }
.blog-hero__skills strong { color:#0d1a42; font-size:15px; line-height:1.15; }
.blog-hero__skills span { color:#53607c; font-size:11px; line-height:1.45; }
.blog-hero__skill-icon { width:68px; height:68px; display:block; border-radius:50%; background-image:url('../assets/media/47f81c003404b5b7.webp?v=20260826-1'); background-repeat:no-repeat; background-size:300% 200%; filter:drop-shadow(0 8px 14px rgba(255,129,16,.15)); }
.blog-hero__skill-icon--content { background-position:25% 0; }
.blog-hero__skill-icon--phone { background-position:75% 0; }
.blog-hero__skill-icon--edit { background-position:25% 100%; }
.blog-hero__skill-icon--confidence { background-position:75% 100%; }
.blog-proof { margin-top:0; }

@media (max-width:1150px) {
  .blog-hero { min-height:900px; }
  .blog-hero__inner { grid-template-columns:minmax(440px,.92fr) minmax(450px,1.08fr); }
  .blog-hero__copy h1 { font-size:56px; }
  .blog-hero__skills { width:calc(100% - 36px); gap:8px; }
  .blog-hero__skills article { padding:15px 13px; grid-template-columns:58px 1fr; gap:10px; }
  .blog-hero__skill-icon { width:56px; height:56px; }
  .blog-hero__skills strong { font-size:13px; }
  .blog-hero__skills span { font-size:9px; }
}

@media (max-width:900px) {
  .blog-hero { padding-bottom:35px; }
  .blog-hero__inner { min-height:0; }
  .blog-hero__copy { padding:62px 0 5px; }
  .blog-hero__copy h1 { font-size:clamp(46px,8vw,64px); }
  .blog-hero__visual { min-height:570px; }
  .blog-hero__girl { right:-6%; width:112%; }
  .blog-hero__girl img { transform:none; -webkit-mask-image:none; mask-image:none; }
  .blog-hero__rings { left:0; width:100%; }
  .blog-hero__starlines { left:-5%; width:112%; }
  .blog-hero__idea-card { left:4%; bottom:5%; width:26%; }
  .blog-hero__video-card { top:10%; right:2%; width:25%; }
  .blog-hero__play-card { left:15%; }
  .blog-hero__mascot-new { right:0; width:29%; }
  .blog-hero__clouds { right:50%; bottom:-90px; width:112%; min-width:900px; height:auto; transform:translateX(50%); }
  .blog-hero__skills { position:relative; right:auto; bottom:auto; width:calc(100% - 36px); margin:-34px auto 0; grid-template-columns:repeat(2,1fr); transform:none; }
  .blog-hero__skills article { min-height:128px; padding:16px; grid-template-columns:64px 1fr; }
  .blog-hero__skill-icon { width:62px; height:62px; }
  .blog-hero__skills strong { font-size:14px; }
  .blog-hero__skills span { font-size:10px; }
}

@media (max-width:680px) {
  /* The desktop reference background contains tall side panels. On a narrow
     screen they sit on top of the heading, so the mobile hero gets its own
     clean backdrop while the girl and the foreground decorations stay. */
  .blog-hero__space {
    background-image:
      radial-gradient(circle at 82% 42%, rgba(255,196,134,.34), transparent 35%),
      radial-gradient(circle at 18% 72%, rgba(174,156,255,.32), transparent 38%),
      linear-gradient(160deg,#f8f9ff 0%,#eff1ff 56%,#fff1e5 100%);
    background-position:center;
    opacity:1;
  }
  .blog-hero::after {
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(239,241,255,.08) 72%,#f7f5ff 100%);
  }
  .blog-hero { padding-bottom:24px; }
  .blog-hero__copy { padding:48px 0 0; }
  .blog-hero__copy h1 { font-size:clamp(37px,11vw,50px); line-height:1; letter-spacing:-2.2px; }
  .blog-hero__copy>p { font-size:15px; }
  .blog-hero__visual { min-height:405px; margin-top:8px; }
  .blog-hero__rings { top:8%; left:-25%; width:150%; }
  .blog-hero__starlines { top:8%; left:-23%; width:148%; }
  .blog-hero__girl { top:0; right:-31%; width:162%; height:100%; }
  .blog-hero__idea-card { left:-7%; bottom:1%; width:34%; }
  .blog-hero__video-card { top:5%; right:-5%; width:31%; }
  .blog-hero__play-card { display:none; }
  .blog-hero__mascot-new { right:-2%; bottom:1%; width:34%; }
  .blog-hero__clouds { right:50%; bottom:-40px; width:118%; min-width:680px; height:auto; opacity:.84; transform:translateX(50%); }
  .blog-hero__skills { width:calc(100% - 28px); margin-top:-14px; grid-template-columns:1fr; gap:8px; }
  .blog-hero__skills article { min-height:104px; padding:13px 15px; grid-template-columns:60px 1fr; border-radius:20px; }
  .blog-hero__skill-icon { width:56px; height:56px; }
  .blog-hero__skills strong { font-size:14px; }
  .blog-hero__skills span { font-size:10px; }
}

@media (max-width:1150px) {
  .blog-header { grid-template-columns:230px 1fr auto; padding-inline:25px; gap:20px; }
  .blog-header .main-nav { gap:20px; }
  .blog-header .button--header { min-width:210px; padding-inline:18px; font-size:14px; }
  .blog-hero__inner { width:calc(100% - 56px); grid-template-columns:minmax(450px,.9fr) minmax(430px,1.1fr); }
  .blog-hero__copy h1 { font-size:58px; }
  .blog-hero__mascot { width:145px; }
  .result-grid,.process-grid { grid-template-columns:repeat(2,1fr); }
  .program-layout { grid-template-columns:380px 1fr; gap:30px; }
  .teacher-layout { grid-template-columns:400px 1fr; gap:45px; }
  .lead-layout { grid-template-columns:1fr 430px; gap:40px; }
}

@media (max-width:900px) {
  .blog-header { width:calc(100% - 30px); grid-template-columns:1fr auto; min-height:78px; margin-top:14px; padding:11px 15px; }
  .blog-header .menu-toggle { display:flex; }
  .blog-header .main-nav { position:absolute; top:calc(100% + 8px); right:0; left:0; z-index:50; padding:22px; display:none; align-items:stretch; gap:15px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(44,31,111,.2); }
  .blog-header .main-nav.is-open { display:grid; }
  .blog-header .button--header { display:none; }
  .blog-hero { min-height:auto; padding-bottom:100px; }
  .blog-hero__inner { width:calc(100% - 36px); min-height:0; display:flex; flex-direction:column; gap:0; }
  .blog-hero__copy { width:100%; padding:75px 0 25px; text-align:center; }
  .blog-hero__copy h1 { max-width:760px; margin-inline:auto; font-size:clamp(46px,8vw,66px); }
  .blog-hero__copy>p { margin-inline:auto; }
  .blog-hero__actions { justify-content:center; }
  .blog-hero__benefits { margin-inline:auto; text-align:left; }
  .blog-hero__visual { width:min(700px,100%); min-height:620px; }
  .blog-hero__photo { right:1%; width:88%; }
  .blog-hero__photo--cutout { top:0; right:-10%; width:120%; height:100%; }
  .blog-hero__bubble--top { left:0; }
  .blog-hero__bubble--bottom { right:0; }
  .blog-proof__inner { grid-template-columns:repeat(3,1fr); }
  .blog-proof a { grid-column:1/-1; }
  .program-layout,.teacher-layout,.faq-layout,.lead-layout { grid-template-columns:1fr; }
  .program-phone { position:relative; top:auto; min-height:520px; }
  .teacher-photo { width:min(500px,100%); margin:0 auto; }
  .teacher-copy { text-align:center; }
  .teacher-copy ul { text-align:left; }
  .projects-grid { grid-template-columns:1fr 1fr; grid-template-rows:430px 260px; }
  .project-card--large { grid-column:1/-1; grid-row:auto; }
  .student-channels { grid-template-columns:1fr; }
  .student-channel { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1fr); }
  .student-channel__preview { grid-row:1 / 3; height:100%; min-height:245px; }
  .student-channel footer { margin-top:0; }
  .direction-location__layout { grid-template-columns:1fr; gap:34px; }
  .direction-location__copy { text-align:center; }
  .direction-location__copy>p { margin-inline:auto; }
  .direction-location__details { width:min(560px,100%); margin-inline:auto; text-align:left; }
  .direction-location__map iframe { height:460px; }
  .lead-copy { min-height:520px; text-align:center; }
  .lead-copy>p { margin-inline:auto; }
  .lead-copy ul { justify-content:center; }
  .lead-copy>img { right:50%; transform:translateX(50%); }
  .blog-form { width:min(560px,100%); margin:0 auto; }
}

@media (max-width:680px) {
  .blog-container { width:calc(100% - 28px); }
  .blog-header .logo__image { width:145px; height:50px; }
  .blog-hero { padding-bottom:55px; }
  .blog-hero__space { background-position:62% center; opacity:.52; }
  .blog-hero__inner { width:calc(100% - 28px); }
  .blog-hero__copy { padding:54px 0 16px; }
  .blog-kicker { font-size:10px; }
  .blog-kicker i { width:24px; height:24px; }
  .blog-hero__copy h1 { margin-top:14px; font-size:clamp(38px,11.4vw,52px); line-height:.94; letter-spacing:-2.4px; }
  .blog-hero__copy>p { margin-top:18px; font-size:16px; }
  .blog-hero__actions { margin-top:23px; display:grid; }
  .blog-button { width:100%; min-height:55px; padding-inline:16px; font-size:12px; }
  .blog-hero__benefits { margin-top:18px; padding:10px 8px; }
  .blog-hero__benefits li { padding-inline:8px; }
  .blog-hero__benefits b { font-size:11px; }
  .blog-hero__benefits span { font-size:8px; }
  .blog-hero__visual { min-height:405px; }
  .blog-hero__orbit { top:11%; left:3%; width:94%; }
  .blog-hero__photo { top:12%; right:2%; width:96%; border-width:5px; border-radius:40px; }
  .blog-hero__photo--cutout { top:0; right:-32%; width:165%; height:100%; border:0; border-radius:0; }
  .blog-hero__bubble { min-height:52px; padding:8px 10px; border-radius:15px; }
  .blog-hero__bubble strong { width:32px; height:32px; font-size:10px; }
  .blog-hero__bubble span { max-width:88px; font-size:9px; }
  .blog-hero__bubble--top { top:5%; left:-2%; }
  .blog-hero__bubble--bottom { right:-2%; bottom:8%; }
  .blog-hero__mascot { left:-6px; bottom:-2%; width:95px; }
  .blog-proof { margin-top:-22px; }
  .blog-proof__inner { width:calc(100% - 28px); padding:16px 12px; grid-template-columns:repeat(3,1fr); gap:4px; border-radius:23px; }
  .blog-proof__inner>div { padding:5px 7px; text-align:center; }
  .blog-proof strong { font-size:23px; }
  .blog-proof span { font-size:8px; }
  .blog-proof a { min-height:50px; margin-top:7px; }
  .blog-heading { text-align:center; }
  .blog-heading>span { font-size:10px; }
  .blog-heading h2 { margin-top:11px; font-size:clamp(35px,10.5vw,48px); letter-spacing:-2px; }
  .blog-heading p { margin-top:14px; font-size:15px; }
  .blog-results,.blog-program,.blog-projects,.blog-teacher,.blog-trust,.blog-prices,.blog-faq,.blog-lead { padding:72px 0; }
  .result-grid { margin-top:30px; grid-template-columns:1fr; gap:11px; }
  .result-card { min-height:190px; padding:20px; }
  .result-card strong { margin-top:35px; font-size:20px; }
  .result-focus { padding:24px 19px; display:grid; text-align:center; }
  .result-focus h3 { font-size:23px; }
  .program-layout { margin-top:28px; gap:20px; }
  .program-phone { min-height:390px; border-radius:29px; }
  .program-phone>div { right:22px; bottom:24px; left:22px; }
  .program-phone strong { font-size:31px; }
  .program-list li { padding:16px; grid-template-columns:45px 1fr; gap:12px; }
  .program-list li>b { width:42px; height:42px; }
  .program-list strong { font-size:16px; }
  .program-list p { font-size:12px; }
  .blog-process { padding:72px 0; }
  .process-grid { margin-top:30px; grid-template-columns:1fr; gap:10px; }
  .process-grid article { min-height:180px; }
  .process-grid strong { margin-top:32px; }
  .process-note { font-size:12px; line-height:1.4; }
  .projects-grid { margin-top:30px; display:grid; grid-template-columns:1fr; grid-template-rows:none; }
  .project-card,.project-card--large { grid-column:auto; height:260px; }
  .student-channels { margin-top:30px; gap:12px; }
  .student-channel { display:flex; }
  .student-channel__preview { height:220px; min-height:0; }
  .student-channel__body { padding:20px 18px 16px; grid-template-columns:1fr; gap:13px; align-items:start; }
  .student-channel__body h3 { font-size:25px; }
  .student-channel__metric { text-align:left; }
  .student-channel footer { min-height:0; padding:14px 18px; align-items:flex-start; flex-direction:column; }
  .student-channels__note { font-size:10px; line-height:1.45; }
  .direction-links,.direction-location { padding:72px 0; }
  .direction-links__grid { margin-top:30px; grid-template-columns:1fr; gap:12px; }
  .direction-link-card { min-height:330px; border-radius:27px; }
  .direction-link-card__copy { padding:24px 21px; grid-template-columns:minmax(0,1fr) 48px; }
  .direction-link-card__copy h3 { font-size:35px; }
  .direction-link-card__copy p { font-size:12px; }
  .direction-link-card__arrow { width:48px; height:48px; }
  .direction-location__layout { grid-template-columns:1fr; gap:28px; }
  .direction-location__copy { text-align:center; }
  .direction-location__copy h2 { font-size:43px; letter-spacing:-2px; }
  .direction-location__copy>p { font-size:14px; }
  .direction-location__details { text-align:left; }
  .direction-location__map { border-width:5px; border-radius:25px; }
  .direction-location__map iframe { height:390px; }
  .teacher-layout { gap:30px; }
  .teacher-photo { min-height:440px; }
  .teacher-photo__frame { inset:54px 5px 0; border-radius:30px; }
  .teacher-photo>span { top:68px; left:18px; }
  .teacher-copy h2 { font-size:42px; letter-spacing:-2px; }
  .teacher-copy__lead { font-size:15px; }
  .quotes-grid { margin-top:30px; grid-template-columns:1fr; gap:11px; }
  .quotes-grid blockquote { min-height:230px; }
  .prices-grid { margin-top:42px; grid-template-columns:1fr; gap:15px; }
  .price-card { min-height:0; padding:24px 20px; }
  .price-card--featured { margin:12px 0; transform:none; }
  .price-card>p { min-height:0; }
  .price-card__value strong { font-size:33px; }
  .prices-trial { padding:20px; display:grid; text-align:left; }
  .prices-trial>div { align-items:flex-start; }
  .prices-trial strong { font-size:16px; }
  .prices-trial small { font-size:11px; line-height:1.4; }
  .prices-trial>a { width:100%; }
  .faq-layout { gap:28px; }
  .blog-faq-item button { min-height:72px; padding-left:17px; font-size:14px; }
  .blog-faq-item>div>p { margin-right:22px; font-size:13px; }
  .lead-copy { min-height:500px; }
  .lead-copy h2 { font-size:clamp(39px,11vw,52px); letter-spacing:-2.5px; }
  .lead-copy>p { font-size:15px; }
  .lead-copy>img { bottom:-70px; width:260px; }
  .blog-form { padding:25px 18px; border-radius:25px; }
  .blog-form h3 { font-size:27px; }
  .mobile-lead { position:fixed; z-index:100; right:12px; bottom:12px; left:12px; min-height:54px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid rgba(255,255,255,.65); border-radius:16px; color:#fff; background:linear-gradient(135deg,#ff9717,#ff5c0e); box-shadow:0 14px 30px rgba(74,35,118,.3); font-size:13px; font-weight:900; text-decoration:none; transition:opacity .25s ease,transform .25s ease; }
  .mobile-lead.is-hidden { opacity:0; pointer-events:none; transform:translateY(18px); }
  .blog-footer { padding-bottom:70px; }
}

.blog-reality { padding:110px 0; background:#fff; }
.reality-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:end; }
.reality-heading__copy { padding:23px 25px; border:1px solid rgba(107,80,188,.13); border-radius:22px; background:#f7f4ff; }
.reality-heading__copy strong { color:#6e46d2; font-size:17px; }
.reality-heading__copy p { margin:8px 0 0; color:#655e75; font-size:13px; line-height:1.5; }
.reality-gallery { margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:250px 250px 190px; gap:13px; }
.reality-photo { position:relative; overflow:hidden; margin:0; border-radius:24px; background:#28206d; box-shadow:0 16px 36px rgba(67,45,145,.14); }
.reality-photo--wide { grid-column:1/3; }
.reality-photo--tall { grid-column:3/5; grid-row:1/3; }
.reality-photo--wide-small { grid-column:1/5; }
.reality-photo img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.reality-photo:hover img { transform:scale(1.035); }
.reality-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(19,12,59,.72)); }
.reality-photo figcaption { position:absolute; z-index:2; right:18px; bottom:15px; left:18px; color:#fff; font-size:13px; font-weight:850; }
.reality-photo--wide-small img { object-position:center 58%; }
.reality-facts { margin-top:16px; padding:17px 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; border-radius:20px; color:#635c74; background:#f5f2ff; font-size:11px; text-align:center; }
.reality-facts b { color:#28205e; }

.blog-crew { position:relative; padding:105px 0 75px; overflow:hidden; background:radial-gradient(circle at 50% 65%,rgba(189,154,255,.65),transparent 34%),linear-gradient(180deg,#f5f1ff,#ebe5ff); }
.crew-stage { position:relative; }
.crew-visual { position:relative; height:600px; margin-top:22px; }
.crew-orbit { position:absolute; right:8%; bottom:38px; left:8%; height:190px; border:1px solid rgba(255,255,255,.88); border-radius:50%; background:radial-gradient(ellipse at center,rgba(255,255,255,.82),rgba(163,117,239,.28) 57%,transparent 72%); box-shadow:inset 0 18px 40px rgba(255,255,255,.7),0 24px 50px rgba(87,54,173,.14); }
.crew-kid,.crew-mascot { position:absolute; z-index:3; bottom:62px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 17px 17px rgba(62,39,131,.16)); }
.crew-kid--one { left:1%; width:245px; }
.crew-kid--two { left:21%; width:245px; }
.crew-mascot { z-index:4; left:50%; width:230px; transform:translateX(-50%); }
.crew-kid--three { right:20%; width:240px; }
.crew-kid--four { right:1%; width:235px; }
.crew-label { position:absolute; z-index:6; padding:9px 13px; border:1px solid rgba(255,255,255,.9); border-radius:999px; color:#5f3ac4; background:rgba(255,255,255,.88); box-shadow:0 8px 20px rgba(69,46,143,.12); font-size:10px; font-weight:900; text-transform:uppercase; }
.crew-label--idea { top:29%; left:15%; transform:rotate(-5deg); }
.crew-label--shoot { top:22%; right:21%; transform:rotate(4deg); }
.crew-label--edit { right:43%; bottom:19%; }

.blog-guests { position:relative; padding:110px 0; overflow:hidden; color:#fff; background:linear-gradient(135deg,#11134f,#38208e 55%,#6b28a8); }
.blog-guests::before { content:""; position:absolute; inset:0; background-image:url('../assets/media/dced62a1b5886825.webp?v=20260826-1'); background-size:cover; opacity:.2; }
.blog-guests .blog-container { position:relative; z-index:2; }
.guests-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:55px; align-items:end; }
.guests-heading>p { margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.55; }
.guests-gallery { margin-top:42px; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:230px 230px; gap:12px; }
.guest-photo { position:relative; overflow:hidden; margin:0; border:1px solid rgba(255,255,255,.18); border-radius:23px; background:#24176c; box-shadow:0 18px 38px rgba(7,5,44,.24); }
.guest-photo--main { grid-column:1/3; grid-row:1/3; }
.guest-photo--wide { grid-column:3/5; }
.guest-photo img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.guest-photo:hover img { transform:scale(1.035); }
.guest-photo--main::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 53%,rgba(11,8,49,.82)); }
.guest-photo figcaption { position:absolute; z-index:2; right:22px; bottom:20px; left:22px; display:grid; gap:5px; }
.guest-photo figcaption strong { font-size:22px; }
.guest-photo figcaption span { color:rgba(255,255,255,.7); font-size:12px; }
.guests-note { margin-top:18px; padding:18px 22px; display:grid; grid-template-columns:42px 1fr; gap:15px; align-items:center; border:1px solid rgba(255,255,255,.17); border-radius:20px; background:rgba(255,255,255,.08); }
.guests-note>span { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ff9a17,#ff6512); }
.guests-note p { margin:0; color:rgba(255,255,255,.73); font-size:13px; line-height:1.5; }
.guests-note strong { color:#fff; }

.review-kids { width:max-content; max-width:100%; margin:34px auto 0; padding:8px 14px 8px 8px; display:flex; align-items:center; border:1px solid rgba(108,78,191,.13); border-radius:999px; background:#f7f4ff; }
.review-kids img { width:58px; height:58px; object-fit:cover; border:3px solid #fff; border-radius:50%; box-shadow:0 7px 16px rgba(72,50,147,.13); }
.review-kids img+img { margin-left:-13px; }
.review-kids span { margin-left:11px; color:#6547c1; font-size:11px; font-weight:850; }
.quotes-grid--real { margin-top:20px; }
.quotes-grid--real blockquote footer { grid-template-columns:48px 1fr; gap:10px; align-items:center; }
.quotes-grid--real blockquote footer>img { width:48px; height:48px; object-fit:cover; border-radius:50%; }
.quotes-grid--real blockquote footer>span { display:grid; gap:3px; }
.quotes-grid--real blockquote footer small { color:#ff7115; font-size:10px; font-weight:800; }

@media(max-width:900px){
  .reality-heading,.guests-heading{grid-template-columns:1fr;gap:24px;text-align:center}.reality-gallery{grid-template-rows:220px 220px 180px}.crew-kid--one{left:-4%;width:190px}.crew-kid--two{left:15%;width:205px}.crew-mascot{width:190px}.crew-kid--three{right:14%;width:200px}.crew-kid--four{right:-4%;width:190px}.guests-gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:230px 210px 210px}.guest-photo--main{grid-column:1/3;grid-row:1/3}.guest-photo--wide{grid-column:1/3}.guest-photo:last-child{grid-column:3;grid-row:2}.reality-facts{font-size:10px}
}

@media(max-width:680px){
  .blog-reality,.blog-crew,.blog-guests{padding:72px 0}.reality-heading__copy{padding:19px;text-align:center}.reality-gallery{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:230px 210px 190px 180px}.reality-photo--wide{grid-column:1/3}.reality-photo--tall{grid-column:1;grid-row:2/4}.reality-photo--wide-small{grid-column:1/3}.reality-photo figcaption{font-size:10px}.reality-facts{padding:14px;grid-template-columns:1fr;gap:8px}.crew-visual{height:515px;margin-top:5px}.crew-orbit{right:-9%;bottom:20px;left:-9%;height:140px}.crew-kid--one{left:-21%;width:170px}.crew-kid--two{left:1%;width:170px}.crew-mascot{bottom:58px;width:145px}.crew-kid--three{right:0;width:164px}.crew-kid--four{right:-21%;width:165px}.crew-label{font-size:8px}.crew-label--idea{top:31%;left:3%}.crew-label--shoot{top:27%;right:3%}.crew-label--edit{right:37%;bottom:17%}.guests-heading>p{font-size:14px;text-align:center}.guests-gallery{margin-top:28px;grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}.guest-photo--main{grid-column:1/3;grid-row:auto}.guest-photo--wide{grid-column:1/3}.guest-photo:last-child{grid-column:auto;grid-row:auto}.guest-photo figcaption strong{font-size:18px}.guests-note{padding:16px;grid-template-columns:36px 1fr}.guests-note>span{width:34px;height:34px}.guests-note p{font-size:11px}.review-kids{margin-top:25px}.review-kids img{width:48px;height:48px}.review-kids span{max-width:120px;font-size:9px}
}

/* Keep the reference-based hero overrides after the legacy responsive rules. */
@media (max-width:1150px) {
  .blog-hero { min-height:900px; }
  .blog-hero__inner { grid-template-columns:minmax(440px,.92fr) minmax(450px,1.08fr); }
  .blog-hero__copy h1 { font-size:56px; }
}

@media (max-width:900px) {
  .blog-hero { min-height:auto; padding-bottom:35px; }
  .blog-hero__inner { min-height:0; }
  .blog-hero__copy { padding:62px 0 5px; }
  .blog-hero__copy h1 { font-size:clamp(46px,8vw,64px); }
  .blog-hero__visual { min-height:570px; }
  .blog-proof { margin-top:0; }
}

@media (max-width:680px) {
  /* The desktop reference background contains tall side panels. On a narrow
     screen they overlap the heading, so mobile uses a clean matching backdrop. */
  .blog-hero__space {
    background-image:
      radial-gradient(circle at 82% 42%, rgba(255,196,134,.34), transparent 35%),
      radial-gradient(circle at 18% 72%, rgba(174,156,255,.32), transparent 38%),
      linear-gradient(160deg,#f8f9ff 0%,#eff1ff 56%,#fff1e5 100%);
    background-position:center;
    opacity:1;
  }
  .blog-hero::after {
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(239,241,255,.08) 72%,#f7f5ff 100%);
  }
  .blog-hero { padding-bottom:24px; }
  .blog-hero__copy { padding:48px 0 0; }
  .blog-hero__copy h1 { font-size:clamp(37px,11vw,50px); line-height:1; letter-spacing:-2.2px; }
  .blog-hero__copy>p { font-size:15px; }
  .blog-hero__visual { min-height:405px; margin-top:8px; }
  .blog-proof { margin-top:0; }
}

/* Desktop refinement: integrated hero facts, editorial galleries and meaningful crew story. */
@media (min-width:901px) {
  .blog-hero { min-height:1080px; }
  .blog-hero__skills { bottom:185px; }
  .blog-proof { position:absolute; z-index:10; right:0; bottom:24px; left:0; margin:0; }
  .blog-proof__inner { min-height:116px; background:rgba(247,247,255,.84); }

  .reality-gallery { grid-template-rows:250px 250px 400px; }
  .reality-photo--wide-small { grid-column:1/3; grid-row:3; padding:10px; background:linear-gradient(145deg,#211a62,#6042b7); }
  .reality-photo--wide-small img { object-fit:contain; object-position:center; border-radius:17px; }
  .reality-story { grid-column:3/5; grid-row:3; }

  .guests-gallery { grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr); grid-template-rows:270px 270px; }
  .guest-photo--main { grid-column:1; grid-row:1/3; }
  .guest-photo:nth-child(2) { grid-column:2; grid-row:1; }
  .guest-photo:nth-child(3) { grid-column:2; grid-row:2; }
}

.reality-story { padding:38px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(106,77,190,.14); border-radius:24px; background:linear-gradient(145deg,#f5f0ff,#fff 58%,#fff2e7); box-shadow:0 16px 36px rgba(67,45,145,.1); }
.reality-story>span { color:#ff7110; font-size:11px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; }
.reality-story h3 { margin:14px 0 0; color:#261c62; font-size:clamp(27px,2.4vw,39px); line-height:1; letter-spacing:-1.5px; }
.reality-story p { margin:18px 0 0; color:#625b73; font-size:14px; line-height:1.55; }
.reality-story strong { margin-top:25px; padding:13px 16px; border-radius:15px; color:#6745c6; background:#eee8ff; font-size:12px; text-align:center; }

.crew-values { margin:34px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.crew-values article { min-height:126px; padding:20px; display:grid; grid-template-columns:48px 1fr; gap:15px; align-items:start; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.74); box-shadow:0 14px 32px rgba(72,48,148,.1); }
.crew-values b { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,#ff9a18,#ff6512); font-size:13px; }
.crew-values article>div { display:grid; gap:7px; }
.crew-values strong { color:#281f63; font-size:16px; }
.crew-values span { color:#696177; font-size:12px; line-height:1.45; }
.crew-visual { position:relative; height:auto; margin-top:30px; padding:28px 0 22px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; align-items:end; isolation:isolate; }
.crew-visual::before { content:""; position:absolute; z-index:-1; right:3%; bottom:8px; left:3%; height:150px; border:1px solid rgba(255,255,255,.92); border-radius:50%; background:radial-gradient(ellipse at center,rgba(255,255,255,.95),rgba(177,139,242,.34) 56%,transparent 73%); box-shadow:inset 0 16px 38px rgba(255,255,255,.72),0 22px 45px rgba(83,55,167,.13); }
.crew-member { --member-accent:#7853d7; position:relative; height:390px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.94); border-radius:30px; background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(227,216,255,.9)); box-shadow:0 18px 40px rgba(68,45,145,.14),inset 0 1px 0 #fff; }
.crew-member:nth-child(even) { height:365px; }
.crew-member--idea { --member-accent:#ff8614; }
.crew-member--host { --member-accent:#e75eaa; }
.crew-member--mascot { --member-accent:#6f4fd5; height:420px; background:linear-gradient(180deg,#fff,rgba(212,197,255,.96)); }
.crew-member--camera { --member-accent:#337bdc; }
.crew-member--edit { --member-accent:#8f56d7; }
.crew-member::before { content:""; position:absolute; z-index:1; right:14%; bottom:63px; left:14%; height:38px; border-radius:50%; background:radial-gradient(ellipse at center,rgba(255,255,255,.95),color-mix(in srgb,var(--member-accent) 42%,transparent) 68%,transparent 72%); filter:blur(.2px); }
.crew-member__number { position:absolute; z-index:4; top:15px; left:15px; width:37px; height:37px; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--member-accent); box-shadow:0 8px 18px color-mix(in srgb,var(--member-accent) 28%,transparent); font-size:11px; font-weight:900; }
.crew-member__image { position:absolute; z-index:2; right:7px; bottom:58px; left:7px; width:calc(100% - 14px); height:calc(100% - 72px); object-fit:contain; object-position:center bottom; filter:drop-shadow(0 13px 14px rgba(53,34,120,.17)); }
.crew-member--idea .crew-member__image { right:-2%; left:-2%; width:104%; }
.crew-member--host .crew-member__image { right:-5%; left:-5%; width:110%; }
.crew-member--mascot .crew-member__image { right:2%; bottom:64px; left:2%; width:96%; height:76%; }
.crew-member--camera .crew-member__image { right:-5%; left:-5%; width:110%; }
.crew-member--edit .crew-member__image { right:-7%; left:-7%; width:114%; }
.crew-member figcaption { position:absolute; z-index:5; right:0; bottom:0; left:0; min-height:80px; padding:14px 10px 12px; display:grid; align-content:center; gap:4px; color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--member-accent) 88%,#281458),var(--member-accent)); text-align:center; box-shadow:0 -9px 22px rgba(44,28,105,.12); }
.crew-member figcaption strong { font-size:15px; }
.crew-member figcaption span { color:rgba(255,255,255,.78); font-size:9px; line-height:1.3; }
.crew-result { margin-top:-8px; padding:20px 23px; display:grid; grid-template-columns:46px 1fr auto; gap:18px; align-items:center; border:1px solid rgba(255,255,255,.9); border-radius:23px; background:rgba(255,255,255,.82); box-shadow:0 17px 38px rgba(71,48,146,.12); }
.crew-result>span { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#704fd5; }
.crew-result p { margin:0; color:#625b74; font-size:13px; line-height:1.5; }
.crew-result strong { color:#2b2165; }
.crew-result a { min-height:48px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; color:#fff; background:linear-gradient(135deg,#ff9415,#ff620f); font-size:12px; font-weight:850; text-decoration:none; white-space:nowrap; }

.guest-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(11,8,49,.84)); }
.guest-photo:nth-child(2) img { object-position:center 35%; }
.guest-photo:nth-child(3) img { object-position:center 25%; }
.guest-photo:not(.guest-photo--main) figcaption { right:18px; bottom:16px; left:18px; }
.guest-photo:not(.guest-photo--main) figcaption strong { font-size:17px; }
.guest-photo:not(.guest-photo--main) figcaption span { font-size:10px; }

@media (max-width:900px) {
  .blog-proof { position:relative; z-index:10; margin:20px auto 0; }
  .blog-proof__inner { width:calc(100% - 36px); }
  .reality-story { min-height:220px; padding:26px; }
  .crew-values { grid-template-columns:1fr; }
  .crew-visual { height:auto; padding:24px 2px 18px; display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .crew-visual::-webkit-scrollbar { display:none; }
  .crew-visual::before { right:-10%; left:-10%; }
  .crew-member,.crew-member:nth-child(even),.crew-member--mascot { flex:0 0 225px; height:370px; scroll-snap-align:center; }
  .crew-result { grid-template-columns:44px 1fr; }
  .crew-result a { grid-column:1/-1; }
  .guests-gallery { grid-template-columns:1fr 1fr; grid-template-rows:330px 230px; }
  .guest-photo--main { grid-column:1/3; grid-row:1; }
  .guest-photo:nth-child(2),.guest-photo:nth-child(3) { grid-column:auto; grid-row:2; }
}

@media (max-width:680px) {
  .blog-proof { margin-top:14px; }
  .blog-proof__inner { width:calc(100% - 28px); }
  .reality-gallery { grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:230px; }
  .reality-photo--wide,.reality-photo--tall,.reality-photo--wide-small,.reality-story { grid-column:1; grid-row:auto; }
  .reality-photo--wide-small { min-height:290px; padding:8px; }
  .reality-photo--wide-small img { object-fit:contain; }
  .crew-values { margin-top:26px; gap:9px; }
  .crew-values article { min-height:0; padding:16px; }
  .crew-visual { height:auto; margin-right:-14px; margin-left:-14px; padding-right:14px; padding-left:14px; }
  .crew-result { margin-top:0; padding:17px; }
  .guests-gallery { grid-template-columns:1fr; grid-template-rows:300px 240px 240px; }
  .guest-photo--main,.guest-photo:nth-child(2),.guest-photo:nth-child(3) { grid-column:1; grid-row:auto; }
}

@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }