@font-face{font-family:LoraLocal;src:url("assets/fonts/Lora-Regular.ttf") format("truetype");font-display:swap;font-weight:400}
@font-face{font-family:LoraLocal;src:url("assets/fonts/Lora-BoldItalic.ttf") format("truetype");font-display:swap;font-style:italic;font-weight:700}
@font-face{font-family:WorkLocal;src:url("assets/fonts/WorkSans-Regular.ttf") format("truetype");font-display:swap;font-weight:400}
@font-face{font-family:WorkLocal;src:url("assets/fonts/WorkSans-Bold.ttf") format("truetype");font-display:swap;font-weight:700}

:root{
  --petrol:#164e63;
  --petrol-deep:#0f3d4c;
  --ink:#17252a;
  --paper:#faf7f1;
  --sand:#e9e1d4;
  --sand-light:#f2ece3;
  --ochre:#9a5718;
  --white:#fffdf9;
  --error:#8b2f20;
  --success:#28633f;
  --line:rgba(23,37,42,.2);
  --line-light:rgba(250,247,241,.24);
  --serif:LoraLocal,Georgia,serif;
  --sans:WorkLocal,"Segoe UI",sans-serif;
  --max:1200px;
  --ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}

.skip-link{background:var(--ink);color:var(--white);left:16px;padding:12px 16px;position:fixed;top:-70px;z-index:100;text-decoration:none}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
.belief :focus-visible,.example :focus-visible,.fit-no :focus-visible,.contact :focus-visible{outline-color:var(--sand)}

.section-shell{margin-inline:auto;max-width:var(--max);padding-inline:24px;width:100%}
.section-space{padding-block:96px}
.site-header{align-items:center;background:rgba(250,247,241,.94);border-bottom:1px solid var(--line);display:flex;height:74px;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2 + 24px));position:sticky;top:0;z-index:30}
.wordmark{align-items:center;display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:-.02em;text-decoration:none}
.wordmark svg{height:28px;width:28px}
.wordmark circle{fill:var(--petrol)}
.wordmark path{fill:none;stroke:var(--petrol);stroke-width:1.8}
.header-cta{align-items:center;display:flex;font-size:13px;font-weight:700;gap:8px;min-height:44px;text-underline-offset:5px}

.kicker{color:var(--petrol);font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.047em;line-height:1.02}
h1{font-size:clamp(45px,6.8vw,88px);margin-bottom:28px;max-width:760px}
h2{font-size:clamp(38px,5vw,64px);margin-bottom:28px;max-width:760px}
h3{font-family:var(--serif);font-size:clamp(25px,2.4vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1.15}
.accent-word{color:var(--ochre);font-style:italic;font-weight:700;white-space:nowrap}
.large-copy{font-size:clamp(18px,2vw,22px);line-height:1.55;max-width:650px}
.hero{align-items:center;display:grid;gap:48px;padding-block:72px 82px}
.hero-copy{position:relative;z-index:2}
.hero-lede{font-size:clamp(18px,1.8vw,22px);line-height:1.52;max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{align-items:center;border:1px solid transparent;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:14px;justify-content:center;min-height:50px;padding:14px 18px;text-decoration:none;transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s var(--ease)}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button:disabled{cursor:wait;opacity:.58;transform:none}
.button-primary{background:var(--ochre);border-color:var(--ochre);color:var(--white)}
.button-primary:hover{background:#7f4512;border-color:#7f4512}
.button-outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.button-outline:hover{background:var(--ink);color:var(--paper)}
.microcopy{font-size:13px;margin:14px 0 0;max-width:600px}
.hero-visual{aspect-ratio:1;background:var(--sand-light);border:1px solid var(--line);inline-size:min(100%,440px);justify-self:center;margin:0;overflow:hidden;padding:12px;position:relative}
.hero-visual>img{aspect-ratio:1;height:100%;object-fit:contain;width:100%}
.hero-visual figcaption{background:rgba(250,247,241,.92);border:1px solid var(--line);bottom:24px;font-size:11px;font-weight:700;left:24px;line-height:1.4;margin:0;max-width:calc(100% - 48px);padding:9px 11px;position:absolute}

.client-logo-band{background:var(--petrol-deep);border-block:1px solid var(--line-light);color:var(--paper);overflow:hidden;padding-block:24px 28px}
.client-logo-heading{align-items:baseline;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}
.client-logo-heading p{font-size:13px;font-weight:700;letter-spacing:.01em;margin:0;max-width:720px}
.client-logo-heading span{color:var(--sand);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.logo-marquee{--logo-gap:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);overflow:hidden;width:100%}
.logo-track{animation:logo-loop 42s linear infinite;display:flex;width:max-content;will-change:transform}
.logo-group{display:flex;flex-shrink:0;gap:var(--logo-gap);padding-right:var(--logo-gap)}
.client-logo-slot{align-items:center;background:rgba(250,247,241,.07);border:1px solid rgba(250,247,241,.28);display:grid;gap:4px;grid-template-columns:26px 1fr;height:76px;min-width:210px;padding:14px 18px}
.client-logo-slot span{color:var(--sand);font-size:9px;font-weight:700;letter-spacing:.1em}
.client-logo-slot strong{font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:-.02em;white-space:nowrap}
@keyframes logo-loop{to{transform:translate3d(-50%,0,0)}}

.proof-band{background:var(--sand);border-block:1px solid var(--line);padding-block:64px}
.proof-inner{display:grid;gap:38px}
.proof-heading h2{font-size:clamp(31px,4vw,48px);margin:0;max-width:720px}
.proof-notes{display:grid;gap:14px}
.proof-notes article{align-items:center;background:rgba(250,247,241,.62);border:1px solid rgba(23,37,42,.14);display:grid;gap:16px;grid-template-columns:62px 1fr;min-height:118px;padding:18px}
.proof-notes img{height:62px;object-fit:contain;width:62px}
.proof-notes p{display:grid;gap:3px;margin:0}
.proof-notes strong{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:-.025em}
.proof-notes span{font-size:13px;line-height:1.45}

.editorial-grid{display:grid;gap:34px}
.lead-copy{font-size:clamp(17px,1.7vw,20px);max-width:660px}
.lead-copy p:last-child{margin-bottom:0}
.friction-list{border-top:1px solid var(--line);display:grid;list-style:none;margin:64px 0 0;padding:0}
.friction-list li{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:72px 1fr;padding:24px 0}
.friction-list img{height:72px;object-fit:contain;width:72px}
.friction-list span{font-family:var(--serif);font-size:23px;letter-spacing:-.03em}
.friction-list p{font-size:14px;margin:7px 0 0;max-width:450px}
.bridge-copy{font-family:var(--serif);font-size:clamp(26px,3.5vw,43px);letter-spacing:-.04em;line-height:1.17;margin:62px auto 0;max-width:850px;text-align:center}

.belief{background:var(--petrol);color:var(--paper)}
.belief.section-space{padding-block:0}
.belief .kicker{color:var(--sand)}
.belief-grid{column-gap:45px;display:grid;row-gap:0}
.belief-copy{padding-block:70px}
.belief-mark{
  align-self:start;
  aspect-ratio:1;
  background-attachment:fixed;
  background-color:var(--petrol-deep);
  background-image:linear-gradient(rgba(15,61,76,.06),rgba(15,61,76,.06));
  background-position:center;
  background-repeat:no-repeat;
  background-size:auto min(86vh,780px);
  border:1px solid var(--line-light);
  box-shadow:inset 0 0 0 10px rgba(15,61,76,.1);
  overflow:hidden;
  position:relative;
}
.belief-mark.is-image-loaded{background-image:linear-gradient(rgba(15,61,76,.06),rgba(15,61,76,.06)),url("assets/generated/human-centered-automation.webp")}
.belief-mark::after{border:1px solid rgba(250,247,241,.09);content:"";inset:10px;pointer-events:none;position:absolute}
.not-this{display:grid;gap:12px;margin-top:38px}
.not-this p{align-items:center;display:flex;font-size:14px;font-weight:700;gap:12px;margin:0;min-height:48px}
.not-this img{filter:brightness(0) invert(97%) sepia(8%) saturate(296%) hue-rotate(334deg) brightness(104%);height:42px;object-fit:contain;width:42px}

.pillars{border-top:1px solid var(--line);display:grid;margin-top:66px}
.pillars article{border-bottom:1px solid var(--line);padding:28px 0}
.pillar-top{align-items:center;display:flex;justify-content:space-between}
.pillar-top>span{color:var(--petrol);font-size:11px;font-weight:700}
.pillar-top img{height:72px;object-fit:contain;width:72px}
.pillar-top img.process-icon-wide{height:72px;width:140px}
.pillars h3{margin:30px 0 12px}
.pillars p{margin:0;max-width:370px}
blockquote{border-left:2px solid var(--petrol);font-family:var(--serif);font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.2;margin:70px 0 0;padding:6px 0 6px 22px}

.example{background:var(--ink);color:var(--paper)}
.example .kicker{color:var(--sand)}
.example-heading{display:grid;gap:24px}
.example-heading>p{font-size:18px;max-width:520px}
.journey{border-top:1px solid var(--line-light);list-style:none;margin:58px 0 0;padding:0}
.journey li{align-items:start;border-bottom:1px solid var(--line-light);display:grid;gap:18px;grid-template-columns:38px 1fr;padding:28px 0}
.journey-number{color:var(--sand);font-size:11px;font-weight:700}
.journey h3{font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
.journey p{color:#e1ddd5;font-size:15px;margin:0;max-width:640px}
.journey-icon{filter:brightness(0) invert(97%) sepia(8%) saturate(296%) hue-rotate(334deg) brightness(104%);height:58px;object-fit:contain;width:58px}
.outcome-line{border:1px solid var(--line-light);font-size:13px;font-weight:700;letter-spacing:.02em;margin:34px 0 0;padding:18px;text-align:center}

.offers-heading{display:grid;gap:20px;margin-bottom:54px}
.offers-heading>p{font-size:18px;max-width:540px}
.offer-grid{display:grid;gap:18px}
.offer-card{background:var(--sand-light);border:1px solid var(--line);display:flex;flex-direction:column;padding:26px}
.offer-label{color:var(--petrol);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.offer-card h3{font-size:clamp(30px,3vw,40px);margin:26px 0 16px}
.offer-card>p{font-size:16px}
.offer-card ul{border-top:1px solid var(--line);list-style:none;margin:22px 0 30px;padding:0}
.offer-card li{border-bottom:1px solid var(--line);font-size:14px;padding:12px 0 12px 20px;position:relative}
.offer-card li::before{background:var(--petrol);content:"";height:5px;left:0;position:absolute;top:21px;width:5px}
.offer-card .button{align-self:flex-start;margin-top:auto}

.fit-band{background:linear-gradient(90deg,var(--sand) 0 50%,var(--petrol-deep) 50%)}
.fit-grid{display:grid;padding-inline:0}
.fit-panel{padding:72px 24px}
.fit-panel h2{font-size:clamp(34px,4vw,52px)}
.fit-panel ul{list-style:none;margin:36px 0 0;padding:0}
.fit-panel li{align-items:flex-start;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:34px 1fr;padding:14px 0}
.fit-panel li img{height:34px;object-fit:contain;width:34px}
.fit-panel li:last-child{border-bottom:1px solid var(--line)}
.fit-no{background:var(--petrol-deep);color:var(--paper)}
.fit-no .kicker{color:var(--sand)}
.fit-no li{border-color:var(--line-light)}
.fit-no li img{filter:brightness(0) invert(97%) sepia(8%) saturate(296%) hue-rotate(334deg) brightness(104%)}

.process-list{list-style:none;margin:66px 0 0;padding:0}
.process-list li{align-items:start;border-top:1px solid var(--line);display:grid;gap:20px;grid-template-columns:40px 1fr;padding:18px 0}
.process-list li:last-child{border-bottom:1px solid var(--line)}
.process-list>li>span{color:var(--petrol);font-size:11px;font-weight:700}
.process-list div{display:grid;gap:4px}
.process-list strong{font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:-.03em}
.process-list small{font-size:14px}

.about{background:var(--sand-light)}
.about-grid{display:grid;gap:42px}
.portrait-slot{background:var(--sand);isolation:isolate;margin:0;overflow:hidden;position:relative}
.portrait-slot>img{aspect-ratio:5/6;filter:none;height:auto;object-fit:cover;object-position:center top;transform:scaleX(-1);width:100%}
.portrait-slot figcaption{background:var(--paper);bottom:14px;font-size:11px;font-weight:700;left:14px;letter-spacing:.08em;padding:10px 13px;position:absolute;text-transform:uppercase;z-index:2}
.about-copy>p:not(.kicker):not(.privacy-note){max-width:680px}
.privacy-note{border-left:2px solid var(--petrol);font-size:13px;margin:0;padding-left:14px}

.certification{background:var(--sand);border-block:1px solid var(--line)}
.certification-grid{align-items:center;display:grid;gap:42px}
.certification .large-copy{margin-bottom:0}
.badge-frame{background:var(--paper);border:1px solid var(--line);inline-size:min(100%,500px);justify-self:center;padding:12px}
.badge-frame iframe{background:var(--white);border:0;display:block;height:540px;max-height:720px;width:100%}

.contact{background:var(--petrol-deep);color:var(--paper)}
.contact .kicker{color:var(--sand)}
.contact-grid{display:grid;gap:48px}
.contact-copy>p:not(.kicker){font-size:18px;max-width:530px}
.consultation-note{align-items:center;border-top:1px solid var(--line-light);display:grid;gap:16px;grid-template-columns:76px 1fr;margin-top:34px;max-width:540px;padding-top:20px}
.consultation-note img{filter:brightness(0) invert(97%) sepia(8%) saturate(296%) hue-rotate(334deg) brightness(104%);height:76px;object-fit:contain;width:76px}
.consultation-note p{display:grid;font-size:14px!important;gap:5px;margin:0}
form{background:var(--paper);color:var(--ink);padding:24px}
fieldset{border:0;margin:0 0 28px;padding:0}
legend,label{font-size:14px;font-weight:700}
.required-text{font-size:11px;font-weight:400}
.intent-options{display:grid;gap:10px;margin-top:10px}
.intent-options label{align-items:flex-start;background:var(--white);border:1px solid rgba(23,37,42,.36);cursor:pointer;display:flex;gap:11px;min-height:70px;padding:12px}
.intent-options label:has(input:checked){border-color:var(--petrol);box-shadow:inset 4px 0 0 var(--petrol)}
.intent-options input{accent-color:var(--petrol);flex:0 0 auto;height:20px;margin:3px 0 0;width:20px}
.intent-options span{display:grid;gap:2px}
.intent-options small{font-size:12px;font-weight:400;line-height:1.4}
.form-row{display:grid;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;margin-bottom:6px}
input:not([type="radio"]),textarea{background:var(--white);border:1px solid rgba(23,37,42,.5);border-radius:0;color:var(--ink);font-size:16px;min-height:50px;padding:12px;width:100%}
textarea{min-height:140px;resize:vertical}
input:not([type="radio"]):hover,textarea:hover{border-color:var(--ink)}
input.invalid,textarea.invalid{border:2px solid var(--error)}
.field-help,.form-privacy{color:#526066;font-size:12px;line-height:1.5;margin:5px 0 0}
.field-error{color:var(--error);font-size:12px;font-weight:700;margin:5px 0 0;min-height:0}
.submit-button{margin-top:22px;width:100%}
.form-status{font-size:14px;font-weight:700;margin-top:16px}
.form-status.error,.form-status.success{border-left:3px solid;padding:12px}
.form-status.error{border-color:var(--error);color:var(--error)}
.form-status.success{border-color:var(--success);color:var(--success)}

.site-footer{background:var(--ink);border-top:1px solid var(--line-light);color:var(--paper)}
.footer-inner{display:grid;font-size:11px;gap:7px;letter-spacing:.03em;padding-block:24px}

html.reveal-ready [data-reveal-group]>*{opacity:0;transform:translateY(22px)}
html.reveal-ready [data-reveal-group].is-revealed>*{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--reveal-index,0)*75ms)}

@media (min-width:700px){
  .section-shell{padding-inline:40px}.section-space{padding-block:120px}
  .proof-notes{grid-template-columns:repeat(3,1fr)}
  .proof-notes article{align-content:start;grid-template-columns:1fr;min-height:240px}
  .friction-list{grid-template-columns:1fr 1fr}
  .friction-list li:nth-child(odd){padding-right:30px}
  .friction-list li:nth-child(even){border-left:1px solid var(--line);padding-left:30px}
  .pillars{grid-template-columns:repeat(3,1fr)}
  .pillars article{border-bottom:1px solid var(--line);padding:30px 28px 32px 0}
  .pillars article+article{border-left:1px solid var(--line);padding-left:28px}
  .journey li{grid-template-columns:48px 1fr 64px}
  .offer-grid{grid-template-columns:repeat(2,1fr)}.offer-card{padding:34px}
  .fit-grid{grid-template-columns:1fr 1fr}.fit-panel{padding:88px 40px}
  .process-list li{grid-template-columns:60px 1fr}.process-list div{align-items:baseline;grid-template-columns:.65fr 1.35fr}
  .form-row{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr 1fr}.footer-inner span:nth-child(2){text-align:center}.footer-inner span:last-child{text-align:right}
}

@media (min-width:920px){
  .hero{grid-template-columns:1.12fr .88fr;padding-block:88px}.hero-visual{inline-size:min(100%,440px);padding:16px}
  .editorial-grid{grid-template-columns:1fr 1fr}.belief-grid{align-items:stretch;column-gap:72px;grid-template-columns:.82fr 1.18fr}.belief-mark{align-self:stretch;aspect-ratio:auto;background-position:left calc(max(24px,(100vw - var(--max))/2) - 180px) center}
  .example-heading,.offers-heading{align-items:start;grid-template-columns:1fr .75fr}
  .about-grid{align-items:center;grid-template-columns:.78fr 1.22fr;gap:72px}.certification-grid{grid-template-columns:.8fr 1.2fr;gap:64px}.contact-grid{align-items:start;grid-template-columns:.82fr 1.18fr;gap:80px}
}

@media (min-width:1280px){
  .section-shell{padding-inline:0}.site-header{padding-inline:calc((100vw - var(--max))/2)}.fit-panel{padding-inline:64px}.fit-grid{max-width:var(--max)}
}

@media (max-width:520px){
  .site-header{height:66px}.wordmark span{max-width:145px;line-height:1.15}.header-cta{font-size:12px}
  .hero{min-height:auto;padding-block:54px 68px}.hero-actions{display:grid}.button{width:100%}
  .hero-visual{margin-top:8px;padding:8px}.hero-visual figcaption{font-size:11px}
  .client-logo-heading{align-items:flex-start;display:grid;gap:7px}.client-logo-heading span{white-space:normal}.client-logo-slot{height:68px;min-width:172px;padding:12px}.client-logo-slot strong{font-size:15px}
  .section-space{padding-block:78px}.proof-band{padding-block:56px}
  .fit-band{background:var(--sand)}.fit-panel{padding-block:68px}
  .portrait-slot>img{aspect-ratio:5/6}.badge-frame iframe{height:520px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .belief-mark{background-attachment:scroll;background-position:center}
  html.reveal-ready [data-reveal-group]>*{opacity:1!important;transform:none!important}
  .logo-marquee{-webkit-mask-image:none;mask-image:none;padding-inline:24px}
  .logo-track{animation:none;display:block;width:auto}
  .logo-group{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
  .logo-group[aria-hidden="true"]{display:none}
  .client-logo-slot{min-width:0;width:100%}
}

@media (max-width:620px) and (prefers-reduced-motion:reduce){
  .logo-group{grid-template-columns:repeat(2,minmax(0,1fr))}
}