@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/bodoni-moda-latin-400-italic.DB-bun8K.woff2) format("woff2")} @font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/bodoni-moda-latin-400-normal.CIWtV3SY.woff2) format("woff2")} @font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:500;font-display:swap;src:url(/_astro/bodoni-moda-latin-500-italic.CpCRhJ5E.woff2) format("woff2")} @font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/bodoni-moda-latin-500-normal.CtAcMono.woff2) format("woff2")} @font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:700;font-display:swap;src:url(/_astro/bodoni-moda-latin-700-italic.5ZJN59qX.woff2) format("woff2")} @font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/bodoni-moda-latin-700-normal._PBEXphw.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:italic;font-weight:300;font-display:swap;src:url(/_astro/jost-latin-300-italic.D89ryfiO.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:normal;font-weight:300;font-display:swap;src:url(/_astro/jost-latin-300-normal.DkBQXsFU.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/jost-latin-400-italic.qH4HOCXc.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/jost-latin-400-normal.q-RKOgPK.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:italic;font-weight:500;font-display:swap;src:url(/_astro/jost-latin-500-italic.Ci2PQBD6.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/jost-latin-500-normal.41lBe9I9.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:italic;font-weight:700;font-display:swap;src:url(/_astro/jost-latin-700-italic.DknvFYKn.woff2) format("woff2")} @font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/jost-latin-700-normal.u2Hrqd6k.woff2) format("woff2")} /* * Tehrangeles Khatam: the style kit for the "khatam" style package. * Modern Beverly Hills black tie for a Persian wedding: pearl and gallery white, black lacquer, brass hairlines, * walls of white phalaenopsis, a sofreh aghd styled like a jewellery display, and khatam micro-inlay (ebony, bone * and brass six-point stars) as the one motif that runs through the whole page. * Loaded only when that package is active (): apps/sites serves it at * /kits/persian-tehrangeles-khatam.css and inlines every url("elements/*.svg") as a data URI at build time. * Every rule is scoped to :root[data-kit="persian-tehrangeles-khatam"], so nothing here can touch another package. * Colours come from the colourway tokens (--ink, --ink-2, --cream, --gold, --muted, --vig) wherever they can, plus * the kit's own --ptk-* palette (GUIDE.md). Single-colour ornaments are SVG masks filled with a token colour; the * khatam band and tile are coloured SVGs (ebony, bone, brass) laid as background images. * Pseudo-element map per section: ::after = full-bleed background, ::before = portrait photograph (tall rectangle * in a brass offset frame) or plaque, h2::before = the khatam band above the eyebrow of every section after the * welcome (motion.ts replaces it with a band that assembles itself from loose triangles). * The wedding layer: the aghd at the sofreh (hero), mirror and candelabra with the veil (welcome), the cake knife * in silk ribbons (countdown), the khatam ring box (story), the set place (the day), the black-tie flat lay (dress * code), the ribboned car on Wilshire (travel), the gown in the suite (hotels), sugar over the cloth (the aghd * explainer, in the stay module), noghl and honey (FAQ), the gold coin in a khatam box (registry), noghl and coins * falling through a spotlight (RSVP), and her train through the mirrored door (footer). */ :root[data-kit="persian-tehrangeles-khatam"] { --ptk-pearl: #f7f3ec; --ptk-linen: #efe9de; --ptk-gallery: #fffdf9; --ptk-lacquer: #1a1714; --ptk-brass: #a88a55; --ptk-brass-deep: #7a6338; --ptk-obsidian: #14110e; --ptk-night: #0f0d0b; --ptk-night-panel: #1b1814; --ptk-night-text: #f7f3ec; --ptk-champagne: #cbb07a; --ptk-blush: #ead9cf; --ptk-ease: cubic-bezier(0.22, 1, 0.36, 1); --ptk-hair: color-mix(in srgb, var(--ptk-lacquer) 16%, transparent); --ptk-el-band: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-12.39%20216%2024.78%22%20role%3D%22img%22%20aria-label%3D%22Khatam%20inlay%20band%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20x%3D%220%22%20y%3D%22-10.39%22%20width%3D%22216%22%20height%3D%2220.78%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%22-10.39%22%20width%3D%22216%22%20height%3D%2220.78%22%20fill%3D%22%231a1714%22%2F%3E%3Cg%20clip-path%3D%22url(%23c)%22%20stroke%3D%22%231a1714%22%20stroke-width%3D%22.35%22%3E%3Cpath%20fill%3D%22%23efe6d4%22%20d%3D%22M-3%20-15.59L3%20-15.59L0%20-10.39ZM9%20-15.59L15%20-15.59L12%20-10.39ZM21%20-15.59L27%20-15.59L24%20-10.39ZM33%20-15.59L39%20-15.59L36%20-10.39ZM45%20-15.59L51%20-15.59L48%20-10.39ZM57%20-15.59L63%20-15.59L60%20-10.39ZM69%20-15.59L75%20-15.59L72%20-10.39ZM81%20-15.59L87%20-15.59L84%20-10.39ZM93%20-15.59L99%20-15.59L96%20-10.39ZM105%20-15.59L111%20-15.59L108%20-10.39ZM117%20-15.59L123%20-15.59L120%20-10.39ZM129%20-15.59L135%20-15.59L132%20-10.39ZM141%20-15.59L147%20-15.59L144%20-10.39ZM153%20-15.59L159%20-15.59L156%20-10.39ZM165%20-15.59L171%20-15.59L168%20-10.39ZM177%20-15.59L183%20-15.59L180%20-10.39ZM189%20-15.59L195%20-15.59L192%20-10.39ZM201%20-15.59L207%20-15.59L204%20-10.39ZM213%20-15.59L219%20-15.59L216%20-10.39ZM0%20-10.39L3%20-5.2L-3%20-5.2ZM12%20-10.39L15%20-5.2L9%20-5.2ZM24%20-10.39L27%20-5.2L21%20-5.2ZM36%20-10.39L39%20-5.2L33%20-5.2ZM48%20-10.39L51%20-5.2L45%20-5.2ZM60%20-10.39L63%20-5.2L57%20-5.2ZM72%20-10.39L75%20-5.2L69%20-5.2ZM84%20-10.39L87%20-5.2L81%20-5.2ZM96%20-10.39L99%20-5.2L93%20-5.2ZM108%20-10.39L111%20-5.2L105%20-5.2ZM120%20-10.39L123%20-5.2L117%20-5.2ZM132%20-10.39L135%20-5.2L129%20-5.2ZM144%20-10.39L147%20-5.2L141%20-5.2ZM156%20-10.39L159%20-5.2L153%20-5.2ZM168%20-10.39L171%20-5.2L165%20-5.2ZM180%20-10.39L183%20-5.2L177%20-5.2ZM192%20-10.39L195%20-5.2L189%20-5.2ZM204%20-10.39L207%20-5.2L201%20-5.2ZM216%20-10.39L219%20-5.2L213%20-5.2ZM-9%20-5.2L-3%20-5.2L-6%200ZM3%20-5.2L9%20-5.2L6%200ZM15%20-5.2L21%20-5.2L18%200ZM27%20-5.2L33%20-5.2L30%200ZM39%20-5.2L45%20-5.2L42%200ZM51%20-5.2L57%20-5.2L54%200ZM63%20-5.2L69%20-5.2L66%200ZM75%20-5.2L81%20-5.2L78%200ZM87%20-5.2L93%20-5.2L90%200ZM99%20-5.2L105%20-5.2L102%200ZM111%20-5.2L117%20-5.2L114%200ZM123%20-5.2L129%20-5.2L126%200ZM135%20-5.2L141%20-5.2L138%200ZM147%20-5.2L153%20-5.2L150%200ZM159%20-5.2L165%20-5.2L162%200ZM171%20-5.2L177%20-5.2L174%200ZM183%20-5.2L189%20-5.2L186%200ZM195%20-5.2L201%20-5.2L198%200ZM207%20-5.2L213%20-5.2L210%200ZM219%20-5.2L225%20-5.2L222%200ZM-6%200L-3%205.2L-9%205.2ZM6%200L9%205.2L3%205.2ZM18%200L21%205.2L15%205.2ZM30%200L33%205.2L27%205.2ZM42%200L45%205.2L39%205.2ZM54%200L57%205.2L51%205.2ZM66%200L69%205.2L63%205.2ZM78%200L81%205.2L75%205.2ZM90%200L93%205.2L87%205.2ZM102%200L105%205.2L99%205.2ZM114%200L117%205.2L111%205.2ZM126%200L129%205.2L123%205.2ZM138%200L141%205.2L135%205.2ZM150%200L153%205.2L147%205.2ZM162%200L165%205.2L159%205.2ZM174%200L177%205.2L171%205.2ZM186%200L189%205.2L183%205.2ZM198%200L201%205.2L195%205.2ZM210%200L213%205.2L207%205.2ZM222%200L225%205.2L219%205.2ZM-3%205.2L3%205.2L0%2010.39ZM9%205.2L15%205.2L12%2010.39ZM21%205.2L27%205.2L24%2010.39ZM33%205.2L39%205.2L36%2010.39ZM45%205.2L51%205.2L48%2010.39ZM57%205.2L63%205.2L60%2010.39ZM69%205.2L75%205.2L72%2010.39ZM81%205.2L87%205.2L84%2010.39ZM93%205.2L99%205.2L96%2010.39ZM105%205.2L111%205.2L108%2010.39ZM117%205.2L123%205.2L120%2010.39ZM129%205.2L135%205.2L132%2010.39ZM141%205.2L147%205.2L144%2010.39ZM153%205.2L159%205.2L156%2010.39ZM165%205.2L171%205.2L168%2010.39ZM177%205.2L183%205.2L180%2010.39ZM189%205.2L195%205.2L192%2010.39ZM201%205.2L207%205.2L204%2010.39ZM213%205.2L219%205.2L216%2010.39ZM0%2010.39L3%2015.59L-3%2015.59ZM12%2010.39L15%2015.59L9%2015.59ZM24%2010.39L27%2015.59L21%2015.59ZM36%2010.39L39%2015.59L33%2015.59ZM48%2010.39L51%2015.59L45%2015.59ZM60%2010.39L63%2015.59L57%2015.59ZM72%2010.39L75%2015.59L69%2015.59ZM84%2010.39L87%2015.59L81%2015.59ZM96%2010.39L99%2015.59L93%2015.59ZM108%2010.39L111%2015.59L105%2015.59ZM120%2010.39L123%2015.59L117%2015.59ZM132%2010.39L135%2015.59L129%2015.59ZM144%2010.39L147%2015.59L141%2015.59ZM156%2010.39L159%2015.59L153%2015.59ZM168%2010.39L171%2015.59L165%2015.59ZM180%2010.39L183%2015.59L177%2015.59ZM192%2010.39L195%2015.59L189%2015.59ZM204%2010.39L207%2015.59L201%2015.59ZM216%2010.39L219%2015.59L213%2015.59Z%22%2F%3E%3Cpath%20fill%3D%22%23a88a55%22%20d%3D%22M15%20-15.59L18%20-10.39L12%20-10.39ZM15%20-15.59L21%20-15.59L18%20-10.39ZM21%20-15.59L24%20-10.39L18%20-10.39ZM51%20-15.59L54%20-10.39L48%20-10.39ZM51%20-15.59L57%20-15.59L54%20-10.39ZM57%20-15.59L60%20-10.39L54%20-10.39ZM87%20-15.59L90%20-10.39L84%20-10.39ZM87%20-15.59L93%20-15.59L90%20-10.39ZM93%20-15.59L96%20-10.39L90%20-10.39ZM123%20-15.59L126%20-10.39L120%20-10.39ZM123%20-15.59L129%20-15.59L126%20-10.39ZM129%20-15.59L132%20-10.39L126%20-10.39ZM159%20-15.59L162%20-10.39L156%20-10.39ZM159%20-15.59L165%20-15.59L162%20-10.39ZM165%20-15.59L168%20-10.39L162%20-10.39ZM195%20-15.59L198%20-10.39L192%20-10.39ZM195%20-15.59L201%20-15.59L198%20-10.39ZM201%20-15.59L204%20-10.39L198%20-10.39ZM12%20-10.39L18%20-10.39L15%20-5.2ZM18%20-10.39L21%20-5.2L15%20-5.2ZM18%20-10.39L24%20-10.39L21%20-5.2ZM48%20-10.39L54%20-10.39L51%20-5.2ZM54%20-10.39L57%20-5.2L51%20-5.2ZM54%20-10.39L60%20-10.39L57%20-5.2ZM84%20-10.39L90%20-10.39L87%20-5.2ZM90%20-10.39L93%20-5.2L87%20-5.2ZM90%20-10.39L96%20-10.39L93%20-5.2ZM120%20-10.39L126%20-10.39L123%20-5.2ZM126%20-10.39L129%20-5.2L123%20-5.2ZM126%20-10.39L132%20-10.39L129%20-5.2ZM156%20-10.39L162%20-10.39L159%20-5.2ZM162%20-10.39L165%20-5.2L159%20-5.2ZM162%20-10.39L168%20-10.39L165%20-5.2ZM192%20-10.39L198%20-10.39L195%20-5.2ZM198%20-10.39L201%20-5.2L195%20-5.2ZM198%20-10.39L204%20-10.39L201%20-5.2ZM-3%20-5.2L0%200L-6%200ZM-3%20-5.2L3%20-5.2L0%200ZM3%20-5.2L6%200L0%200ZM33%20-5.2L36%200L30%200ZM33%20-5.2L39%20-5.2L36%200ZM39%20-5.2L42%200L36%200ZM69%20-5.2L72%200L66%200ZM69%20-5.2L75%20-5.2L72%200ZM75%20-5.2L78%200L72%200ZM105%20-5.2L108%200L102%200ZM105%20-5.2L111%20-5.2L108%200ZM111%20-5.2L114%200L108%200ZM141%20-5.2L144%200L138%200ZM141%20-5.2L147%20-5.2L144%200ZM147%20-5.2L150%200L144%200ZM177%20-5.2L180%200L174%200ZM177%20-5.2L183%20-5.2L180%200ZM183%20-5.2L186%200L180%200ZM213%20-5.2L216%200L210%200ZM213%20-5.2L219%20-5.2L216%200ZM219%20-5.2L222%200L216%200ZM-6%200L0%200L-3%205.2ZM0%200L3%205.2L-3%205.2ZM0%200L6%200L3%205.2ZM30%200L36%200L33%205.2ZM36%200L39%205.2L33%205.2ZM36%200L42%200L39%205.2ZM66%200L72%200L69%205.2ZM72%200L75%205.2L69%205.2ZM72%200L78%200L75%205.2ZM102%200L108%200L105%205.2ZM108%200L111%205.2L105%205.2ZM108%200L114%200L111%205.2ZM138%200L144%200L141%205.2ZM144%200L147%205.2L141%205.2ZM144%200L150%200L147%205.2ZM174%200L180%200L177%205.2ZM180%200L183%205.2L177%205.2ZM180%200L186%200L183%205.2ZM210%200L216%200L213%205.2ZM216%200L219%205.2L213%205.2ZM216%200L222%200L219%205.2ZM15%205.2L18%2010.39L12%2010.39ZM15%205.2L21%205.2L18%2010.39ZM21%205.2L24%2010.39L18%2010.39ZM51%205.2L54%2010.39L48%2010.39ZM51%205.2L57%205.2L54%2010.39ZM57%205.2L60%2010.39L54%2010.39ZM87%205.2L90%2010.39L84%2010.39ZM87%205.2L93%205.2L90%2010.39ZM93%205.2L96%2010.39L90%2010.39ZM123%205.2L126%2010.39L120%2010.39ZM123%205.2L129%205.2L126%2010.39ZM129%205.2L132%2010.39L126%2010.39ZM159%205.2L162%2010.39L156%2010.39ZM159%205.2L165%205.2L162%2010.39ZM165%205.2L168%2010.39L162%2010.39ZM195%205.2L198%2010.39L192%2010.39ZM195%205.2L201%205.2L198%2010.39ZM201%205.2L204%2010.39L198%2010.39ZM12%2010.39L18%2010.39L15%2015.59ZM18%2010.39L21%2015.59L15%2015.59ZM18%2010.39L24%2010.39L21%2015.59ZM48%2010.39L54%2010.39L51%2015.59ZM54%2010.39L57%2015.59L51%2015.59ZM54%2010.39L60%2010.39L57%2015.59ZM84%2010.39L90%2010.39L87%2015.59ZM90%2010.39L93%2015.59L87%2015.59ZM90%2010.39L96%2010.39L93%2015.59ZM120%2010.39L126%2010.39L123%2015.59ZM126%2010.39L129%2015.59L123%2015.59ZM126%2010.39L132%2010.39L129%2015.59ZM156%2010.39L162%2010.39L159%2015.59ZM162%2010.39L165%2015.59L159%2015.59ZM162%2010.39L168%2010.39L165%2015.59ZM192%2010.39L198%2010.39L195%2015.59ZM198%2010.39L201%2015.59L195%2015.59ZM198%2010.39L204%2010.39L201%2015.59Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%20-11.79H216M0%2011.79H216%22%20stroke%3D%22%23a88a55%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-band-night: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-12.39%20216%2024.78%22%20role%3D%22img%22%20aria-label%3D%22Khatam%20inlay%20band%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20x%3D%220%22%20y%3D%22-10.39%22%20width%3D%22216%22%20height%3D%2220.78%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%22-10.39%22%20width%3D%22216%22%20height%3D%2220.78%22%20fill%3D%22%231f1b17%22%2F%3E%3Cg%20clip-path%3D%22url(%23c)%22%20stroke%3D%22%231f1b17%22%20stroke-width%3D%22.35%22%3E%3Cpath%20fill%3D%22%23e9dfcb%22%20d%3D%22M-3%20-15.59L3%20-15.59L0%20-10.39ZM9%20-15.59L15%20-15.59L12%20-10.39ZM21%20-15.59L27%20-15.59L24%20-10.39ZM33%20-15.59L39%20-15.59L36%20-10.39ZM45%20-15.59L51%20-15.59L48%20-10.39ZM57%20-15.59L63%20-15.59L60%20-10.39ZM69%20-15.59L75%20-15.59L72%20-10.39ZM81%20-15.59L87%20-15.59L84%20-10.39ZM93%20-15.59L99%20-15.59L96%20-10.39ZM105%20-15.59L111%20-15.59L108%20-10.39ZM117%20-15.59L123%20-15.59L120%20-10.39ZM129%20-15.59L135%20-15.59L132%20-10.39ZM141%20-15.59L147%20-15.59L144%20-10.39ZM153%20-15.59L159%20-15.59L156%20-10.39ZM165%20-15.59L171%20-15.59L168%20-10.39ZM177%20-15.59L183%20-15.59L180%20-10.39ZM189%20-15.59L195%20-15.59L192%20-10.39ZM201%20-15.59L207%20-15.59L204%20-10.39ZM213%20-15.59L219%20-15.59L216%20-10.39ZM0%20-10.39L3%20-5.2L-3%20-5.2ZM12%20-10.39L15%20-5.2L9%20-5.2ZM24%20-10.39L27%20-5.2L21%20-5.2ZM36%20-10.39L39%20-5.2L33%20-5.2ZM48%20-10.39L51%20-5.2L45%20-5.2ZM60%20-10.39L63%20-5.2L57%20-5.2ZM72%20-10.39L75%20-5.2L69%20-5.2ZM84%20-10.39L87%20-5.2L81%20-5.2ZM96%20-10.39L99%20-5.2L93%20-5.2ZM108%20-10.39L111%20-5.2L105%20-5.2ZM120%20-10.39L123%20-5.2L117%20-5.2ZM132%20-10.39L135%20-5.2L129%20-5.2ZM144%20-10.39L147%20-5.2L141%20-5.2ZM156%20-10.39L159%20-5.2L153%20-5.2ZM168%20-10.39L171%20-5.2L165%20-5.2ZM180%20-10.39L183%20-5.2L177%20-5.2ZM192%20-10.39L195%20-5.2L189%20-5.2ZM204%20-10.39L207%20-5.2L201%20-5.2ZM216%20-10.39L219%20-5.2L213%20-5.2ZM-9%20-5.2L-3%20-5.2L-6%200ZM3%20-5.2L9%20-5.2L6%200ZM15%20-5.2L21%20-5.2L18%200ZM27%20-5.2L33%20-5.2L30%200ZM39%20-5.2L45%20-5.2L42%200ZM51%20-5.2L57%20-5.2L54%200ZM63%20-5.2L69%20-5.2L66%200ZM75%20-5.2L81%20-5.2L78%200ZM87%20-5.2L93%20-5.2L90%200ZM99%20-5.2L105%20-5.2L102%200ZM111%20-5.2L117%20-5.2L114%200ZM123%20-5.2L129%20-5.2L126%200ZM135%20-5.2L141%20-5.2L138%200ZM147%20-5.2L153%20-5.2L150%200ZM159%20-5.2L165%20-5.2L162%200ZM171%20-5.2L177%20-5.2L174%200ZM183%20-5.2L189%20-5.2L186%200ZM195%20-5.2L201%20-5.2L198%200ZM207%20-5.2L213%20-5.2L210%200ZM219%20-5.2L225%20-5.2L222%200ZM-6%200L-3%205.2L-9%205.2ZM6%200L9%205.2L3%205.2ZM18%200L21%205.2L15%205.2ZM30%200L33%205.2L27%205.2ZM42%200L45%205.2L39%205.2ZM54%200L57%205.2L51%205.2ZM66%200L69%205.2L63%205.2ZM78%200L81%205.2L75%205.2ZM90%200L93%205.2L87%205.2ZM102%200L105%205.2L99%205.2ZM114%200L117%205.2L111%205.2ZM126%200L129%205.2L123%205.2ZM138%200L141%205.2L135%205.2ZM150%200L153%205.2L147%205.2ZM162%200L165%205.2L159%205.2ZM174%200L177%205.2L171%205.2ZM186%200L189%205.2L183%205.2ZM198%200L201%205.2L195%205.2ZM210%200L213%205.2L207%205.2ZM222%200L225%205.2L219%205.2ZM-3%205.2L3%205.2L0%2010.39ZM9%205.2L15%205.2L12%2010.39ZM21%205.2L27%205.2L24%2010.39ZM33%205.2L39%205.2L36%2010.39ZM45%205.2L51%205.2L48%2010.39ZM57%205.2L63%205.2L60%2010.39ZM69%205.2L75%205.2L72%2010.39ZM81%205.2L87%205.2L84%2010.39ZM93%205.2L99%205.2L96%2010.39ZM105%205.2L111%205.2L108%2010.39ZM117%205.2L123%205.2L120%2010.39ZM129%205.2L135%205.2L132%2010.39ZM141%205.2L147%205.2L144%2010.39ZM153%205.2L159%205.2L156%2010.39ZM165%205.2L171%205.2L168%2010.39ZM177%205.2L183%205.2L180%2010.39ZM189%205.2L195%205.2L192%2010.39ZM201%205.2L207%205.2L204%2010.39ZM213%205.2L219%205.2L216%2010.39ZM0%2010.39L3%2015.59L-3%2015.59ZM12%2010.39L15%2015.59L9%2015.59ZM24%2010.39L27%2015.59L21%2015.59ZM36%2010.39L39%2015.59L33%2015.59ZM48%2010.39L51%2015.59L45%2015.59ZM60%2010.39L63%2015.59L57%2015.59ZM72%2010.39L75%2015.59L69%2015.59ZM84%2010.39L87%2015.59L81%2015.59ZM96%2010.39L99%2015.59L93%2015.59ZM108%2010.39L111%2015.59L105%2015.59ZM120%2010.39L123%2015.59L117%2015.59ZM132%2010.39L135%2015.59L129%2015.59ZM144%2010.39L147%2015.59L141%2015.59ZM156%2010.39L159%2015.59L153%2015.59ZM168%2010.39L171%2015.59L165%2015.59ZM180%2010.39L183%2015.59L177%2015.59ZM192%2010.39L195%2015.59L189%2015.59ZM204%2010.39L207%2015.59L201%2015.59ZM216%2010.39L219%2015.59L213%2015.59Z%22%2F%3E%3Cpath%20fill%3D%22%23cbb07a%22%20d%3D%22M15%20-15.59L18%20-10.39L12%20-10.39ZM15%20-15.59L21%20-15.59L18%20-10.39ZM21%20-15.59L24%20-10.39L18%20-10.39ZM51%20-15.59L54%20-10.39L48%20-10.39ZM51%20-15.59L57%20-15.59L54%20-10.39ZM57%20-15.59L60%20-10.39L54%20-10.39ZM87%20-15.59L90%20-10.39L84%20-10.39ZM87%20-15.59L93%20-15.59L90%20-10.39ZM93%20-15.59L96%20-10.39L90%20-10.39ZM123%20-15.59L126%20-10.39L120%20-10.39ZM123%20-15.59L129%20-15.59L126%20-10.39ZM129%20-15.59L132%20-10.39L126%20-10.39ZM159%20-15.59L162%20-10.39L156%20-10.39ZM159%20-15.59L165%20-15.59L162%20-10.39ZM165%20-15.59L168%20-10.39L162%20-10.39ZM195%20-15.59L198%20-10.39L192%20-10.39ZM195%20-15.59L201%20-15.59L198%20-10.39ZM201%20-15.59L204%20-10.39L198%20-10.39ZM12%20-10.39L18%20-10.39L15%20-5.2ZM18%20-10.39L21%20-5.2L15%20-5.2ZM18%20-10.39L24%20-10.39L21%20-5.2ZM48%20-10.39L54%20-10.39L51%20-5.2ZM54%20-10.39L57%20-5.2L51%20-5.2ZM54%20-10.39L60%20-10.39L57%20-5.2ZM84%20-10.39L90%20-10.39L87%20-5.2ZM90%20-10.39L93%20-5.2L87%20-5.2ZM90%20-10.39L96%20-10.39L93%20-5.2ZM120%20-10.39L126%20-10.39L123%20-5.2ZM126%20-10.39L129%20-5.2L123%20-5.2ZM126%20-10.39L132%20-10.39L129%20-5.2ZM156%20-10.39L162%20-10.39L159%20-5.2ZM162%20-10.39L165%20-5.2L159%20-5.2ZM162%20-10.39L168%20-10.39L165%20-5.2ZM192%20-10.39L198%20-10.39L195%20-5.2ZM198%20-10.39L201%20-5.2L195%20-5.2ZM198%20-10.39L204%20-10.39L201%20-5.2ZM-3%20-5.2L0%200L-6%200ZM-3%20-5.2L3%20-5.2L0%200ZM3%20-5.2L6%200L0%200ZM33%20-5.2L36%200L30%200ZM33%20-5.2L39%20-5.2L36%200ZM39%20-5.2L42%200L36%200ZM69%20-5.2L72%200L66%200ZM69%20-5.2L75%20-5.2L72%200ZM75%20-5.2L78%200L72%200ZM105%20-5.2L108%200L102%200ZM105%20-5.2L111%20-5.2L108%200ZM111%20-5.2L114%200L108%200ZM141%20-5.2L144%200L138%200ZM141%20-5.2L147%20-5.2L144%200ZM147%20-5.2L150%200L144%200ZM177%20-5.2L180%200L174%200ZM177%20-5.2L183%20-5.2L180%200ZM183%20-5.2L186%200L180%200ZM213%20-5.2L216%200L210%200ZM213%20-5.2L219%20-5.2L216%200ZM219%20-5.2L222%200L216%200ZM-6%200L0%200L-3%205.2ZM0%200L3%205.2L-3%205.2ZM0%200L6%200L3%205.2ZM30%200L36%200L33%205.2ZM36%200L39%205.2L33%205.2ZM36%200L42%200L39%205.2ZM66%200L72%200L69%205.2ZM72%200L75%205.2L69%205.2ZM72%200L78%200L75%205.2ZM102%200L108%200L105%205.2ZM108%200L111%205.2L105%205.2ZM108%200L114%200L111%205.2ZM138%200L144%200L141%205.2ZM144%200L147%205.2L141%205.2ZM144%200L150%200L147%205.2ZM174%200L180%200L177%205.2ZM180%200L183%205.2L177%205.2ZM180%200L186%200L183%205.2ZM210%200L216%200L213%205.2ZM216%200L219%205.2L213%205.2ZM216%200L222%200L219%205.2ZM15%205.2L18%2010.39L12%2010.39ZM15%205.2L21%205.2L18%2010.39ZM21%205.2L24%2010.39L18%2010.39ZM51%205.2L54%2010.39L48%2010.39ZM51%205.2L57%205.2L54%2010.39ZM57%205.2L60%2010.39L54%2010.39ZM87%205.2L90%2010.39L84%2010.39ZM87%205.2L93%205.2L90%2010.39ZM93%205.2L96%2010.39L90%2010.39ZM123%205.2L126%2010.39L120%2010.39ZM123%205.2L129%205.2L126%2010.39ZM129%205.2L132%2010.39L126%2010.39ZM159%205.2L162%2010.39L156%2010.39ZM159%205.2L165%205.2L162%2010.39ZM165%205.2L168%2010.39L162%2010.39ZM195%205.2L198%2010.39L192%2010.39ZM195%205.2L201%205.2L198%2010.39ZM201%205.2L204%2010.39L198%2010.39ZM12%2010.39L18%2010.39L15%2015.59ZM18%2010.39L21%2015.59L15%2015.59ZM18%2010.39L24%2010.39L21%2015.59ZM48%2010.39L54%2010.39L51%2015.59ZM54%2010.39L57%2015.59L51%2015.59ZM54%2010.39L60%2010.39L57%2015.59ZM84%2010.39L90%2010.39L87%2015.59ZM90%2010.39L93%2015.59L87%2015.59ZM90%2010.39L96%2010.39L93%2015.59ZM120%2010.39L126%2010.39L123%2015.59ZM126%2010.39L129%2015.59L123%2015.59ZM126%2010.39L132%2010.39L129%2015.59ZM156%2010.39L162%2010.39L159%2015.59ZM162%2010.39L165%2015.59L159%2015.59ZM162%2010.39L168%2010.39L165%2015.59ZM192%2010.39L198%2010.39L195%2015.59ZM198%2010.39L201%2015.59L195%2015.59ZM198%2010.39L204%2010.39L201%2015.59Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%20-11.79H216M0%2011.79H216%22%20stroke%3D%22%23cbb07a%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-tile: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2034.64%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20width%3D%2260%22%20height%3D%2234.64%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20width%3D%2260%22%20height%3D%2234.64%22%20fill%3D%22%231f1b17%22%2F%3E%3Cg%20clip-path%3D%22url(%23c)%22%20stroke%3D%22%231f1b17%22%20stroke-width%3D%22.5%22%3E%3Cpath%20fill%3D%22%23e9dfcb%22%20d%3D%22M-15%20-8.66L-5%20-8.66L-10%200ZM5%20-8.66L15%20-8.66L10%200ZM25%20-8.66L35%20-8.66L30%200ZM45%20-8.66L55%20-8.66L50%200ZM65%20-8.66L75%20-8.66L70%200ZM-10%200L-5%208.66L-15%208.66ZM10%200L15%208.66L5%208.66ZM30%200L35%208.66L25%208.66ZM50%200L55%208.66L45%208.66ZM70%200L75%208.66L65%208.66ZM-5%208.66L5%208.66L0%2017.32ZM15%208.66L25%208.66L20%2017.32ZM35%208.66L45%208.66L40%2017.32ZM55%208.66L65%208.66L60%2017.32ZM0%2017.32L5%2025.98L-5%2025.98ZM20%2017.32L25%2025.98L15%2025.98ZM40%2017.32L45%2025.98L35%2025.98ZM60%2017.32L65%2025.98L55%2025.98ZM-15%2025.98L-5%2025.98L-10%2034.64ZM5%2025.98L15%2025.98L10%2034.64ZM25%2025.98L35%2025.98L30%2034.64ZM45%2025.98L55%2025.98L50%2034.64ZM65%2025.98L75%2025.98L70%2034.64ZM-10%2034.64L-5%2043.3L-15%2043.3ZM10%2034.64L15%2043.3L5%2043.3ZM30%2034.64L35%2043.3L25%2043.3ZM50%2034.64L55%2043.3L45%2043.3ZM70%2034.64L75%2043.3L65%2043.3Z%22%2F%3E%3Cpath%20fill%3D%22%23cbb07a%22%20d%3D%22M-5%20-8.66L0%200L-10%200ZM-5%20-8.66L5%20-8.66L0%200ZM5%20-8.66L10%200L0%200ZM55%20-8.66L60%200L50%200ZM55%20-8.66L65%20-8.66L60%200ZM65%20-8.66L70%200L60%200ZM-10%200L0%200L-5%208.66ZM0%200L5%208.66L-5%208.66ZM0%200L10%200L5%208.66ZM50%200L60%200L55%208.66ZM60%200L65%208.66L55%208.66ZM60%200L70%200L65%208.66ZM25%208.66L30%2017.32L20%2017.32ZM25%208.66L35%208.66L30%2017.32ZM35%208.66L40%2017.32L30%2017.32ZM20%2017.32L30%2017.32L25%2025.98ZM30%2017.32L35%2025.98L25%2025.98ZM30%2017.32L40%2017.32L35%2025.98ZM-5%2025.98L0%2034.64L-10%2034.64ZM-5%2025.98L5%2025.98L0%2034.64ZM5%2025.98L10%2034.64L0%2034.64ZM55%2025.98L60%2034.64L50%2034.64ZM55%2025.98L65%2025.98L60%2034.64ZM65%2025.98L70%2034.64L60%2034.64ZM-10%2034.64L0%2034.64L-5%2043.3ZM0%2034.64L5%2043.3L-5%2043.3ZM0%2034.64L10%2034.64L5%2043.3ZM50%2034.64L60%2034.64L55%2043.3ZM60%2034.64L65%2043.3L55%2043.3ZM60%2034.64L70%2034.64L65%2043.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ptk-el-star: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Khatam%20star%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%200.5L15.32%206.25L21.96%206.25L18.64%2012L21.96%2017.75L15.32%2017.75L12%2023.5L8.68%2017.75L2.04%2017.75L5.36%2012L2.04%206.25L8.68%206.25ZM15.4%2012L13.7%2014.94L10.3%2014.94L8.6%2012L10.3%209.06L13.7%209.06Z%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-rule: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2024%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Brass%20hairline%20with%20a%20khatam%20star%22%3E%3Cpath%20d%3D%22M0%2012H96M144%2012H240%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M120%202L122.89%207L128.66%207L125.77%2012L128.66%2017L122.89%2017L120%2022L117.11%2017L111.34%2017L114.23%2012L111.34%207L117.11%207ZM123%2012L121.5%2014.6L118.5%2014.6L117%2012L118.5%209.4L121.5%209.4Z%22%2F%3E%3Cpath%20d%3D%22M104%2012l2.4-2.4%202.4%202.4-2.4%202.4zM131.2%2012l2.4-2.4%202.4%202.4-2.4%202.4z%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-corner: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22Brass%20frame%20corner%22%3E%3Cpath%20d%3D%22M1%2047V1H47M5.5%2047V5.5H47%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.5%200.5L6.94%203L9.83%203L8.39%205.5L9.83%208L6.94%208L5.5%2010.5L4.06%208L1.17%208L2.61%205.5L1.17%203L4.06%203ZM6.9%205.5L6.2%206.71L4.8%206.71L4.1%205.5L4.8%204.29L6.2%204.29Z%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-seal: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20role%3D%22img%22%20aria-label%3D%22Brass%20seal%22%3E%3Cdefs%3E%3Cmask%20id%3D%22s%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20d%3D%22M50%200.5L56%204.39L62.81%202.19L67.6%207.5L74.75%207.13L78%2013.51L85%2015L86.49%2022L92.87%2025.25L92.5%2032.4L97.81%2037.19L95.61%2044L99.5%2050L95.61%2056L97.81%2062.81L92.5%2067.6L92.87%2074.75L86.49%2078L85%2085L78%2086.49L74.75%2092.87L67.6%2092.5L62.81%2097.81L56%2095.61L50%2099.5L44%2095.61L37.19%2097.81L32.4%2092.5L25.25%2092.87L22%2086.49L15%2085L13.51%2078L7.13%2074.75L7.5%2067.6L2.19%2062.81L4.39%2056L0.5%2050L4.39%2044L2.19%2037.19L7.5%2032.4L7.13%2025.25L13.51%2022L15%2015L22%2013.51L25.25%207.13L32.4%207.5L37.19%202.19L44%204.39Z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23000%22%20fill-opacity%3D%22.5%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M50%205.799999999999997a44.2%2044.2%200%201%200%20.01%200ZM50%206.799999999999997a43.2%2043.2%200%201%201-.01%200Z%22%2F%3E%3Cpath%20d%3D%22M88%2050L92.63%2055.61L86.71%2059.84ZM86.71%2059.84L89.73%2066.46L82.91%2069ZM82.91%2069L84.11%2076.18L76.87%2076.87ZM76.87%2076.87L76.18%2084.11L69%2082.91ZM69%2082.91L66.46%2089.73L59.84%2086.71ZM59.84%2086.71L55.61%2092.63L50%2088ZM50%2088L44.39%2092.63L40.16%2086.71ZM40.16%2086.71L33.54%2089.73L31%2082.91ZM31%2082.91L23.82%2084.11L23.13%2076.87ZM23.13%2076.87L15.89%2076.18L17.09%2069ZM17.09%2069L10.27%2066.46L13.29%2059.84ZM13.29%2059.84L7.37%2055.61L12%2050ZM12%2050L7.37%2044.39L13.29%2040.16ZM13.29%2040.16L10.27%2033.54L17.09%2031ZM17.09%2031L15.89%2023.82L23.13%2023.13ZM23.13%2023.13L23.82%2015.89L31%2017.09ZM31%2017.09L33.54%2010.27L40.16%2013.29ZM40.16%2013.29L44.39%207.37L50%2012ZM50%2012L55.61%207.37L59.84%2013.29ZM59.84%2013.29L66.46%2010.27L69%2017.09ZM69%2017.09L76.18%2015.89L76.87%2023.13ZM76.87%2023.13L84.11%2023.82L82.91%2031ZM82.91%2031L89.73%2033.54L86.71%2040.16ZM86.71%2040.16L92.63%2044.39L88%2050Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M50%2013a37%2037%200%201%200%20.01%200ZM50%2013.799999999999997a36.2%2036.2%200%201%201-.01%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22currentColor%22%20mask%3D%22url(%23s)%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-spray: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20230%22%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22A%20spray%20of%20white%20phalaenopsis%20orchids%22%3E%3Cpath%20d%3D%22M16%2C214C24%2C40%20190%2C-6%20272%2C150%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill-opacity%3D%22.16%22%20stroke-width%3D%221.05%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate(69.44%20107.57)%20rotate(-16)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C7.13%20-7.5%2020.19%20-6%2023.75%200C20.19%206%207.13%207.5%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C6.75%20-7%2019.13%20-5.6%2022.5%200C19.13%205.6%206.75%207%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C6.75%20-7%2019.13%20-5.6%2022.5%200C19.13%205.6%206.75%207%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C3.06%20-13.13%2023.46%20-13.75%2025.5%200C23.46%2013.75%203.06%2013.13%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C3.06%20-13.13%2023.46%20-13.75%2025.5%200C23.46%2013.75%203.06%2013.13%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%201.25C-8%202.5%20-7.5%2010.5%200%2012.5C7.5%2010.5%208%202.5%200%201.25Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%222.5%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M69.44%2083.82L69.44%2096.32%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%2F%3E%3Cg%20transform%3D%22translate(113.1%2082.87)%20rotate(0)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C7.13%20-7.5%2020.19%20-6%2023.75%200C20.19%206%207.13%207.5%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C6.75%20-7%2019.13%20-5.6%2022.5%200C19.13%205.6%206.75%207%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C6.75%20-7%2019.13%20-5.6%2022.5%200C19.13%205.6%206.75%207%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C3.06%20-13.13%2023.46%20-13.75%2025.5%200C23.46%2013.75%203.06%2013.13%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C3.06%20-13.13%2023.46%20-13.75%2025.5%200C23.46%2013.75%203.06%2013.13%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%201.25C-8%202.5%20-7.5%2010.5%200%2012.5C7.5%2010.5%208%202.5%200%201.25Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%222.5%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M113.1%2059.12L113.1%2071.62%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%2F%3E%3Cg%20transform%3D%22translate(158.74%2077.9)%20rotate(14)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C6.55%20-6.9%2018.57%20-5.52%2021.85%200C18.57%205.52%206.55%206.9%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C6.21%20-6.44%2017.59%20-5.15%2020.7%200C17.59%205.15%206.21%206.44%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C6.21%20-6.44%2017.59%20-5.15%2020.7%200C17.59%205.15%206.21%206.44%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C2.82%20-12.08%2021.58%20-12.65%2023.46%200C21.58%2012.65%202.82%2012.08%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C2.82%20-12.08%2021.58%20-12.65%2023.46%200C21.58%2012.65%202.82%2012.08%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%201.15C-7.36%202.3%20-6.9%209.66%200%2011.5C6.9%209.66%207.36%202.3%200%201.15Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%222.3%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M158.74%2056.05L158.74%2067.55%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%2F%3E%3Cg%20transform%3D%22translate(201.79%2090.56)%20rotate(26)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C5.7%20-6%2016.15%20-4.8%2019%200C16.15%204.8%205.7%206%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C5.4%20-5.6%2015.3%20-4.48%2018%200C15.3%204.48%205.4%205.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C5.4%20-5.6%2015.3%20-4.48%2018%200C15.3%204.48%205.4%205.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C2.45%20-10.5%2018.77%20-11%2020.4%200C18.77%2011%202.45%2010.5%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C2.45%20-10.5%2018.77%20-11%2020.4%200C18.77%2011%202.45%2010.5%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%201C-6.4%202%20-6%208.4%200%2010C6%208.4%206.4%202%200%201Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%222%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M201.79%2071.56L201.79%2081.56%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%2F%3E%3Cg%20transform%3D%22translate(236.29%20114.44)%20rotate(36)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C4.56%20-4.8%2012.92%20-3.84%2015.2%200C12.92%203.84%204.56%204.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C4.32%20-4.48%2012.24%20-3.58%2014.4%200C12.24%203.58%204.32%204.48%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C4.32%20-4.48%2012.24%20-3.58%2014.4%200C12.24%203.58%204.32%204.48%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C1.96%20-8.4%2015.01%20-8.8%2016.32%200C15.01%208.8%201.96%208.4%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C1.96%20-8.4%2015.01%20-8.8%2016.32%200C15.01%208.8%201.96%208.4%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200.8C-5.12%201.6%20-4.8%206.72%200%208C4.8%206.72%205.12%201.6%200%200.8Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%221.6%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M236.29%2099.24L236.29%20107.24%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22258.39%22%20cy%3D%22129.09%22%20rx%3D%224.8%22%20ry%3D%226%22%20fill-opacity%3D%22.3%22%20stroke-width%3D%221%22%2F%3E%3Cellipse%20cx%3D%22270.25%22%20cy%3D%22148.12%22%20rx%3D%223.6%22%20ry%3D%224.5%22%20fill-opacity%3D%22.3%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E"); --ptk-el-orchid: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-36%20-36%2072%2072%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-label%3D%22A%20white%20phalaenopsis%20bloom%22%3E%3Cg%20fill-opacity%3D%22.9%22%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0)%22%3E%3Cpath%20transform%3D%22rotate(-90)%22%20d%3D%22M0%200C9.12%20-9.6%2025.84%20-7.68%2030.4%200C25.84%207.68%209.12%209.6%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(120)%22%20d%3D%22M0%200C8.64%20-8.96%2024.48%20-7.17%2028.8%200C24.48%207.17%208.64%208.96%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(60)%22%20d%3D%22M0%200C8.64%20-8.96%2024.48%20-7.17%2028.8%200C24.48%207.17%208.64%208.96%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(-12)%22%20d%3D%22M0%200C3.92%20-16.8%2030.03%20-17.6%2032.64%200C30.03%2017.6%203.92%2016.8%200%200Z%22%2F%3E%3Cpath%20transform%3D%22rotate(192)%22%20d%3D%22M0%200C3.92%20-16.8%2030.03%20-17.6%2032.64%200C30.03%2017.6%203.92%2016.8%200%200Z%22%2F%3E%3Cpath%20d%3D%22M0%201.6C-10.24%203.2%20-9.6%2013.44%200%2016C9.6%2013.44%2010.24%203.2%200%201.6Z%22%20fill-opacity%3D%22.45%22%2F%3E%3Ccircle%20r%3D%223.2%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ptk-el-candelabra: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20180%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20role%3D%22img%22%20aria-label%3D%22A%20brass%20candelabra%22%3E%3Cpath%20d%3D%22M60%20176V86M42%20176h36M48%20170h24M52%20160c4-3%2012-3%2016%200M56%20120c2-2%206-2%208%200%22%2F%3E%3Cpath%20d%3D%22M60%2096C60%20104%2050%20108%2040%20108C26%20108%2020%2096%2020%2086M60%2096C60%20104%2070%20108%2080%20108C94%20108%20100%2096%20100%2086%22%2F%3E%3Cpath%20d%3D%22M14%2086h12M54%2070h12M94%2086h12M16%2086v-2M58%2070v-2%22%2F%3E%3Cpath%20d%3D%22M17%2084V40h6v44M57%2068V22h6v46M97%2084V40h6v44%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M20%2036c-2.6-3.4-1.6-7.2%200-10c1.6%202.8%202.6%206.6%200%2010ZM60%2018c-2.6-3.4-1.6-7.2%200-10c1.6%202.8%202.6%206.6%200%2010ZM100%2036c-2.6-3.4-1.6-7.2%200-10c1.6%202.8%202.6%206.6%200%2010Z%22%20fill%3D%22currentColor%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M60%2068V86M20%2086v0M100%2086v0%22%2F%3E%3C%2Fsvg%3E"); --ptk-img-silk: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/pearl-silk-tile-1024.webp"); --ptk-img-mirror: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/mirror-candelabra-700.webp"); --ptk-img-knife: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/knife-cake-700.webp"); --ptk-img-ringbox: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/ring-box-900.webp"); --ptk-img-setting: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/place-setting-700.webp"); --ptk-img-blacktie: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/black-tie-700.webp"); --ptk-img-car: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/wilshire-car-900.webp"); --ptk-img-gown: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/gown-suite-700.webp"); --ptk-img-sugar: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/sugar-cloth-700.webp"); --ptk-img-noghl: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/noghl-bowl-700.webp"); --ptk-img-coin: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/coin-box-700.webp"); /* The inlay strip that edges the night bands: one row of the khatam tile, top and bottom. */ --ptk-strip: var(--ptk-el-tile) 0 0 / 36px 21px repeat-x; } @media (min-width: 900px) { :root[data-kit="persian-tehrangeles-khatam"] { --ptk-img-ringbox: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/ring-box-1600.webp"); --ptk-img-car: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/wilshire-car-1600.webp"); --ptk-img-sugar: url("https://media.lovesfirst.site/clients/style-vault/media/persian-tehrangeles-khatam/sugar-cloth-1000.webp"); } } /* ---------- Type: Bodoni Moda (names in italic, headings in roman 400), Jost for the text ---------- */ :root[data-kit="persian-tehrangeles-khatam"] main .block p, :root[data-kit="persian-tehrangeles-khatam"] main .block li { font-size: clamp(1.0625rem, 1.5vw, 1.125rem); line-height: 1.75; } :root[data-kit="persian-tehrangeles-khatam"] main .eyebrow { text-transform: uppercase; font-family: "Jost", system-ui, sans-serif; font-weight: 500; font-size: 0.7rem; letter-spacing: 0.28em; color: var(--ptk-brass-deep); text-shadow: none; margin-bottom: 1.1rem; } :root[data-kit="persian-tehrangeles-khatam"] main .block h2:not(.lf-fx), :root[data-kit="persian-tehrangeles-khatam"] main .item h3, :root[data-kit="persian-tehrangeles-khatam"] main .lf-card h3, :root[data-kit="persian-tehrangeles-khatam"] main .lf-tl h3, :root[data-kit="persian-tehrangeles-khatam"] main .lf-sched h3 { font-weight: 400; letter-spacing: -0.01em; text-wrap: balance; } :root[data-kit="persian-tehrangeles-khatam"] main .block h2:not(.lf-fx) { line-height: 1.08; } /* The names: Bodoni Moda in italic, the light 400 cut, with an italic ampersand in brass. */ :root[data-kit="persian-tehrangeles-khatam"] .names, :root[data-kit="persian-tehrangeles-khatam"] #welcome h2 { font-style: italic; font-weight: 400; letter-spacing: -0.015em; } :root[data-kit="persian-tehrangeles-khatam"] #welcome h2 em, :root[data-kit="persian-tehrangeles-khatam"] .names em { font-style: italic !important; font-weight: 400; } :root[data-kit="persian-tehrangeles-khatam"] #welcome h2 em { color: var(--ptk-brass-deep) !important; -webkit-text-fill-color: var(--ptk-brass-deep); } /* Foil on the pearl page: a deeper brass foil than the hero's, so every stop keeps 3.59:1 or more on pearl. */ :root[data-kit="persian-tehrangeles-khatam"][data-fx="foil"] main .lf-fx { background: linear-gradient(172deg, #5c4826 0%, #8d7140 30%, #4a3a1f 52%, #9a7b45 72%, #5c4826 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 0 rgba(255, 253, 249, 0.9)); text-shadow: none; } /* ---------- Sections: frame and full-bleed backgrounds ---------- */ :root[data-kit="persian-tehrangeles-khatam"] main { overflow-x: clip; } :root[data-kit="persian-tehrangeles-khatam"] section.block { position: relative; isolation: isolate; } :root[data-kit="persian-tehrangeles-khatam"] section.block::after { content: ""; position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none; background: var(--ptk-bg, transparent); background-blend-mode: var(--ptk-blend, normal); } /* The khatam band: above the eyebrow of every section after the welcome (hung off the heading, which is positioned, so the reveal's transform carries it). motion.ts builds the same band from loose triangles and hides this static one (h2.ptk-built). */ :root[data-kit="persian-tehrangeles-khatam"] section.block > h2 { position: relative; } :root[data-kit="persian-tehrangeles-khatam"] section.block:not(#welcome) > h2::before, :root[data-kit="persian-tehrangeles-khatam"] section.block > h2 > .ptk-band { content: ""; position: absolute; z-index: 1; top: calc(-2.2rem - 21px - 1.5rem); left: 50%; width: min(180px, 56vw); height: 21px; transform: translateX(-50%); background: var(--ptk-band, var(--ptk-el-band)) center / 100% 100% no-repeat; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] section.block > h2 > .ptk-band { display: block; background: none; } :root[data-kit="persian-tehrangeles-khatam"] section.block > h2 > .ptk-band svg { display: block; width: 100%; height: 100%; overflow: visible; } :root[data-kit="persian-tehrangeles-khatam"] section.block > h2.ptk-built::before { display: none; } /* Left-aligned sections: the band sits flush left over the eyebrow; centred sections keep it centred. */ :root[data-kit="persian-tehrangeles-khatam"] section.block:not(.center, #travel) > h2::before, :root[data-kit="persian-tehrangeles-khatam"] section.block:not(.center, #travel) > h2 > .ptk-band { left: 0; transform: none; } /* The edge between the hero and the page: the khatam band instead of the hairline and diamond. */ :root[data-kit="persian-tehrangeles-khatam"] .edge { position: absolute; z-index: 2; top: 1.8rem; left: 50%; transform: translateX(-50%); width: min(216px, 64vw); height: 25px; margin: 0; opacity: 1; background: var(--ptk-el-band) center / 100% 100% no-repeat; } :root[data-kit="persian-tehrangeles-khatam"] .edge::after { display: none; } /* Portrait photograph: a tall rectangle in a thin brass offset frame (welcome; the day, hung off its list so the section's ::before stays free; dress code, hotels and registry as one more cell of their grids; the aghd and the FAQ beside their text on desktop). */ :root[data-kit="persian-tehrangeles-khatam"] #welcome::before, :root[data-kit="persian-tehrangeles-khatam"] #day > ol::after, :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-cards::after, :root[data-kit="persian-tehrangeles-khatam"] #hotels .lf-cards::after, :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-links::after, :root[data-kit="persian-tehrangeles-khatam"] #stay::before, :root[data-kit="persian-tehrangeles-khatam"] #faq::before { content: ""; display: block; width: min(14rem, 60vw); aspect-ratio: 3 / 4; margin: 0 auto 2.8rem; background: var(--ptk-img, none) center / cover no-repeat, var(--ptk-night); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ptk-brass) 80%, transparent), 0 0 0 7px var(--ptk-gap, var(--ink)), 0 0 0 8px color-mix(in srgb, var(--ptk-brass) 55%, transparent); } /* Plaque: a pearl panel behind the text, over a photograph (travel). */ :root[data-kit="persian-tehrangeles-khatam"] #travel::before { content: ""; position: absolute; z-index: -1; inset: clamp(2.5rem, 7vh, 4.5rem) 0; background: color-mix(in srgb, var(--ptk-pearl) 96%, transparent); border: 1px solid color-mix(in srgb, var(--ptk-brass) 70%, transparent); outline: 1px solid color-mix(in srgb, var(--ptk-pearl) 55%, transparent); outline-offset: 7px; } @media (max-width: 700px) { :root[data-kit="persian-tehrangeles-khatam"] #travel::before { inset: clamp(2.5rem, 7vh, 4.5rem) 10px; } } /* Night bands (countdown, the aghd explainer, footer): Wilshire night, with a strip of khatam inlay top and bottom. */ :root[data-kit="persian-tehrangeles-khatam"] #countdown, :root[data-kit="persian-tehrangeles-khatam"] #stay { --ink: var(--ptk-night); --ink-2: var(--ptk-night-panel); --cream: var(--ptk-night-text); --gold: var(--ptk-champagne); --muted: rgba(247, 243, 236, 0.74); --ptk-band: var(--ptk-el-band-night); --ptk-gap: var(--ptk-night); color: var(--cream); } :root[data-kit="persian-tehrangeles-khatam"] #countdown .eyebrow, :root[data-kit="persian-tehrangeles-khatam"] #stay .eyebrow { color: var(--ptk-champagne); } /* ---------- Welcome: pearl silk, the mirror and candelabra with the veil, names in Bodoni italic ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #welcome { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; --ptk-img: var(--ptk-img-mirror); padding-top: clamp(6rem, 13vh, 8.5rem); } :root[data-kit="persian-tehrangeles-khatam"] #welcome h2 { font-size: calc(clamp(3.2rem, 9.5vw, 6rem) * var(--names-scale)); line-height: 1.02; padding: 0.04em 0.1em 0.08em; } :root[data-kit="persian-tehrangeles-khatam"] #welcome .rule { width: min(240px, 64vw); height: 24px; margin-top: 1.8rem; margin-bottom: 1.8rem; opacity: 1; background: var(--ptk-brass); -webkit-mask: var(--ptk-el-rule) center / contain no-repeat; mask: var(--ptk-el-rule) center / contain no-repeat; } /* ---------- Countdown: Wilshire night, the cake knife in silk ribbons, numerals in a double brass frame ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #countdown { --ptk-bg: var(--ptk-strip), var(--ptk-el-tile) 0 100% / 36px 21px repeat-x, linear-gradient(rgba(15, 13, 11, 0.8), rgba(15, 13, 11, 0.8)), var(--ptk-img-knife) center 40% / cover no-repeat, var(--ptk-night); max-width: none; padding-top: clamp(5rem, 12vh, 7.5rem); padding-bottom: clamp(4.5rem, 11vh, 7rem); } @media (min-width: 900px) { /* The knife and cake show on the right; the numerals sit in the dark on the left of centre. */ :root[data-kit="persian-tehrangeles-khatam"] #countdown { --ptk-bg: var(--ptk-strip), var(--ptk-el-tile) 0 100% / 36px 21px repeat-x, linear-gradient( 90deg, var(--ptk-night) 0%, var(--ptk-night) 48%, rgba(15, 13, 11, 0.86) 56%, rgba(15, 13, 11, 0.5) 70%, rgba(15, 13, 11, 0.28) 88%, rgba(15, 13, 11, 0.4) ), var(--ptk-img-knife) right center / 52% auto no-repeat, var(--ptk-night); padding-right: min(30vw, 26rem); } } :root[data-kit="persian-tehrangeles-khatam"] #countdown .lf-num { position: relative; display: grid; place-items: center; width: min(13rem, 60vw); aspect-ratio: 3 / 4; margin: 0 auto; line-height: 1; font-family: var(--font-headings); font-weight: 400; font-style: normal; font-variant-numeric: lining-nums proportional-nums; font-size: calc(clamp(4.2rem, 15vw, 6.4rem) * var(--headings-scale, 1)); letter-spacing: -0.02em; } /* The double frame: a brass hairline and a fainter one 7 px outside it, a star at the head. */ :root[data-kit="persian-tehrangeles-khatam"] #countdown .lf-num::before { content: ""; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--ptk-champagne) 85%, transparent); outline: 1px solid color-mix(in srgb, var(--ptk-champagne) 35%, transparent); outline-offset: 7px; } :root[data-kit="persian-tehrangeles-khatam"] #countdown .lf-num::after { content: ""; position: absolute; top: -11px; left: 50%; width: 22px; height: 22px; margin-left: -11px; background: var(--ptk-champagne); -webkit-mask: var(--ptk-el-star) center / contain no-repeat; mask: var(--ptk-el-star) center / contain no-repeat; box-shadow: 0 0 0 4px var(--ptk-night); } :root[data-kit="persian-tehrangeles-khatam"] #countdown .eyebrow { margin-top: 1.8rem; margin-bottom: 0; } /* ---------- Story: the khatam ring box on marble, washed to pearl on the text side; star markers ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #story { --ptk-bg: linear-gradient(rgba(var(--vig), 0.95), rgba(var(--vig), 0.95)), var(--ptk-img-ringbox) 72% center / cover no-repeat, var(--ink); } @media (min-width: 900px) { :root[data-kit="persian-tehrangeles-khatam"] #story { --ptk-bg: linear-gradient( 90deg, rgba(var(--vig), 0.96), rgba(var(--vig), 0.95) 50%, rgba(var(--vig), 0.5) 72%, rgba(var(--vig), 0.1) ), var(--ptk-img-ringbox) 25% center / cover no-repeat, var(--ink); } :root[data-kit="persian-tehrangeles-khatam"] #story .lf-tl { max-width: 34rem; } } :root[data-kit="persian-tehrangeles-khatam"] .lf-tl::before, :root[data-kit="persian-tehrangeles-khatam"] .lf-sched::before { width: 1px; background: linear-gradient(var(--ptk-brass), color-mix(in srgb, var(--ptk-brass) 12%, transparent)); } :root[data-kit="persian-tehrangeles-khatam"] .lf-tl li::before, :root[data-kit="persian-tehrangeles-khatam"] .lf-sched li::before { left: 0; top: 3px; width: 15px; height: 15px; border: 0; transform: none; background: var(--ptk-brass); -webkit-mask: var(--ptk-el-star) center / contain no-repeat; mask: var(--ptk-el-star) center / contain no-repeat; } :root[data-kit="persian-tehrangeles-khatam"] .lf-when, :root[data-kit="persian-tehrangeles-khatam"] .lf-time, :root[data-kit="persian-tehrangeles-khatam"] .lf-meta { font-family: "Jost", system-ui, sans-serif; color: var(--ptk-brass-deep); font-weight: 500; letter-spacing: 0.24em; } :root[data-kit="persian-tehrangeles-khatam"] .lf-tl h3, :root[data-kit="persian-tehrangeles-khatam"] .lf-sched h3 { font-size: calc(1.75rem * var(--headings-scale, 1)); } /* ---------- The day: pearl, the set place in a portrait beside the list, a candelabra drawn faintly ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #day { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; --ptk-img: var(--ptk-img-setting); } :root[data-kit="persian-tehrangeles-khatam"] #day::before { content: ""; position: absolute; z-index: -1; left: max(-6rem, calc(50% - 50vw + 1rem)); bottom: 2.5rem; width: 8rem; aspect-ratio: 120 / 180; background: var(--ptk-brass); opacity: 0.16; -webkit-mask: var(--ptk-el-candelabra) center / contain no-repeat; mask: var(--ptk-el-candelabra) center / contain no-repeat; } :root[data-kit="persian-tehrangeles-khatam"] #day > ol::after { margin: 1.4rem auto 0; } :root[data-kit="persian-tehrangeles-khatam"] #day .lf-place { font-family: var(--font-headings); font-style: italic; font-size: 1.1rem; color: var(--ptk-brass-deep); opacity: 1; } :root[data-kit="persian-tehrangeles-khatam"] #day .item { padding-top: 1.2rem; border-top: 1px solid color-mix(in srgb, var(--ptk-brass) 55%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] #day .item .when { color: var(--ptk-brass-deep); font-weight: 500; } @media (min-width: 760px) { :root[data-kit="persian-tehrangeles-khatam"] .lf-sched li::before { left: calc(9.5rem - 7px); } } @media (min-width: 960px) { :root[data-kit="persian-tehrangeles-khatam"] #day { padding-right: calc(var(--gutter) + 18rem); } :root[data-kit="persian-tehrangeles-khatam"] #day > ol::after { position: absolute; right: -18rem; top: 0.5rem; width: 14rem; margin: 0; } } /* ---------- Dress code: linen pearl over a faint khatam field; gallery-white cards with lacquer hairlines and brass corners; the black-tie flat lay as one more cell ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #dress-code { --ptk-bg: linear-gradient( color-mix(in srgb, var(--ink-2) 95%, transparent), color-mix(in srgb, var(--ink-2) 95%, transparent) ), var(--ptk-el-tile) 0 0 / 48px 28px repeat, var(--ink-2); --ptk-img: var(--ptk-img-blacktie); --ptk-gap: var(--ink-2); } :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-cards::after, :root[data-kit="persian-tehrangeles-khatam"] #hotels .lf-cards::after, :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-links::after { align-self: center; width: min(13rem, 56vw); margin: 0.6rem auto; order: -1; } @media (min-width: 760px) { :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-cards::after, :root[data-kit="persian-tehrangeles-khatam"] #hotels .lf-cards::after { order: 0; } /* Registry: the coin box between the two cards. */ :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-links::after { order: 1; } :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-links > :nth-child(n + 2) { order: 2; } } :root[data-kit="persian-tehrangeles-khatam"] .lf-cards { gap: 1.6rem; } :root[data-kit="persian-tehrangeles-khatam"] main .lf-card { position: relative; padding: 2.4rem 2rem 2.2rem; background: var(--ptk-gallery); border: 1px solid var(--ptk-hair); border-radius: 0; box-shadow: none; } :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-card::before, :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-card::after, :root[data-kit="persian-tehrangeles-khatam"] #rsvp form::before, :root[data-kit="persian-tehrangeles-khatam"] #rsvp form::after { content: ""; position: absolute; width: 40px; height: 40px; background: var(--ptk-brass); -webkit-mask: var(--ptk-el-corner) center / contain no-repeat; mask: var(--ptk-el-corner) center / contain no-repeat; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-card::before, :root[data-kit="persian-tehrangeles-khatam"] #rsvp form::before { top: 7px; left: 7px; } :root[data-kit="persian-tehrangeles-khatam"] #dress-code .lf-card::after, :root[data-kit="persian-tehrangeles-khatam"] #rsvp form::after { right: 7px; bottom: 7px; transform: rotate(180deg); } :root[data-kit="persian-tehrangeles-khatam"] .lf-swatches { gap: 0.55rem; } :root[data-kit="persian-tehrangeles-khatam"] .lf-swatches li { width: 22px; height: 34px; border-radius: 0; border-color: var(--ptk-hair); box-shadow: inset 0 0 0 2px rgba(255, 253, 249, 0.4), 0 0 0 3px var(--ptk-gallery), 0 0 0 4px color-mix(in srgb, var(--ptk-brass) 45%, transparent); } /* ---------- Travel: Wilshire at blue hour through the window of the ribboned car, text on a pearl plaque ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #travel { --ptk-bg: var(--ptk-img-car) center 55% / cover no-repeat, var(--ptk-night); max-width: 46rem; padding: clamp(8.5rem, 19vh, 11.5rem) clamp(2rem, 6vw, 4.5rem) clamp(7rem, 18vh, 11rem); text-align: center; } :root[data-kit="persian-tehrangeles-khatam"] #travel p { margin-left: auto; margin-right: auto; } /* ---------- Hotels: pearl silk; gallery-white cards topped with a khatam strip; the gown in the suite ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #hotels { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; --ptk-img: var(--ptk-img-gown); } :root[data-kit="persian-tehrangeles-khatam"] #hotels .lf-card, :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-card { padding-top: 2.8rem; } :root[data-kit="persian-tehrangeles-khatam"] main .lf-card h3 { font-size: calc(1.8rem * var(--headings-scale, 1)); margin-bottom: 0.5rem; } :root[data-kit="persian-tehrangeles-khatam"] main .lf-card .lf-meta { font-size: 0.66rem; line-height: 1.7; margin-bottom: 0.7rem; } :root[data-kit="persian-tehrangeles-khatam"] #hotels .lf-card::before, :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-card::before { /* a narrow strip of inlay along the top edge, the 3 px band at rest */ content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 5px; background: var(--ptk-el-tile) 0 50% / 18px 10.4px repeat-x; } /* ---------- The aghd explainer (stay module): night band, the sugar falling over the cloth beside the text ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #stay { --ptk-bg: var(--ptk-strip), var(--ptk-el-tile) 0 100% / 36px 21px repeat-x, var(--ptk-night); --ptk-img: var(--ptk-img-sugar); max-width: 64rem; padding-top: clamp(6rem, 14vh, 9rem); padding-bottom: clamp(5.5rem, 13vh, 8.5rem); } :root[data-kit="persian-tehrangeles-khatam"] #stay p { color: var(--muted); } @media (max-width: 899px) { :root[data-kit="persian-tehrangeles-khatam"] #stay::before { width: min(12rem, 52vw); /* clears the khatam band AND the drawn cloth above it (motion.ts .ptk-canopy, ~84px over the eyebrow) */ margin-bottom: 7.4rem; } } @media (min-width: 900px) { :root[data-kit="persian-tehrangeles-khatam"] #stay { padding-right: calc(var(--gutter) + 21rem); min-height: 40rem; } :root[data-kit="persian-tehrangeles-khatam"] #stay::before { position: absolute; top: 50%; right: var(--gutter); width: 17rem; margin: 0; transform: translateY(-50%); } } /* The canopy (motion.ts): a hairline cloth drawn above the explainer, and a fine fall of sugar across it once. */ :root[data-kit="persian-tehrangeles-khatam"] #stay > h2 > .ptk-canopy { position: absolute; left: -0.5rem; right: -0.5rem; top: calc(-2.2rem - 21px - 1.5rem - 2.1rem); height: 1.4rem; border-bottom: 1px solid color-mix(in srgb, var(--ptk-champagne) 60%, transparent); border-radius: 0 0 50% 50% / 0 0 100% 100%; transform-origin: 50% 0; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] #stay > .ptk-sugar { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] #stay > .ptk-sugar i { position: absolute; top: 0; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #fffdf4; box-shadow: 0 0 3px rgba(255, 246, 220, 0.8); opacity: 0; will-change: transform, opacity; } /* ---------- FAQ: brass hairline rows, a khatam star that turns, the noghl and honey beside them ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #faq { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; --ptk-img: var(--ptk-img-noghl); } @media (max-width: 959px) { :root[data-kit="persian-tehrangeles-khatam"] #faq::before { width: min(12rem, 52vw); margin-bottom: 4.6rem; } } @media (min-width: 960px) { :root[data-kit="persian-tehrangeles-khatam"] #faq { padding-right: calc(var(--gutter) + 18rem); } :root[data-kit="persian-tehrangeles-khatam"] #faq::before { position: absolute; right: var(--gutter); top: clamp(9rem, 20vh, 12rem); width: 14rem; margin: 0; } } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc { border-top: 1px solid color-mix(in srgb, var(--ptk-brass) 70%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details { border-bottom: 1px solid color-mix(in srgb, var(--ptk-brass) 45%, transparent); transition: background-color 0.3s ease; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details[open] { background: var(--ptk-gallery); box-shadow: inset 2px 0 0 var(--ptk-brass-deep); } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary { padding: 1.3rem 0.9rem 1.3rem 1rem; font-size: calc(1.45rem * var(--headings-scale, 1)); transition: color 0.2s ease; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary:hover { color: var(--ptk-brass-deep); } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary:focus-visible { outline: 2px solid var(--ptk-brass-deep); outline-offset: -2px; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details p { padding: 0 1rem; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary i { flex: 0 0 16px; height: 16px; transition: transform 0.5s var(--ptk-ease); } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary i::before { inset: 0; top: 0; height: auto; background: var(--ptk-brass); -webkit-mask: var(--ptk-el-star) center / contain no-repeat; mask: var(--ptk-el-star) center / contain no-repeat; transition: background-color 0.3s ease; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary i::after { display: none; } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details[open] summary i { transform: rotate(90deg); } :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details[open] summary i::before { background: var(--ptk-brass-deep); } /* ---------- Registry: pearl silk; cards that lift on hover; the gold coin in its khatam box between them ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #registry { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; --ptk-img: var(--ptk-img-coin); } :root[data-kit="persian-tehrangeles-khatam"] #registry .lf-card { justify-items: center; text-align: center; } :root[data-kit="persian-tehrangeles-khatam"] a.lf-card { transition: transform 0.35s var(--ptk-ease), border-color 0.25s ease, box-shadow 0.35s var(--ptk-ease); } :root[data-kit="persian-tehrangeles-khatam"] a.lf-card:hover { transform: translateY(-4px); border-color: var(--ptk-brass); box-shadow: 0 22px 40px -30px rgba(26, 23, 20, 0.55); } :root[data-kit="persian-tehrangeles-khatam"] a.lf-card:active { transform: translateY(-1px); } :root[data-kit="persian-tehrangeles-khatam"] a.lf-card:focus-visible { outline: 2px solid var(--ptk-brass-deep); outline-offset: 4px; } /* ---------- RSVP: pearl silk; the noghl falling through the spotlight in a framed window; a gallery-white reply card with brass corners; a brass seal when the reply is sent ---------- */ :root[data-kit="persian-tehrangeles-khatam"] #rsvp { /* silk: the high-passed silk slub multiplied over the pearl ground, so the colour stays pearl */ --ptk-bg: var(--ptk-img-silk) center / 820px repeat, var(--ink); --ptk-blend: multiply; max-width: 44rem; padding-top: clamp(5.5rem, 12vh, 8rem); padding-bottom: clamp(7rem, 16vh, 10rem); } /* The window (motion.ts): a 16:9 plate in a double brass frame; the shower of noghl and gold coins plays once as the RSVP arrives and rests on its last frame. Poster still under reduced motion and Save-Data. */ :root[data-kit="persian-tehrangeles-khatam"] #rsvp .ptk-window { position: relative; width: min(30rem, 100%); aspect-ratio: 16 / 9; margin: 0 auto 6.2rem; background: var(--ptk-night); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ptk-brass) 85%, transparent), 0 0 0 8px var(--ptk-pearl), 0 0 0 9px color-mix(in srgb, var(--ptk-brass) 50%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] #rsvp .ptk-window :is(video, img) { display: block; width: 100%; height: 100%; object-fit: cover; } :root[data-kit="persian-tehrangeles-khatam"] #rsvp form { position: relative; gap: 1.1rem; margin-top: 2.2rem; padding: 2.6rem clamp(1.3rem, 4.5vw, 2.6rem) 2.4rem; background: var(--ptk-gallery); border: 1px solid var(--ptk-hair); } :root[data-kit="persian-tehrangeles-khatam"] main label { font-family: "Jost", system-ui, sans-serif; font-weight: 500; font-size: 0.68rem; letter-spacing: 0.22em; color: var(--muted); } :root[data-kit="persian-tehrangeles-khatam"] main input, :root[data-kit="persian-tehrangeles-khatam"] main select { font-family: "Jost", system-ui, sans-serif; font-weight: 400; font-size: 1.0625rem; letter-spacing: 0; text-transform: none; color: var(--ptk-lacquer); background-color: var(--ptk-pearl); border: 1px solid color-mix(in srgb, var(--ptk-lacquer) 28%, transparent); border-radius: 0; min-height: 48px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } :root[data-kit="persian-tehrangeles-khatam"] main input::placeholder { color: color-mix(in srgb, var(--ptk-lacquer) 64%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main input:hover, :root[data-kit="persian-tehrangeles-khatam"] main select:hover { border-color: color-mix(in srgb, var(--ptk-lacquer) 50%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main input:focus, :root[data-kit="persian-tehrangeles-khatam"] main select:focus { outline: none; border-color: var(--ptk-brass-deep); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ptk-brass) 30%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main input:focus-visible, :root[data-kit="persian-tehrangeles-khatam"] main select:focus-visible { outline: 2px solid var(--ptk-brass-deep); outline-offset: 2px; } :root[data-kit="persian-tehrangeles-khatam"] main select { appearance: none; -webkit-appearance: none; padding-right: 2.6rem; background-image: linear-gradient(45deg, transparent 50%, var(--ptk-brass-deep) 50%), linear-gradient(135deg, var(--ptk-brass-deep) 50%, transparent 50%); background-position: calc(100% - 20px) 52%, calc(100% - 14px) 52%; background-size: 6px 6px; background-repeat: no-repeat; } :root[data-kit="persian-tehrangeles-khatam"] #rsvp .note { color: var(--ptk-lacquer); } /* ---------- Buttons: primary (obsidian, a brass line runs the width on hover), secondary (brass outline), link ---------- */ :root[data-kit="persian-tehrangeles-khatam"] main .btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6em; min-height: 48px; padding: 0.95rem 2rem; font-family: "Jost", system-ui, sans-serif; font-weight: 500; font-size: 0.72rem; letter-spacing: 0.26em; text-transform: uppercase; color: var(--ptk-lacquer); background: transparent; border: 1px solid var(--ptk-brass-deep); border-radius: 0; box-shadow: inset 0 0 0 3px var(--ptk-pearl), inset 0 0 0 4px color-mix(in srgb, var(--ptk-brass) 50%, transparent); transition: background-color 0.3s ease, color 0.3s ease, transform 0.15s ease, box-shadow 0.3s ease; } :root[data-kit="persian-tehrangeles-khatam"] main .btn:hover { background: var(--ptk-lacquer); color: var(--ptk-gallery); box-shadow: inset 0 0 0 3px var(--ptk-lacquer), inset 0 0 0 4px color-mix(in srgb, var(--ptk-champagne) 70%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main .btn:active { transform: translateY(1px); } :root[data-kit="persian-tehrangeles-khatam"] main .btn:focus-visible { outline: 2px solid var(--ptk-brass-deep); outline-offset: 4px; } /* Primary: the RSVP submit. Obsidian, square, Jost caps, a brass hairline inset; on hover a brass line runs the full width along the foot. */ :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"] { width: 100%; margin-top: 0.8rem; color: var(--ptk-gallery); background: var(--ptk-obsidian); border-color: var(--ptk-obsidian); box-shadow: inset 0 0 0 4px var(--ptk-obsidian), inset 0 0 0 5px color-mix(in srgb, var(--ptk-brass) 75%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--ptk-champagne); transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.6s var(--ptk-ease); pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]:hover { color: var(--ptk-gallery); background: var(--ptk-lacquer); border-color: var(--ptk-lacquer); box-shadow: inset 0 0 0 4px var(--ptk-lacquer), inset 0 0 0 5px var(--ptk-champagne); } :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]:hover::after, :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]:focus-visible::after { transform: scaleX(1); } :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]:active { transform: translateY(1px); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 0 0 5px color-mix(in srgb, var(--ptk-brass) 60%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] main button.btn:disabled { opacity: 0.6; } /* Link: small caps in brass deep, with an underline that draws in. */ :root[data-kit="persian-tehrangeles-khatam"] main .lf-link { display: inline-block; padding-bottom: 3px; font-family: "Jost", system-ui, sans-serif; font-weight: 500; letter-spacing: 0.24em; color: var(--ptk-brass-deep); background: linear-gradient(currentColor, currentColor) 0 100% / 0% 1px no-repeat; transition: background-size 0.45s var(--ptk-ease); } :root[data-kit="persian-tehrangeles-khatam"] main a:hover .lf-link, :root[data-kit="persian-tehrangeles-khatam"] main a.lf-link:hover, :root[data-kit="persian-tehrangeles-khatam"] main a.lf-link:focus-visible { background-size: 100% 1px; } :root[data-kit="persian-tehrangeles-khatam"] main a.lf-link:focus-visible { outline: 2px solid var(--ptk-brass-deep); outline-offset: 3px; } /* ---------- Footer: Wilshire night; the mirrored door where her train slides through; the monogram in brass ---------- */ :root[data-kit="persian-tehrangeles-khatam"] footer { --gold: var(--ptk-champagne); position: relative; display: flex; flex-direction: column; align-items: center; padding-top: clamp(5rem, 12vh, 7rem); color: rgba(247, 243, 236, 0.74); background: var(--ptk-strip), radial-gradient(60% 50% at 50% 38%, rgba(203, 176, 122, 0.1), transparent 70%), var(--ptk-night); border-top: 0; font-size: 0.82rem; } :root[data-kit="persian-tehrangeles-khatam"] footer .ptk-door { position: relative; width: min(13rem, 56vw); aspect-ratio: 9 / 16; margin: 0 auto 3.4rem; background: var(--ptk-night-panel); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ptk-champagne) 80%, transparent), 0 0 0 8px var(--ptk-night), 0 0 0 9px color-mix(in srgb, var(--ptk-champagne) 40%, transparent); } :root[data-kit="persian-tehrangeles-khatam"] footer .ptk-door :is(video, img) { display: block; width: 100%; height: 100%; object-fit: cover; } /* The monogram pressed in brass foil: the seal, the couple's initials in Bodoni italic. */ :root[data-kit="persian-tehrangeles-khatam"] .ptk-mono, :root[data-kit="persian-tehrangeles-khatam"] .ptk-seal { position: relative; display: grid; place-items: center; width: 84px; height: 84px; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] .ptk-mono::before, :root[data-kit="persian-tehrangeles-khatam"] .ptk-seal::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 34% 28%, #f4e2b4, #cbb07a 34%, #a88a55 62%, #6e5730 100%); -webkit-mask: var(--ptk-el-seal) center / contain no-repeat; mask: var(--ptk-el-seal) center / contain no-repeat; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45)); } :root[data-kit="persian-tehrangeles-khatam"] .ptk-mono b, :root[data-kit="persian-tehrangeles-khatam"] .ptk-seal b { position: relative; font-family: var(--font-names), "Bodoni Moda", Georgia, serif; font-style: italic; font-weight: 400; font-size: 1.45rem; letter-spacing: -0.02em; line-height: 1; /* pressed into the brass: 4.71:1 on the seal's mid brass, 7.35:1 on champagne */ color: #2e2310; text-shadow: 0 1px 0 rgba(255, 240, 200, 0.55), 0 -1px 0 rgba(40, 30, 12, 0.35); } :root[data-kit="persian-tehrangeles-khatam"] footer .ptk-mono { margin: 0 auto 1.6rem; } :root[data-kit="persian-tehrangeles-khatam"] footer .brand { font-family: "Jost", system-ui, sans-serif; font-weight: 500; font-size: 0.72rem; letter-spacing: 0.36em; color: var(--ptk-champagne); } /* ---------- Motion hooks (motion.ts) ---------- */ /* Spotlight on the night bands: a soft warm pool that follows the pointer (fine pointers only). */ :root[data-kit="persian-tehrangeles-khatam"] .ptk-spot { position: absolute; z-index: -1; top: 0; left: 0; width: 46rem; height: 46rem; margin: -23rem 0 0 -23rem; border-radius: 50%; background: radial-gradient( closest-side, rgba(255, 236, 196, 0.13), rgba(255, 236, 196, 0.05) 55%, transparent ); opacity: 0; pointer-events: none; will-change: transform, opacity; } :root[data-kit="persian-tehrangeles-khatam"] .ptk-spot-wrap { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); overflow: hidden; pointer-events: none; } /* White phalaenopsis sprays rising at the lower corners of the still hero, like orchids at the edge of the frame: the span moves (parallax), the inside is drawn (mirrored on the right). */ :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray { position: absolute; z-index: 3; bottom: -3%; width: clamp(10rem, 24vw, 22rem); aspect-ratio: 300 / 230; opacity: 0.5; pointer-events: none; will-change: transform; } :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray i { position: absolute; inset: 0; background: #fffdf9; -webkit-mask: var(--ptk-el-spray) center / contain no-repeat; mask: var(--ptk-el-spray) center / contain no-repeat; } :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray.l { left: -1.5%; } :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray.r { right: -1.5%; } :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray.r i { transform: scaleX(-1); } @media (max-width: 700px) { :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-spray { opacity: 0.32; } } /* Reply sent: noghl and gold coins fall past the RSVP; the brass seal stamps the card. */ :root[data-kit="persian-tehrangeles-khatam"] .ptk-shower { position: absolute; z-index: 3; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); overflow: hidden; pointer-events: none; } :root[data-kit="persian-tehrangeles-khatam"] .ptk-shower i { position: absolute; top: 0; left: 0; will-change: transform, opacity; } :root[data-kit="persian-tehrangeles-khatam"] .ptk-shower .noghl { /* a sugared almond: a rough white oval */ width: 11px; height: 17px; margin: -8px 0 0 -5px; border-radius: 48% 52% 46% 54% / 58% 56% 44% 42%; background: radial-gradient(circle at 30% 30%, #fff, #fbf8f1 45%, #e9e2d4 100%); box-shadow: 0 2px 3px rgba(26, 23, 20, 0.22), inset 0 0 0 0.5px rgba(26, 23, 20, 0.12); } :root[data-kit="persian-tehrangeles-khatam"] .ptk-shower .noghl.foil { background: linear-gradient(135deg, #f4e2b4, #cbb07a 40%, #8d7140 70%, #e6cf98); } :root[data-kit="persian-tehrangeles-khatam"] .ptk-shower .coin { width: 15px; height: 15px; margin: -7px 0 0 -7px; border-radius: 50%; background: radial-gradient(circle at 36% 32%, #f6e4b6, #cbb07a 40%, #a88a55 70%, #7a6338); box-shadow: inset 0 0 0 1.5px rgba(110, 87, 48, 0.55), 0 2px 4px rgba(26, 23, 20, 0.3); } :root[data-kit="persian-tehrangeles-khatam"] #rsvp .ptk-seal { position: absolute; z-index: 2; left: 50%; bottom: -44px; margin-left: -44px; width: 88px; height: 88px; } /* Ambient hero loop (hero-loop.mp4 next to the still), faded in over the photo once it can play. */ :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-loop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--still-photo-position, 50% 50%); filter: var(--still-photo-filter, none); opacity: 0; transition: opacity 1.6s ease; } :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-loop.on { opacity: 1; } @media (prefers-reduced-motion: reduce) { :root[data-kit="persian-tehrangeles-khatam"] main .btn, :root[data-kit="persian-tehrangeles-khatam"] main button.btn[type="submit"]::after, :root[data-kit="persian-tehrangeles-khatam"] a.lf-card, :root[data-kit="persian-tehrangeles-khatam"] .lf-acc summary i, :root[data-kit="persian-tehrangeles-khatam"] .lf-acc details, :root[data-kit="persian-tehrangeles-khatam"] main .lf-link, :root[data-kit="persian-tehrangeles-khatam"] .lf-still .ptk-loop { transition: none; } :root[data-kit="persian-tehrangeles-khatam"] a.lf-card:hover { transform: none; } }