/* W05 · Rustic Boho Garden: fonts (SIL Open Font License 1.1, self-hosted) */
@font-face { font-family: "Alex Brush"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/alex-brush-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/eb-garamond-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/eb-garamond-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/eb-garamond-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* W05 · Rustic Boho Garden: terracotta and beige, pampas grass, dried flowers, textured paper. */
:root {
  --bg: #efe5d6; --bg2: #e6d8c3; --ink: #5a3d2b; --muted: #87705c; --accent: #a5583a; --accent2: #c9a27c;
  --deep: #7a4a32; --on-deep: #fbf3e8; --line: rgb(90 61 43 / .18);
  --card: rgb(255 252 246 / .45); --card-line: rgb(165 88 58 / .38); --card-shadow: none;
  --btn-bg: linear-gradient(90deg, #9f4e32, #b8673f); --btn-ink: #fff7ee; --btn-shadow: 0 10px 22px rgb(140 70 40 / .3);
  --f-script: "Alex Brush", cursive; --f-display: "Cormorant Garamond", Georgia, serif; --f-body: "EB Garamond", Georgia, serif;
  --names-font: var(--f-script); --names-size: 3.9rem; --names-color: #fbf3e8; --amp-font: var(--f-script); --amp-color: #fbf3e8;
  --head-font: var(--f-display); --head-style: italic; --head-weight: 600; --head-size: 2.2rem; --head-color: #5a3d2b;
  --couple-font: var(--f-script); --couple-size: 2.8rem; --couple-color: #6b4430;
  --kicker-color: #f3e3cc;
  --radius: 18px; --photo-radius: 14px;
  --gate-bg: #3b2a1e; --gate-ink: #fbf3e8; --guest-bg: rgb(30 20 12 / .35);
  --cd-title: #5a3d2b; --cd-num: #6b4430;
  --side-veil: linear-gradient(180deg, rgb(40 25 15 / .1) 36%, rgb(40 25 15 / .86) 86%); --side-ink: #fbf3e8;
  --bank-bg: linear-gradient(135deg, #a5583a, #c07a52);
}
body { background: url(../img/w05-paper.svg), #efe5d6; }
.inv { background: transparent; }
/* Cover and hero: the photo fills the screen, the words sit over it (like the mockup's hero) */
#gate { align-items: flex-end; }
#gate .gate__in { position: static; margin: auto auto 0; padding-bottom: 44px; }
#gate .gate__in > *:not(.photo), .sec--hero .sec__in > *:not(.photo), #side .side__in > *:not(.photo) { position: relative; z-index: 2; }
#gate .photo--cover, .sec--hero .photo--hero, #side .photo--side { position: absolute; inset: 0; width: auto; aspect-ratio: auto; margin: 0; border-radius: 0; z-index: 0; }
#gate .photo--cover::after, .sec--hero .photo--hero::after, #side .photo--side::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgb(35 22 12 / .25) 0%, rgb(35 22 12 / .04) 28%, rgb(35 22 12 / .66) 62%, rgb(35 22 12 / .93) 100%); }
#gate .guest { border-color: rgb(251 243 232 / .3); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.btn--open { background: #fbf3e8; color: #7a4a32; }
.sec--hero { min-height: 94svh; display: flex; align-items: flex-end; padding: 0 24px 54px; color: #fbf3e8; }
.sec--hero .sec__in { position: static; opacity: 1; transform: none; }
.sec--hero .lead { color: #f1e4d2; }
.sec--hero .orn, .sec--hero .venue .ic { color: #f3e3cc; }
.sec--hero .datebox__n { color: #fbf3e8; }
.sec--hero .datebox__d, .sec--hero .datebox__m, .sec--hero .datebox__n { border-color: rgb(251 243 232 / .4); }
.sec--hero .btn--primary { background: #fbf3e8; color: #7a4a32; }
/* Countdown and story on torn paper */
.sec--countdown { padding: 40px 18px; }
.cd { background: url(../img/w05-torn.svg) center / 100% 100% no-repeat; padding: 22px 10px 20px; max-width: 370px; }
.cd__t { font: italic 600 1.35rem var(--f-display); letter-spacing: 0; text-transform: none; }
.sec--story .sec__in.in { background: url(../img/w05-torn.svg) center / 100% 100% no-repeat; padding: 34px 26px 30px; }
.ev__name, .wishes__t, .rsvp-done__t, .story__t { font-style: italic; }
.closing__t { font-family: var(--f-script); font-style: normal; font-weight: 400; font-size: 3rem; color: var(--accent); }
.names--closing { color: #6b4430; }
.names--closing .names__amp { color: var(--accent); }
.closing__p { color: #6b4430; }

/* Pampas grass, rattan and dried flowers cut from the mockup */
.sec--couple .o1 { left: 0; top: 10%; width: 34vw; max-width: 160px; aspect-ratio: 460 / 750; background-image: url(../img/deco-w05-pampas-l.webp); }
.sec--events .o2 { right: 0; top: 4%; width: 30vw; max-width: 140px; aspect-ratio: 388 / 680; background-image: url(../img/deco-w05-rattan-r.webp); }
.sec--gallery .o3, .sec--closing .o3 { left: 0; bottom: 0; width: 34vw; max-width: 160px; aspect-ratio: 380 / 480; background-image: url(../img/deco-w05-pampas-bl.webp); }
.sec--gallery .o4, .sec--closing .o4 { right: 0; bottom: 0; width: 28vw; max-width: 130px; aspect-ratio: 308 / 520; background-image: url(../img/deco-w05-pampas-br.webp); }

@media (min-width: 1024px) { #side { align-items: flex-end; } #side .side__in { position: static; padding-bottom: 70px; } }