/* A small visual bridge from the hero into the collection story. */
html.has-opening-motion .h-hero-art img{animation:none;transform:translate3d(0,var(--opening-hero-y,0px),0) scale(var(--opening-hero-scale,1));transform-origin:50% 55%}
html.has-opening-motion .h-hero-copy{transform:translate3d(0,var(--opening-copy-y,0px),0);opacity:var(--opening-copy-opacity,1)}
.h-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:680px;padding-block:95px;isolation:isolate}
.h-intro-copy{position:relative;z-index:2}
.h-intro h2{max-width:780px;margin-bottom:0;font-size:clamp(3.25rem,5vw,6rem);line-height:1.04}
.h-intro h2 span{color:#8794af}
.h-intro-art{width:min(100%,430px);min-width:0;justify-self:end}
.h-intro-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 26px 55px #55466b2e;transform:translateY(calc(18px * (1 - var(--opening-progress,1)))) scale(calc(.97 + .03 * var(--opening-progress,1)))}

@media(max-width:900px){
  .h-intro{grid-template-columns:1fr;gap:16px;min-height:0;padding-block:88px 70px}
  .h-intro h2{font-size:clamp(3rem,7vw,4.8rem)}
  .h-intro-art{width:min(100%,430px);margin:0 auto}
}
@media(max-width:600px){
  .h-intro{padding-block:76px 57px}
  .h-intro h2{font-size:clamp(2.45rem,9.2vw,3.8rem)}
  .h-intro-art{margin-top:5px}
}
@media(max-width:380px){
  .h-intro{padding-block:65px 42px}
}
@media(max-width:380px) and (max-height:700px){
  .h-hero{min-height:840px}
  .h-hero-inner{min-height:780px}
  .h-hero-art{inset:365px 0 0}
  .h-hero-art img{object-position:61% 25%}
  .h-hero-art:after{background:linear-gradient(180deg,#fff9f5 0%,#fff9f5ec 25%,#fff9f5bd 43%,transparent 76%),linear-gradient(90deg,#fff9f59c,transparent 85%)}
}
@media(prefers-reduced-motion:reduce){
  .h-intro-art,.h-intro-art *{animation:none!important;transition:none!important}
}