/* Desktop composition reuses the homepage copy, images and manual carousel. */
#step-open>.home-pricing-link{position:fixed;top:24px;left:22px;z-index:1001;color:#e3c789;font-size:13px;text-decoration:none;padding:8px 0}
#step-open>.home-pricing-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:900px){#step-open>.home-pricing-link{display:none}}
@media(min-width:1000px){
 html:has(body.hero-page),body.hero-page{position:static;height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto}
 body.hero-page>main:has(#step-open:not(.hidden)){max-width:none;padding:0}
 #step-open{position:relative;inset:auto;min-height:100svh;height:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto auto 1fr;column-gap:5vw;align-items:start;padding:28px 6vw 95px;text-align:left;overflow:visible;background-position:center 40%}
 #step-open:after{background:linear-gradient(90deg,#0d0d0dfa 2%,#0d0d0de8 42%,#0d0d0db0 100%)}
 #step-open .lockup{grid-column:1/-1;grid-row:1;margin:0 0 24px;justify-self:start}
 #step-open .script{width:180px}#step-open .studio-name{font-size:10px;letter-spacing:.32em}
 #step-open .open-intro{grid-column:1;grid-row:2;max-width:560px;margin:30px 0 0;text-align:left;align-self:end}
 #step-open .open-eyebrow{justify-content:flex-start;font-size:11px;letter-spacing:.2em;margin-bottom:22px}#step-open .open-eyebrow:after{display:none}
 #step-open .open-line{font-size:clamp(44px,4.6vw,72px);line-height:1.08;letter-spacing:-.035em;text-transform:none;margin:0 0 25px;text-shadow:none}
 #step-open .open-intro-note{font-size:18px;line-height:1.6;max-width:400px}
 #step-open .open-actions{display:contents}
 #step-open .home-primary-action{grid-column:1;grid-row:3;width:330px;max-width:100%;margin:32px 0 0;position:relative;z-index:1}
 #step-open .explore-studio-secondary{grid-column:1;grid-row:4;width:330px;max-width:100%;margin:12px 0 0;position:relative;z-index:1}
 #step-open .showcase{grid-column:2;grid-row:2/5;width:100%;max-width:680px;margin:0;align-self:center;position:relative;z-index:1}
 #step-open .showcase-track{padding-inline:16px;scroll-padding-inline:16px;gap:12px}
 #step-open .showcase-slide{padding:26px;gap:20px;border-radius:24px}
 #step-open .experience-kicker{font-size:10px}
 #step-open .experience-visual{height:clamp(190px,30svh,300px)}
 #step-open .experience-copy h2{font-size:32px;margin-bottom:12px}
 #step-open .experience-copy p{font-size:15px;line-height:1.7;min-height:78px}
 #step-open .experience-category span,#step-open .experience-step strong{font-size:12px}
 #step-open .step-number{font-size:11px}
 #step-open .showcase-controls{margin-top:16px}
 #step-open #showcase-hint{font-size:11px}
 #step-open>.home-pricing-link{top:29px;left:auto;right:calc(6vw + 248px);font-size:14px}
 body:has(#step-open:not(.hidden)) #studio-navigation{top:37px;right:calc(6vw + 105px)}
 body:has(#step-open:not(.hidden)) #customer-context{top:26px;right:6vw}
}