/* LMS v4: compact section spacing; the institutional shell stays shared. */
.learn-page h1,.learn-page h2,.learn-page h3,.learn-page h4{text-wrap:balance}
.learn-page h4{margin:0}
.learn-page .learn-section{padding:24px 0}
.learn-hero{padding:28px 0 0;background:linear-gradient(180deg,var(--surface),var(--soft2))}
.learn-hero-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:36px;align-items:stretch}
.learn-hero-copy{padding:12px 0;align-self:center;min-width:0}
.learn-hero-copy h1{font-size:clamp(38px,3.6vw,50px);font-weight:780;line-height:1.08;letter-spacing:-.043em;margin:0 0 17px;max-width:620px}
.learn-hero-copy>p{max-width:560px;font-size:16px;line-height:1.65;color:var(--muted)}
.learn-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px 19px;margin-top:22px}
.learn-hero-actions .btn{font-size:13px;min-height:46px;padding:12px 19px}
.learn-inline-link{display:inline-flex;align-items:center;gap:9px;color:var(--pink);font-size:13px;font-weight:700;line-height:1.5}
.learn-inline-link:hover{text-decoration:underline;text-underline-offset:4px}
.learn-for{margin-top:20px;padding-left:12px;border-left:2px solid var(--line)}
.learn-for>span{display:block;font-size:10px;letter-spacing:.08em;font-weight:750;color:var(--pink);text-transform:uppercase;margin-bottom:4px}
.learn-for p{font-size:12px;line-height:1.6;color:var(--muted);max-width:440px}
.learn-hero-photo{margin:0;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;background:var(--purple)}
.learn-hero-photo img{display:block;width:100%;height:310px;min-height:0;flex:1 1 auto;object-fit:cover;object-position:52% center}
.learn-hero-photo figcaption{padding:18px 22px;background:linear-gradient(110deg,#221247,#592165);color:#fff}
.learn-hero-photo figcaption>span{font-size:17px;line-height:1.35;font-weight:720;display:block}
.learn-hero-photo figcaption p{font-size:12px;line-height:1.5;color:#e7dbe9;margin-top:5px}

.learn-heading{max-width:850px;margin-bottom:16px}
.learn-heading .eyebrow{margin-bottom:8px}
.learn-heading h2{font-size:clamp(28px,2.7vw,36px);line-height:1.15;letter-spacing:-.035em}
.learn-heading>p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.6;margin-top:10px}
.learn-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.learn-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:11px;border:1px solid var(--line);border-radius:13px;padding:14px 16px;min-height:58px;background:var(--surface);color:var(--muted);font-family:inherit;font-weight:650;font-size:13px;line-height:1.4;text-align:left;cursor:pointer;transition:background .16s,color .16s}
.learn-tabs svg{flex:0 0 22px}
.learn-tabs button[aria-selected="true"]{background:linear-gradient(115deg,#af0e8c,#78277e);border-color:transparent;color:#fff}
.learn-tabs button:hover:not([aria-selected="true"]){background:var(--soft);border-color:#af0e8c66;color:var(--pink)}
.learn-example:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.learn-example{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--surface)}
.learn-example-intro{padding:24px 25px 19px}
.learn-small-label{display:block;font-size:10px;font-weight:750;letter-spacing:.1em;color:var(--pink)}
.learn-example-intro h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:8px 0}
.learn-example-intro>p{max-width:800px;color:var(--muted);font-size:14px;line-height:1.6}
.learn-route{padding:0 25px 23px}
.learn-route>h4{font-size:12px;color:var(--muted);font-weight:650;padding-top:16px;border-top:1px solid var(--line)}
.learn-route ol{list-style:none;margin:15px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.learn-route li{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start}
.learn-route li>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--pink);font-size:11px;font-weight:800}
.learn-route li h4{font-size:15px;font-weight:750;line-height:1.4;margin:4px 0 7px;letter-spacing:-.01em}
.learn-route li p{font-size:13px;line-height:1.55;color:var(--muted)}
.learn-example-result{display:flex;align-items:flex-start;gap:12px;padding:16px 25px;background:var(--soft2);border-top:1px solid var(--line)}
.learn-example-result svg{flex:0 0 22px;color:var(--pink);margin-top:2px}
.learn-example-result strong{display:block;font-size:13px;line-height:1.5}
.learn-example-result p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px}
.learn-example-note{color:var(--muted);font-size:11px;line-height:1.5;margin-top:10px;max-width:900px}
.learn-work{background:var(--soft2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-work-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:stretch}
.learn-work-story{padding:26px;border-radius:18px;background:linear-gradient(145deg,#221247,#592165);color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.learn-work-story .learn-small-label{color:#f2b7dd}
.learn-work-story h3{font-size:28px;line-height:1.16;letter-spacing:-.035em;margin:13px 0}
.learn-work-story>p{font-size:14px;line-height:1.6;color:#eee4f1;margin-bottom:12px}
.learn-work-story>a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:750;line-height:1.5;color:#fff;margin-top:5px;border-bottom:1px solid #ffffff65;padding-bottom:4px}
.learn-work-list{display:grid;gap:0;align-content:start}
.learn-work-list article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}
.learn-work-list article:first-child{padding-top:4px}
.learn-work-list article:last-child{border:0;padding-bottom:0}
.learn-work-number{display:grid;place-items:center;min-width:32px;width:32px;height:32px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--pink);font-size:11px;font-weight:800}
.learn-work-list h3{font-size:17px;line-height:1.35;margin:2px 0 6px}
.learn-work-list p{font-size:13px;line-height:1.55;color:var(--muted)}
.learn-work-list .learn-deliverable{margin-top:7px;color:var(--text)}
.learn-deliverable strong{color:var(--pink)}
.learn-start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learn-start-options article{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.learn-option-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--pink)}
.learn-start-options h3{font-size:18px;line-height:1.35;margin:0 0 7px}
.learn-start-options p{font-size:14px;line-height:1.6;color:var(--muted)}
.learn-support-link{padding:19px 0 0;max-width:850px}
.learn-support-link strong{font-size:14px;line-height:1.5}
.learn-support-link p{font-size:13px;line-height:1.6;color:var(--muted);margin:3px 0 7px}
.learn-questions{border-top:1px solid var(--line);background:var(--soft2)}
.learn-questions .faq-list{max-width:940px}
.learn-questions .faq-list summary{font-size:15px;padding-top:16px;padding-bottom:16px}
.learn-questions .faq-list details>p{font-size:14px;line-height:1.65;max-width:860px}
.learn-contact{padding:20px 0 24px}
.learn-invite{padding:30px 34px;border-radius:21px;background:linear-gradient(115deg,#221247,#6e0f75);color:#fff}
.learn-invite .eyebrow{color:#f2b7dd;margin-bottom:9px}
.learn-invite h2{font-size:clamp(27px,2.8vw,36px);line-height:1.16;max-width:700px}
.learn-invite>p{font-size:14px;line-height:1.6;color:#eee4f1;margin-top:12px}
.learn-invite .btn{margin-top:18px;font-size:13px}
@media(max-width:1000px){.learn-hero-layout{grid-template-columns:1.1fr .9fr;gap:25px}.learn-hero-copy h1{font-size:39px}.learn-hero-copy>p{font-size:15px}.learn-hero-photo img{height:290px}.learn-tabs button{padding:13px 12px;gap:8px;font-size:12px}.learn-tabs svg{flex-basis:19px;width:19px}.learn-route ol{gap:17px}.learn-route li{display:block}.learn-route li>span{margin-bottom:8px}.learn-work-layout{grid-template-columns:.85fr 1.15fr;gap:22px}.learn-work-story{padding:23px}.learn-work-story h3{font-size:25px}}
@media(max-width:760px){.learn-page .learn-section{padding:22px 0}.learn-hero{padding-top:21px}.learn-hero-layout{grid-template-columns:1fr;gap:22px}.learn-hero-copy{padding:0}.learn-hero-copy h1{font-size:clamp(35px,6.3vw,46px);max-width:650px}.learn-hero-copy>p{max-width:650px}.learn-hero-actions{margin-top:17px}.learn-for{margin-top:17px}.learn-hero-photo img{height:245px;flex:none}.learn-hero-photo figcaption{padding:16px 20px}.learn-hero-photo figcaption>span{font-size:16px}.learn-heading{margin-bottom:14px}.learn-heading>p{font-size:14px;margin-top:9px}.learn-tabs{gap:7px}.learn-tabs button{display:block;padding:12px;font-size:12px}.learn-tabs svg{width:22px;height:22px;margin-bottom:6px}.learn-example-intro{padding:21px 20px 17px}.learn-example-intro h3{font-size:23px}.learn-route{padding:0 20px 20px}.learn-route ol{grid-template-columns:1fr;gap:17px}.learn-route li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px}.learn-route li>span{margin:0}.learn-route li h4{font-size:15px;margin:3px 0 5px}.learn-example-result{padding:15px 20px}.learn-work-layout{grid-template-columns:1fr;gap:19px}.learn-work-story{padding:23px}.learn-work-story h3{font-size:26px;max-width:600px}.learn-work-story>p{max-width:650px;margin-bottom:9px}.learn-work-list article{padding:15px 0}.learn-start-options{grid-template-columns:1fr;gap:11px}.learn-start-options article{padding:17px}.learn-start-options h3{font-size:17px}.learn-start-options p{font-size:13px}.learn-questions .faq-list summary{font-size:14px}.learn-questions .faq-list details>p{font-size:13px}.learn-contact{padding:18px 0 22px}.learn-invite{padding:26px}.learn-invite h2 br{display:none}}
@media(max-width:480px){.learn-tabs{grid-template-columns:1fr}.learn-tabs button{display:flex;align-items:center;padding:12px 14px;gap:11px;min-height:48px;font-size:13px}.learn-tabs svg{width:22px;height:22px;flex-basis:22px;margin:0}.learn-hero-photo img{height:220px}.learn-hero-copy h1{font-size:36px}.learn-hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.learn-hero-actions .btn{font-size:12px;max-width:100%;padding:12px 17px}.learn-heading h2{font-size:29px}.learn-start-options article{gap:11px}.learn-option-icon{flex-basis:33px;width:33px;height:33px}.learn-invite{padding:24px 22px}}
@media(max-width:360px){.learn-hero-copy h1{font-size:32px}.learn-hero-copy>p{font-size:14px}.learn-example-intro{padding:19px 17px 16px}.learn-route{padding:0 17px 19px}.learn-example-result{padding:15px 17px}.learn-work-story{padding:20px}.learn-work-story h3{font-size:24px}}

/* V3: full-bleed photographic hero, following the official homepage treatment. */
.learn-hero-banner{position:relative;isolation:isolate;overflow:hidden;padding:0;min-height:560px;display:grid;align-items:center;background:#160b27;color:#fff}
.learn-banner-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.learn-hero-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,6,25,.94) 0%,rgba(22,8,37,.84) 40%,rgba(22,8,37,.45) 61%,rgba(13,6,25,.12) 80%)}
.learn-hero-banner .learn-hero-layout{display:block;position:relative;padding:56px 0 48px}
.learn-hero-banner .learn-hero-copy{padding:0;max-width:660px}
.learn-hero-banner .eyebrow{display:inline-block;padding:7px 11px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff0d;color:#f7eaf9;font-size:10px;margin-bottom:18px}
.learn-hero-banner h1{font-size:clamp(39px,3.7vw,54px);line-height:1.08;color:#fff;max-width:660px}
.learn-hero-banner .accent{background:linear-gradient(100deg,#ff9bdf,#e1b5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.learn-hero-banner .learn-hero-copy>p{max-width:580px;color:#eee5f2;font-size:16px;line-height:1.65}
.learn-hero-banner .learn-hero-actions{gap:11px;margin-top:23px}
.learn-hero-banner .btn.secondary{background:#ffffff0d;border-color:#ffffff70;color:#fff;backdrop-filter:blur(8px)}
.learn-hero-banner .btn.secondary:hover{background:#ffffff1f;border-color:#fff}
.learn-hero-banner .learn-for{border-left-color:#ffffff40;margin-top:21px}
.learn-hero-banner .learn-for>span{color:#f5c1e8}
.learn-hero-banner .learn-for p{color:#e1d8e7;max-width:540px}
@media(min-width:1600px){.learn-hero-banner{min-height:590px}.learn-hero-banner .learn-hero-layout{padding-top:62px;padding-bottom:56px}}
@media(min-width:761px) and (max-width:1100px){.learn-hero-banner .learn-hero-copy{max-width:58%}.learn-hero-banner h1{font-size:41px}.learn-hero-banner .learn-hero-copy>p{font-size:15px}.learn-hero-banner .learn-hero-actions{align-items:flex-start;flex-direction:column}.learn-hero-banner .learn-hero-layout{padding:44px 0}.learn-hero-banner:before{background:linear-gradient(90deg,#0d0619f0 0%,#160825d9 47%,#16082560 74%,#16082520)}}
@media(max-width:760px){.learn-hero-banner{min-height:0;align-items:end}.learn-banner-image{object-position:82% 30%}.learn-hero-banner:before{background:linear-gradient(180deg,#16082518 0%,#16082540 16%,#160825d9 36%,#160825f5 67%,#160825 100%)}.learn-hero-banner .learn-hero-layout{padding:200px 0 30px}.learn-hero-banner .learn-hero-copy{max-width:600px}.learn-hero-banner h1{font-size:clamp(35px,6vw,44px);max-width:600px}.learn-hero-banner .learn-hero-copy>p{font-size:15px;color:#eee5f2;max-width:570px}.learn-hero-banner .eyebrow{margin-bottom:15px}.learn-hero-banner .learn-for{margin-top:18px}.learn-hero-banner .learn-hero-actions{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:19px}.learn-hero-banner .learn-hero-actions .btn{font-size:12px;padding:11px 16px;min-height:46px}}
@media(max-width:480px){.learn-hero-banner .learn-hero-layout{padding-top:190px;padding-bottom:28px}.learn-hero-banner h1{font-size:36px}.learn-hero-banner .learn-hero-actions{display:grid;grid-template-columns:1fr}.learn-hero-banner .learn-hero-actions .btn{width:100%;font-size:13px}.learn-hero-banner .learn-for p{font-size:11px;line-height:1.6}.learn-hero-banner .learn-hero-copy>p{font-size:14px}}
@media(max-width:360px){.learn-hero-banner h1{font-size:32px}.learn-hero-banner .learn-hero-layout{padding-top:170px}.learn-hero-banner .learn-hero-actions .btn{font-size:12px}}