/* Reuse the home hero's typography, inline covers and grid. */
#ideal-studio{background:var(--ideal-paper,#f6f7fa)!important;isolation:isolate}
#ideal-studio-intro{position:relative;height:auto;overflow:visible;z-index:0}
#ideal-studio-stage.ideal-hero-v9{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;height:auto;min-height:100svh;padding:clamp(155px,12vw,230px) var(--base-padding-x) clamp(70px,7vw,130px);text-align:center;overflow:visible;background:var(--ideal-paper,#f6f7fa);color:var(--ideal-ink);transform-origin:50% 100%;will-change:transform}
#studio-hero-title.ideal-hero-headline{position:relative;display:flex;flex-direction:column;align-items:center;gap:.08em;width:100%;height:auto;margin:0;grid-column:auto;font:400 10vw/1.04 Aeonik,Arial,sans-serif;letter-spacing:-.06em;will-change:auto}
#ideal-studio-stage .ideal-hero-description{max-width:660px}
#ideal-studio-stage button.ideal-hero-link{border:0;background:none;font-family:inherit;cursor:pointer}
/* The blue panel naturally scrolls over the held hero, like the site's footer. */
#ideal-studio #about-capability{position:relative;z-index:2;isolation:isolate;background:#253bff;overflow:hidden;border-radius:var(--global-border-radius,24px) var(--global-border-radius,24px) 0 0;color:white}
#ideal-studio #about-capability-title,#ideal-studio #about-capability-subheader,#ideal-studio #about-capability-cards-wrapper{position:relative;z-index:2}
#ideal-studio #about-capability-subheader{position:absolute}
#ideal-studio #about-capability-title-line-2{left:0!important;width:max-content;max-width:100%;will-change:transform}
.v96-studio-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.v96-studio-ribbon path{fill:none;stroke:url(#v96-studio-ribbon-color);stroke-opacity:.7;stroke-width:clamp(26px,3.9vw,74px);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 2;stroke-dashoffset:0;opacity:0}
#v97-ribbon-exit{position:absolute;bottom:0;left:0;width:1px;height:1px;pointer-events:none}
@media(max-width:812px){
 #ideal-studio-stage.ideal-hero-v9{min-height:0;padding:120px 22px 48px}
 #studio-hero-title.ideal-hero-headline{font-size:13.8vw;gap:.28em}
 #ideal-studio-stage .ideal-hero-eyebrow{margin-bottom:26px}
 #ideal-studio-stage .ideal-hero-description{max-width:34ch;margin-top:26px}
 #ideal-studio #about-capability-subheader{position:relative}
 .v96-studio-ribbon path{stroke-width:25px;stroke-opacity:.5}
}
@media(max-width:480px){
 #ideal-studio-stage.ideal-hero-v9{padding-top:112px;padding-bottom:40px}
 #studio-hero-title.ideal-hero-headline{font-size:20vw;gap:.24em}
 #ideal-studio-stage .ideal-hero-eyebrow{font-size:9px;letter-spacing:.045em}
 #ideal-studio-stage .ideal-hero-description{font-size:16px;line-height:1.45;margin-top:24px}
 #ideal-studio-stage .ideal-hero-actions{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){#ideal-studio-stage.ideal-hero-v9{transform:none!important}.v96-studio-ribbon path{stroke-dasharray:1 2!important;stroke-dashoffset:0!important;opacity:1!important}}
