/* Saved studio settings override the site defaults without changing content. */
@media screen{
html[data-design] body{font-size:var(--studio-font)}
html[data-design] .container{width:min(var(--studio-width),calc(100% - 80px))}
html[data-design] .section,html[data-design] .credentials-section,html[data-design] .field-section,html[data-design] .industry-section,html[data-design] .presence{padding-block:var(--studio-space)}
html[data-design] :is(.hero-copy>p,.arm>p,.solution-card p,.service-card p,.use-case p,.section-heading>p,.heading-row>p,.product-intro p){font-size:var(--studio-font)}
html[data-design] h1{font-size:clamp(2.5rem,calc(4.25vw * var(--studio-heading)),calc(3.8rem * var(--studio-heading)))}
html[data-design] h2{font-size:clamp(2rem,calc(3.5vw * var(--studio-heading)),calc(3rem * var(--studio-heading)))}
html[data-design] :is(.arm,.values article,.use-case,.case,.field-item,.credential,.solution-card,.ready-solutions,.hero-media,.product-visual){border-radius:var(--studio-radius);box-shadow:var(--studio-shadow)}
html[data-design] :is(.button-primary,.header-cta){background:var(--action);color:var(--studio-on-accent)}
html[data-font=system][lang=en] body{font-family:system-ui,Arial,sans-serif}
html[data-font=serif][lang=en] :is(h1,h2,h3){font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
html[data-design=editorial] .hero-grid{grid-template-columns:1fr;gap:44px}
html[data-design=editorial] .hero-copy{max-width:920px}
html[data-design=editorial] .hero-copy>p{max-width:620px}
html[data-design=editorial] .hero-slide{aspect-ratio:21/9}
html[data-design=editorial] .hero h1{max-width:20ch;font-size:clamp(2.75rem,calc(6vw * var(--studio-heading)),calc(5.5rem * var(--studio-heading)))}
html[data-design=editorial] .solution-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-design=editorial] .arm{background:var(--bg);border-top:3px solid var(--blue)}
html[data-design=showcase] .hero-grid{grid-template-columns:.8fr 1.3fr;gap:36px}
html[data-design=showcase] .hero-slide{aspect-ratio:1.1}
html[data-design=showcase] .solution-card{border-top:4px solid var(--blue);padding:36px}
html[data-design=showcase] .product-intro{grid-template-columns:1fr}
html[data-design=showcase] .product-visual{max-width:1100px;width:100%;margin-inline:auto}
html[data-design=showcase] .industry{border-radius:var(--studio-radius);background:#ffffff08}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}
}
@media screen and (max-width:900px){html[data-design] .hero-grid{grid-template-columns:1fr}html[data-design] .hero-slide{aspect-ratio:3/2}}
@media screen and (max-width:600px){html[data-design] .container{width:calc(100% - 40px)}html[data-design] .section,html[data-design] .credentials-section,html[data-design] .field-section,html[data-design] .industry-section,html[data-design] .presence{padding-block:clamp(40px,var(--studio-space),72px)}html[data-design] .solution-portfolio{grid-template-columns:1fr}html[data-design] .hero h1{font-size:clamp(2.5rem,calc(9vw * var(--studio-heading)),calc(3.5rem * var(--studio-heading)))}}