/* A new palace courtyard, framed naturally by roses and carved sandstone. */
#home{overflow:hidden;background:var(--paper);height:100svh;min-height:690px;max-height:1200px}
#home .hero-art{z-index:-1;background:url('/assets/wedding-v2/palace-hero.webp') center/cover;transform:scale(1);transform-origin:50% 65%}
#home .hero-art:after{background:linear-gradient(180deg,transparent 70%,#fcf5ec12 88%,var(--paper) 100%)}
#home .hero-copy{top:23%;left:10%;width:80%;color:var(--burgundy)}
#home .hero-copy>.eyebrow{color:#805025;font-size:10px;letter-spacing:2px;margin-bottom:20px}
#home .hero-prelude,#home .hero-forever{color:var(--muted);font-size:22px;line-height:1.45;text-shadow:0 1px 12px #fff8e880}
#home .hero-forever{margin-top:4px}
#home h1{font-family:var(--serif);font-weight:400;letter-spacing:0;font-size:clamp(65px,13.8cqw,94px);gap:12px;margin:24px 0 0;padding:0;color:var(--burgundy);text-shadow:0 1px 8px #fff3d780;white-space:nowrap}
#home h1 em{color:var(--gold);font-style:italic}
#home h1>*{padding:0;margin:0}
#home .hero-subtitle{color:var(--muted);font-size:20px;line-height:1.5;margin-top:28px}
#home .hero-date{font:10px/1.8 var(--serif);letter-spacing:2.2px;color:#805025;margin-top:21px}
.hero-date>span{margin:0 7px;color:var(--gold)}
#home .scroll-invitation{bottom:20px;color:var(--burgundy);padding:10px 18px 0;text-shadow:0 1px 8px var(--paper)}
#home .scroll-line{height:23px;background:linear-gradient(var(--burgundy),transparent)}
.invitation-open #home .hero-art{animation:palace-arrive 8s cubic-bezier(.2,.6,.3,1) both}
@keyframes palace-arrive{from{transform:scale(1)}to{transform:scale(1.025)}}
.invitation-open #home .hero-copy>*,.invitation-open #home h1>*,.invitation-open #home .scroll-invitation{animation-duration:1s;animation-delay:3.5s}
.invitation-open #home .hero-copy>.eyebrow{animation-delay:.55s}
.invitation-open #home .hero-prelude{animation-delay:1s}
.invitation-open #home .hero-forever{animation-delay:1.4s}
.invitation-open #home h1>span:first-child{animation-delay:1.95s}
.invitation-open #home h1>em{animation-delay:2.3s}
.invitation-open #home h1>span:last-child{animation-delay:2.65s}
.invitation-open #home .hero-subtitle{animation-delay:3.1s}
.invitation-open #home .hero-date{animation-delay:3.5s}
.invitation-open #home .scroll-invitation{animation-delay:3.9s}
/* Keep new artwork in the venue as well; no old lakeside scene remains. */
.venue-art{background:linear-gradient(var(--paper),#fcf5ece8 20%,#fcf5ece8 85%,var(--paper)),url('/assets/wedding-v2/palace-hero.webp') center 75%/cover}
@media(max-width:760px){#home{min-height:640px;max-height:none}#home .hero-copy{top:23%;left:10%;width:80%}#home h1{font-size:clamp(48px,13.5vw,88px);gap:9px}#home .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.2px}#home .hero-prelude,#home .hero-forever{font-size:20px}#home .hero-subtitle{font-size:18px;margin-top:25px}}
@media(max-width:370px){#home .hero-copy{top:22%;left:8%;width:84%}#home .hero-copy>.eyebrow{font-size:8px}#home .hero-prelude,#home .hero-forever{font-size:18px}#home h1{font-size:47px}#home .hero-date{font-size:8px;letter-spacing:1.4px}}
@media(max-height:720px) and (min-width:380px){#home .hero-copy{top:21%}#home .hero-copy>.eyebrow{margin-bottom:12px}#home h1{margin-top:18px;font-size:64px}#home .hero-subtitle{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.invitation-open #home .hero-art{animation:none;transform:none}.invitation-open #home .hero-copy>*,.invitation-open #home h1>*,.invitation-open #home .scroll-invitation{animation:none;opacity:1;translate:none;filter:none}}