.sub-direction{--ink:#17171c;--muted:#64646e;--accent:#5263e8;--line:#e4e4ea;background:#fff;color:var(--ink)}
.sub-direction .sub-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 68%,#393654 0,transparent 55%),#17171c;color:#fff}
.sub-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:76px 82px;min-height:500px}
.sub-hero-copy{min-width:0;position:relative;z-index:1}.sub-direction .sub-hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:750;max-width:850px;margin:22px 0}
.sub-direction .sub-hero .overline{color:#bfc3e6}.sub-direction .sub-hero .back-link{display:inline-block;color:#d1d1e1;margin-bottom:25px;font-size:12px;min-height:24px}.sub-direction .sub-hero-intro{font-size:15px;line-height:1.95;color:#cdccd8;max-width:640px;margin:0 0 28px}
.sub-hero-art{min-width:0;position:relative;border-radius:18px;background:linear-gradient(135deg,#dce0f5,#f0edf9);box-shadow:0 25px 70px #06060d40;overflow:hidden;align-self:center}.sub-hero-photo{display:block;width:100%;height:380px;object-fit:cover}.sub-image-note{position:absolute;bottom:14px;left:14px;border-radius:20px;padding:5px 10px;background:#17171cc9;color:#fff;font-size:9px}
.sub-direction .sub-hero-art>.device-stage{height:390px;border:0;border-radius:18px}.sub-direction .sub-hero-art>.device-stage .device-disclosure{color:#626273}
.sub-direction .sub-hero-art>.website-illustration,.sub-direction .sub-hero-art>.workflow-art,.sub-direction .sub-hero-art>.ai-art{margin:0;min-height:350px}
.sub-direction .sub-hero-art>div:not(.device-stage){color:#20202b;padding:20px;max-width:100%;height:370px;overflow:hidden}
.sub-direction .sub-hero .case-facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;border-color:#ffffff25;padding-top:20px}.sub-direction .sub-hero .case-facts>div{min-width:100px}.sub-direction .sub-hero .case-facts span{color:#a8a7bd;font-size:8px}.sub-direction .sub-hero .case-facts strong{color:#e5e4ee;font-size:11px;line-height:1.8}
.sub-hero-editorial .sub-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr);min-height:420px}.sub-hero-signal{display:grid;gap:14px;transform:rotate(-24deg);opacity:.6}.sub-hero-signal span{height:38px;border-radius:4px;background:linear-gradient(90deg,#5263e800,#8792f9);box-shadow:0 8px 30px #5263e822}.sub-hero-signal span:nth-child(2){width:80%;margin-left:20%}.sub-hero-signal span:nth-child(3){width:60%;margin-left:40%}
.sub-direction .section-heading h2,.sub-direction .service-context h2,.sub-direction .case-story h2,.sub-direction .contact-opening h2{font-weight:750;letter-spacing:-.045em;line-height:1.15}.sub-direction .offering-section{background:#f6f5fa}.sub-direction .offering-grid>article{background:#fff;border:1px solid #e4e4ea;border-radius:14px;padding:28px;min-width:0}.sub-direction .offering-grid>article>span,.sub-direction .delivery-list li>span,.sub-direction .text-link{color:#5263e8}.sub-direction .offering-grid p,.sub-direction .service-context>p,.sub-direction .case-story p{color:#64646e;line-height:1.95}
.sub-direction .button.dark-button{background:#5263e8;border-color:#5263e8;color:#fff;border-radius:30px}.sub-direction .button.dark-button:hover{background:#4051d5}.sub-direction .case-tabs button[aria-selected=true],.sub-direction .work-filters button[aria-pressed=true]{background:#17171c;color:#fff;border-color:#17171c}.sub-direction .case-takeaway{background:linear-gradient(120deg,#f5f4fb,#eceaf7 65%,#e4e7fb)}.sub-direction .case-takeaway h2{font-weight:650;letter-spacing:-.04em}.sub-direction .case-reference,.sub-direction .next-case,.sub-direction .contact-form-panel{border-color:#e4e4ea;border-radius:14px}.sub-direction .contact-opening{padding-block:70px}.sub-direction .direct-email{color:#5263e8}.sub-direction .faq-list summary{font-weight:650}.sub-direction .faq-list details{border-color:#e4e4ea}.sub-direction .faq-list p{line-height:1.95;color:#64646e}
.sub-direction :focus-visible{outline:3px solid #8792ff;outline-offset:5px}.sub-direction .exp-closing{margin-top:0}.sub-direction .site-bottom{background:#fff;color:#17171c}
@media(min-width:1600px){.sub-hero-grid{gap:80px}.sub-hero-photo{height:420px}}
@media(max-width:1050px){.sub-hero-grid{gap:35px;padding-block:60px}.sub-hero-photo{height:340px}.sub-direction .sub-hero-art>.device-stage{height:340px}.sub-direction .sub-hero h1{font-size:clamp(39px,5vw,58px)}}
@media(max-width:800px){.sub-hero-grid{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:48px 50px}.sub-direction .sub-hero h1{font-size:clamp(38px,7vw,56px)}.sub-hero-art{width:100%;max-width:620px}.sub-hero-photo{height:330px}.sub-hero-editorial .sub-hero-grid{grid-template-columns:1fr;min-height:0}.sub-hero-signal{display:none}.sub-direction .sub-hero .case-facts{gap:20px}.sub-direction .sub-hero-art>.device-stage{height:380px}}
@media(max-width:480px){.sub-hero-grid{padding-block:38px 40px;gap:25px}.sub-direction .sub-hero h1{font-size:clamp(34px,9.5vw,44px)}.sub-direction .sub-hero-intro{font-size:14px;line-height:1.85}.sub-hero-photo{height:260px}.sub-direction .sub-hero-art>.device-stage{height:310px}.sub-direction .sub-hero-art>div:not(.device-stage){height:300px;padding:10px}.sub-direction .sub-hero .case-facts{gap:15px}.sub-direction .sub-hero .case-facts>div{min-width:95px;flex:1 1 40%}.sub-image-note{font-size:8px}.sub-direction .contact-opening{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.sub-direction *, .sub-direction *::before,.sub-direction *::after{scroll-behavior:auto!important;transition:none!important}}

.sub-direction .sub-hero-art>.ai-illustration,.sub-direction .sub-hero-art>.workflow-illustration{height:auto!important;min-height:340px;background:linear-gradient(135deg,#dce0f5,#f0edf9);padding:28px!important}.sub-direction .sub-hero-art .ai-focus{color:#4c51a2}.sub-direction .sub-hero-art .ai-illustration>.overline{color:#626486}.sub-direction .sub-hero-art .ai-illustration>small{color:#626486}.sub-direction .sub-hero-art>.process-art{background:linear-gradient(135deg,#292938,#45436b);color:#efedf8}.sub-direction .sub-hero-art>.process-art small{color:#c9c5df}
@media(max-width:800px){.sub-direction .sub-hero .case-facts>div{display:block}.sub-direction .sub-hero-art>.ai-illustration,.sub-direction .sub-hero-art>.workflow-illustration{min-height:0}}

.sub-direction .contact-form-panel{background:#f5f4fb}.sub-direction .contact-form-panel input,.sub-direction .contact-form-panel select,.sub-direction .contact-form-panel textarea{border-color:#dcdce8}.sub-direction .header nav.open{background:#fff}