/* One continuous illustrated cover: text is in painted sky at every width.
   The cloud-only underlay can grow with text; the scene layer keeps its natural
   ratio, anchored to the bottom, so guests, musicians and camera crew are not
   cover-cropped or stretched. The upper cloud fade has no hard image edge. */
.new-hero.opening-garden.opening-ceremony{
 min-height:56.28vw;padding:24px 7% 48vw;overflow:hidden;
 background-color:#edf2f3;
 background-image:url('/assets/wedding-cover-sky-extended.png');
 background-size:100% 260%;background-position:center top;background-repeat:no-repeat;
}
.new-hero.opening-garden.opening-ceremony:before{
 content:'';display:block;position:absolute;inset:auto 0 0;width:100%;height:56.28vw;
 background:url('/assets/wedding-cover-fine-detail.png') center bottom/100% 100% no-repeat;
 -webkit-mask-image:linear-gradient(180deg,transparent,#000 17%);
 mask-image:linear-gradient(180deg,transparent,#000 17%);
 pointer-events:none;z-index:0;
}
.new-hero.opening-garden.opening-ceremony:after{
 content:'';display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:0;
 background:linear-gradient(180deg,rgba(255,253,248,.18),rgba(255,253,248,.08) 42%,transparent 65%);
 pointer-events:none;z-index:0;
}
.opening-ceremony>div:first-child{position:relative;z-index:1;width:100%;max-width:860px;background:none}
.opening-ceremony .wb-pair{width:80px;height:38px;margin-bottom:8px}
.opening-ceremony .eyebrow{font-size:14px;margin-bottom:10px}
.new-hero.opening-ceremony .harry-everyday-line,.chinese .new-hero.opening-ceremony .harry-everyday-line{font-size:20px;line-height:1.5;margin-bottom:10px;color:#514333}
.new-hero.opening-ceremony h1,.chinese .new-hero.opening-ceremony h1{font-size:clamp(32px,3.05vw,46px);line-height:1.35;margin-bottom:18px;color:#44382b;text-shadow:0 1px 8px #fff9}
.opening-ceremony .hero-actions{gap:12px 20px}
.opening-ceremony .hero-actions .text-link{background:#fffaf0dc}
@media(max-width:1100px){
 .new-hero.opening-garden.opening-ceremony{min-height:0;padding:26px 6% 63vw}
 .new-hero.opening-garden.opening-ceremony:before{
  height:150vw;background-image:url('/assets/wedding-cover-sky-extended.png');
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);
  mask-image:linear-gradient(180deg,transparent,#000 18%);
 }
 .opening-ceremony>div:first-child{max-width:760px}
}
@media(max-width:760px){
 .new-hero.opening-garden.opening-ceremony{padding:24px 24px 63vw}
 .opening-ceremony>div:first-child{max-width:none}
 .opening-ceremony .wb-pair{width:72px;height:34px;margin-bottom:9px}
 .opening-ceremony .eyebrow{font-size:12px;line-height:1.7;margin-bottom:11px}
 .new-hero.opening-ceremony .harry-everyday-line,.chinese .new-hero.opening-ceremony .harry-everyday-line{font-size:17px;line-height:1.5;margin-bottom:11px}
 .new-hero.opening-ceremony h1,.chinese .new-hero.opening-ceremony h1{font-size:clamp(26px,7vw,34px);line-height:1.5;margin-bottom:19px}
 .english .new-hero.opening-ceremony h1{font-size:clamp(26px,6.6vw,32px);line-height:1.35}
 .opening-ceremony .hero-actions{gap:12px}
}