*{box-sizing:border-box}html{background:#fdfbf6;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#18252d;background:#fdfbf6;font:400 18px/1.6 Archivo,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#694294}a:focus-visible{outline:3px solid #694294;outline-offset:5px}main:focus{outline:none}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{text-wrap:balance}h1{font-size:clamp(48px,5.4vw,80px);font-weight:850;letter-spacing:-0.065em;line-height:1.02}h1 em{font-style:normal;color:#694294;font-weight:750}h1>span{display:block;max-width:30ch;margin-top:25px;font-size:clamp(22px,2.3vw,31px);font-weight:450;line-height:1.4;letter-spacing:-0.025em}h2{font-size:clamp(35px,3.7vw,54px);font-weight:800;letter-spacing:-0.055em;line-height:1.08}h3{font-size:40px;line-height:1.12;letter-spacing:-0.045em;font-weight:800}h4{font-size:20px;line-height:1.35;letter-spacing:-0.025em;margin-bottom:9px}.wrap{width:min(1184px,100% - 96px);margin-inline:auto}.eyebrow{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.eyebrow span{color:#694294}.skip-link{position:absolute;left:24px;top:-100px;padding:12px 20px;background:#18252d;color:#fff;z-index:10}.skip-link:focus{top:12px}.portfolio-header{min-height:106px;display:flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid #c7cece}.brand{display:flex;align-items:center;min-height:44px}.brand img{display:block;width:156px;height:auto}nav{display:flex;gap:30px}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:none}.portfolio-hero{display:grid;grid-template-columns:minmax(0, 1.7fr) minmax(0, 1fr);gap:80px;padding-block:88px 94px;align-items:center}.portfolio-hero h1{margin-block:24px 28px}.intro{max-width:58ch;font-size:19px}.contact-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;font-size:17px;font-weight:650;margin-top:26px;text-decoration:none;border-bottom:1px solid #18252d;overflow-wrap:anywhere}.contact-link span{color:#694294;font-size:27px}.profile{border-top:3px solid #694294;background:#eee8f4;padding:26px 28px}dl{margin-top:22px}dl>div{padding:18px 0;border-bottom:1px solid #c7cece}dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#4b565c;margin-bottom:5px}dd{font-size:16px;line-height:1.6}.profile-note{margin-top:24px;font-size:14px;line-height:1.7;color:#4b565c}.section-heading{border-top:1px solid #18252d;padding-top:28px;display:grid;grid-template-columns:1fr 1.5fr;gap:24px 70px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{align-self:end;color:#4b565c;max-width:52ch}.case{padding-block:64px;border-bottom:1px solid #b7c0c2;display:grid;grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr);gap:76px;align-items:start}.case h3{margin-block:13px 16px}.case-intro{font-size:21px;line-height:1.45;max-width:42ch}.ownership{font-size:15px;line-height:1.7;margin-top:20px;color:#4b565c}.stack{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 30px}.stack li{font-size:12px;line-height:1.4;padding:6px 10px;border:1px solid #bcc6c7;background:#fff}.decision+.decision{margin-top:26px}.decision p{font-size:16px;line-height:1.75;max-width:64ch}.status{border-left:3px solid #694294;padding-left:16px;margin-top:28px;font-size:14px;line-height:1.7;color:#4b565c}.product-link{display:inline-flex;align-items:center;min-height:48px;gap:36px;margin-top:17px;font-size:15px;font-weight:650}.capture-mat{background:#eee8f4;padding:32px;display:flex;justify-content:center;border:1px solid #d7cbe2}.dex-mat{background:#e8e3f0;border-color:#d4cede}.product-capture img{display:block;width:min(100%,264px);height:auto;border-radius:16px;box-shadow:0 12px 30px rgba(24,37,45,.1411764706)}figcaption{font-size:12px;line-height:1.65;color:#4b565c;margin-top:12px}.experience{margin-top:76px;background:#18252d;color:#fff}.experience-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-block:60px}.experience .eyebrow span{color:#d9b9ff}.experience h2{margin-top:22px}.timeline article+article{border-top:1px solid #71808a;margin-top:28px;padding-top:28px}.period{font-size:12px;letter-spacing:.05em;color:#d2dcdf}.timeline h3{font-size:27px;margin-top:8px}.role{font-size:14px;margin-block:7px 13px;color:#d9b9ff}.timeline article>p:last-child{font-size:16px;line-height:1.75;color:#e3e8e9}.contact{padding-block:72px 80px}.contact h2{margin-block:23px}.contact>p:not(.eyebrow){max-width:59ch;color:#4b565c}.portfolio-footer{border-top:1px solid #b7c0c2;padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#4b565c}.portfolio-footer a{display:inline-flex;align-items:center;min-height:44px}.portfolio-footer span{color:#694294;margin-inline:6px}@media(max-width: 900px){.wrap{width:calc(100% - 56px)}.portfolio-hero{gap:36px;padding-block:60px;grid-template-columns:1.5fr 1fr}h1{font-size:53px}.profile{padding:22px}.case{gap:34px;grid-template-columns:1.55fr 1fr}.capture-mat{padding:20px}.section-heading,.experience-grid{gap:28px}.section-heading>p:last-child{font-size:16px}}@media(max-width: 680px){.wrap{width:calc(100% - 40px)}body{font-size:17px}.portfolio-header{min-height:88px;gap:16px}.brand img{width:116px}nav{gap:16px}nav a{font-size:12px}.portfolio-hero{grid-template-columns:1fr;padding-block:44px 52px;gap:34px}h1{font-size:clamp(40px,10vw,60px)}h2{font-size:38px}h3{font-size:34px}.intro{font-size:18px}.profile{padding:22px 24px}.profile-note{font-size:13px}.section-heading{grid-template-columns:1fr;gap:20px}.case{grid-template-columns:1fr;gap:30px;padding-block:42px}.case-intro{font-size:20px}.capture-mat{padding:26px}.product-capture img{width:min(100%,264px)}.experience{margin-top:48px}.experience-grid{grid-template-columns:1fr;padding-block:42px;gap:32px}.experience h2 br{display:none}.experience h2{max-width:11ch}.contact{padding-block:50px}.contact-link{gap:14px;font-size:15px}.portfolio-footer{flex-wrap:wrap;gap:2px 20px}.portfolio-footer>p:first-child{width:100%}}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media(max-width: 380px){.portfolio-header{flex-wrap:wrap;gap:0;padding-block:16px 8px}nav{width:100%;justify-content:space-between}}