/* Short illustrated explanations, with the established gold and parchment palette. */
.royal-bar{display:block;min-height:0;padding:8px 0 17px}
.royal-navigation{display:flex;align-items:center;justify-content:center;gap:12px}
.royal-navigation .story-nav{display:flex;flex:0 1 auto;justify-content:center;gap:6px;margin:0}
.royal-navigation .hw-nav-start{flex:none;margin:0}
.royal-greeting{text-align:center;padding:8px 0 25px}
.visual-brand-lockup{display:flex;justify-content:center;align-items:center;gap:25px;max-width:790px;margin:auto}
.visual-brand-copy{min-width:0;text-align:left}
.visual-wordmark{color:var(--gold);font:700 clamp(42px,7vw,84px)/1.13 var(--serif);letter-spacing:-.065em;white-space:nowrap}
.intro-offer .visual-brand-copy h1{margin:12px 0 0;color:var(--gold);font:400 clamp(30px,4vw,47px)/1.3 var(--serif);letter-spacing:-.045em}
.visual-emblem{display:block;flex:0 1 280px;width:280px;min-width:0;height:auto;aspect-ratio:16/9;object-fit:contain}
.royal-motto{margin:20px auto 0;font:400 clamp(18px,2.4vw,24px)/1.65 var(--serif);color:var(--light);letter-spacing:-.025em;text-wrap:balance}
.royal-motto em{color:var(--gold)}
.visual-section-heading{text-align:center;margin:0 auto 23px}
.visual-section-heading h2,.clarity-heading h2{font:400 clamp(29px,3.5vw,39px)/1.3 var(--serif);letter-spacing:-.045em;color:var(--gold);text-wrap:balance}
.visual-kicker{color:var(--muted);font:600 11px/1.5 var(--sans);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 9px}
.trinity-intro{margin:22px auto 0;padding-top:26px;border-top:1px solid #d1a45a55;max-width:850px}
.trinity-intro h2{font-weight:400;margin:0;font-size:clamp(29px,3.5vw,39px);letter-spacing:-.045em}
.trinity-scene{width:100%;max-width:680px;background:transparent}
.trinity-scene img{max-height:none;object-fit:contain}
.trinity-captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:14px auto 0;max-width:680px;gap:8px;text-align:center}
.trinity-captions li{min-width:0;padding:9px 3px}
.trinity-captions strong{display:block;font-size:14px;color:var(--gold);line-height:1.5}
.trinity-captions span{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:4px}
.clarity-promise{margin:34px auto 0;max-width:850px;padding-top:28px;border-top:1px solid #d1a45a55;text-align:center}
.clarity-heading{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:24px;text-align:left}
.clarity-heading .clarity-symbol{display:block;width:86px;height:126px;object-fit:contain;flex:none}
.clarity-heading h2{font-size:clamp(34px,4.5vw,50px)}
.clarity-heading p:not(.visual-kicker){margin-top:9px;color:var(--muted);font-size:16px}
.visual-grid{display:grid;gap:14px;list-style:none;padding:0;margin:0}
.visual-benefits,.visual-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-tile{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;padding:18px 14px;border:1px solid #cc9e54;border-radius:13px;background:radial-gradient(ellipse at 25% 0,#fcf0cf,#efdaad);color:var(--ink);box-shadow:0 5px 16px #170b0520}
.visual-tile>img{display:block;width:124px;height:132px;object-fit:contain;margin:0 auto 13px;transition:transform .2s ease}
.visual-tile:hover>img{transform:translateY(-3px)}
.visual-tile h3{color:#402912;font:700 20px/1.4 var(--serif);letter-spacing:-.035em;margin:0 0 7px}
.visual-tile p{color:#5d432b;font-size:14px;line-height:1.65;margin:0;text-wrap:pretty}
.visual-footnote{margin:15px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.visual-program{margin:38px auto 0;padding-top:28px;border-top:1px solid #d1a45a55;max-width:850px}
.visual-process{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:program-step}
.visual-process .visual-tile{position:relative;padding-top:25px;counter-increment:program-step}
.visual-process .visual-tile:before{content:counter(program-step);position:absolute;top:10px;left:12px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #af8444;border-radius:50%;font:600 11px/1 var(--sans);color:#77552c}
.visual-process .visual-tile>img{width:100%;max-width:138px;height:145px;margin-bottom:12px}
.visual-process h3{font-size:18px}
.visual-call{text-align:center;margin:25px auto 0}
.visual-call p{font-size:12px;color:var(--muted);margin:9px 0 0}
.clarity-call{min-height:48px;padding-inline:25px}
.courses-section{margin-top:39px}
.courses-heading{padding:27px 0 25px;border-top:1px solid #d1a45a55}
.courses-heading h2{font-weight:400;font-size:clamp(26px,3.3vw,36px);line-height:1.4}
.courses-subtitle{max-width:580px;margin:12px auto 0;color:var(--muted);font-size:14px;line-height:1.7;text-wrap:pretty}
.courses-consultation .visual-bullets{width:fit-content;margin:8px auto 15px;text-align:left}
.visual-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:0}
.visual-start li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 10px;border:1px solid #cc9e5466;border-radius:10px;background:#fcf0cf;color:var(--ink);text-align:center;font-size:13px;line-height:1.6}
.visual-start img{display:block;width:64px;height:72px;object-fit:contain}
.visual-bullets{padding:0;list-style:none;margin:14px 0 0;display:grid;gap:9px}
.visual-bullets li{position:relative;padding-left:18px;font-size:14px;line-height:1.65}
.visual-bullets li:before{content:'';position:absolute;left:0;top:.67em;width:6px;height:6px;border-radius:50%;background:#a97732}
.support-art{display:block;width:105px;height:120px;object-fit:contain;margin:0 0 15px}
.further-help .visual-section-heading{margin-top:22px}
.further-help .visual-section-heading h2{font-size:clamp(25px,3vw,32px)}
.hw-detail .visual-bullets{margin-bottom:16px}
.hw-detail .visual-bullets li{margin:0}
.hw-detail h3{font-size:21px}
.hw-format{line-height:1.6}
.visual-flow .visual-tile{box-shadow:none;background:#fff9e860}
.foundations-section .story-section-heading h2{margin-bottom:13px}
.practical-facts img{display:block;width:68px;height:78px;object-fit:contain;margin-bottom:8px}
.practical-miniatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:15px 0 0}
.practical-miniatures li{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid #b8965955;border-radius:8px;background:#fff6dc60}
.practical-miniatures img{width:43px;height:47px;object-fit:contain;flex:none}
.practical-miniatures span{font-size:12px;font-weight:600;line-height:1.5;color:#745029}
.practical-program .visual-bullets{margin:6px 0 10px}
.practical-program .visual-bullets li{color:#503a22;font-size:14px}
.course-detail .course-lead{font-size:15px}
.course-detail .visual-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:20px 0;padding:0}
.visual-detail-facts li{min-width:0;padding:12px 7px;border:1px solid var(--line);border-radius:10px;text-align:center;background:#fff8e250}
.visual-detail-facts img{display:block;width:78px;height:86px;object-fit:contain;margin:0 auto 9px}
.visual-detail-facts strong{display:block;color:#795325;font:400 21px/1.3 var(--serif)}
.visual-detail-facts span{display:block;font-size:11px;line-height:1.6;margin-top:5px}
.course-detail .visual-bullets{margin:0 0 18px}
.course-detail .visual-bullets li{font-size:13px}
.money-guarantee .guarantee-promise{font-size:14px}
@media(max-width:900px){.visual-process{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-process .visual-tile>img{height:138px}.royal-navigation{flex-wrap:wrap}}
@media(max-width:600px){
 .royal-bar{padding:5px 0 14px}
 .royal-navigation{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .royal-navigation .story-nav{display:contents}
 .royal-navigation .story-nav-button,.royal-navigation .hw-nav-start{width:100%;min-height:36px;padding:7px 5px;font-size:10px;line-height:1.5}
 .hw-content{padding-top:17px}
 .royal-greeting{padding:4px 0 17px}
 .visual-brand-lockup{flex-direction:column;gap:18px}
 .visual-brand-copy{text-align:center}
 .visual-wordmark{font-size:clamp(35px,9.5vw,49px)}
 .intro-offer .visual-brand-copy h1{font-size:clamp(27px,7.7vw,34px);margin-top:8px}
 .visual-emblem{order:-1;flex:none;width:min(260px,82%)}
 .royal-motto{font-size:18px;margin-top:16px}
 .royal-motto em{display:block}
 .trinity-intro{margin-top:10px;padding-top:22px}
 .visual-section-heading{margin-bottom:17px}
 .trinity-captions{gap:4px;margin-top:9px}
 .trinity-captions strong{font-size:11px}
 .trinity-captions span{font-size:10px;line-height:1.5}
 .clarity-promise{margin-top:24px;padding-top:24px}
 .clarity-heading{gap:13px;margin-bottom:20px}
 .clarity-heading .clarity-symbol{width:62px;height:103px}
 .clarity-heading h2{font-size:31px}
 .clarity-heading p:not(.visual-kicker){font-size:13px}
 .visual-kicker{font-size:9px;letter-spacing:1px}
 .visual-grid{gap:8px}
 .visual-benefits .visual-tile{padding:12px 6px}
 .visual-benefits .visual-tile>img{width:75px;height:83px;margin-bottom:8px}
 .visual-benefits h3{font-size:14px;letter-spacing:-.045em}
 .visual-benefits p{font-size:11px;line-height:1.55}
 .visual-program{margin-top:27px;padding-top:24px}
 .visual-process .visual-tile{padding:24px 10px 15px}
 .visual-process .visual-tile>img{height:124px}
 .visual-process h3{font-size:17px}
 .visual-process p{font-size:12px}
 .courses-section{margin-top:29px}
 .courses-heading h2{font-size:25px}
 .courses-subtitle{font-size:13px;padding-inline:5px}
 .visual-start{gap:7px}
 .visual-start li{padding:12px 6px;font-size:11px;gap:7px}
 .visual-start img{width:48px;height:56px}
 .visual-flow{grid-template-columns:1fr}
 .visual-flow .visual-tile{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:14px;text-align:left;padding:15px}
 .visual-flow .visual-tile>img{grid-row:1/3;width:80px;height:90px;margin:0}
 .visual-flow .visual-tile h3{align-self:end;font-size:19px}
 .visual-flow .visual-tile p{align-self:start}
 .practical-facts img{width:52px;height:61px}
 .practical-miniatures{gap:6px}
 .practical-miniatures li{padding:7px;gap:7px}
 .practical-miniatures img{width:33px;height:40px}
 .practical-miniatures span{font-size:11px}
 .course-detail .visual-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .visual-detail-facts img{width:65px;height:72px}
}
@media(prefers-reduced-motion:reduce){.visual-tile>img{transition:none}.visual-tile:hover>img{transform:none}}