/* Brand and competency update. */
:root{--ink:#123047;--dark:#102e42;--olive:#86652c;--muted:#626e75;--accent:#b88d43}
.wordmark{display:block;letter-spacing:normal;line-height:1;flex-shrink:0;width:182px;max-width:42vw}
.wordmark img{width:100%;height:58px;object-fit:contain;object-position:left center}
.footer .wordmark{width:140px}.footer .wordmark img{height:45px}
.desktop-nav{gap:25px;margin-right:22px;font-size:13px}
.hero-background{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;display:block;padding:83px max(48px,calc((100% - 1320px)/2)) 84px;min-height:680px;color:#fffaf0}
.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{object-position:center 54%;height:100%;width:100%}
.hero-background:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,24,36,.91) 0%,rgba(6,24,36,.85) 30%,rgba(6,24,36,.64) 49%,rgba(6,24,36,.14) 76%,rgba(6,24,36,.08))}
.hero-background .hero-copy{max-width:620px}.hero-background .eyebrow{color:#e8d6b2}.hero-background .little-dot{background:#d6b568}
.hero-background h1{font-size:clamp(46px,4.7vw,69px);letter-spacing:-2.1px;margin-top:25px;max-width:620px}
.hero-background h1 em{color:#e0c58d}.hero-background .hero-description{color:#f0f0ea;max-width:460px;font-size:16px;line-height:1.85;margin-block:29px}
.hero-background .button-dark{background:#f8f3e8;color:#123047}.hero-background .button-dark:hover{background:#e8d6b2}.hero-background .hero-secondary{color:#f4e9d1}.hero-background .hero-secondary:hover{color:#fff}
.focus-strip{border-top:0;padding-block:27px}
.competency-list{border-top:1px solid #aeb7b9}.competency{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:35px 0 40px;border-bottom:1px solid var(--line)}
.competency-heading{display:flex;gap:20px;align-items:flex-start}.competency-number{font-family:var(--serif);font-size:15px;color:var(--olive);padding-top:7px;flex:0 0 22px}
.competency h3{font-family:var(--serif);font-size:28px;line-height:1.25;font-weight:400;letter-spacing:-.3px}.competency-body>p{font-size:15px;line-height:1.85;max-width:760px;color:var(--muted)}
.competency ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px;padding:0;margin:22px 0;list-style:none;font-size:13px;line-height:1.6}
.competency li{position:relative;padding-left:17px}.competency li:before{position:absolute;left:0;top:0;content:'↗';color:var(--olive);font-size:12px}
.competency-result{background:#ecebe3;padding:16px 20px}.competency-result>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#75613a}.competency-result>p{font-family:var(--serif);font-size:19px;line-height:1.4;margin-top:5px}.qualification-jump{margin-top:28px;font-size:13px;width:fit-content}
.situations{background:#102e42}.situations .eyebrow,.mini-label{color:#dfc998}.situations .section-intro{color:#c9d2d8}.scenario-tabs button{color:#c0cad0;border-color:#5d6e78}.scenario-tabs button:last-child{border-color:#5d6e78}.scenario-tabs button[aria-selected=true]:before{background:#d5bb7e}.tab-number{color:#d8c493}.scenario-panel{background:#1d3b4d}.scenario-columns p{color:#e0e5e7}.scenario-step{color:#dce2e6;border-color:#667c84}.scenario-step>span{color:#d8c493}
.about{padding-bottom:40px}.about-graphic{background:#e8e8df}.circle{border-color:#8b9b9f}.circle-one{background:#c6d1d260}.circle-two{background:#dbc89d45}.graphic-footer,.graphic-header{color:#304b5c}
.qualifications{padding-top:62px}.credential-list{border-top:1px solid #afb9bc}.credential{display:grid;grid-template-columns:1.15fr 1.35fr auto;gap:32px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.credential h3{font-size:16px;line-height:1.45;font-weight:500}.credential-subtitle{font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.credential>p{font-size:13px;line-height:1.7;color:var(--muted)}.credential>a{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.credential>a:hover{color:var(--olive)}
.contact{background:#e9e6db}.contact .eyebrow{color:#77603a}.contact h2+p,.contact-action>span,.contact-footnote{color:#5b686f}.email-link{border-color:#a5b0ae}.email-link:hover{color:#85642c}
@media(min-width:1500px){.hero-background{padding-block:102px;min-height:740px}.hero-background h1{font-size:72px}}
@media(max-width:1100px){.hero-background{padding-inline:32px;padding-block:66px;min-height:650px}.hero-background .hero-copy{max-width:565px}.hero-background h1{font-size:57px}.desktop-nav{gap:18px;margin-right:0;font-size:12px}.header-actions{gap:20px}.wordmark{width:158px}.competency{gap:35px}.competency h3{font-size:26px}.credential{gap:22px}}
@media(max-width:820px){.hero-background{padding:65px 24px 65px;min-height:660px}.hero-background:before{background:linear-gradient(90deg,rgba(6,24,36,.87),rgba(6,24,36,.76) 60%,rgba(6,24,36,.45))}.hero-background .hero-copy{max-width:570px}.hero-background h1{font-size:55px}.hero-background .hero-secondary{display:flex;margin:20px 0 0}.competency{grid-template-columns:1fr;gap:18px;padding-block:31px}.competency-heading{gap:17px}.competency h3{font-size:29px}.competency-body{padding-left:39px}.qualifications{padding-top:15px}.credential{grid-template-columns:1fr 1fr;gap:10px 28px}.credential>a{grid-column:1 / -1;margin-top:5px;width:fit-content}}
@media(max-width:520px){.wordmark{width:145px}.wordmark img{height:47px}.site-header{height:78px}.hero-background{padding:166px 19px 51px;min-height:0}.hero-background .hero-copy{padding:0}.hero-photo img{object-position:56% center}.hero-background:before{background:linear-gradient(180deg,rgba(6,24,36,.08),rgba(6,24,36,.38) 100px,rgba(6,24,36,.86) 210px,rgba(6,24,36,.94) 65%)}.hero-background h1{font-size:43px;letter-spacing:-1.2px;line-height:1.12;margin-top:19px}.hero-background .eyebrow{font-size:9px}.hero-background .hero-description{font-size:14px;line-height:1.8;margin-block:24px}.hero-background .button{font-size:12px}.hero-background .hero-secondary{font-size:11px}.competency h3{font-size:27px}.competency-body>p{font-size:14px}.competency ul{grid-template-columns:1fr;gap:10px;font-size:12px}.competency-result{padding:14px 16px}.competency-result>p{font-size:18px}.credential{grid-template-columns:1fr;gap:11px;padding-block:25px}.credential>a{grid-column:auto}.credential h3{font-size:16px}.qualification-jump{font-size:12px}.footer .wordmark{width:116px}.footer .wordmark img{height:39px}.about{padding-bottom:35px}}
@media(max-width:360px){.hero-background h1{font-size:37px}.competency-body{padding-left:0}.competency h3{font-size:25px}.wordmark{width:132px}.footer .wordmark{width:100px}}

/* Review refinement: lighter logo and a clear view of the laptop. */
.wordmark,.footer .wordmark{display:inline-flex;align-items:center;gap:9px;width:auto;max-width:none;opacity:.78}
.wordmark .brand-symbol{width:30px;height:30px;flex:0 0 30px;object-fit:contain}
.wordmark .brand-name{display:block;position:relative;width:91.84px;height:26.24px;overflow:hidden;opacity:.92}
.wordmark .brand-name img{position:absolute;right:0;top:50%;width:142.68px;max-width:none;height:47.56px;transform:translateY(-50%);object-fit:contain}
.footer .wordmark .brand-symbol{width:26px;height:26px;flex-basis:26px}
.footer .wordmark .brand-name{width:80.36px;height:23.78px}
.footer .wordmark .brand-name img{width:124.64px;height:41.55px}
.hero-photo img{object-position:25% 12%}
.hero-background .hero-copy{margin-left:auto;max-width:540px}
.hero-background h1{font-size:clamp(46px,4.3vw,64px);max-width:540px}
.hero-background:before{background:linear-gradient(90deg,rgba(6,24,36,.04) 0%,rgba(6,24,36,.08) 28%,rgba(6,24,36,.45) 44%,rgba(6,24,36,.87) 59%,rgba(6,24,36,.93) 100%)}
@media(min-width:1500px){.hero-background{min-height:780px;padding-block:112px}.hero-background .hero-copy{max-width:570px}.hero-background h1{font-size:66px;max-width:570px}}
@media(min-width:821px) and (max-width:1100px){.hero-background .hero-copy{max-width:440px}.hero-background h1{font-size:49px}.hero-background:before{background:linear-gradient(90deg,rgba(6,24,36,.04),rgba(6,24,36,.12) 26%,rgba(6,24,36,.81) 53%,rgba(6,24,36,.94))}}
@media(max-width:820px){.hero-background{background:#102330;padding:calc(min(66.667vw,480px) - 15px) 24px 58px;min-height:0}.hero-photo{height:min(66.667vw,480px);bottom:auto}.hero-photo img{object-position:left top}.hero-background:before{background:linear-gradient(180deg,transparent 45%,rgba(16,35,48,.25) 65%,#102330 100%);height:min(66.667vw,480px);bottom:auto}.hero-background .hero-copy{max-width:620px;margin-inline:auto;position:relative}.hero-background h1{font-size:52px;max-width:620px}.hero-background .hero-description{max-width:540px}}
@media(max-width:520px){.wordmark .brand-symbol{width:27px;height:27px;flex-basis:27px}.wordmark .brand-name{width:84.46px;height:24.6px}.wordmark .brand-name img{width:131.2px;height:43.73px}.hero-background{padding:calc(66.667vw - 15px) 19px 49px}.hero-background h1{font-size:43px}.footer .wordmark{gap:7px}.footer .wordmark .brand-symbol{width:23px;height:23px;flex-basis:23px}.footer .wordmark .brand-name{width:72.16px;height:22.14px}.footer .wordmark .brand-name img{width:113.16px;height:37.72px}}
@media(max-width:360px){.hero-background h1{font-size:37px}}

/* Consistent description columns and quiet, decorative separators. */
.credential{grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) 10rem;align-items:start}
.credential>*{min-width:0}
.credential>a{justify-self:end}
.focus-strip .strip-plus{font-size:12px;font-weight:300;line-height:1;color:#a7aaa6;cursor:default;user-select:none;pointer-events:none}
@media(max-width:820px){.credential{grid-template-columns:repeat(2,minmax(0,1fr))}.credential>a{grid-column:1 / -1;justify-self:start}}
@media(max-width:520px){.credential{grid-template-columns:minmax(0,1fr)}.credential>a{grid-column:auto}.focus-strip .strip-plus{font-size:10px}}

/* Balanced compact header and footer; logo and text sizes unchanged. */
.site-header{height:64px}.footer{height:72px}
@media(max-width:820px){.site-header{height:62px}.footer{height:68px}}
@media(max-width:520px){.site-header{height:60px}.footer{height:64px}}

/* A clean text wordmark, balanced with the existing star symbol. */
.wordmark>span.brand-name{position:static;width:auto;height:auto;overflow:visible;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:600;letter-spacing:-1.15px;line-height:1;opacity:.92}
.footer .wordmark>span.brand-name{width:auto;height:auto;font-size:24px;letter-spacing:-1px}
@media(max-width:520px){.wordmark>span.brand-name{width:auto;height:auto;font-size:26px;letter-spacing:-1.05px}.footer .wordmark>span.brand-name{width:auto;height:auto;font-size:22px;letter-spacing:-.9px}}

/* Reference wordmark: dark green lettering and a warm full stop. */
.wordmark,.footer .wordmark{opacity:1}
.wordmark .brand-symbol{opacity:.78}
.wordmark>span.brand-name{font-weight:700;color:#253a30;opacity:1}
.wordmark .brand-dot{color:#bd825c}

/* Use the exact supplied wordmark; only its surrounding blank margin is clipped. */
.wordmark .brand-reference{--brand-scale:.6;display:block;position:relative;flex:none;width:calc(164px * var(--brand-scale));height:calc(43px * var(--brand-scale));overflow:hidden}
.wordmark .brand-reference img{position:absolute;left:calc(-8px * var(--brand-scale));top:calc(-15px * var(--brand-scale));right:auto;width:calc(190px * var(--brand-scale));height:calc(75px * var(--brand-scale));max-width:none;object-fit:contain;transform:none}
.footer .wordmark .brand-reference{--brand-scale:.52}
@media(max-width:520px){.wordmark .brand-reference{--brand-scale:.55}.footer .wordmark .brand-reference{--brand-scale:.48}}

/* Match the reference colours and align the visible symbol, excluding transparent padding. */
.wordmark,.footer .wordmark{align-items:center;gap:5.5px}
.wordmark .brand-symbol-frame{--symbol-size:26px;display:block;position:relative;flex:0 0 var(--symbol-size);width:var(--symbol-size);height:var(--symbol-size);overflow:hidden;transform:translateY(calc(var(--symbol-size) * .058))}
.wordmark .brand-symbol-frame img{position:absolute;left:-10.852713%;top:-12.790698%;right:auto;width:121.511628%;height:121.511628%;max-width:none;object-fit:contain;opacity:1;transform:none}
.footer .wordmark{gap:5px}
.footer .wordmark .brand-symbol-frame{--symbol-size:23px}
@media(max-width:520px){.wordmark,.footer .wordmark{gap:5px}.wordmark .brand-symbol-frame{--symbol-size:24px}.footer .wordmark .brand-symbol-frame{--symbol-size:21px}}