@font-face{font-family:Barlow;src:url('../portfolio/media/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:#f4f7fa;color:#25344b;font:17px/1.65 "Avenir Next",Avenir,"Segoe UI",sans-serif}a{color:#176199;text-underline-offset:4px}a:focus-visible,video:focus-visible{outline:3px solid #176199;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Barlow,"Arial Narrow",sans-serif;font-weight:600;line-height:1.05}h1{font-size:clamp(48px,5.8vw,82px);letter-spacing:-.01em}h2{font-size:42px}h3{font-size:31px}p+p{margin-top:16px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}header{background:#fff;border-bottom:1px solid #d1dae5;position:sticky;top:0;z-index:3}.nav{display:flex;justify-content:space-between;align-items:center;min-height:76px}.identity{font-size:18px;font-weight:650;text-decoration:none;color:#25344b}nav{display:flex;gap:24px}nav a,footer a,.actions a{display:inline-flex;align-items:center;min-height:44px}nav a{font-size:14px;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:36px;align-items:center;padding-block:65px 42px}.context{font-size:14px;color:#59667a;margin-bottom:22px}.lead{font-size:21px;line-height:1.45;margin-top:24px;max-width:38ch}.brief{font-size:16px;max-width:52ch}.status{display:inline-block;background:#e3efd9;border-left:4px solid #507d27;padding:5px 12px;margin-block:24px 14px;font-size:14px;font-weight:650}.actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:14px;font-weight:650}.hero-model img{display:block;width:100%;height:auto}.hero-model figcaption{font-size:12px;color:#59667a;max-width:58ch;margin-top:12px}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:4px solid #ff9c36;padding-block:28px 36px}.overview h2{font-size:25px;margin-bottom:12px}.overview p{font-size:15px}.story{padding-block:56px;border-top:1px solid #d1dae5}.section-heading{max-width:790px;margin-bottom:28px}.section-heading h2{margin-bottom:20px}.step{font-size:14px;color:#59667a;margin-bottom:10px}.journey{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:30px;margin:28px 0}.journey li{counter-increment:step;border-top:3px solid #176199;padding-top:16px}.journey li:before{content:counter(step);display:block;font:600 26px Barlow;color:#176199;margin-bottom:12px}.journey strong{display:block;font:600 28px Barlow;margin-bottom:12px}.journey span{font-size:16px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px}.comparison img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:contain;background:#e9eff4}.comparison a,.contained figure a,.next figure a{display:block}.comparison figcaption,.contained figcaption,.next figcaption{font-size:13px;line-height:1.5;padding-top:12px;color:#59667a}.decision{margin-top:25px;max-width:82ch;border-left:4px solid #ff9c36;padding-left:18px}.note{font-size:13px;color:#59667a;margin-top:17px;max-width:90ch}.contained{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;margin-top:40px}.contained p{margin-top:20px}.contained img,.next img{display:block;width:100%;height:auto}.motion video{display:block;width:min(740px,100%);max-height:700px;margin-inline:auto;background:#e9eff4}.motion .note{margin-inline:auto}.next{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.next h2{margin-bottom:24px}.credits{font-size:14px;max-width:1000px}.credits h2{font-size:30px;margin-bottom:22px}footer{display:flex;gap:24px;justify-content:space-between;padding-block:25px;border-top:1px solid #d1dae5;font-size:14px}.skip{position:fixed;top:-100px;left:20px;background:#25344b;color:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:68px}.identity{font-size:15px}nav{gap:14px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-top:35px;gap:10px}.hero-model{max-width:520px;margin-inline:auto}.hero-model img{max-height:440px;object-fit:contain}.hero-copy h1 br{display:none}h1{font-size:52px}.lead{font-size:19px}.overview,.comparison,.contained,.next{grid-template-columns:1fr;gap:25px}.overview{gap:24px}.journey{grid-template-columns:1fr;gap:20px}.story{padding-block:36px}h2{font-size:36px}.comparison img{max-height:450px}.contained{margin-top:30px}.next figure{max-width:500px}footer{align-items:flex-start;flex-direction:column;gap:6px}.credits{font-size:14px}.actions{gap:8px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}