/* Brand typography and deliberate, function-led interaction. */
:root{--heading-font:'Bricolage Grotesque',Georgia,serif;--body-font:'Inter',Verdana,sans-serif}
body,button,input,textarea,select{font-family:var(--body-font)}
h1,h2,h3,h4,h5,h6,em,.stats strong,.workforce-core>strong,.reference-scale strong,.account-center strong,.sla-grid strong,.commission-card strong,.schedule-callout strong,.contact h2,.dialog-header h2,.ordering-sheet h4,.pass-card strong,.portrait-photo>span,.role-monogram,.avatar{font-family:var(--heading-font);font-optical-sizing:auto}
h1,h2,h3,h4{font-weight:500;letter-spacing:-.035em}h1{letter-spacing:-.05em;font-size:clamp(60px,6.1vw,94px)}h2{letter-spacing:-.045em}em{font-style:normal;font-weight:500}.testimonial blockquote,.all-testimonials p{font-family:var(--body-font);font-style:normal;font-weight:400;letter-spacing:-.03em}.quote-mark{font-family:var(--heading-font)}.pass-card strong,.portrait-photo>span{font-style:normal}.brand{font-family:var(--heading-font)}
.intro-grid p,.section-heading>p,.hero-description{font-size:14px;line-height:1.85}.eyebrow{letter-spacing:1.6px}.header .desktop-nav{font-size:12px}.chapter-links a{font-size:10px}.chapter-links{gap:18px}.section-heading{gap:40px}.section-heading>p{max-width:350px}.testimonial blockquote{font-size:22px;line-height:1.75}.quote-bottom p{font-size:12px}
/* Cards communicate their information directly. No pointer or fake destinations. */
.role-node{cursor:default;padding:28px;min-height:154px;border-color:#cdd5c6;transition:background .28s,border-color .28s,box-shadow .28s!important;transform:none!important}.role-node h3{font-size:23px;line-height:1.2;margin-bottom:14px}.role-node p{font-size:13px;line-height:1.8;margin:0;color:#555f51}.role-node:hover{background:#fffefa;border-color:#8caa94;box-shadow:0 10px 24px #24422a0c;transform:none}.role-node.bespoke{min-height:135px}.workforce-map{gap:20px 45px}.workforce-core{position:relative;z-index:2;isolation:isolate;min-height:230px;padding:35px 16px;background:#e9ece5;border:1px solid #b4c5ae;border-radius:22px;box-shadow:0 15px 40px #365a2710;display:flex;align-items:center;justify-content:center;flex-direction:column}.workforce-core>.eyebrow{font-size:9px;color:#475841;letter-spacing:1px}.workforce-core>strong{font-size:65px;letter-spacing:-4px;line-height:1.3;margin:9px 0 3px}.workforce-core>p{font-size:17px;line-height:1.5;font-weight:500;color:#283a2b;margin:0}.workforce-wires{z-index:0;stroke:#9ab39a;stroke-width:1.25;stroke-dasharray:none;overflow:visible}.workforce-wires path{animation:none!important;transition:stroke .25s,stroke-width .25s}.workforce-wires path.connection-hover{stroke:var(--teal);stroke-width:2.2}
.account-center{max-width:100%;padding-bottom:82px}.account-center strong{font-size:42px;letter-spacing:-2px}.account-center>.account-wires{height:60px;overflow:visible;stroke-width:1.25;stroke:#85a58e}.account-wires path{transition:stroke .25s,stroke-width .25s}.account-wires path.connection-hover{stroke:var(--teal);stroke-width:2.2}.department-grid{gap:18px}.department-grid article{position:relative;padding:26px 23px;background:#e9ece3;border:1px solid #cdd5c5;border-radius:5px;transition:background .25s,border-color .25s,box-shadow .25s;cursor:default}.department-grid article:before{content:'';position:absolute;width:8px;height:8px;top:-4px;left:calc(50% - 4px);background:var(--teal);border:2px solid var(--paper);border-radius:50%;box-sizing:border-box}.department-grid article>span{font-size:8px;letter-spacing:1.2px;color:var(--teal)}.department-grid article h3{font-size:25px;line-height:1.12;margin:22px 0 20px}.department-grid article p{font-size:13px;line-height:1.8}.department-grid article:hover{background:#e1e9d9;border-color:#89a58d;box-shadow:0 12px 25px #22381d0d}.diagram-status{font-size:11px;margin-top:24px}
/* Hover polish is attached to a meaningful action or keeps static cards in place. */
.recruit-step:after{content:none}.recruit-step{transition:background .25s,border-color .25s!important}.recruit-step:hover{background:#384533;border-color:#9aaf8a}.reference-card{transition:box-shadow .25s,border-color .25s}.reference-card:hover{border-color:#92aa88;box-shadow:0 12px 30px #3148220b}.film-card h3,.event-card h3{transition:color .2s}.film-card:hover h3,.event-card:hover h3{color:var(--teal)}.filter:hover:not(.active){background:#dde5d4;border-color:#96ae8b}.filter{transition:background .25s,color .25s,border-color .25s}.quality-details summary,.response-item summary{transition:color .2s}.quality-details summary:hover,.response-item summary:hover{color:var(--teal)}.region-list button:hover{background:#e5ebdd}.region-list button{transition:background .25s,padding .25s}.severity-picker button:hover:not([aria-pressed=true]){background:#dae5d0}.severity-description p:not([hidden]){animation:content-reveal .35s ease both}.benefits-detail h3{line-height:1.2}.value-grid h3{font-size:25px}.reference-card dl,.solutions-grid p,.training-module p,.recruit-step p{font-size:13px}.response-item>div{font-size:14px;line-height:1.9}
/* Tabs read as seven selectable controls, with an explicit viewing state. */
.mobilisation-label{align-items:center;margin-bottom:22px}.mobilisation-label p{font-size:12px;color:#c5cebf}.timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;border:0;overflow:visible;padding:7px 0}.timeline button{position:relative;text-align:left;background:#303b2e;border:1px solid #58664e;border-radius:8px;padding:17px 14px 15px;color:#d2dbca;min-width:0;transition:background .24s,border-color .24s,transform .24s,box-shadow .24s;font-size:13px;line-height:1.3}.timeline button:after{content:none}.timeline button .tab-number{display:grid;place-items:center;width:29px;height:29px;margin:0 0 19px;border:1px solid #819371;border-radius:50%;font-size:10px;color:#b9c9ac;transition:background .25s,color .25s,border .25s}.timeline button .tab-label{display:block;font-family:var(--heading-font);font-size:18px;font-weight:500;color:inherit;margin:0;line-height:1.2}.timeline button .tab-meta{display:block;font-size:9px;font-weight:400;color:#b4c0aa;margin:9px 0 0;line-height:1.4;letter-spacing:.1px}.timeline button[aria-selected=true]{background:#e5ecd9;color:#23301f;border-color:#e5ecd9;box-shadow:0 5px 0 #172313}.timeline button[aria-selected=true] .tab-number{background:#327b72;border-color:#327b72;color:white}.timeline button[aria-selected=true] .tab-meta{color:#45613e}.timeline button:hover:not([aria-selected=true]){background:#3b4c33;border-color:#a7bd91;transform:translateY(-3px);box-shadow:0 8px 15px #0b160d20}.timeline button:hover .tab-number{border-color:#c4d7b2}.timeline button:focus-visible{outline:2px solid #edb485;outline-offset:3px}.phase-reader{margin-top:28px;border-top:1px solid #56624d}.phase-reading-header{padding:24px 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.phase-reading-header>span:first-child{font-size:11px;color:#d9e3cf;letter-spacing:.3px}.phase-reading-hint{font-size:10px;color:#9eaf92}#phase-panels{position:relative;overflow:hidden}.phase-panel{min-height:275px;padding:28px 0 25px;gap:70px;animation:none!important}.phase-panel h3{font-size:34px;line-height:1.17;margin:15px 0 19px}.phase-panel p,.phase-panel li{font-size:13px;line-height:1.8}.phase-panel .eyebrow{font-size:9px;letter-spacing:1.3px}.phase-panel ul{margin-top:7px}.phase-panel li{margin-bottom:16px}.phase-exiting{position:absolute;inset:0 auto auto 0;width:100%;pointer-events:none;user-select:none}.phase-controls{display:flex;justify-content:space-between;gap:20px;padding:0 0 28px}.phase-controls button{padding:12px 18px;border:1px solid #7e9370;border-radius:5px;color:#e6efdd;font-size:12px;transition:background .25s,border-color .25s,transform .25s}.phase-controls button:hover:not(:disabled){background:#3a4c30;border-color:#b2c69e;transform:translateY(-2px)}.phase-controls button:disabled{opacity:.35;cursor:default}.phase-controls #phase-next{background:#dce8cd;color:#24351d;border-color:#dce8cd}.phase-controls #phase-next:hover{background:#eaf3df}.schedule-callout{margin-top:12px;padding:25px 28px;gap:35px}.schedule-callout>span:first-child{font-size:9px;color:#bdcab2;letter-spacing:1px}.schedule-callout strong{font-size:29px;line-height:1.4}.schedule-callout p{font-size:11px;color:#bac7af}.schedule-callout small{color:#bac7af;font-size:10px}.schedule-connector{height:1px;min-width:42px;max-width:90px;flex:1;background:#829875;position:relative}.schedule-connector:before,.schedule-connector:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#a5ba98}.schedule-connector:after{left:auto;right:0}.timeline button.phase-visited:not([aria-selected=true]) .tab-number{border-color:#93ab7f}.phase-controls button:focus-visible{outline:2px solid #edb485;outline-offset:3px}
@keyframes content-reveal{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){h1{font-size:73px}.workforce-map{gap:18px 35px}.workforce-core>strong{font-size:54px}.workforce-core>p{font-size:15px}.role-node{padding:23px}.role-node h3{font-size:21px}.role-node p{font-size:12px}.department-grid article{padding:22px 17px}.department-grid article h3{font-size:22px}.department-grid article p{font-size:12px}.timeline button{padding:14px 10px}.timeline button .tab-label{font-size:16px}.timeline button .tab-meta{font-size:8px}.phase-panel{gap:40px;min-height:320px}.phase-panel h3{font-size:31px}.schedule-callout{gap:24px}}
@media(max-width:760px){h1{font-size:clamp(56px,12.8vw,85px)}h2{font-size:37px;line-height:1.14}.header .brand{font-size:21px}.hero-description{font-size:13px}.hero-buttons>.button{font-size:11px;padding:16px}.chapter-links a{font-size:10px}.section-heading>p{font-size:13px}.workforce-map{gap:14px}.workforce-core{grid-column:1/-1;min-width:240px;max-width:280px;min-height:205px;margin:0 auto 20px;padding:27px;border-radius:18px}.workforce-core>strong{font-size:62px}.workforce-core>p{font-size:16px}.workforce-core>.eyebrow{font-size:8px}.role-node{padding:22px 16px;min-height:170px}.role-node h3{font-size:21px;margin:0 0 15px;line-height:1.15}.role-node p{font-size:11px;line-height:1.9}.role-node.bespoke{min-height:135px}.department-grid article{padding:23px 17px}.department-grid article:before{display:none}.department-grid article h3{font-size:24px;margin:17px 0}.department-grid article p{font-size:12px;line-height:1.8}.account-center strong{font-size:36px}.account-center{padding-bottom:28px}.account-center>.account-wires{display:none}.reference-card dl,.solutions-grid p,.training-module p,.recruit-step p{font-size:12px}.testimonial blockquote{font-size:18px}.timeline{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#819572 #34412e;padding:7px 3px 14px;margin:0 -3px}.timeline button{flex:0 0 115px;padding:16px 14px;scroll-snap-align:start;min-height:134px}.timeline button .tab-label{font-size:20px}.timeline button .tab-meta{font-size:9px;margin-top:10px}.timeline button .tab-number{margin-bottom:18px}.phase-reader{margin-top:18px}.phase-reading-header{padding-top:22px}.phase-reading-hint{display:none}.phase-panel{grid-template-columns:1fr;min-height:410px;padding:26px 0 15px;gap:20px}.phase-panel h3{font-size:30px}.phase-panel p,.phase-panel li{font-size:12px}.phase-panel li{margin-bottom:13px}.phase-controls{gap:10px;padding-bottom:22px}.phase-controls button{font-size:11px;padding:12px}.phase-controls #phase-next{max-width:65%}.schedule-callout{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}.schedule-callout>span:first-child{grid-column:1/-1;margin:0}.schedule-callout>p{font-size:10px}.schedule-callout strong{font-size:28px}.schedule-callout .schedule-connector{display:none}.schedule-callout small{grid-column:1/-1;font-size:10px;margin:0}.role-node p{overflow-wrap:normal}.value-grid h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.severity-description p:not([hidden]){animation:none}.timeline button,.role-node,.department-grid article{transition:none!important}.timeline button:hover{transform:none}}
@media print{.phase-reading-header,.phase-controls,.phase-exiting{display:none!important}.phase-reader{border:0;margin:0}#phase-panels{height:auto!important;overflow:visible!important}.workforce-core{padding:20px;min-height:0;max-width:none;box-shadow:none;border:0}.workforce-core>strong{font-size:30pt}.workforce-core>p{font-size:12pt}.role-node{min-height:0;padding:15px;box-shadow:none!important}.role-node h3{font-size:15pt}.role-node p{font-size:10pt}.department-grid article{padding:15px;break-inside:avoid;box-shadow:none!important}.department-grid article h3{font-size:16pt}.department-grid article p{font-size:10pt}.department-grid article:before{display:none}.phase-panel{min-height:0;height:auto;gap:25px}.phase-panel h3{font-size:20pt}.schedule-callout strong{color:#222}.schedule-connector{display:none}.empty{display:none!important}}
.pass-card strong{font-size:14px;letter-spacing:-.5px;line-height:1.25;margin:22px 0}.pass-card small{margin-top:20px}.pass-stripes{margin-top:18px}.region-list button time{margin-left:auto}
@media(max-width:760px){.pass-card strong{font-size:11px;margin:18px 0}.pass-card small{margin-top:12px}.pass-stripes{margin-top:12px}}
@media print{.timeline{display:none!important}.account-wires,.workforce-wires{display:none!important}}
.timeline{position:relative}.timeline button[aria-selected=true] .tab-label{color:#24351d}.phase-panel{min-height:245px}.schedule-callout{display:grid;grid-template-columns:1fr auto minmax(40px,80px) auto 1fr;gap:30px}.schedule-callout>span:first-child{margin:0}.schedule-connector{margin:0!important;width:100%;min-width:0}.schedule-callout small{justify-self:end;margin:0}
@media(max-width:1100px){.phase-panel{min-height:310px}.schedule-callout{gap:22px}}
@media(max-width:760px){.phase-panel{min-height:410px}.schedule-callout{grid-template-columns:1fr 1fr;gap:18px 25px}.schedule-callout small{justify-self:start}}
@media(max-width:760px){.workforce-map{grid-template-columns:repeat(2,minmax(0,1fr))}.role-node{min-width:0}.role-node h3{overflow-wrap:anywhere}}
@media(max-width:420px){.workforce-map,.department-grid{grid-template-columns:minmax(0,1fr)}.role-node,.role-node.bespoke{min-height:0;padding:23px}.role-node h3{font-size:23px;overflow-wrap:normal}.role-node p{font-size:12px}.department-grid article h3{font-size:26px}.workforce-core{width:100%;min-width:0}.department-grid article{padding:25px}}
