/* Page composition, with the original photographic/editorial identity. */
body[data-route=engineering] .course-choice-note{display:grid;margin:32px 0 40px;box-shadow:4px 4px 0 #11233a0b}
body[data-route=engineering] .course-choice-note h3{margin:0 0 18px}
body[data-route=engineering] .course-choice-note p{margin:0}
body[data-route=engineering] .course-choice-tags{display:flex;flex-wrap:wrap;gap:8px}
body[data-route=engineering] .course-choice-tags span{padding:8px 10px;border:1px solid #91a7b2;font:400 12px/1.5 'DM Mono',monospace;letter-spacing:.04em}
body[data-route=engineering] .course-choice-visual:after{display:none}
body[data-route=engineering] .course-choice-visual img{object-position:center 55%;filter:none;transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body[data-route=engineering] .course-choice-note:hover img{transform:scale(1.02);filter:none}}
@media(max-width:850px){body[data-route=engineering] .course-choice-visual{min-height:310px}body[data-route=engineering] .course-choice-visual img{object-position:center 54%}}
body[data-route]{--motion-fast:180ms;--motion-normal:280ms;--editorial-ease:cubic-bezier(.22,1,.36,1)}
body[data-route] ::selection{background:#f5aa6e;color:#11233a}
body[data-route] main .route-title{font:600 clamp(42px,5.2vw,78px)/1.03 'Fraunces',Georgia,serif;letter-spacing:-.055em;max-width:16ch;margin:0 0 24px;text-wrap:balance}
body[data-route] .page-intro .route-title{margin:0;max-width:15ch}
body[data-route] .route-title span{color:var(--orange)}
body[data-route] .finder-heading .route-title{font-size:clamp(40px,4.6vw,68px);max-width:12ch;flex:1}
body[data-route] .finder-heading .route-title:after,body[data-route=about] .route-title:after{content:'';display:block;width:64px;height:3px;background:var(--orange);margin-top:26px}
body[data-route] .button{transition:background-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}
body[data-route] .button:active{transform:translateY(1px);box-shadow:none}
body[data-route] .site-header .nav-link:after{height:2px;transition:transform var(--motion-normal) var(--editorial-ease)}
body[data-route] .site-header .nav-link:focus-visible:after{transform:scaleX(1)}
body[data-route] .site-footer nav a{position:relative;width:fit-content;padding-block:5px}
body[data-route] .site-footer nav a:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:#ee6f19;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-normal)}
body[data-route] .site-footer nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}
/* A consistent printed edge replaces the accumulated floating-card shadows. */
body[data-route] :is(.service-grid article,.service-grid aside,.tutor-grid article,.topics,.saved-courses,.shortlist-planner,.testimonial-card){box-shadow:3px 3px 0 #11233a0b!important}
body[data-route] .service-grid aside>p:first-child{font:500 12px/1.6 'DM Mono',monospace;letter-spacing:.12em;color:#315b7c}
body[data-route] .service-grid small{display:block;margin-top:18px;letter-spacing:.12em;line-height:1.7}
body[data-route] .service-grid .price span{font:400 12px/1.6 'DM Mono',monospace;letter-spacing:.12em}
body[data-route] .path-grid article{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:30px;min-height:340px}
body[data-route] .path-grid article>.eyebrow{position:absolute;right:26px;top:30px}
body[data-route] .path-grid article h3{max-width:13ch}
body[data-route] .path-grid article a{position:static;max-width:100%;margin-top:auto;padding-top:18px;align-self:flex-start;line-height:1.5}
body[data-route] .path-grid article p:not(.eyebrow){margin-bottom:22px;max-width:30ch}
body[data-route] .pathways:before{content:none}
body[data-route=student-support] .student-toolkit:before{top:38px;right:var(--page-gutter);font-size:120px;opacity:.5}
body[data-route=student-support] .page-intro{align-items:center}
body[data-route=engineering] .finder{padding-top:56px}
body[data-route=engineering] .finder:before{display:none}
body[data-route=engineering] .finder-heading{padding-bottom:26px}
body[data-route=engineering] .finder-heading>p{max-width:43ch;flex:1}
body[data-route=engineering] .finder-grid{border-top:3px solid #315b7c}
body[data-route=engineering] .form-panel>.eyebrow{color:#315b7c}
body[data-route=engineering] :is(.saved-courses,.shortlist-planner){background:#f8f5eb!important}
body[data-route] .chips button:is(:hover,:focus-visible),body[data-route] .catalogue-filters button:is(:hover,:focus-visible){border-color:#b64d0b;transform:none}
body[data-route] .watch .video-card{border-top:3px solid #315b7c;box-shadow:none}
body[data-route] .watch .video-card:focus-within{border-top-color:#ee6f19}
body[data-route] .watch .video-card .tiktok-embed{background:#f8f5eb;color:#315b7c}
body[data-route] .watch .video-card .tiktok-embed a{color:#315b7c;text-underline-offset:4px}
/* Personal feature: the portrait, milestones and writing get separate rhythms. */
body[data-route=about] .portrait.portrait-photo{height:560px;border:1px solid #315b7c;box-shadow:8px 8px 0 #dce5e8}
body[data-route=about] .portrait.portrait-photo img{object-position:55% 25%;filter:none}
body[data-route=about] .about-grid>.creator-metrics{padding:24px 0;margin-top:8px}
body[data-route=about] .creator-metrics-heading{font:600 28px/1.15 'Fraunces',Georgia,serif;letter-spacing:-.04em;margin-bottom:24px}
body[data-route=about] .creator-metric{position:relative;padding:22px 0;grid-template-columns:minmax(138px,.65fr) 1fr;gap:6px 20px}
body[data-route=about] .creator-metric:after{content:'';position:absolute;bottom:-1px;left:0;width:42px;height:2px;background:#ee6f19;transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--editorial-ease)}
body[data-route=about] .metrics-revealed .creator-metric:after{transform:scaleX(1)}
body[data-route=about] .creator-metric-value{font-size:clamp(40px,4vw,60px);line-height:1.1;min-height:1.1em;white-space:nowrap}
body[data-route=about] .creator-metric-label{font-size:12px;line-height:1.5}
body[data-route=about] .creator-metric-note{font-size:14px}
body[data-route=about] .credentials h4{font:500 13px/1.6 'DM Mono',monospace;letter-spacing:.12em}
body[data-route=about] .story{background:#11233a}
body[data-route=about] .story-heading{padding-bottom:32px;border-bottom:1px solid #6a82934d}
body[data-route=about] .story-heading>p{max-width:38ch;font-size:19px;line-height:1.65}
body[data-route=about] .story-grid{align-items:start;gap:clamp(24px,4vw,64px)}
body[data-route=about] .story-grid article{border:0;border-top:3px solid #ee6f19;background:#f8f5eb}
body[data-route=about] .story-grid aside{border:0;border-top:1px solid #6a8293;background:transparent;padding-inline:0}
body[data-route=about] .story p{font-size:18px;line-height:1.8;letter-spacing:0}
body[data-route=about] .story-grid article p+p,body[data-route=about] .story-grid aside p+p{margin-top:24px}
body[data-route=about] .story-grid aside blockquote{font-size:clamp(30px,3.2vw,46px);line-height:1.18;letter-spacing:-.035em;margin:28px 0 36px}
body[data-route=about] .story-close{max-width:66ch;margin-top:64px;padding-top:40px;border-top:1px solid #6a8293}
body[data-route=about] .story-close .story-quiet,body[data-route=about] .story-close .story-impact{font-family:'Fraunces',Georgia,serif;font-weight:600!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.25!important;letter-spacing:-.035em}
body[data-route=hall-of-progress] .hall-heading{padding-bottom:48px}
body[data-route] .testimonial-card>span{color:#b54e10}
body[data-route] .testimonial-card blockquote{font-size:clamp(22px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em}
body[data-route] .testimonial-card small{font-size:12px;line-height:1.6}
@media(hover:hover) and (pointer:fine){body[data-route] :is(.service-grid article,.service-grid aside,.tutor-grid article,.testimonial-card):hover{transform:translateY(-3px);border-color:#ee6f19;box-shadow:3px 6px 0 #11233a0b!important}body[data-route] .watch .video-card:hover{border-top-color:#ee6f19}body[data-route] .path-grid article a:hover{background:transparent;color:#fff;border-bottom-color:#fff}}
body[data-route] .page-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:20px 48px;align-items:end;padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #becbd0}
body[data-route] .page-intro>.eyebrow,body[data-route] .page-intro>.watch-heading-row{grid-column:1/-1;margin:0}
body[data-route] .page-intro h2{font-size:clamp(42px,5.2vw,78px);line-height:1.03;letter-spacing:-.055em;max-width:15ch;margin:0}
body[data-route] .page-intro .intro{font:500 clamp(18px,1.5vw,22px)/1.6 'DM Sans',sans-serif!important;margin:0;max-width:40ch}
body[data-route] .page-intro h2:after{display:none}
body[data-route=watch] .page-intro{margin:calc(-1 * clamp(56px,6vw,88px)) calc(-1 * var(--page-gutter)) 36px;padding:clamp(44px,5vw,72px) var(--page-gutter);background:#11233a;color:#f8f5eb;border-bottom:4px solid #ee6f19}
body[data-route=watch] .page-intro .intro{color:#cedce6}
body[data-route=watch] .page-intro .eyebrow{color:#f5a469;margin:0}
body[data-route=watch] .page-intro .watch-back{margin:0;background:transparent;color:#e4edf3;border-color:#587086;box-shadow:none}
body[data-route=watch] .watch-heading-row{margin-bottom:16px}
body[data-route=watch] .watch-themes{border:0;border-left:3px solid var(--orange);background:#e6ecee}
body[data-route=services] .service-grid>article{border-top:4px solid #ee6f19;background:#fffdf8}
body[data-route=services] .service-grid>aside{background:#e9eef0;border-color:#c3cfd4}
body[data-route=services] .price{padding-top:0}
body[data-route] .path-grid article:after{display:none}
body[data-route] .path-grid article a{max-width:calc(100% - 60px)}
body[data-route] .section>h2,body[data-route] .finder-heading h2{overflow-wrap:normal}
body[data-route] .site-footer{display:grid;grid-template-columns:1.1fr 1.2fr .7fr;gap:40px;align-items:start;padding-block:56px;background:#0b192b;border-top:3px solid #ee6f19}
body[data-route] .site-footer .brand{display:inline-block;color:#fff;font-size:28px}
body[data-route] .footer-identity>p{margin-top:24px;max-width:25ch;color:#c4d2dd;font-size:16px}
body[data-route] .site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
body[data-route] .site-footer nav a{font:400 14px/1.5 'DM Mono',monospace;letter-spacing:-.03em;color:#dce5ed;text-decoration:none;transition:color .2s}
body[data-route] .site-footer nav a:hover{color:#ffad70}
body[data-route] .footer-credit{font:400 12px/1.8 'DM Mono',monospace;color:#a9bfce}
body[data-route] .footer-credit .creator-signin{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:#dce5ed;font-size:14px;text-underline-offset:5px}
body[data-route] .footer-credit .creator-signin:is(:hover,:focus-visible){color:#ffad70}
body[data-route] #route-menu{padding:28px;border:0;border-top:4px solid #ee6f19;box-shadow:0 24px 80px #06132560}
body[data-route] #route-menu nav>a,body[data-route] #route-menu .route-menu-group>a:not(.route-menu-child){font:600 25px/1.3 'Fraunces',Georgia,serif;padding:16px 0 10px}
body[data-route] #route-menu .route-menu-child{font:400 14px/1.5 'DM Sans',sans-serif!important;padding:8px 0;margin-left:0;border:0}
body[data-route] #route-menu [data-menu-close]{width:44px;height:44px;background:#11233a;color:#fff;border:0;cursor:pointer}
@media(max-width:850px){body[data-route] .page-intro{grid-template-columns:1fr;gap:22px;padding-bottom:28px;margin-bottom:28px}body[data-route] .page-intro h2{font-size:clamp(38px,8vw,56px)}body[data-route] .page-intro .intro{max-width:48ch}body[data-route=watch] .page-intro{margin-top:-52px;padding:40px var(--page-gutter)}body[data-route=watch] .watch-heading-row{gap:18px;align-items:start}body[data-route] .site-footer{grid-template-columns:1fr 1fr;gap:32px}body[data-route] .footer-credit{grid-column:1/-1;padding-top:20px;border-top:1px solid #34495d}body[data-route=home] .hero.hero-cover .hero-copy{padding:28px 24px;background:rgba(8,24,40,.94);border:1px solid #a7bbc64d;box-shadow:6px 6px 0 #11233a30}body[data-route=home] .hero.hero-cover .hero-copy .eyebrow{color:#bcd0df}body[data-route=home] .hero.hero-cover .hero-copy h1{font-size:clamp(43px,9.4vw,70px);margin:20px 0;line-height:.98}body[data-route=home] .hero.hero-cover .hero-copy .lede{color:#ecf1f3;font-size:18px}body[data-route=home] .hero.hero-cover{padding-bottom:40px}body[data-route=home] .hero.hero-cover .hero-note{font-size:11px;line-height:1.7;letter-spacing:.08em}}
@media(max-width:850px){body[data-route=home] .hero.hero-cover{padding-top:clamp(320px,55vw,440px)}body[data-route=home] .hero.hero-cover .hero-cover-image{object-position:center top}body[data-route=home] .hero.hero-cover .hero-copy .actions{display:flex;flex-wrap:wrap}}
@media(max-width:480px){body[data-route] .site-footer{grid-template-columns:1fr}body[data-route] .site-footer nav{gap:14px}body[data-route=home] .hero.hero-cover .hero-copy{padding:24px 20px}body[data-route=home] .hero.hero-cover .hero-copy h1{font-size:clamp(39px,10vw,48px)}}
@media(max-width:850px){
 body[data-route] main .route-title,body[data-route] .finder-heading .route-title{font-size:clamp(36px,7.4vw,56px);max-width:100%;letter-spacing:-.05em}
 body[data-route] .finder-heading .route-title{margin-bottom:24px}
 body[data-route=home] .hero.hero-cover{padding:76px 0 28px;min-height:0;background:#11233a;overflow:visible}
 body[data-route=home] .hero.hero-cover .hero-cover-image{position:relative;display:block;inset:auto;height:clamp(280px,65vw,510px);width:100%;object-fit:cover;object-position:center 42%;z-index:0;filter:none}
 body[data-route=home] .hero.hero-cover .hero-cover-shade{display:none}
 body[data-route=home] .hero.hero-cover .hero-copy{max-width:none;width:calc(100% - 32px);margin:-12px 16px 0;padding:28px 24px;background:#11233a;border:0;border-top:3px solid #b8d3e8;box-shadow:none}
 body[data-route=home] .hero.hero-cover .hero-copy h1{font-size:clamp(42px,8.8vw,68px);max-width:15ch}
 body[data-route=home] .hero.hero-cover .hero-copy .actions{display:flex;gap:12px}
 body[data-route=home] .hero.hero-cover .hero-copy .hero-note{margin-top:28px}
 body[data-route=about] .portrait.portrait-photo{height:440px}
 body[data-route=about] .story-grid{gap:36px}
 body[data-route=about] .story-grid article{padding:28px 24px}
 body[data-route=about] .story-grid aside{padding:24px 0 0}
 body[data-route=about] .creator-metric{grid-template-columns:minmax(128px,.7fr) 1fr;gap:6px 16px}
 body[data-route=about] .creator-metric-value{font-size:44px}
 body[data-route] .path-grid article{min-height:0;padding-bottom:28px}
 body[data-route] .path-grid article a{margin-top:4px}
}
@media(max-width:480px){body[data-route] main .route-title{font-size:38px}body[data-route=home] .hero.hero-cover .hero-copy h1{font-size:clamp(36px,10.7vw,46px)}body[data-route=home] .hero.hero-cover .hero-copy{padding:24px 16px}body[data-route=about] .creator-metric-value{font-size:40px}body[data-route] .site-footer nav a{min-height:44px;display:flex;align-items:center}body[data-route] .chips button{min-height:44px}}
@media(prefers-reduced-motion:reduce){body[data-route] .creator-metric:after{transform:none;transition:none}}

/* Quiet editorial rhythm for the reflective story. */
body[data-route=about] .story-chapter{margin:0 0 24px!important;color:#f5a469!important;font:500 12px/1.5 'DM Mono',monospace!important;letter-spacing:.14em!important}
body[data-route=about] .story-grid article .story-chapter{color:#b54e10!important}
body[data-route=about] .story-close{max-width:none;margin-top:clamp(58px,7vw,92px);padding-top:0;border-top:0}
body[data-route=about] .story-close-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,92px);padding-block:clamp(40px,5vw,64px);border-block:1px solid #6a8293}
body[data-route=about] .story-close-grid section{min-width:0}
body[data-route=about] .story-close-grid section p:not(.story-chapter){margin:0 0 24px;color:#d8e2e8}
body[data-route=about] .story-finale{max-width:68ch;margin:clamp(58px,7vw,88px) auto 0;text-align:left}
body[data-route=about] .story-finale .story-quiet{margin:0 0 30px!important;color:#fff!important}
body[data-route=about] .story-finale>p:not(.story-quiet):not(.story-impact):not(.story-signoff){max-width:62ch;color:#cbd8e0}
body[data-route=about] .story-finale .story-impact{margin:clamp(48px,6vw,72px) 0 12px!important;color:#f5a469!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.04!important;letter-spacing:-.05em}
body[data-route=about] .story-finale .story-signoff{color:#94a8b8!important;font:500 19px/1.4 'Fraunces',Georgia,serif!important}

/* Quick routes: small, purposeful movement without turning the strip into a carousel. */
body[data-route=student-support] .live-strip>a{position:relative;overflow:hidden;isolation:isolate}
body[data-route=student-support] .live-strip>a:before{content:'';position:absolute;inset:auto 0 0;height:3px;background:#f47d1f;transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.22,1,.36,1);z-index:-1}
body[data-route=student-support] .live-strip>a>b{transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s ease}
body[data-route=student-support] .live-strip>a>i{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body[data-route=student-support] .live-strip>a:hover:before{transform:scaleX(1)}
 body[data-route=student-support] .live-strip>a:hover>b{transform:translateX(6px)}
 body[data-route=student-support] .live-strip>a:hover>i{transform:rotate(-6deg) scale(1.06);background:#11233a;border-color:#11233a;color:#fff}
}
@media(max-width:850px){
 body[data-route=about] .story-close-grid{grid-template-columns:1fr;gap:34px;padding-block:36px}
 body[data-route=about] .story-finale{margin-top:52px}
 body[data-route=about] .story-finale .story-impact{font-size:clamp(36px,10vw,52px)!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-route=student-support] .live-strip>a:before,body[data-route=student-support] .live-strip>a>b,body[data-route=student-support] .live-strip>a>i{transition:none;transform:none}
}

/* The story is chronological: one rail, one direction, no competing columns. */
body[data-route=about] .story-heading{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto;gap:24px}
body[data-route=about] .story-heading h1{max-width:12ch}
body[data-route=about] .story-heading>p{max-width:52ch;padding-left:22px;border-left:3px solid #ee6f19}
body[data-route=about] .story-grid{display:flex;flex-direction:column;max-width:900px;margin:clamp(44px,5vw,64px) auto 0;gap:18px}
body[data-route=about] .story-grid article,body[data-route=about] .story-grid aside{width:100%;box-sizing:border-box;padding:clamp(34px,4.5vw,58px);border:1px solid #6a8293}
body[data-route=about] .story-grid article{margin:0;background:#f8f5eb;border-top:4px solid #ee6f19}
body[data-route=about] .story-grid aside{margin:0;background:#162b43;border-top:4px solid #6f899d}
body[data-route=about] .story-grid h3,body[data-route=about] .story-close-grid h3{margin:0 0 30px;font:600 clamp(29px,3vw,42px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-.04em;text-wrap:balance}
body[data-route=about] .story-grid article h3{color:#11233a}
body[data-route=about] .story-grid aside h3,body[data-route=about] .story-close-grid h3{color:#fff}
body[data-route=about] .story-grid article p:not(.story-chapter){max-width:66ch}
body[data-route=about] .story-grid aside>p:not(.story-chapter),body[data-route=about] .story-grid aside blockquote{max-width:65ch}
body[data-route=about] .story-grid aside blockquote{padding:28px 0;margin:8px 0 34px;border-block:1px solid #6a8293}
body[data-route=about] .story-close{max-width:900px;margin-inline:auto}
body[data-route=about] .story-close-grid{display:block;padding:0;border:0}
body[data-route=about] .story-close-grid section{padding:clamp(42px,5vw,62px) 0;border-top:1px solid #6a8293}
body[data-route=about] .story-close-grid section:last-child{border-bottom:1px solid #6a8293}
body[data-route=about] .story-close-grid section p:not(.story-chapter){max-width:66ch}
body[data-route=about] .story-finale{max-width:900px;margin-top:clamp(56px,7vw,84px);padding-left:clamp(0px,4vw,56px);border-left:4px solid #ee6f19}
body[data-route=about] .story-finale>p:not(.story-impact):not(.story-signoff){max-width:66ch}
@media(max-width:850px){
 body[data-route=about] .story-heading>p{padding-left:18px}
 body[data-route=about] .story-grid article,body[data-route=about] .story-grid aside{padding:28px 24px}
 body[data-route=about] .story-grid h3,body[data-route=about] .story-close-grid h3{font-size:clamp(27px,8vw,36px);margin-bottom:24px}
 body[data-route=about] .story-close-grid section{padding-block:38px}
 body[data-route=about] .story-finale{padding-left:22px}
}

/* A reflective story should feel open and calm, not like a dark report. */
body[data-route=about] .story{background:#f5f2ea;color:#11233a}
body[data-route=about] .story:before{color:#b54e10}
body[data-route=about] .story>.eyebrow{color:#315b7c}
body[data-route=about] .story-heading{border-bottom-color:#bac8cf}
body[data-route=about] .story-heading>p{color:#43566c}
body[data-route=about] .story-grid article,body[data-route=about] .story-grid aside{background:#fffdf8;border-color:#b8c7ce;box-shadow:8px 8px 0 rgba(49,91,124,.09)}
body[data-route=about] .story-grid aside{border-top-color:#315b7c}
body[data-route=about] .story-grid aside h3,body[data-route=about] .story-close-grid h3{color:#11233a}
body[data-route=about] .story-grid aside>p:not(.story-chapter){color:#43566c}
body[data-route=about] .story-grid aside blockquote{color:#11233a;border-block-color:#bdcbd0}
body[data-route=about] .story-grid aside .story-beat{color:#11233a!important}
body[data-route=about] .story-grid aside .story-capable{color:#b54e10!important}
body[data-route=about] .story-close-grid section{border-color:#bdcbd0}
body[data-route=about] .story-close-grid section p:not(.story-chapter){color:#43566c}
body[data-route=about] .story-finale{padding-block:clamp(34px,4vw,50px);padding-right:clamp(24px,4vw,52px);background:#e7edf0;border-left-color:#ee6f19}
body[data-route=about] .story-finale .story-quiet{color:#11233a!important}
body[data-route=about] .story-finale>p:not(.story-quiet):not(.story-impact):not(.story-signoff){color:#43566c}
body[data-route=about] .story-finale .story-signoff{color:#617487!important}

/* Homepage: lighter editorial plate over the site photograph. */
@media(min-width:851px){
 body[data-route=home] .hero.hero-cover .hero-copy{background:rgba(250,248,242,.96);border-color:#fff;border-top-color:#ee6f19;box-shadow:12px 14px 0 rgba(7,24,43,.22)}
 body[data-route=home] .hero.hero-cover .hero-copy .eyebrow{color:#315b7c}
 body[data-route=home] .hero.hero-cover .hero-copy h1,body[data-route=home] .hero.hero-cover .hero-copy h1 em{color:#11233a;text-shadow:none}
 body[data-route=home] .hero.hero-cover .hero-copy h1 em{text-decoration-color:#ee6f19}
 body[data-route=home] .hero.hero-cover .hero-copy .lede{color:#43566c;text-shadow:none}
 body[data-route=home] .hero.hero-cover .hero-copy .hero-note{color:#617487;text-shadow:none;border-top-color:#b9c7ce}
 body[data-route=home] .hero.hero-cover .hero-copy .button.dark{background:#11233a;border-color:#11233a;color:#fff;box-shadow:none}
 body[data-route=home] .hero.hero-cover .hero-copy .button:not(.dark){background:transparent;border-color:#315b7c;color:#11233a}
}

/* Home routes: the same confident card language as Services. */
body[data-route=home] .pathways{background:#f7f4ee}
body[data-route=home] .pathways>h2{max-width:12ch;margin-bottom:18px}
body[data-route=home] .pathways>.intro{max-width:48ch}
body[data-route=home] .pathways .path-grid{gap:26px}
body[data-route=home] .pathways .path-grid article{min-height:540px;padding:34px 34px 32px;border:1px solid #6f8494!important;border-radius:30px;box-shadow:0 18px 42px rgba(17,35,58,.14);background-position:center!important}
body[data-route=home] .pathways .path-grid article:before{display:none}
body[data-route=home] .pathways .path-grid article>i{display:grid;place-items:center;width:58px;height:50px;margin:0 0 auto;border-radius:24px;background:#f47d1f;color:#11233a;font:700 15px/1 'DM Sans',sans-serif}
body[data-route=home] .pathways .path-grid article>.eyebrow{position:static;float:none;margin:34px 0 15px;color:#ffc49a}
body[data-route=home] .pathways .path-grid article h3{max-width:12ch;margin:0 0 22px;color:#fff;font-size:clamp(36px,3vw,48px);line-height:1}
body[data-route=home] .pathways .path-grid article p:not(.eyebrow){max-width:30ch;margin:0 0 30px;color:#dce6eb;font-size:17px;line-height:1.58}
body[data-route=home] .pathways .path-grid article>a{display:inline-flex;align-items:center;min-height:50px;max-width:100%;margin-top:auto;padding:12px 22px;border:1px solid #8ea0ac;border-bottom-color:#8ea0ac!important;border-radius:28px;color:#fff;font-size:16px;line-height:1.3;white-space:normal}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body[data-route=home] .pathways .path-grid article:hover{transform:translateY(-7px);box-shadow:0 26px 54px rgba(17,35,58,.2)!important}
 body[data-route=home] .pathways .path-grid article>a:hover{background:#f47d1f;color:#11233a;border-color:#f47d1f}
}
@media(max-width:850px){
 body[data-route=home] .pathways .path-grid{gap:18px}
 body[data-route=home] .pathways .path-grid article{min-height:500px;padding:28px 24px;border-radius:24px}
 body[data-route=about] .story-finale{padding-right:22px}
}