/* Amber highlights and white editorial interlude requested by the client. */
:root { --amber: #d6ad55; --amber-light: #f0ce86; --amber-ink: #86601b; }
nav a.active:after { background: var(--amber); width: 4px; height: 4px; }
.hero h1>span { color: var(--amber-light); }
.button, .button-light { border-color: #d6ad5575; box-shadow: inset 0 1px 0 #f0ce8626, 0 0 0 1px #a77b2926; background: radial-gradient(ellipse at 50% 100%,#d6ad5512,transparent 75%),#07182c; }
.button:before { background: conic-gradient(from var(--rim-angle,90deg),#94733750,#f1d699,#a4792940,#d0a84d,#94733750); }
.button:after { background: var(--amber); }
.button:hover, .button:focus-visible, .button-light:hover { border-color: var(--amber-light); box-shadow: inset 0 1px 0 #ffe4ac50,0 0 25px #d6ad552b; background: radial-gradient(ellipse at center,#a47a2938,transparent 80%),#081c32; }
.hero-actions>.button, .closing-section .button, .learning-heading>.button { color: #101b29; background: var(--amber); border-color: #efd08b; box-shadow: inset 0 1px 0 #fff2cd70,0 8px 25px #0002; }
.hero-actions>.button:hover, .closing-section .button:hover, .learning-heading>.button:hover { color: #101b29; background: #ecc97e; }
.hero-actions>.button:before, .closing-section .button:before, .learning-heading>.button:before { opacity: 0; }
.button .small-arrow, .subject-strip a span, .text-link .small-arrow, .lesson-link-label .small-arrow { color: var(--amber-light); }
.hero-actions>.button .small-arrow, .closing-section .button .small-arrow, .learning-heading>.button .small-arrow { color: #101b29; }
.arrow-circle { border-color: #d6ad5566; background: #d6ad550d; }
.arrow-circle i:after { border-color: var(--amber-light); }
.arrow-link:hover .arrow-circle, .arrow-link:focus-visible .arrow-circle { background: #d6ad551a; }
.arrow-link:hover i, .arrow-link:focus-visible i { background: var(--amber-light); }
.round-play { background: var(--amber); color: #07172e; }
.floating-lesson small { color: var(--amber-light); }
.gallery-arrow { border-color: #d6ad5560; color: var(--amber-light); }
.gallery-arrow:hover { background: #d6ad551c; }
#gallery-dots i.active { background: var(--amber); }
.feature-action svg { border-color: #d6ad5570; fill: var(--amber-light); }
.learning-steps>div>span { color: var(--amber); }
.subject-strip { border-color: #d6ad553b; }
.brand-ribbon { border-color: #d6ad5566; }
.closing-section { border-block: 1px solid #d6ad5599; }
.closing-section h2 em { color: var(--amber-light); }
:focus-visible { outline-color: var(--amber-light); }

/* The portrait sits directly on the architectural blue background. */
.portrait-frame { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.portrait { object-fit: contain; object-position: center bottom; }
.portrait-caption { background: linear-gradient(0deg,#091d36 10%,#091d36df 50%,#091d3600); padding-top: 45px; }
.portrait-caption>span { color: var(--amber-light); }
.hero-visual { align-self: end; }

/* Full-width white section, with aligned inner columns. */
.about-section { width: 100%; margin-block: 0; background: #fff; color: #10243b; padding-inline: max(var(--gutter),calc((100% - var(--page-max))/2)); }
.about-section .eyebrow, .about-section .profile-role { color: #86601b; }
.about-section h2 span { color: #8a6524; }
.about-section h3 { color: #10243b; }
.about-section #profile-bio { color: #485669; }
.about-section .pending-note { color: #596575!important; }
.about-section .text-link { color: #18324c; border-color: #b48b45; }
.about-section .text-link .small-arrow { color: #8a6524; }
.about-section .text-link:hover { color: #86601b; }
@media(max-width:640px) {
 .portrait-frame { border-radius: 0; }
 .portrait-caption { padding: 40px 14px 18px; }
}
.portrait { mask-image: linear-gradient(to bottom,#000 62%,transparent 100%); }
.portrait-caption { background: none; text-shadow: 0 2px 14px #07172e; }