/* Garden invitation: original scenic artwork, cream parchment and quiet botanical colour.
   Loaded after the earlier invitation styles; content, controls and dates remain unchanged. */
:root{--paper:#faf1df;--ivory:#faf1df;--warm-paper:#f0e5cd;--champagne:#eaddc2;--gold:#b7a074;--gold-deep:#977c50;--gold-light:#d0bd95;--gold-text:#856439;--ink:#625a48;--muted-text:#706653;--garden-sage:#657052;--garden-blush:#dfc4b6;--garden-wine:#743c43;--garden-paper:#fff8e8;--garden-scene:url('/assets/invitation/garden-arch.png')}
body.paper-page{background:#eae2d0;color:var(--ink)}
.invitation-sheet{background-image:var(--paper-grain),linear-gradient(110deg,#faf1df,#fcf4e4 55%,#f7ecd6);box-shadow:0 0 70px #6d674912}
.script-heading{color:var(--garden-sage)}
.fine-print,.timeline-copy p,.timeline-copy small{color:var(--muted-text)}
.divider{filter:sepia(.2) saturate(.55);opacity:.6}
.section-floral,.paper-ending>.floral{opacity:.24;filter:sepia(.35) saturate(.65)}
.paper-hero{isolation:isolate;background:var(--paper);overflow:hidden}
.paper-hero::before{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--garden-scene) center top/cover no-repeat;filter:none;opacity:1}
.paper-hero>.garden-motion{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;pointer-events:none;opacity:0;transition:opacity .8s ease}
.paper-hero>.garden-motion.is-playing{opacity:1}
.paper-hero::after{content:'';position:absolute;inset:auto 0 0;z-index:1;width:100%;height:125px;background:linear-gradient(transparent,var(--paper) 89%);opacity:1;transform:none;filter:none;pointer-events:none}
.paper-hero>.floral-top{display:none}
.paper-hero .hero-copy{background:none;position:relative;z-index:2}
.paper-hero .hero-copy::before{display:none}
.hero-copy>.eyebrow{color:var(--ink);text-shadow:0 1px 7px #fff9eac7}
.hero-copy .brand-title{color:#646946;text-shadow:0 1px 2px #fff9e9ad}
.hero-tagline{color:#686345}
.hero-date,.hero-time{color:#6e684a}
.hero-copy>.divider{opacity:.58}
.hero-art{background:none;pointer-events:none;overflow:hidden;isolation:isolate;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 86%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 86%,transparent)}
.hero-art>.hero-palace{display:none}
.hero-art>.hero-couple{opacity:.91;filter:saturate(.55) contrast(.85) brightness(1.11);object-position:center bottom}
.hero-art::after{display:none}
.hero-art .scene-glow{background:radial-gradient(ellipse at 50% 35%,#fff5d93d,transparent 57%),linear-gradient(transparent 74%,#faf1df80);opacity:.28}
.hero-copy>.hero-signature{color:var(--ink);text-shadow:0 1px 7px #fff9eae6}
.scroll-cue{color:#6d724f;text-shadow:0 1px 5px #fff9eae0}
.date-section{background:none}
.scratch-card{border-color:#b6ad8480;background:linear-gradient(128deg,#fffbee,#eadfbd 57%,#c3bc91 88%);box-shadow:inset 0 0 0 3px #fff9e9a1,0 2px 5px #665b3810}
.scratch-card.is-revealed{background:#fff9e9;border-color:#c9bea050}
.scratch-value{color:#696d4e}
.scratch-card::after{opacity:.38}
.invitation-copy.arch-frame{background:none;position:relative;isolation:isolate;filter:drop-shadow(0 3px 4px #685c3910)}
.invitation-copy.arch-frame::before,.programme-section::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--paper-grain),radial-gradient(ellipse at 42% 37%,#fff9e9,#f5e6c7);clip-path:polygon(.8% .6%,5% .25%,8% .8%,13% .4%,18% .9%,22% .3%,28% .65%,34% .1%,39% .7%,45% .35%,49% .8%,56% .2%,61% .6%,67% .3%,73% .75%,78% .2%,84% .8%,90% .25%,95% .7%,99.2% .4%,99.7% 8%,99.2% 17%,99.8% 26%,99.3% 35%,99.7% 44%,99.2% 53%,99.8% 62%,99.3% 72%,99.8% 81%,99.2% 91%,99.6% 99.3%,94% 99.7%,89% 99.2%,83% 99.7%,77% 99.3%,71% 99.8%,65% 99.2%,59% 99.7%,53% 99.3%,47% 99.8%,41% 99.4%,35% 99.7%,29% 99.2%,23% 99.8%,17% 99.4%,11% 99.8%,6% 99.3%,.7% 99.6%,.2% 92%,.7% 83%,.25% 74%,.8% 65%,.3% 56%,.7% 47%,.2% 38%,.8% 29%,.3% 20%,.7% 11%)}
.invitation-copy.arch-frame::after{content:'';position:absolute;z-index:-1;inset:19px;pointer-events:none;border:1px solid #bfa9752b}
.invitation-copy .eyebrow{color:#777256}
.invitation-copy .closing-script{color:var(--garden-wine)}
.programme-section{isolation:isolate;background:none;filter:drop-shadow(0 3px 4px #685c390c)}
.programme-section::before{inset:8px 16px}
.programme-section>.section-floral{opacity:.2}
.timeline-time{color:#69734e}
.timeline-mark{color:#9b9e6e;filter:sepia(.3) saturate(.6);opacity:.78}
.paper-timeline::before{background:linear-gradient(transparent,#a4ad7f8a 8%,#a4ad7f8a 92%,transparent)}
.timeline-item::after{border-color:#a0a874;background:#faf0dc;box-shadow:0 0 0 3px #faf0dc}
.countdown-unit>[data-countdown-unit],.countdown-unit+.countdown-unit::before{color:#737b56}
.scene-image>img{filter:saturate(.59) contrast(.83) brightness(1.17)}
.dress-portraits img{filter:saturate(.49) contrast(.8) brightness(1.17)}
.dress-portraits figcaption,.dress-notes h3{color:var(--garden-sage)}
.outline-button,.paper-dialog .button{border-color:#935c6580;color:var(--garden-wine);background:#fff8e51a}
.outline-button:hover,.paper-dialog .button:hover{background:#743c430c;border-color:var(--garden-wine)}
.paper-ending{background:none}
.paper-ending .script-heading{color:var(--garden-sage)}
.paper-dialog,.mobile-navigation{background-image:var(--paper-grain),linear-gradient(120deg,#faf1df,#fff8e8);color:var(--ink)}
.paper-dialog h2{color:var(--garden-sage)}
.paper-dialog::backdrop,.mobile-navigation::backdrop{background:#555f4666}
.hamburger{background:#faf1dfed;border-color:#9da17c66;color:var(--garden-sage)}
.desktop-navigation{background:linear-gradient(#faf1dff5,#faf1dfeb 75%,#faf1df00)}
.audio-toggle{border-color:#a5a980;background:linear-gradient(135deg,#b4bd96,#87946c);color:#35422b;box-shadow:0 3px 10px #63704825}

@media(max-width:1023px){
  .paper-hero{min-height:max(100svh,820px);padding:0 8px 24px}
  .paper-hero .hero-copy{min-height:max(calc(100svh - 24px),796px);padding:clamp(120px,16svh,156px) 49px 295px}
  .hero-copy>.eyebrow:not(.hero-signature){max-width:185px;font-size:10px;line-height:1.6;letter-spacing:.13em;margin:0 auto 13px}
  .hero-copy .brand-title{font-size:clamp(58px,15.8vw,76px);line-height:.92}
  .hero-copy .brand-title>span+span{font-size:.76em;line-height:1.1;margin-top:7px}
  .hero-tagline{font-size:20px;line-height:1.2;margin-top:13px}
  .hero-copy>.divider{width:85px;margin:11px auto}
  .hero-date{font-size:31px;line-height:1.2}
  .hero-time{font-size:15px;margin-top:4px;letter-spacing:.15em}
  .hero-art{left:10%;right:10%;top:0;bottom:51px;height:auto}
  .hero-art>.hero-couple{left:-11%;top:0;width:122%;height:100%;object-fit:contain}
  .hero-copy>.hero-signature{left:35px;right:35px;bottom:52px;font-size:9px;line-height:1.6;letter-spacing:.06em}
  .scroll-cue{bottom:28px;font-size:27px}
  .date-section{padding-top:44px;padding-bottom:43px}
  #the-story{padding-inline:21px;padding-top:8px;gap:35px}
  #the-story>.invitation-copy{padding:55px 35px 62px;min-height:0;width:100%}
  .invitation-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.1em}
  .invitation-copy>.script-heading{font-size:43px}
  .invitation-copy .copy{font-size:20px}
  .invitation-copy .closing-script{font-size:36px}
  .programme-section{padding:68px 39px 54px}
  .paper-timeline{margin-top:38px}
  .timeline-item{column-gap:43px}
  .timeline-copy h3{font-size:19px}
  .timeline-time{font-size:27px}
  #your-invitation{padding-inline:21px}
  #your-invitation .invitation-copy.arch-frame{min-height:0;padding:70px 34px 65px}
  #your-invitation .invitation-copy>.script-heading{font-size:44px}
}
@media(min-width:600px) and (max-width:1023px){
  .paper-hero .hero-copy{padding-top:170px;padding-inline:66px;padding-bottom:300px}
  .hero-copy>.eyebrow:not(.hero-signature){font-size:11px;max-width:215px}
  .hero-copy .brand-title{font-size:76px}
  .hero-tagline{font-size:23px}
  .hero-date{font-size:36px}
  .hero-time{font-size:17px}
  .hero-copy>.hero-signature{font-size:10px}
  #the-story>.invitation-copy{padding-inline:47px}
  .programme-section{padding-inline:61px}
}
@media(max-width:380px){
  .paper-hero .hero-copy{padding-inline:39px;padding-top:126px}
  .hero-copy .brand-title{font-size:58px}
  .hero-copy>.eyebrow:not(.hero-signature){max-width:178px;font-size:10px}
  .hero-date{font-size:29px}
  .hero-tagline{font-size:19px}
  .programme-section{padding-inline:31px}
  .timeline-item{column-gap:35px}
  .timeline-time{font-size:25px}
  #the-story>.invitation-copy{padding-inline:30px}
}
@media(min-width:1024px){
  .paper-hero{min-height:840px;height:min(960px,100dvh);background:radial-gradient(ellipse at 22% 45%,#fff7e8,#faf1df 68%)}
  .paper-hero::before{inset:0 0 0 43%;background-position:center top;mask-image:linear-gradient(90deg,transparent,#000 9%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%)}
  .paper-hero>.garden-motion{inset:0 0 0 43%;width:57%;mask-image:linear-gradient(90deg,transparent,#000 9%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%)}
  .paper-hero::after{height:120px}
  .paper-hero .hero-copy{height:100%;min-height:0;padding:clamp(128px,17vh,178px) 55% 65px 0;background:none}
  .hero-copy>.eyebrow:not(.hero-signature){font-size:11px;letter-spacing:.13em;margin-bottom:24px}
  .hero-copy .brand-title{font-size:clamp(95px,8.2vw,115px);line-height:.94}
  .hero-copy .brand-title>span+span{font-size:.73em;margin-top:10px}
  .hero-tagline{font-size:28px;margin-top:26px}
  .hero-copy>.divider{width:130px;margin:26px auto}
  .hero-date{font-size:41px}
  .hero-time{font-size:19px;margin-top:6px}
  .hero-art{left:47%;right:-1%;top:25px;bottom:55px;height:auto}
  .hero-art>.hero-couple{width:133%;height:133%;left:-16.5%;top:-33%;object-fit:contain;object-position:center bottom}
  .hero-copy>.hero-signature{left:48%;right:0;bottom:52px;font-size:10px}
  .scroll-cue{left:25%;bottom:31px}
  #the-story{padding-inline:57px;gap:55px}
  #the-story>.invitation-copy{padding:67px 42px 72px;min-height:0}
  .programme-section{padding:95px 100px 75px}
  .programme-section::before{inset:15px 72px}
  .programme-section>.section-floral{left:75px;top:25px;width:155px}
  .paper-timeline{max-width:680px}
  #your-invitation>.invitation-copy.arch-frame{padding:86px 75px 85px;min-height:0}
}
@media(min-width:1024px) and (max-width:1199px){
  .paper-hero .hero-copy{padding-top:136px;padding-right:53%}
  .hero-copy .brand-title{font-size:91px}
  .hero-copy>.eyebrow:not(.hero-signature){font-size:10px}
  .hero-tagline{font-size:26px}
  .hero-date{font-size:38px}
  #the-story{padding-inline:38px;gap:30px}
  #the-story>.invitation-copy{padding-inline:34px}
}
@media(prefers-reduced-motion:reduce){.paper-hero>.garden-motion{display:none}.hero-art .scene-glow{animation:none!important;opacity:.28}}