/* Keep the small portrait above letters, never over the offer or controls. */
body .hero-scroll-portrait{display:none}
@media(min-width:1001px){
body.hero-portrait-scroll .dark-hero-surface{padding-bottom:0}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero{position:sticky!important;top:0;overflow:visible!important}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .name .name-word:first-child{grid-column:3/span 10!important}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .name .name-word:last-child{grid-column:4/span 9!important}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .promise{grid-column:8/span 5!important;font-size:clamp(25px,2.45vw,36px)!important}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .showcase>aside{grid-column:4/span 3!important}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .hero-scroll-portrait{display:block;position:absolute;left:calc((100% + var(--layout-gutter)) / 12 * 1.65);top:clamp(220px,21vw,285px);width:clamp(180px,15vw,218px);height:clamp(240px,20vw,290px);margin:0;padding:3px;background:var(--ad-paper,#faf9f5);z-index:8;pointer-events:none;transform:translateY(var(--hero-photo-y,0px)) rotate(-2deg);will-change:transform}
body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .hero-scroll-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;border:0;border-radius:0}
}
@media(min-width:1001px) and (prefers-reduced-motion:reduce){body.hero-portrait-scroll .dark-hero-surface{padding-bottom:0}body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero{position:relative!important}body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .hero-scroll-portrait{transform:rotate(-2deg);will-change:auto}}

@media(min-width:1001px){body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll #approved-hero .hero-offer-group{grid-column:8/span 5!important}}