/* The actual opening scene, not a picture after the introduction. */
.new-hero.opening-garden{display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;min-height:650px;min-height:clamp(600px,calc(100svh - 110px),800px);padding:48px 7% 100px;position:relative;isolation:isolate;background-color:#e7eef0;background-image:linear-gradient(90deg,rgba(247,248,239,.7),rgba(247,248,239,.22) 53%,transparent 76%),url('/assets/garden-hero.webp?v=bc4caf2912a4');background-size:cover;background-position:46% bottom;gap:0}
.new-hero.opening-garden:after{display:none}
.opening-garden>div:first-child{display:block;position:relative;z-index:1;width:min(58%,760px);max-width:760px;margin:0}
.opening-garden .wb-pair{width:120px;height:57px;margin:0 0 14px}
.opening-garden .eyebrow{margin:0 0 20px}
.new-hero.opening-garden .harry-everyday-line,.chinese .new-hero.opening-garden .harry-everyday-line{font-size:24px;line-height:1.6;margin:0 0 20px;color:#625442}
.new-hero.opening-garden h1,.chinese .new-hero.opening-garden h1{font-size:clamp(38px,4.2vw,60px);line-height:1.55;margin:0 0 32px;color:#4e4032;text-shadow:0 1px 12px #fff8;letter-spacing:.015em}
.opening-garden .hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:0}
.opening-garden .hero-actions .text-link{background:#faf6e7b8;padding:7px 0;color:#4e4032}
.opening-story{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:center;padding:65px 8%;background:var(--paper,#faf8f0)}
.opening-story-copy{max-width:620px}
.opening-story .hero-intro{font-size:17px;line-height:2;margin:0 0 25px}
.opening-story .hero-intro>.editorial-clause{display:block;margin-bottom:10px;text-wrap:pretty}
.opening-story .hero-small{font-size:13px;line-height:1.8;color:#71624f}
.opening-story .portrait-frame{width:100%;max-width:350px;margin:0 auto;box-sizing:border-box}
@media(max-width:900px){
 .new-hero.opening-garden{min-height:600px;padding:38px 6% 90px;background-image:linear-gradient(90deg,#faf8edaa,#faf8ed33 60%,transparent),url('/assets/garden-hero.webp?v=bc4caf2912a4')}
 .opening-garden>div:first-child{width:75%;max-width:600px}
 .opening-story{gap:7%;padding:45px 7%}
}
@media(max-width:760px){
 .new-hero.opening-garden{min-height:560px;min-height:clamp(560px,calc(100svh - 115px),740px);padding:28px 24px 180px;background-image:linear-gradient(180deg,#f8f6ea9c 0%,#f8f6ea33 44%,transparent 70%),url('/assets/garden-hero.webp?v=bc4caf2912a4');background-size:cover;background-position:46% bottom}
 .opening-garden>div:first-child{display:block;width:100%;max-width:none}
 .opening-garden .wb-pair{width:90px;height:43px;margin-bottom:12px}
 .opening-garden .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.1em;margin:0 0 16px}
 .new-hero.opening-garden .harry-everyday-line,.chinese .new-hero.opening-garden .harry-everyday-line{font-size:18px;line-height:1.5;margin:0 0 16px}
 .new-hero.opening-garden h1,.chinese .new-hero.opening-garden h1{font-size:clamp(27px,7.5vw,34px);line-height:1.55;margin:0 0 26px;letter-spacing:0}
 .opening-garden .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:auto}
 .opening-garden .hero-actions>.button{width:auto;min-height:48px;padding:13px 19px;font-size:13px;gap:24px}
 .opening-garden .hero-actions>.text-link{align-self:flex-start;text-align:left;font-size:12px;line-height:1.7;max-width:100%}
 .opening-story{display:flex;flex-direction:column;gap:30px;padding:38px 24px 45px}
 .opening-story .portrait-frame{order:0;max-width:280px;width:82%;transform:none;margin:0 auto;padding:10px}
 .opening-story .portrait-frame .boho-sprig{max-width:48px;left:-20px}
 .opening-story .portrait-frame .art-rings{max-width:52px;right:-17px}
 .opening-story-copy{order:1;width:100%}
 .opening-story .hero-intro{font-size:15px;line-height:1.85;margin-bottom:20px}
 .opening-story .hero-intro>.editorial-clause:last-child{text-wrap:balance}
 .opening-story .portrait-caption{font-size:21px;line-height:1.5}
 .opening-story .hero-small{text-align:center;font-size:11px}
}


/* One continuous image layer fills the hero at every width; crop around the ceremony aisle. */
.new-hero.opening-garden{background-size:cover;background-repeat:no-repeat;background-position:46% bottom}
@media(min-width:761px) and (max-width:1100px){.new-hero.opening-garden{min-height:clamp(600px,calc(100svh - 110px),740px)}}
@media(max-width:760px){.new-hero.opening-garden{background-position:35% bottom}}