/* W07 · Javanese Royal Heritage: fonts (SIL Open Font License 1.1, self-hosted) */
@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: "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: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-latin-600-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: 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; }
@font-face { font-family: "Amiri"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/amiri-bismillah.woff2") format("woff2"); }

/* W07 · Javanese Royal Heritage: brown and gold; gunungan, wayang, joglo and batik on aged parchment. */
:root {
  --bg: #f2e5cc; --bg2: #ead9b8; --ink: #4a2e1c; --muted: #7a5a40; --accent: #a87b37; --accent2: #d4b06a;
  --deep: #2b1a10; --on-deep: #f1ddb2; --line: rgb(168 123 55 / .38);
  --card: rgb(255 250 238 / .58); --card-line: rgb(122 84 40 / .45); --card-shadow: 0 12px 26px rgb(74 46 28 / .1);
  --gold: linear-gradient(100deg, #b07d35 0%, #f2d48e 38%, #c18f42 62%, #ecd08c 86%);
  --btn-bg: linear-gradient(180deg, #3d2615, #24150c); --btn-ink: #f1ddb2; --btn-line: #c9a35a; --btn-shadow: 0 10px 22px rgb(43 26 16 / .35);
  --f-script: "Cormorant Garamond", serif; --f-display: "Cormorant Garamond", Georgia, serif; --f-body: "EB Garamond", Georgia, serif;
  --names-font: var(--f-display); --names-size: 3.3rem; --names-weight: 600; --amp-font: var(--f-display);
  --head-font: var(--f-display); --head-weight: 600; --head-size: 2.15rem; --head-color: #4a2e1c;
  --kicker-color: #d9b56e;
  --couple-font: var(--f-display); --couple-style: italic; --couple-weight: 600; --couple-size: 2.1rem; --couple-color: #4a2e1c;
  --photo-radius: 10px; --cover-ar: 4 / 5; --radius: 14px;
  --gate-bg: radial-gradient(ellipse at 50% 24%, #4c311d 0%, #2b1a10 60%, #1d110a 100%); --gate-ink: #f1ddb2; --guest-bg: rgb(0 0 0 / .2);
  --cd-num: #ecd08c; --cd-label: #d9c39a; --cd-line: rgb(217 181 110 / .35); --cd-title: #d9b56e;
  --side-veil: linear-gradient(180deg, rgb(43 26 16 / .05) 32%, rgb(43 26 16 / .93) 82%); --side-ink: #f1ddb2;
  --bank-bg: linear-gradient(135deg, #3a2414, #24150c); --bank-border: 1px solid #c9a35a; --bank-btn: #ecd08c; --bank-btn-ink: #2b1a10;
}
body { background: url(../img/w07-paper.svg), radial-gradient(ellipse at 50% 30%, #f6ebd5 0%, #e8d6b3 100%); }
.inv { background: transparent; }
.names { font-style: italic; background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 .12em; }
.names__amp { color: inherit; }
.photo--cover, .photo--hero, .photo--side { border: 2px solid #c9a35a; outline: 1px solid rgb(201 163 90 / .5); outline-offset: 6px; }
.orn--top img { display: block; width: 220px; max-width: 66%; height: auto; margin: 0 auto 12px; }
.orn--head-top { color: #a87b37; }
.orn--head-top svg { width: 30px; }
/* Dark carved-wood hero, countdown and closing; parchment elsewhere */
.sec--hero, .sec--countdown, .sec--closing { background: radial-gradient(ellipse at 50% 18%, #4c311d 0%, #2b1a10 66%); color: #f1ddb2; }
.sec--hero .lead, .sec--closing .closing__sign, .sec--closing .closing__p { color: #e2cfa6; }
.sec--hero .datebox { border: 1px solid rgb(201 163 90 / .6); border-radius: 12px; padding: 6px 12px; background: rgb(0 0 0 / .18); }
.sec--hero .datebox__d, .sec--hero .datebox__m { border: 0; }
.sec--hero .datebox__n { background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; border-color: rgb(201 163 90 / .45); }
.sec--hero .venue .ic { color: #d9b56e; }
.sec--hero .orn, .sec--closing .orn, .sec--countdown .link { color: #d9b56e; }
.sec--closing .closing__t { color: #ecd08c; }
.salam { color: #4a2e1c; }
/* Event cards with gold curls on the sides */
.ev::before, .ev::after { content: ""; position: absolute; top: 50%; width: 20px; height: 50px; margin-top: -25px; background: url(../img/w07-curl.svg) center / contain no-repeat; }
.ev::before { left: -11px; }
.ev::after { right: -11px; transform: scaleX(-1); }
.ev__name { font-size: 1.6rem; }
.wishes__t, .rsvp-done__t, .story__t { color: #4a2e1c; }

/* Wayang, joglo and batik cut from the mockup */
.sec--couple .o1 { left: 0; top: 10%; width: 30vw; max-width: 140px; aspect-ratio: 360 / 510; background-image: url(../img/deco-w07-wayang-l.webp); }
.sec--couple .o2 { right: 0; top: 10%; width: 30vw; max-width: 140px; aspect-ratio: 358 / 510; background-image: url(../img/deco-w07-wayang-r.webp); }
.sec--events .o3 { left: 0; bottom: 0; width: 38vw; max-width: 180px; aspect-ratio: 420 / 350; background-image: url(../img/deco-w07-joglo-l.webp); }
.sec--events .o4 { right: 0; bottom: 0; width: 38vw; max-width: 180px; aspect-ratio: 408 / 350; background-image: url(../img/deco-w07-joglo-r.webp); }
.sec--gallery .o3, .sec--gift .o3 { left: 0; bottom: 0; width: 30vw; max-width: 140px; aspect-ratio: 340 / 370; background-image: url(../img/deco-w07-batik-bl.webp); }
.sec--gallery .o4, .sec--gift .o4 { right: 0; bottom: 0; width: 30vw; max-width: 140px; aspect-ratio: 338 / 370; background-image: url(../img/deco-w07-batik-br.webp); }