html{scroll-behavior:smooth;scroll-padding-top:120px}
*,*::before,*::after{box-sizing:border-box}
img,video{max-width:100%}
main,section,article,figure,dl{min-width:0}
p,dd,li{overflow-wrap:break-word;hyphens:none}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #2d9097;outline-offset:5px}
button,a{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}
.nav-toggle{display:none}
.site-enter{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.site-enter.motion-pending{opacity:0;transform:translateY(16px)}
.case-card,.next-project{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.case-card:hover,.next-project:hover{transform:translateY(-4px)}a:hover img[data-enlarge]{cursor:zoom-in}}
.site-image-dialog{padding:24px;border:0;border-radius:16px;background:#fff;max-width:94vw;max-height:92vh;color:#1b2a4a}
.site-image-dialog::backdrop{background:#1b2a4ab3}
.site-image-dialog img{display:block;max-width:85vw;max-height:78vh;object-fit:contain}
.site-image-dialog button{display:block;margin:0 0 16px auto;padding:10px 18px;min-height:44px;border:1px solid #dce4eb;border-radius:8px;background:white;color:#1b2a4a;font:inherit;cursor:pointer}
@media(max-width:650px){
 html{scroll-padding-top:96px}
 .site-header.unified-nav.nav-ready{position:sticky;height:68px;padding:0 12px;gap:8px}
 .site-header.unified-nav.nav-ready .brand{position:relative;z-index:2}
 .site-header.unified-nav.nav-ready .brand strong{display:none}
 .nav-ready .nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;min-width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #d5e1e5;border-radius:12px;background:#fff;color:#1b2a4a;cursor:pointer;position:relative;z-index:2}
 .nav-ready .nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
 .nav-ready .nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .nav-ready .nav-toggle.is-open span:nth-child(2){opacity:0}
 .nav-ready .nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .site-header.unified-nav.nav-ready nav{display:none;position:absolute;left:0;right:0;top:76px;padding:12px;background:#fff;border:1px solid #dce4eb;border-radius:16px;box-shadow:0 12px 30px #1b2a4a18;flex-direction:column;align-items:stretch;gap:4px}
 .site-header.unified-nav.nav-ready nav.is-open{display:flex!important}
 .site-header.unified-nav.nav-ready nav a,.site-header.unified-nav.nav-ready nav a:first-child{display:block;min-height:44px;padding:10px 14px;font-size:16px}
 .adi-section,.m-copy,.m-research,.m-persona,.m-priorities,.m-flow,.m-design,.m-elements,.m-testing,.m-results{max-width:100%}
 .next-project{margin-inline:20px;width:auto;gap:16px}
 .next-project strong{overflow-wrap:break-word}
 .adi-persona,.ap-persona,.dk-persona{max-width:100%}
 .preview-motion-toggle{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.site-enter.motion-pending,.reveal{opacity:1!important;transform:none!important}}
@media print{.nav-toggle,.site-image-dialog,.preview-motion-toggle{display:none!important}.site-enter.motion-pending{opacity:1!important;transform:none!important}}

/* Recruiter visible impact and evidence */
.classic-view .hero{position:relative;isolation:isolate;min-height:calc(100svh - 130px);padding:clamp(54px,7vh,86px) max(5vw,46px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:clamp(54px,7vw,120px);align-items:center;overflow:hidden;text-align:left}
.classic-view .hero::before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-180px;top:-210px;border-radius:50%;background:#b9e0da5c;filter:blur(2px)}
.classic-view .hero::after{content:"";position:absolute;z-index:-1;width:270px;height:270px;left:-120px;bottom:-160px;border-radius:50%;background:#cfd9f05c}
.hero-copy{max-width:760px}
.hero-kicker{margin:0 0 22px!important;color:#2a7a7a!important;font-size:13px!important;font-weight:800;letter-spacing:.15em;line-height:1.4!important}
.classic-view .hero h1{font-size:clamp(62px,6.2vw,102px);line-height:.96;text-align:left}
.hero-copy>p:not(.hero-kicker){max-width:680px;margin:32px 0 0;font-size:clamp(18px,1.45vw,23px);line-height:1.65;color:#526079}
.hero-cta{display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:15px 20px 15px 24px;border-radius:999px;background:#1b2a4a;color:#fff;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 12px 28px #1b2a4a20}
.hero-cta span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff;color:#1b2a4a;font-size:18px;transition:transform .25s ease}
.hero-cta:hover span{transform:translateY(3px)}
.hero .home-impact{width:100%;margin:0;padding:0;color:#1b2a4a;text-align:left}
.home-impact-heading{margin:0 0 22px}
.home-impact-heading p{margin:0;color:#2a7a7a;font-size:12px;font-weight:800;letter-spacing:.14em}
.home-impact-heading h2{margin:8px 0 0;font-size:clamp(26px,2.3vw,38px);line-height:1.08;letter-spacing:-.035em}
.home-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-impact-grid a{position:relative;display:flex;min-height:158px;padding:24px;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid #d8e4e7;border-radius:26px;background:#fff;color:#1b2a4a;text-decoration:none;box-shadow:0 16px 40px #1b2a4a0c;transition:transform .28s ease,box-shadow .28s ease}
.home-impact-grid a::after{content:"↗";position:absolute;top:18px;right:20px;font-size:19px}
.home-impact-grid a:nth-child(1){background:#1b2a4a;color:#fff;border-color:#1b2a4a}
.home-impact-grid a:nth-child(2){background:#cce9e4;border-color:#cce9e4}
.home-impact-grid a:nth-child(3){background:#dfe8f5;border-color:#dfe8f5}
.home-impact-grid a:nth-child(4){background:#fff}
.home-impact-grid strong{font-size:clamp(40px,3.5vw,56px);line-height:1;color:#2a7a7a;letter-spacing:-.06em}
.home-impact-grid a:nth-child(1) strong{color:#b9e0da}
.home-impact-grid span{margin-top:12px;font-size:15px;font-weight:750;line-height:1.25}
.home-impact-grid small{margin-top:5px;color:#69768a;font-size:13px;font-weight:700}
.home-impact-grid a:nth-child(1) small{color:#b9c5d5}
.home-impact-grid a:hover{transform:translateY(-5px);box-shadow:0 22px 48px #1b2a4a18}

.case-art .case-icon{position:absolute;top:22px;left:22px;z-index:2;display:grid;width:48px;height:48px;place-items:center;border:1px solid #ffffffbf;border-radius:15px;background:#ffffffdb;color:#1b2a4a;font:700 21px/1 Inter,Arial,sans-serif;box-shadow:0 10px 24px #1b2a4a1f;backdrop-filter:blur(10px);transition:transform .25s ease,background-color .25s ease,color .25s ease}
.case-card:hover .case-icon{transform:translateY(-3px) rotate(-4deg);background:#2a7a7a;color:#fff}

.persistent-view-switch{display:flex;align-items:center;gap:3px;margin-left:0;padding:4px;background:#edf3f5;border:1px solid #d8e4e7;border-radius:999px}
.persistent-view-switch .view-option{border:0;background:transparent;color:#526079;border-radius:999px;padding:9px 14px;font:700 13px/1 Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.persistent-view-switch .view-option.is-active{background:#1b2a4a;color:#fff;box-shadow:0 3px 10px #1b2a4a22}
.site-header.unified-nav:has(.persistent-view-switch) nav{gap:clamp(18px,2.4vw,44px)}
@media(min-width:651px){.site-header.unified-nav nav{position:absolute;left:50%;transform:translateX(-50%);gap:clamp(28px,3.3vw,64px)}}

.evidence-section{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:56px;max-width:1040px!important;padding:54px!important;border-radius:24px;background:#f3f8f8}
.evidence-section>.eyebrow{grid-column:1;margin-bottom:2px}
.evidence-section>h2{grid-column:1;margin:0!important;font-size:clamp(30px,3.1vw,44px)!important;line-height:1.08!important}
.evidence-section>div{grid-column:2;grid-row:1/3;display:block!important;margin:0!important;border-top:1px solid #cfe0e1}
.evidence-section article{display:grid;grid-template-columns:40px 1fr;padding:22px 0!important;border-bottom:1px solid #cfe0e1;border-radius:0!important;background:transparent!important}
.evidence-section article>span{grid-row:1/3;padding-top:3px;font-size:11px!important}
.evidence-section article h3{margin:0 0 6px!important;font-size:18px!important}
.evidence-section article p{margin:0;font-size:14px!important;line-height:1.6!important}
.system-map,.ai-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}
.system-map article,.ai-principles article{position:relative;padding:28px;border:1px solid #d7e5e7;border-radius:20px;background:#fff}
.system-map article span,.ai-principles article span{display:block;margin-bottom:28px;color:#2a7a7a;font-size:13px;font-weight:800;letter-spacing:.12em}
.system-map article h3,.ai-principles article h3{margin:0 0 12px;color:#1b2a4a;font-size:21px;line-height:1.3}
.system-map article p,.ai-principles article p{margin:0;color:#52616a;font-size:16px;line-height:1.65}
.system-map article:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;z-index:2;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#2a7a7a;color:#fff;font-size:16px;transform:translateY(-50%)}

.ai-practice{padding:105px max(5vw,32px);background:#eef6f6;color:#1b2a4a}
.ai-practice>div:first-child{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);column-gap:64px;max-width:1400px;margin:auto}
.ai-practice .section-label{grid-column:1;margin:0 0 18px;color:#2a7a7a;font-size:13px;font-weight:800;letter-spacing:.14em}
.ai-practice h2{grid-column:1;margin:0;font-size:clamp(38px,4.5vw,66px);line-height:1.03;letter-spacing:-.05em}
.ai-practice>div:first-child>p:last-child{grid-column:2;grid-row:1/4;margin:32px 0 0;color:#52616a;font-size:20px;line-height:1.7}
.ai-principles{max-width:1400px;margin:58px auto 0;grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:900px){
 .classic-view .hero{grid-template-columns:1fr;gap:48px;padding:68px 42px 78px}
 .hero-copy{max-width:760px}
 .hero .home-impact{max-width:760px}
 .ai-practice>div:first-child{grid-template-columns:1fr;gap:20px}
 .home-impact-grid,.system-map{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-impact-grid a:nth-child(3){border-left:0;border-top:1px solid #cfe0e1}
 .home-impact-grid a:nth-child(4){border-top:1px solid #cfe0e1}
 .evidence-section{grid-template-columns:1fr;gap:20px}
 .evidence-section>div{grid-column:1;grid-row:auto;margin-top:8px!important}
 .ai-practice>div:first-child>p:last-child{grid-column:1;grid-row:auto;margin-top:8px}
 .ai-principles{grid-template-columns:1fr}
 .system-map article::after{display:none!important}
}
@media(max-width:560px){
 .classic-view .hero{min-height:auto;padding:52px 20px 62px;gap:42px}
 .classic-view .hero h1{font-size:50px}
 .hero-copy>p:not(.hero-kicker){margin-top:24px;font-size:17px}
 .hero-cta{margin-top:26px}
 .home-impact-heading{margin:0 0 18px}
 .home-impact-heading h2{font-size:28px}
 .home-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .system-map{grid-template-columns:1fr}
 .home-impact-grid a{min-height:138px;padding:18px 14px;border-radius:20px}
 .home-impact-grid a:nth-child(2),.home-impact-grid a:nth-child(4){transform:none}
 .home-impact-grid span,.home-impact-grid small{display:block}
 .home-impact-grid span{margin-top:10px}
 .home-impact-grid strong{font-size:38px}
 .home-impact-grid span{font-size:13px}
 .home-impact-grid small{font-size:12px}
 .case-art .case-icon{top:14px;left:14px;width:42px;height:42px;border-radius:13px;font-size:18px}
 .evidence-section{padding:30px 22px!important;border-radius:18px}
 .ai-practice{padding:72px 20px}
}

@media(max-width:650px){
 .persistent-view-switch{position:absolute;left:50%;transform:translateX(-50%);z-index:1;padding:3px}
 .persistent-view-switch .view-option{padding:8px 9px;font-size:11px}
 .site-header.unified-nav.nav-ready nav{transform:none}
}