/* Sandyakala — Romance Flagship 1.0.0
 * A wedding invitation that travels through one day. The gate is a printed
 * three-panel card; each section sits at an hour of that day, and the full-bleed
 * bands alternate as the light moves from daybreak ivory to nightfall indigo.
 * Every band declares both its background and its ink, so no token remapping can
 * ever make text the colour of what is behind it.
 */

/* Tokens ------------------------------------------------------------------- */
.uk-sandyakala{
  --sd-paper:#FBF4EA;--sd-ink:#2A2118;--sd-mist:#6E6357;--sd-accent:#8A5E22;
  --sd-gold:#C08A3E;--sd-clay:#9A4B34;--sd-night:#1C1F33;--sd-glow:#F6E7CE;
  --sd-band:#FBF4EA;--sd-band-ink:#2A2118;--sd-band-mist:#6E6357;--sd-band-accent:#8A5E22;
  --sd-band-line:rgba(42,33,24,.16);--sd-band-card:rgba(255,255,255,.64);
  --sd-radius:14px;--sd-radius-sm:9px;--sd-measure:60ch;
  --sd-shell:#241C14;--sd-shell-ink:#F6E7CE;
  --sd-lift:22px;--sd-scale:.985;
  --sd-display:"Playfair Display",Georgia,Cambria,"Times New Roman",serif;
  --sd-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  position:relative;background:var(--sd-paper);color:var(--sd-ink);
  font-family:var(--sd-sans);font-size:16px;line-height:1.68;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
[hidden]{display:none !important}
.uk-sandyakala *,.uk-sandyakala *::before,.uk-sandyakala *::after{box-sizing:border-box}
.uk-sandyakala img{display:block;max-width:100%}
.uk-sandyakala h1,.uk-sandyakala h2,.uk-sandyakala h3,.uk-sandyakala h4{font-family:var(--sd-display);font-weight:600;line-height:1.16;margin:0}
.uk-sandyakala p{margin:0}
/* :where() so this stays a DEFAULT. As ".uk-sandyakala button" it was (0,1,1)
   and outranked every button rule written as a single class, so 6 declared
   button colours in this file never applied and those buttons took the page
   ink instead — including the lightbox controls on their dark scrim. */
.uk-sandyakala :where(button){font-family:inherit;color:inherit}

/* The day arc: one hour per section type, so the page moves from dawn to night
   whichever order the customer arranges the sections in. */
.uk-sd-cover.is-dawn,.uk-sd-sec.is-dawn{--sd-band:#FBF4EA;--sd-band-ink:#2A2118;--sd-band-mist:#6E6357;--sd-band-accent:#8A5E22;--sd-band-line:rgba(42,33,24,.15);--sd-band-card:rgba(255,255,255,.66)}
.uk-sd-sec.is-morning{--sd-band:#F7EBD9;--sd-band-ink:#2A2118;--sd-band-mist:#6A5B49;--sd-band-accent:#7E5318;--sd-band-line:rgba(42,33,24,.17);--sd-band-card:rgba(255,253,248,.66)}
.uk-sd-sec.is-noon{--sd-band:#F2E1C4;--sd-band-ink:#2A2118;--sd-band-mist:#61513B;--sd-band-accent:#74490F;--sd-band-line:rgba(42,33,24,.19);--sd-band-card:rgba(255,252,245,.62)}
.uk-sd-sec.is-golden{--sd-band:#E9CEA3;--sd-band-ink:#2A2118;--sd-band-mist:#5A4830;--sd-band-accent:#6B420D;--sd-band-line:rgba(42,33,24,.22);--sd-band-card:rgba(255,251,242,.6)}
.uk-sd-sec.is-dusk{--sd-band:#6E3A2C;--sd-band-ink:#FBEFE0;--sd-band-mist:#E3C9B6;--sd-band-accent:#F3CB8C;--sd-band-line:rgba(251,239,224,.24);--sd-band-card:rgba(30,14,10,.3)}
.uk-sd-sec.is-night,.uk-sd-closing.is-night{--sd-band:#1C1F33;--sd-band-ink:#F6E7CE;--sd-band-mist:#C4B39B;--sd-band-accent:#DFAF63;--sd-band-line:rgba(246,231,206,.2);--sd-band-card:rgba(255,255,255,.07)}
/* The alternation the identity is built on: even bands sit a shade deeper. Only
   the background moves — the ink of a band is never re-mapped. */
.uk-sd-sec:nth-of-type(even).is-dawn{--sd-band:#F4E8D7}
.uk-sd-sec:nth-of-type(even).is-morning{--sd-band:#F0E0C7}
.uk-sd-sec:nth-of-type(even).is-noon{--sd-band:#EAD5B0}
.uk-sd-sec:nth-of-type(even).is-golden{--sd-band:#DFC08F}
.uk-sd-sec:nth-of-type(even).is-dusk{--sd-band:#5D3025}
.uk-sd-sec:nth-of-type(even).is-night{--sd-band:#15182A}

/* Shared type and ornament ------------------------------------------------- */
.uk-sd-eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sd-band-accent)}
.uk-sd-hour{font-family:var(--sd-display);font-style:italic;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-band-mist)}
.uk-sd-rule{display:block;width:min(100%,104px);height:1px;margin:12px 0;background:linear-gradient(90deg,var(--sd-band-accent),transparent)}
.uk-sd-rule.is-center{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,var(--sd-band-accent),transparent)}
.uk-sd-copy{max-width:var(--sd-measure);margin-inline:auto;margin-top:14px;color:var(--sd-band-mist);font-size:15px}
.uk-sd-lead{max-width:var(--sd-measure);margin-inline:auto;margin-top:12px;font-family:var(--sd-display);font-size:20px;color:var(--sd-band-ink)}
.uk-sd-preline{white-space:pre-line}
.uk-sd-monogram{display:block;margin-top:18px;font-family:var(--sd-display);font-size:17px;letter-spacing:.34em;color:var(--sd-band-accent)}
.uk-sd-signature{margin-top:16px;font-family:var(--sd-display);font-size:22px;color:var(--sd-band-ink)}
.uk-sd-quote{max-width:var(--sd-measure);margin:20px auto 0;padding:16px 20px;border-left:2px solid var(--sd-band-accent);background:var(--sd-band-card);border-radius:0 var(--sd-radius-sm) var(--sd-radius-sm) 0;color:var(--sd-band-ink);font-family:var(--sd-display);font-size:17px;font-style:italic}
.uk-sd-quote cite{display:block;margin-top:10px;font-family:var(--sd-sans);font-size:12px;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-band-mist)}

.uk-sd-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--sd-band-line);border-radius:999px;background:var(--sd-band-card);color:var(--sd-band-ink);font-size:13px;font-weight:600;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
.uk-sd-button:hover{transform:translateY(-1px);border-color:var(--sd-band-accent)}
.uk-sd-button.is-solid{border-color:transparent;background:linear-gradient(120deg,var(--sd-clay),var(--sd-gold));color:#241108}
.uk-sd-button:focus-visible,.uk-sandyakala button:focus-visible,.uk-sandyakala a:focus-visible{outline:2px solid var(--sd-gold);outline-offset:3px}

/* Reveal ------------------------------------------------------------------- */
.uk-sd-reveal{opacity:0;transform:translateY(var(--sd-lift));transition:opacity .72s ease,transform .72s ease}
.uk-sd-reveal.is-visible{opacity:1;transform:none}
.uk-sd-reveal-item{opacity:0;transform:translateY(14px) scale(var(--sd-scale));transition:opacity .6s ease .08s,transform .6s ease .08s}
.uk-sd-reveal.is-visible .uk-sd-reveal-item{opacity:1;transform:none}

/* Gate: the three-panel fold ---------------------------------------------- */
.uk-sd-gate{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px 16px;background:radial-gradient(120% 90% at 50% 12%,#3A2A1C 0%,#241C14 52%,#151019 100%);transition:opacity .68s ease,visibility .68s ease}
.uk-sd-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
/* The card is already open: the two leaves stand beside the centre panel, never
   over it. A leaf that covers the core also covers the button that opens the
   invitation, and an opening gate the guest cannot reach is not a gate. */
.uk-sd-triptych{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;width:min(100%,430px);perspective:1400px}
.uk-sd-leaf{position:relative;z-index:1;grid-row:1;width:52px;background:linear-gradient(150deg,#F7ECDA,#E7D4B6 55%,#D8BE96);box-shadow:0 18px 40px rgba(0,0,0,.38);transition:transform 1.15s cubic-bezier(.22,.78,.2,1),opacity .9s ease .25s}
.uk-sd-leaf.is-left{grid-column:1;transform-origin:right center;border-radius:var(--sd-radius) 0 0 var(--sd-radius)}
.uk-sd-leaf.is-right{grid-column:3;transform-origin:left center;border-radius:0 var(--sd-radius) var(--sd-radius) 0}
.uk-sd-leaf-grain{position:absolute;inset:12px 8px;border:1px solid rgba(122,83,24,.32);border-radius:6px;background:repeating-linear-gradient(90deg,rgba(122,83,24,.07) 0 1px,transparent 1px 7px)}
.uk-sd-gate.is-hidden .uk-sd-leaf.is-left{transform:rotateY(-108deg);opacity:0}
.uk-sd-gate.is-hidden .uk-sd-leaf.is-right{transform:rotateY(108deg);opacity:0}
.uk-sd-core{position:relative;z-index:2;grid-column:2;grid-row:1;overflow:hidden;border-radius:var(--sd-radius);background:#FBF4EA;color:#2A2118;box-shadow:0 26px 60px rgba(0,0,0,.44)}
.uk-sd-gate-media{position:relative;height:min(46svh,300px);overflow:hidden;background:#E4D3B6}
.uk-sd-gate-media img{width:100%;height:100%;object-fit:cover;object-position:var(--sd-focus-mobile-x,50%) var(--sd-focus-mobile-y,36%)}
.uk-sd-gate-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,28,20,.06) 0%,rgba(251,244,234,.12) 58%,#FBF4EA 100%)}
.uk-sd-core-inner{position:relative;padding:20px 22px 26px;text-align:center}
.uk-sd-core-inner h1{margin-top:6px;font-size:clamp(26px,7.6vw,38px)}
.uk-sd-gate-date{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:6px 14px;border:1px solid rgba(42,33,24,.18);border-radius:999px;font-size:12px;letter-spacing:.1em;color:#6E6357}
.uk-sd-seal{display:grid;place-items:center;width:min(100%,58px);height:58px;margin:18px auto 4px;border:1px solid rgba(138,94,34,.5);border-radius:50%;font-family:var(--sd-display);font-size:14px;letter-spacing:.18em;color:#8A5E22}
.uk-sd-gate-open{margin-top:16px;padding:13px 24px;border-color:transparent;background:linear-gradient(120deg,#9A4B34,#C08A3E);color:#241108;font-size:14px}
.uk-sd-couple-list{display:grid;gap:8px;margin-top:14px}
.uk-sd-couple-list span{display:grid;gap:2px}
.uk-sd-couple-list small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sd-band-mist,#6E6357)}
.uk-sd-couple-list strong{font-family:var(--sd-display);font-size:18px;font-weight:600}

/* Cover ------------------------------------------------------------------- */
.uk-sd-cover{position:relative;display:grid;align-items:end;min-height:100svh;padding:0;background:var(--sd-band);color:var(--sd-band-ink);overflow:hidden}
.uk-sd-cover-media{position:absolute;inset:0}
.uk-sd-cover-media .uk-sd-cover-image{width:100%;height:100%;object-fit:cover;object-position:var(--sd-focus-mobile-x,50%) var(--sd-focus-mobile-y,36%)}
.uk-sd-cover-empty{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(100% 78% at 50% 22%,#F7E2BE 0%,#E9CEA3 46%,#C98F5C 100%)}
.uk-sd-cover-empty-sun{width:min(100%,148px);height:148px;border:1px solid rgba(110,58,44,.4);border-radius:50%;background:radial-gradient(circle,rgba(255,245,224,.92),rgba(192,138,62,.34))}
.uk-sd-cover-empty-mark{margin-top:-96px;font-family:var(--sd-display);font-size:25px;letter-spacing:.3em;color:#5C3317}
.uk-sd-cover-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,31,51,.24) 0%,rgba(251,244,234,0) 34%,rgba(251,244,234,.86) 76%,var(--sd-band) 100%)}
.uk-sd-cover-panel{position:relative;padding:40px 44px 54px 20px;text-align:center}
.uk-sd-cover-panel h1{margin-top:8px;font-size:clamp(29px,9vw,56px)}
.uk-sd-cover-date{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 16px;border:1px solid var(--sd-band-line);border-radius:999px;background:var(--sd-band-card);font-size:12px;letter-spacing:.1em;color:var(--sd-band-mist)}

/* Full-bleed bands -------------------------------------------------------- */
.uk-sd-sec{position:relative;padding:58px 44px 58px 20px;background:var(--sd-band);color:var(--sd-band-ink);transition:background-color .6s ease}
.uk-sd-wrap{width:min(100%,780px);margin-inline:auto}
.uk-sd-wrap-narrow{width:min(100%,600px);margin-inline:auto;text-align:center}
.uk-sd-head{margin-bottom:22px}
.uk-sd-body h2{font-size:clamp(22px,5.4vw,34px)}
.uk-sd-body h3{font-size:18px}
.uk-sd-body h4{font-size:17px}

/* People ------------------------------------------------------------------ */
.uk-sd-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;margin-top:26px}
.uk-sd-people>*:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,400px)}
.uk-sd-person{text-align:center}
.uk-sd-person h4{margin-top:8px;font-size:20px}
.uk-sd-person strong{display:block;margin-top:4px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--sd-band-mist)}
.uk-sd-portrait{width:min(100%,168px);margin:0 auto 12px;overflow:hidden;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius);background:var(--sd-band-card)}
.uk-sd-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}
.uk-sd-portrait.is-empty{display:grid;place-items:center;aspect-ratio:4/5}
.uk-sd-portrait.is-empty span{font-family:var(--sd-display);font-size:34px;color:var(--sd-band-accent)}
.uk-sd-parents{margin-top:10px;font-size:13px;color:var(--sd-band-mist)}
.uk-sd-parents span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.uk-sd-parents strong{display:inline;color:var(--sd-band-ink);font-size:13px}
.uk-sd-parents em{font-style:normal;padding:0 5px;color:var(--sd-band-accent)}
.uk-sd-bio{max-width:var(--sd-measure);margin:10px auto 0;font-size:14px;color:var(--sd-band-mist)}
.uk-sd-couples{display:grid;gap:30px;margin-top:24px}
.uk-sd-couple{padding-top:22px;border-top:1px solid var(--sd-band-line)}
.uk-sd-couple header{display:flex;align-items:baseline;gap:12px;text-align:left}
.uk-sd-couple header span{font-family:var(--sd-display);font-size:25px;color:var(--sd-band-accent)}
.uk-sd-couple-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.uk-sd-couple-index button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--sd-band-line);border-radius:999px;background:transparent;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}
.uk-sd-couple-index button span{font-size:11px;letter-spacing:.1em;color:var(--sd-band-accent)}
.uk-sd-couple-index button strong{font-size:13px;font-weight:600}
.uk-sd-couple-index button.is-active{border-color:var(--sd-band-accent);background:var(--sd-band-card)}

/* Events ------------------------------------------------------------------ */
.uk-sd-events{display:grid;gap:22px;margin-top:26px}
.uk-sd-event{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius);background:var(--sd-band-card)}
.uk-sd-event-mark{display:grid;justify-items:center;gap:8px}
.uk-sd-event-mark span{font-family:var(--sd-display);font-size:22px;color:var(--sd-band-accent)}
.uk-sd-event-mark i{width:1px;flex:1;min-height:34px;background:linear-gradient(180deg,var(--sd-band-accent),transparent)}
.uk-sd-event-body h3{margin-top:8px;font-size:20px}
.uk-sd-scope{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--sd-band-mist)}
.uk-sd-scope span{letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.uk-sd-scope strong{padding:3px 9px;border-radius:999px;background:var(--sd-band-card);color:var(--sd-band-ink);font-size:12px}
.uk-sd-scope.is-shared strong{border:1px dashed var(--sd-band-line)}
.uk-sd-venue{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px}
.uk-sd-address{margin-top:4px;font-size:13px;color:var(--sd-band-mist)}
.uk-sd-map{width:100%;height:190px;margin-top:14px;border:0;border-radius:var(--sd-radius-sm)}
.uk-sd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* Countdown --------------------------------------------------------------- */
.uk-sd-countdown{text-align:center}
.uk-sd-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.uk-sd-count div{padding:14px 6px;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card)}
.uk-sd-count strong{display:block;font-family:var(--sd-display);font-size:29px;line-height:1}
.uk-sd-count span{display:block;margin-top:5px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-band-mist)}

/* Timeline ---------------------------------------------------------------- */
.uk-sd-timeline{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:20px}
.uk-sd-timeline li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding-bottom:18px;border-bottom:1px solid var(--sd-band-line)}
.uk-sd-timeline li:last-child{border-bottom:0;padding-bottom:0}
.uk-sd-timeline li>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-band-accent);padding-top:3px}
.uk-sd-timeline li p{margin-top:6px;font-size:14px;color:var(--sd-band-mist)}

/* Gallery: a diagonal ribbon of photographs ------------------------------- */
/* The edge-mounted ribbon owns the right gutter, so the gallery controls and the
   end of the photo strip step clear of it. */
.uk-sd-gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-band-mist)}
.uk-sd-gallery-tools div{display:flex;gap:8px}
.uk-sd-gallery-tools button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sd-band-line);border-radius:50%;background:var(--sd-band-card);cursor:pointer}
.uk-sd-gallery{display:flex;gap:16px;margin-top:10px;padding:32px 10px 36px 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.uk-sd-shot{position:relative;flex:0 0 auto;width:min(66vw,244px);margin:0;overflow:hidden;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius);background:var(--sd-band-card);scroll-snap-align:center;box-shadow:0 16px 34px rgba(42,33,24,.18);transition:transform .5s ease,box-shadow .5s ease,opacity .6s ease}
.uk-sd-shot img{width:100%;aspect-ratio:3/4;object-fit:cover}
.uk-sd-shot button{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:rgba(36,28,20,.72);color:#FBF4EA;cursor:pointer}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+1){transform:translateY(24px) rotate(-1.6deg)}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+2){transform:translateY(12px) rotate(-.8deg)}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+3){transform:translateY(0) rotate(0deg)}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+4){transform:translateY(-12px) rotate(.8deg)}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+5){transform:translateY(-22px) rotate(1.4deg)}
.uk-sd-reveal.is-visible .uk-sd-shot:nth-child(6n+6){transform:translateY(-8px) rotate(.4deg)}

/* Streams, gift, questions, contacts ------------------------------------- */
.uk-sd-streams{display:grid;gap:10px;margin-top:22px}
.uk-sd-streams a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card);color:var(--sd-band-ink);text-decoration:none}
.uk-sd-streams a span{display:grid;flex:1}
.uk-sd-streams a strong{font-size:14px}
.uk-sd-streams a small{font-size:12px;color:var(--sd-band-mist)}
.uk-sd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.uk-sd-tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--sd-band-line);border-radius:999px;background:transparent;font-size:12px;font-weight:600;cursor:pointer}
.uk-sd-tabs button.is-active{border-color:var(--sd-band-accent);background:var(--sd-band-card)}
.uk-sd-gift-panel{margin-top:18px}
.uk-sd-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.uk-sd-accounts>*:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,400px)}
.uk-sd-accounts article{padding:16px;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card);text-align:center}
.uk-sd-accounts strong{display:block;margin-top:6px;font-family:var(--sd-display);font-size:20px;letter-spacing:.06em}
.uk-sd-accounts article p{margin-top:4px;font-size:13px;color:var(--sd-band-mist)}
.uk-sd-accounts article .uk-sd-button{margin-top:12px}
.uk-sd-address-card{padding:18px;border:1px dashed var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card);text-align:center}
.uk-sd-address-card strong{display:block;margin-top:6px;font-family:var(--sd-display);font-size:18px}
.uk-sd-address-card p{margin-top:6px;font-size:14px;color:var(--sd-band-mist)}
.uk-sd-faq{display:grid;gap:10px;margin-top:22px}
.uk-sd-faq details{border:1px solid var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card)}
.uk-sd-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}
.uk-sd-faq summary::-webkit-details-marker{display:none}
.uk-sd-faq details[open] summary{color:var(--sd-band-accent)}
.uk-sd-faq details p{padding:0 16px 15px;font-size:14px;color:var(--sd-band-mist)}
.uk-sd-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.uk-sd-contacts>*:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,400px)}
.uk-sd-contacts article{padding:16px;border:1px solid var(--sd-band-line);border-radius:var(--sd-radius-sm);background:var(--sd-band-card);text-align:center}
.uk-sd-contacts strong{display:block;margin-top:6px;font-size:15px}
.uk-sd-contacts article p{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:13px;color:var(--sd-band-mist)}
.uk-sd-contacts article .uk-sd-button{margin-top:12px}
.uk-sd-engagement .uk-sd-body{margin-top:8px}

/* Closing ---------------------------------------------------------------- */
.uk-sd-closing{padding:64px 44px 88px 20px;background:var(--sd-band);color:var(--sd-band-ink);text-align:center}
.uk-sd-closing h2{margin-top:8px;font-size:clamp(22px,6vw,34px)}
.uk-sd-closing p{margin-top:12px;color:var(--sd-band-mist)}
.uk-sd-hashtags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.uk-sd-hashtags button{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--sd-band-line);border-radius:999px;background:transparent;font-size:12px;cursor:pointer}
.uk-sd-closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}

/* Navigation: a notched ribbon down the right edge ----------------------- */
/* The ribbon lives in the page gutter, not over the reading column. An expanded
   chapter name is wider than any gutter this layout has, so the name is revealed
   on hover or keyboard focus only — a deliberate act on a pointer device — and on
   a touch screen the ribbon simply stays slim. The name stays in the DOM either
   way, so the button keeps its accessible name. */
.uk-sd-nav{position:fixed;top:50%;right:0;z-index:26;display:flex;align-items:stretch;gap:4px;max-width:min(30vw,210px);max-height:min(74svh,560px);overflow-y:auto;overflow-x:hidden;padding:12px 4px;transform:translateY(-50%);border:0;border-radius:999px 0 0 999px;background:linear-gradient(90deg,rgba(28,22,16,0),rgba(28,22,16,.5) 40%,rgba(28,22,16,.66));color:var(--sd-shell-ink);scrollbar-width:none}
.uk-sd-nav::-webkit-scrollbar{width:0}
.uk-sd-nav-rail{order:2;position:relative;flex:0 0 3px;align-self:stretch;border-radius:999px;background:rgba(246,231,206,.24)}
.uk-sd-progress{position:absolute;left:0;top:0;width:100%;height:0;border-radius:999px;background:linear-gradient(180deg,#F3CB8C,#C08A3E 46%,#9A4B34 100%);transition:height .22s linear}
.uk-sd-notches{order:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.uk-sd-notch{display:flex;justify-content:flex-end}
.uk-sd-notch button{display:flex;align-items:center;justify-content:flex-end;gap:7px;width:100%;padding:5px 0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:right}
.uk-sd-notch em{flex:0 0 auto;width:10px;height:2px;border-radius:999px;background:rgba(246,231,206,.5);transition:width .3s ease,background-color .3s ease}
.uk-sd-notch span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:max-width .34s ease,opacity .3s ease}
.uk-sd-notch button.is-active em{width:17px;background:#F3CB8C}
.uk-sd-notch button:focus-visible em{width:17px;background:#F3CB8C}
.uk-sd-notch button:focus-visible span{max-width:132px;opacity:1}
@media(hover:hover) and (pointer:fine){
.uk-sd-nav{right:14px;gap:8px;padding:14px 10px;border:1px solid rgba(246,231,206,.16);border-radius:999px;background:rgba(28,22,16,.74);backdrop-filter:blur(9px)}
.uk-sd-nav:hover{max-width:min(54vw,224px)}
.uk-sd-notch button:hover em{width:17px;background:#F3CB8C}
.uk-sd-notch button:hover span{max-width:132px;opacity:1}
}

/* Control rail ----------------------------------------------------------- */
.uk-sd-rail{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:27;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border:1px solid rgba(246,231,206,.16);border-radius:999px;background:rgba(28,22,16,.78);color:var(--sd-shell-ink);backdrop-filter:blur(9px)}
.uk-sd-rail-toggle,.uk-sd-rail-panel button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(246,231,206,.1);color:inherit;cursor:pointer;transition:background-color .25s ease}
.uk-sd-rail-toggle:hover,.uk-sd-rail-panel button:hover{background:rgba(243,203,140,.24)}
.uk-sd-rail-panel{display:flex;flex-direction:column;gap:8px}
.uk-sd-rail-panel button.is-active{background:#C08A3E;color:#241108}
.uk-sd-rail.is-collapsed .uk-sd-rail-toggle{background:rgba(243,203,140,.18)}
.uk-sd-rail.has-auto .uk-sd-rail-toggle{background:#C08A3E;color:#241108}

/* Toast, feedback, modals ----------------------------------------------- */
.uk-sd-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:44;max-width:min(88vw,360px);padding:11px 18px;transform:translate(-50%,14px);border-radius:999px;background:#241C14;color:#F6E7CE;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.uk-sd-toast.is-show{opacity:1;transform:translate(-50%,0)}
.uk-sd-feedback{position:relative;z-index:24;display:flex;align-items:center;gap:10px;width:min(100%,680px);margin:16px auto 0;padding:13px 16px;border:1px solid rgba(138,94,34,.3);border-radius:var(--sd-radius-sm);background:#FFF6E6;color:#4A3416;font-size:14px}
.uk-sd-sheet,.uk-sd-lightbox{position:fixed;inset:0;z-index:46;display:grid;place-items:center;padding:20px 16px;background:rgba(21,16,25,.82);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.uk-sd-sheet.is-open,.uk-sd-lightbox.is-open{opacity:1;visibility:visible}
.uk-sd-sheet-panel{width:min(100%,410px);padding:22px;border-radius:var(--sd-radius);background:#FBF4EA;color:#2A2118;text-align:center}
.uk-sd-sheet-panel h2{margin-top:6px;font-size:22px}
.uk-sd-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}
.uk-sd-share-grid button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:1px solid rgba(42,33,24,.16);border-radius:var(--sd-radius-sm);background:rgba(255,255,255,.7);font-size:13px;font-weight:600;cursor:pointer}
.uk-sd-sheet-close{margin-top:16px;border-color:rgba(42,33,24,.18);background:transparent;color:#2A2118}
.uk-sd-lightbox-panel{position:relative;width:min(100%,780px)}
.uk-sd-lightbox-panel img{width:100%;max-height:78svh;object-fit:contain;border-radius:var(--sd-radius);transition:opacity .2s ease}
.uk-sd-lightbox.is-switching .uk-sd-lightbox-panel img{opacity:0}
.uk-sd-lightbox-counter{margin-top:12px;color:#F6E7CE;font-size:12px;letter-spacing:.14em;text-align:center}
.uk-sd-lightbox-close,.uk-sd-lightbox-prev,.uk-sd-lightbox-next{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(36,28,20,.74);color:#F6E7CE;cursor:pointer}
.uk-sd-lightbox-close{top:-52px;right:0}
.uk-sd-lightbox-prev{left:6px;top:50%;transform:translateY(-50%)}
.uk-sd-lightbox-next{right:6px;top:50%;transform:translateY(-50%)}
body.is-sandyakala-modal-open{overflow:hidden}
body.is-sandyakala-open{overflow:visible}

/* Design Studio: palette ------------------------------------------------- */
.uk-design-palette-template .uk-sd-sec.is-dusk{--sd-band:#6E3A2C}
.uk-design-palette-warm.uk-sandyakala{--sd-paper:#FDF6EC;--sd-gold:#C2743C;--sd-clay:#A85632;--sd-night:#4A2A20;--sd-accent:#8C4B1C}
.uk-design-palette-warm .uk-sd-sec.is-dusk{--sd-band:#7A4225;--sd-band-accent:#F6CE9A}
.uk-design-palette-warm .uk-sd-sec.is-night,.uk-design-palette-warm .uk-sd-closing.is-night{--sd-band:#3A2016;--sd-band-ink:#FBEEDF;--sd-band-mist:#D8BCA6;--sd-band-accent:#E8AE6B}
.uk-design-palette-romantic.uk-sandyakala{--sd-paper:#FDF1EF;--sd-gold:#C07A82;--sd-clay:#B24A5A;--sd-night:#3A1C28;--sd-accent:#93303F}
.uk-design-palette-romantic .uk-sd-sec.is-dawn{--sd-band:#FDF1EF;--sd-band-accent:#93303F}
.uk-design-palette-romantic .uk-sd-sec.is-golden{--sd-band:#F1C9CB;--sd-band-accent:#7E2532}
.uk-design-palette-romantic .uk-sd-sec.is-dusk{--sd-band:#7A3341;--sd-band-accent:#F3C3C8}
.uk-design-palette-romantic .uk-sd-sec.is-night,.uk-design-palette-romantic .uk-sd-closing.is-night{--sd-band:#2C1420;--sd-band-ink:#F9E6E7;--sd-band-mist:#D6AFB5;--sd-band-accent:#E39AA5}
.uk-design-palette-sage.uk-sandyakala{--sd-paper:#F1F5EE;--sd-gold:#8A9C7E;--sd-clay:#5D7256;--sd-night:#232C25;--sd-accent:#46603E}
.uk-design-palette-sage .uk-sd-sec.is-dawn{--sd-band:#F1F5EE;--sd-band-accent:#46603E}
.uk-design-palette-sage .uk-sd-sec.is-morning{--sd-band:#E7EEE2;--sd-band-accent:#3F5738}
.uk-design-palette-sage .uk-sd-sec.is-noon{--sd-band:#DCE7D5;--sd-band-accent:#3A5033}
.uk-design-palette-sage .uk-sd-sec.is-golden{--sd-band:#CBDCC2;--sd-band-accent:#33482C}
.uk-design-palette-sage .uk-sd-sec.is-dusk{--sd-band:#3F5B3B;--sd-band-ink:#EEF6EA;--sd-band-mist:#CBDDC4;--sd-band-accent:#D8E9CE}
.uk-design-palette-sage .uk-sd-sec.is-night,.uk-design-palette-sage .uk-sd-closing.is-night{--sd-band:#1C2620;--sd-band-ink:#EAF3E6;--sd-band-mist:#B9CDB2;--sd-band-accent:#B7D0AB}
.uk-design-palette-midnight.uk-sandyakala{--sd-paper:#12141F;--sd-ink:#F2E6D2;--sd-mist:#BFB098;--sd-gold:#B08A45;--sd-clay:#8A4433;--sd-accent:#D9AE62;--sd-band:#12141F;--sd-band-ink:#F2E6D2;--sd-band-mist:#BFB098;--sd-band-accent:#D9AE62;--sd-band-line:rgba(242,230,210,.2);--sd-band-card:rgba(255,255,255,.07)}
.uk-design-palette-midnight .uk-sd-cover.is-dawn,.uk-design-palette-midnight .uk-sd-sec.is-dawn{--sd-band:#1A1D2B;--sd-band-ink:#F2E6D2;--sd-band-mist:#BFB098;--sd-band-accent:#D9AE62;--sd-band-line:rgba(242,230,210,.2);--sd-band-card:rgba(255,255,255,.07)}
.uk-design-palette-midnight .uk-sd-sec.is-morning{--sd-band:#1E2231;--sd-band-ink:#F2E6D2;--sd-band-mist:#BFB098;--sd-band-accent:#D9AE62;--sd-band-line:rgba(242,230,210,.2);--sd-band-card:rgba(255,255,255,.07)}
.uk-design-palette-midnight .uk-sd-sec.is-noon{--sd-band:#232839;--sd-band-ink:#F2E6D2;--sd-band-mist:#BFB098;--sd-band-accent:#DFB76F;--sd-band-line:rgba(242,230,210,.2);--sd-band-card:rgba(255,255,255,.08)}
.uk-design-palette-midnight .uk-sd-sec.is-golden{--sd-band:#2C2233;--sd-band-ink:#F6E3CC;--sd-band-mist:#C9B49C;--sd-band-accent:#E5BE79;--sd-band-line:rgba(246,227,204,.2);--sd-band-card:rgba(255,255,255,.08)}
.uk-design-palette-midnight .uk-sd-sec.is-dusk{--sd-band:#2A1A22;--sd-band-ink:#F8E7D8;--sd-band-mist:#D2B7A6;--sd-band-accent:#EABE84}
.uk-design-palette-midnight .uk-sd-cover-veil{background:linear-gradient(180deg,rgba(10,12,20,.4) 0%,rgba(18,20,31,0) 32%,rgba(18,20,31,.88) 76%,var(--sd-band) 100%)}
.uk-design-palette-midnight .uk-sd-feedback{border-color:rgba(217,174,98,.36);background:#221E1A;color:#F4E7D2}

/* Design Studio: typography --------------------------------------------- */
.uk-design-type-classic.uk-sandyakala{--sd-display:"Playfair Display",Georgia,Cambria,"Times New Roman",serif;--sd-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.uk-design-type-classic .uk-sd-eyebrow{letter-spacing:.24em}
.uk-design-type-editorial.uk-sandyakala{--sd-measure:56ch}
.uk-design-type-editorial .uk-sd-cover-panel h1{font-size:clamp(34px,10.5vw,56px);letter-spacing:-.01em}
.uk-design-type-editorial .uk-sd-body h2{font-size:clamp(25px,6.4vw,40px)}
.uk-design-type-editorial .uk-sd-eyebrow{letter-spacing:.32em;font-size:11px}
.uk-design-type-modern.uk-sandyakala{--sd-display:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sd-measure:64ch}
.uk-design-type-modern h1,.uk-design-type-modern h2,.uk-design-type-modern h3,.uk-design-type-modern h4{font-weight:700;letter-spacing:-.015em}
.uk-design-type-modern .uk-sd-hour{font-style:normal;letter-spacing:.2em;font-size:12px}
.uk-design-type-modern .uk-sd-quote{font-style:normal}

/* Design Studio: surface ------------------------------------------------- */
.uk-design-surface-soft.uk-sandyakala{--sd-radius:18px;--sd-radius-sm:13px}
.uk-design-surface-balanced.uk-sandyakala{--sd-radius:10px;--sd-radius-sm:7px}
.uk-design-surface-sharp.uk-sandyakala{--sd-radius:0px;--sd-radius-sm:0px}
.uk-design-surface-sharp .uk-sd-button,.uk-design-surface-sharp .uk-sd-tabs button,.uk-design-surface-sharp .uk-sd-couple-index button,.uk-design-surface-sharp .uk-sd-hashtags button{border-radius:2px}
.uk-design-surface-sharp .uk-sd-nav{border-radius:4px}
.uk-design-surface-sharp .uk-sd-rail{border-radius:4px}
.uk-design-surface-soft .uk-sd-shot{box-shadow:0 20px 40px rgba(42,33,24,.2)}

/* Design Studio: gallery ------------------------------------------------- */
.uk-design-gallery-filmstrip .uk-sd-gallery{display:flex;overflow-x:auto}
.uk-design-gallery-grid .uk-sd-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;padding:18px 0 4px}
.uk-design-gallery-grid .uk-sd-shot{width:auto}
.uk-design-gallery-grid .uk-sd-reveal.is-visible .uk-sd-shot{transform:none;rotate:0deg}
.uk-design-gallery-editorial .uk-sd-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;overflow-x:visible;padding:18px 0 4px}
.uk-design-gallery-editorial .uk-sd-shot{width:auto}
.uk-design-gallery-editorial .uk-sd-shot img{aspect-ratio:4/3}
.uk-design-gallery-editorial .uk-sd-reveal.is-visible .uk-sd-shot:nth-child(odd){transform:translateX(-2%) rotate(-.6deg)}
.uk-design-gallery-editorial .uk-sd-reveal.is-visible .uk-sd-shot:nth-child(even){transform:translateX(2%) rotate(.6deg)}

/* Design Studio: motion -------------------------------------------------- */
.uk-design-motion-cinematic.uk-sandyakala{--sd-lift:26px;--sd-scale:.975}
.uk-design-motion-soft.uk-sandyakala{--sd-lift:14px;--sd-scale:.99}
.uk-design-motion-minimal.uk-sandyakala{--sd-lift:0px;--sd-scale:1}
.uk-design-motion-minimal .uk-sd-reveal,.uk-design-motion-minimal .uk-sd-reveal-item{opacity:1;transform:none;transition:none}
.uk-design-motion-minimal .uk-sd-leaf{transition:opacity .3s ease}
.uk-design-motion-soft .uk-sd-reveal{transition-duration:.5s}

/* Wider viewports -------------------------------------------------------- */
@media(min-width:760px){
.uk-sandyakala{font-size:17px}
.uk-sd-sec{padding:78px 84px 78px 28px}
.uk-sd-gate-media{height:min(44svh,330px)}
.uk-sd-gate-media img,.uk-sd-cover-media .uk-sd-cover-image{object-position:var(--sd-focus-desktop-x,50%) var(--sd-focus-desktop-y,42%)}
.uk-sd-cover-panel{padding:56px 88px 72px 32px}
.uk-sd-triptych{width:min(100%,520px)}
.uk-sd-event{grid-template-columns:56px minmax(0,1fr);padding:26px}
.uk-sd-shot{width:min(38vw,282px)}
.uk-sd-rail{left:22px;bottom:calc(22px + env(safe-area-inset-bottom));flex-direction:row}
.uk-sd-rail-panel{flex-direction:row}
.uk-sd-closing{padding:92px 84px 104px 28px}
}
@media(min-width:1100px){
.uk-sd-wrap{width:min(100%,900px)}
.uk-sd-sec{padding:96px 96px 96px 40px}
}

/* Narrow phones ---------------------------------------------------------- */
@media(max-width:560px){
.uk-sd-count{grid-template-columns:repeat(2,minmax(0,1fr))}
.uk-sd-people{grid-template-columns:minmax(0,1fr);gap:28px}
.uk-sd-accounts,.uk-sd-contacts{grid-template-columns:minmax(0,1fr)}
.uk-sd-timeline li{grid-template-columns:minmax(0,1fr);gap:6px}
.uk-sd-share-grid{grid-template-columns:minmax(0,1fr)}
.uk-design-gallery-grid .uk-sd-gallery{grid-template-columns:minmax(0,1fr)}
.uk-sd-leaf{width:34px}
.uk-sd-lightbox-close{top:auto;bottom:-52px;right:50%;transform:translateX(50%)}
}
@media(max-width:360px){
.uk-sd-sec{padding:46px 40px 46px 14px}
.uk-sd-event{grid-template-columns:minmax(0,1fr);gap:10px}
.uk-sd-event-mark{justify-items:start;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}
.uk-sd-event-mark i{min-height:1px;height:1px;width:38px;background:linear-gradient(90deg,var(--sd-band-accent),transparent)}
.uk-sd-shot{width:min(80vw,216px)}
}

/* Short viewports: a landscape phone and a short laptop window are different
   rooms, so every height rule names the width it means. */
@media(max-height:620px) and (max-width:1024px){
.uk-sd-cover{min-height:100svh}
.uk-sd-cover-panel{padding:24px 44px 30px 18px}
.uk-sd-cover-panel h1{font-size:clamp(22px,5.4vw,30px)}
.uk-sd-cover-empty-sun{width:min(100%,96px);height:96px}
.uk-sd-cover-empty-mark{margin-top:-66px;font-size:18px}
.uk-sd-gate{padding:12px}
.uk-sd-gate-media{height:min(30svh,170px)}
.uk-sd-core-inner{padding:14px 18px 18px}
.uk-sd-core-inner h1{font-size:clamp(20px,4.6vw,26px)}
.uk-sd-seal{width:min(100%,44px);height:44px;margin:12px auto 2px}
.uk-sd-nav{max-height:min(84svh,360px);padding:8px 4px;gap:4px}
.uk-sd-rail{bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(max-height:620px) and (min-width:1025px){
.uk-sd-gate-media{height:min(34svh,220px)}
.uk-sd-nav{max-height:min(80svh,440px)}
}

/* Reduced motion --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
.uk-sandyakala *,.uk-sandyakala *::before,.uk-sandyakala *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;transition-delay:0ms !important;scroll-behavior:auto !important}
.uk-sd-reveal,.uk-sd-reveal-item{opacity:1;transform:none}
.uk-sd-reveal.is-visible .uk-sd-shot{transform:none}
}