/* ================= v53 · Home hero: photo a little closer, tagline paired with the title, Explore set apart ================= */
@media (min-width:601px) and (min-aspect-ratio:9/10){
html body #page-home .fashion-editorial .home-fit-stage{--pr:calc(var(--g) + 6.8vw)}
html body #page-home .fashion-editorial .home-fit-stage .native-home-tagline.native-home-tagline{top:calc(var(--rt) + var(--rf)*1.55 + 16px + clamp(10px,1.7svh,18px))!important}
html body #page-home .fashion-editorial .home-fit-stage .native-home-explore.native-home-explore{top:calc(var(--rt) + var(--rf)*1.55 + 16px + clamp(10px,1.7svh,18px) + var(--tf)*1.3 + clamp(40px,8.4svh - 16px,80px))!important}
}
/* ================= v53 · My Story: "why." lifts clear of the paragraph (laptop) ================= */
@media (min-width:601px){
html body #page-story .story-portrait-hero .story-why{translate:0 -14px}
}
/* ================= v53 · My Story on the phone: magazine cover ================= */
@media (max-width:600px){
html body #page-story .story-portrait-hero{--cov:calc(max(84px,11svh) + 58vw);height:calc(var(--cov) + 112.2vw + 6px)!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important;position:relative!important}
html body #page-story .story-portrait-hero .story-portrait-grid{position:relative!important;height:100%!important;min-height:0!important;padding:0!important;display:block!important}
html body #page-story .story-portrait-hero .story-opening-copy{position:absolute!important;left:6vw!important;right:6vw!important;top:max(84px,11svh)!important;z-index:3!important;margin:0!important;padding:0!important}
html body #page-story .story-portrait-hero .story-opening-copy h1{margin:0!important}
html body #page-story .story-portrait-hero .story-opening-copy h1>span{font-size:clamp(34px,10.4vw,46px)!important;line-height:1.02!important}
html body #page-story .story-portrait-hero .story-opening-copy h1>em{font-size:clamp(30px,9.4vw,42px)!important;margin-top:10px!important;line-height:1!important}
html body #page-story .story-portrait-hero .story-why{font-size:clamp(96px,29vw,132px)!important;margin:-22px 0 0 34vw!important;line-height:.8!important}
html body #page-story .story-portrait-hero .story-opening-copy>.lede{display:none!important}
html body #page-story .story-portrait-hero .story-pink-portrait{position:absolute!important;left:50%!important;right:auto!important;top:var(--cov)!important;bottom:auto!important;width:108vw!important;max-width:none!important;margin:0!important;transform:translateX(-50.25%)!important;z-index:2!important}
html body #page-story .story-portrait-hero .story-pink-portrait svg{width:100%!important;height:auto!important;display:block!important}
html body #page-story .v53-lede-below{display:block;margin:0;padding:26px 6vw 46px;font:400 17px/1.62 var(--sans);color:#101218;background:#f5f3ee}
}
@media (min-width:601px){html body #page-story .v53-lede-below{display:none}}