
/* Use the shared homepage typography tokens, also used by Identity. */
body.experience-ecosystem-v3{--bg:#1e2724;--paper:#1e2724;--ink:#eeede6;--cream:#eeede6;--muted:#bbc5bd;--orange:#ff6947;--line:#eeede62b}
.ex-page{font:400 var(--eng1n-type-reading)/var(--eng1n-type-reading-line) Barlow,Inter,sans-serif}
.ex-page h1,.ex-page h2{font-family:'ENG1N Condensed',Inter,sans-serif;font-style:italic!important;font-weight:900;text-transform:uppercase}
.ex-page h1{font-size:var(--eng1n-type-title);line-height:var(--eng1n-type-title-line)}
.ex-page h2{font-size:var(--eng1n-type-section);line-height:var(--eng1n-type-section-line);letter-spacing:var(--eng1n-type-section-track)}
.ex-page h3{font-family:Inter,Arial,sans-serif;font-style:normal;font-size:var(--eng1n-type-ui);line-height:1.25;letter-spacing:-.025em}
.ex-page em{font-style:inherit!important;color:var(--orange)}
.ex-page .ex-deck{font-size:var(--eng1n-type-reading);line-height:var(--eng1n-type-reading-line);max-width:740px}
.ex-page .ex-eyebrow{font-size:var(--eng1n-type-eyebrow);letter-spacing:.1em;line-height:1.5}
.ex-wrap{width:min(1200px,calc(100% - 112px));max-width:1200px}
.ex-hero.ex-wrap{width:min(1320px,calc(100% - 64px));max-width:1320px;padding-top:35px}
.ex-lockup{width:150px;height:97px;display:block;margin:0 auto 30px}
.ex-section{padding:100px 0}.ex-deep{background:#182720}
.ex-split-heading{grid-template-columns:1fr 1fr;column-gap:72px;align-items:end}
.ex-split-heading>p:last-child{max-width:540px;justify-self:end;align-self:end;margin:0}
.ex-button{min-height:48px;min-width:148px;padding:12px 18px;font:650 13px/1.4 Inter,sans-serif;border-radius:0;border:1px solid var(--line);border-left:2px solid var(--orange);background:#eeede608}
.ex-text-link{font:650 13px/1.4 Inter,sans-serif;min-height:44px}.ex-page .ex-button span,.ex-page .ex-text-link span{font-size:20px}
.ex-offers article{border-radius:0}.ex-cases img{border-radius:18px}.ex-cases h3{font-size:var(--eng1n-type-project)}
@media(max-width:1023px){.ex-section{padding:80px 0}.ex-split-heading{column-gap:36px}}
@media(max-width:700px){.ex-wrap{width:calc(100% - 40px)}.ex-hero.ex-wrap{width:calc(100% - 28px)}.ex-section{padding:64px 0}.ex-split-heading{grid-template-columns:1fr}.ex-lockup{width:125px;height:85px}.ex-page h1{overflow-wrap:normal}}

@media(max-width:700px){.ex-page #experience-title{font-size:clamp(38px,10.5vw,64px)!important;line-height:1.02!important}.ex-page #experience-title em{display:block}.ex-split-heading>p:last-child{max-width:100%}}
.ex-offers article{min-width:0}.ex-offers .ex-button{min-width:0}
@media(max-width:480px){.ex-offers{grid-template-columns:1fr}.ex-offers h3,.ex-offers article>p{min-height:0}}
/* Keep the desktop hero composition within the opening viewport. */
@media(min-width:761px){
 .ex-hero.ex-wrap{padding-top:24px}
 .ex-hero .ex-lockup{width:130px;height:80px;margin-bottom:20px}
 .ex-hero #experience-title{font-size:clamp(58px,8.2svh,84px)!important;line-height:1!important;margin:0}
 .ex-hero .ex-deck{margin:20px auto 0}
 .ex-hero .device-scene{width:min(1100px,100%,max(600px,calc((100svh - 540px)*3)));margin:26px auto 22px}
 .ex-hero .ex-jump{margin-top:0;padding-top:18px;padding-bottom:18px}
}
