/* Shared small-screen type and spacing scale for the preview. */
@media(max-width:850px){
:root{--mobile-heading:clamp(28px,7.2vw,34px);--mobile-body:16px;--mobile-gap:16px}
.approved-story .story-frames>section h1,.approved-story .story-frames>section h2{font-size:var(--mobile-heading)!important;line-height:1.12!important;letter-spacing:-.045em!important;white-space:normal!important}
.approved-story .story-frames>section p{font-size:14px!important;line-height:1.45!important}
.approved-story .story-frames>section .collection-bottom{font-size:18px!important;line-height:1.25!important}
.approved-story .sale-scene:not(.story-frames>section) h2,.approved-story #one-partner .partner-scene-emphasis,#why-us h2,#partnership-content h2,.tech-section h2{font-size:var(--mobile-heading)!important;line-height:1.12!important;letter-spacing:-.045em!important}
.approved-story>h2.story-question{font-size:var(--mobile-heading)!important;padding:32px 5% 16px!important}
#partnership-content{padding-left:5%!important;padding-right:5%!important}
#partnership-content section{padding:32px 0!important}
#partnership-content h2{margin:0 0 16px!important}
#partnership-content .partner-studio-intro h2{margin-bottom:0!important}
#partnership-content p.partner-category,#partnership-content p.partner-eyebrow,.tech-section p.eyebrow{font-size:12px!important;line-height:1.4!important;margin:0 0 12px!important;letter-spacing:.12em}
#partnership-content p:not(.partner-category):not(.partner-eyebrow):not(.partner-form-note),#why-us .principles-description,.tech-section .description,.approved-story>.sale-scene [class$='description']{font-size:var(--mobile-body)!important;line-height:1.5!important}
#partnership-content .partner-panel,#partnership-content .partner-studio-intro,#why-us .principles-layout,.tech-section{gap:var(--mobile-gap)!important}
#partnership-content .partner-studio-intro{margin-bottom:16px!important}
#partnership-content .partner-industries{margin-top:20px;padding-top:16px}
#partnership-content .partner-studio-wide{margin-bottom:24px!important}
#partnership-content .partner-studio-grid figcaption{font-size:16px!important;line-height:1.4;padding-top:8px}
#partnership-content #approach,#partnership-content #about{margin-top:24px!important}
#partnership-content .partner-about-layout,#partnership-content .partner-contact-layout{gap:24px!important}
.approved-story>.sale-scene{gap:16px!important}
}
@media(max-width:360px){
.approved-story .story-frames #possibilities picture img{max-height:calc(var(--story-frame-height) - 240px)!important}
.approved-story .story-frames #launch-workload picture img{max-height:calc(var(--story-frame-height) - 250px)!important}
.approved-story .story-frames #growth-costs .growth-mobile-art img{max-height:calc(var(--story-frame-height) - 225px)!important}
.approved-story .story-frames #back-to-creating picture img{max-height:calc(var(--story-frame-height) - 250px)!important}
}
@media(max-width:850px){
.approved-story .story-frames #possibilities h2,.approved-story .story-frames #launch-workload h2{font-size:var(--mobile-heading)!important;line-height:1.12!important}
.approved-story .story-frames .hero .art{height:calc(var(--story-frame-height) - 175px)!important}
}

/* Desktop: keep the responsive picture within its fade layer. */
@media(min-width:851px){
.approved-story .story-frames #back-to-creating figure{overflow:hidden}
.approved-story .story-frames #back-to-creating picture{display:block;width:100%;height:100%;min-height:0}
.approved-story .story-frames #back-to-creating picture img{width:100%;height:100%;max-height:100%;object-fit:contain}
/* Reserve real space for the lowered artwork and separate the closing label. */
.approved-story #distinctive-store .store-description{transform:translateX(12.5%);margin-top:50px}
.approved-story #distinctive-store .number{position:static;align-self:flex-end;width:88%;margin:6px auto 0;text-align:right}
}

@media(min-width:851px){
.approved-story .story-frames #possibilities figure{width:min(68vw,calc(var(--story-frame-height)*1.5 - 60px))!important;height:min(45.333333vw,calc(var(--story-frame-height) - 40px))!important;max-width:none}
.approved-story .story-frames #possibilities figure>picture,.approved-story .story-frames #possibilities figure>picture>img{display:block;width:100%;height:100%!important}
}