/* W06 · Islamic Elegant: fonts (SIL Open Font License 1.1, self-hosted) */
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/playfair-display-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: "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"); }

/* W06 · Islamic Elegant: emerald, ivory and gold; geometric lattice, graceful arches, calligraphy, lanterns. */
:root {
  --bg: #f7f1e3; --bg2: #efe6d0; --ink: #1d3a2e; --muted: #5d6e64; --accent: #b8923f; --accent2: #dcc27e;
  --deep: #0f3d2e; --on-deep: #f5e9c8; --line: rgb(184 146 63 / .36);
  --card: #fbf6ea; --card-line: rgb(184 146 63 / .75); --card-shadow: 0 12px 28px rgb(15 61 46 / .12);
  --gold: linear-gradient(100deg, #b98a35 0%, #f3dc9f 35%, #c99c48 60%, #efd38c 85%);
  --btn-bg: linear-gradient(180deg, #16583f, #0f3d2e); --btn-ink: #f5e9c8; --btn-line: #c9a24f; --btn-shadow: 0 10px 24px rgb(15 61 46 / .3);
  --f-script: "Playfair Display", serif; --f-display: "Cormorant Garamond", Georgia, serif; --f-body: "EB Garamond", Georgia, serif;
  --names-font: "Playfair Display", serif; --names-size: 2.7rem; --names-weight: 400; --amp-font: "Playfair Display", serif;
  --head-font: var(--f-display); --head-weight: 600; --head-size: 2.2rem; --head-color: #0f3d2e;
  --kicker-color: #e3c983;
  --couple-font: "Playfair Display", serif; --couple-style: italic; --couple-size: 1.85rem; --couple-color: #0f3d2e;
  --photo-radius: 999px 999px 12px 12px; --cover-ar: 4 / 5; --radius: 18px;
  --gate-bg: radial-gradient(ellipse at 50% 22%, #1c5a44 0%, transparent 62%), url(../img/w06-lattice.svg), #0f3d2e; --gate-ink: #f5e9c8; --guest-bg: rgb(0 0 0 / .18);
  --cd-bg: #fbf6ea; --cd-pad: 10px 8px; --cd-num: #0f3d2e;
  --side-veil: linear-gradient(180deg, rgb(15 61 46 / .05) 32%, rgb(15 61 46 / .93) 82%); --side-ink: #f5e9c8;
  --bank-bg: linear-gradient(135deg, #14523d, #0c3226); --bank-border: 1px solid #c9a24f; --bank-btn: #e3c983; --bank-btn-ink: #0f3d2e;
}
body { background: url(../img/w06-lattice-light.svg), #f7f1e3; }
.inv { background: transparent; }
.names { font-style: italic; background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 .1em; }
.names__amp { color: inherit; }
.photo--cover, .photo--hero, .photo--side { border: 3px solid #c9a24f; outline: 1px solid rgb(201 162 79 / .55); outline-offset: 7px; }
.orn--top img { display: block; width: 230px; max-width: 72%; height: auto; margin: 0 auto 16px; }
/* Emerald hero, events band and closing; ivory elsewhere */
.sec--hero, .sec--events, .sec--closing { background: radial-gradient(ellipse at 50% 0%, #1c5a44 0%, transparent 66%), url(../img/w06-lattice.svg), #0f3d2e; color: #f5e9c8; }
.sec--hero .lead, .sec--closing .closing__sign, .sec--closing .closing__p { color: #e8dcbc; }
.sec--hero .datebox__n { background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sec--hero .datebox__d, .sec--hero .datebox__m, .sec--hero .datebox__n { border-color: rgb(227 201 131 / .45); }
.sec--hero .venue .ic { color: #e3c983; }
.sec--hero .btn--primary { background: linear-gradient(90deg, #d8bc76, #f4e4b2, #d8bc76); color: #0f3d2e; border-color: #f4e4b2; }
.sec--events .h-sec__t, .sec--closing .closing__t { color: #f5e9c8; }
.sec--hero .orn, .sec--events .orn, .sec--closing .orn { color: #e3c983; }
/* Arch-topped event cards with a gold double border */
.ev { border: 2px solid #c9a24f; border-radius: 120px 120px 18px 18px / 48px 48px 18px 18px; padding-top: 36px; background: linear-gradient(180deg, #fffaf0, #f6eedb); color: #1d3a2e; }
.ev::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgb(201 162 79 / .5); border-radius: 112px 112px 14px 14px / 44px 44px 14px 14px; pointer-events: none; }
.ev__name { color: #0f3d2e; }
.sec--events .link--loc { color: #8a6a24; }
.cd { border: 1px solid var(--card-line); border-radius: 999px; }
.salam { color: #0f3d2e; }
.arabic { font-size: 2.25rem; }
.wishes__t, .rsvp-done__t, .story__t { color: #0f3d2e; }

/* Hanging lanterns cut from the mockup */
#gate .o1, #side .o1, #gate .o2, #side .o2, .sec--hero .o1, .sec--hero .o2, .sec--closing .o1, .sec--closing .o2 { top: 0; width: 15vw; max-width: 68px; aspect-ratio: 138 / 348; background-image: url(../img/deco-w06-lantern.webp); }
#gate .o1, #side .o1, .sec--hero .o1, .sec--closing .o1 { left: 5%; }
#gate .o2, #side .o2, .sec--hero .o2, .sec--closing .o2 { right: 5%; transform: scaleX(-1); }