/* Original AMORE day/night garden. Scoped to dusk-vows and its miniature. */
.daynight-design{--dn-night:#13263b;--dn-ivory:#f2ead7;--dn-sage:#cad0bc;position:relative;transition:background-color 1.3s,color 1.3s}
.daynight-design.theme-wedding :is(.hero,.invitation-cover){height:900px;text-align:center;color:var(--ink);background:var(--paper);font-family:var(--serif)}
.daynight-design .hero{isolation:isolate}
.dn-scenery,.dn-cover-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.dn-scenery{z-index:0;background:#13263b}
.dn-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;object-position:center;transition:opacity 1.5s ease;user-select:none}
.dn-art-day{opacity:0}
.daynight-design[data-dn-scene=day] .dn-art-day{opacity:1}
.dn-sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 32%,#f4dc9a09,transparent 54%);mix-blend-mode:screen;pointer-events:none}
.dn-stars,.dn-fireflies{position:absolute;inset:0;opacity:1;transition:opacity 1.4s;pointer-events:none}
.dn-stars i,.dn-fireflies i{position:absolute;left:var(--x);top:var(--y);display:block;background:#ffe8b2;border-radius:50%;width:2px;height:2px;box-shadow:0 0 7px #ffe1a69c;animation:dn-star-breathe var(--duration) var(--delay) ease-in-out infinite alternate}
.dn-stars i:nth-child(3n){width:3px;height:3px}
.dn-stars i:nth-child(4n)::after{content:'';position:absolute;inset:-3px 1px;background:#ffe9b36b;border-radius:50%}
.dn-fireflies i{width:3px;height:3px;box-shadow:0 0 8px 3px #ffda8366;animation:dn-firefly-drift var(--duration) var(--delay) ease-in-out infinite alternate}
.daynight-design[data-dn-scene=day] :is(.dn-stars,.dn-fireflies){opacity:0}
.dn-hero-copy{position:absolute;left:11%;right:11%;top:16%;z-index:2;text-align:center}
.daynight-design :is(.dn-kicker,.dn-together,.dn-date,.dn-meta,.dn-scroll-note){font-family:var(--sans)}
.daynight-design .dn-kicker{font-size:10px;line-height:1.8;letter-spacing:.08em;color:inherit}
.dn-ornament{display:block;width:110px;height:27px;stroke:currentColor;stroke-width:.7;margin:21px auto 26px;opacity:.82}
.daynight-design .dn-names{margin:0;font-family:var(--serif);font-weight:400;line-height:1.36;letter-spacing:-1.4px;color:inherit;display:flex;flex-direction:column;align-items:center;gap:3px}
.daynight-design .dn-names>span{display:block;max-width:100%;overflow-wrap:anywhere;font-size:48px}
.daynight-design .dn-names>i{font:italic 27px/1.2 Georgia,serif;opacity:.8;margin:4px 0;letter-spacing:0}
.daynight-design .dn-long-names>span{font-size:34px;letter-spacing:-.7px}
.daynight-design .dn-together{max-width:340px;margin:24px auto 0;font-size:11px;line-height:1.95;white-space:pre-line;text-wrap:balance}
.daynight-design .dn-date{margin-top:23px;font-size:13px;line-height:1.8;letter-spacing:.025em}
.daynight-design .dn-meta{margin-top:9px;font-size:10px;line-height:1.7;letter-spacing:.02em}
.dn-meta>span{padding:0 7px}
.dn-scroll-note{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;max-width:88%;padding:9px 16px;color:#f4ecda;background:#13263bdb;border:1px solid #e1c79955;border-radius:999px;font-size:9px;white-space:nowrap;box-shadow:0 2px 12px #0002}
.dn-scroll-note>i{font:normal 18px/1 Georgia;animation:dn-down 3s ease-in-out infinite}
.daynight-design[data-dn-scene=day] .dn-scroll-note{color:#374b42;background:#faf5e9ed;border-color:#8c70494a}
.dn-scene-controls{position:absolute;top:19px;right:18px;z-index:4;display:flex;align-items:center;gap:7px;font-family:var(--sans)}
.dn-scene-switch{display:flex;gap:2px;padding:3px;background:#11243be6;border:1px solid #f5e5bd5c;border-radius:999px;box-shadow:0 3px 14px #0002;backdrop-filter:blur(8px)}
.dn-scene-switch button,.dn-motion{border:0;border-radius:999px;background:transparent;color:#efe8d6;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;min-height:38px;font:10px/1.3 var(--sans);transition:background .3s,color .3s}
.dn-scene-switch svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.15;flex-shrink:0}
.dn-scene-switch button[aria-pressed=true]{background:#f0e5ca;color:#233629}
.dn-motion{width:38px;padding:0;border:1px solid #f5e5bd5c;background:#11243be6;font-size:16px;line-height:1}
.daynight-design[data-dn-scene=day] .dn-scene-switch,.daynight-design[data-dn-scene=day] .dn-motion{background:#f8f3e9ed;border-color:#6c755956;color:#34483c}
.daynight-design[data-dn-scene=day] .dn-scene-switch button{color:#34483c}
.daynight-design[data-dn-scene=day] .dn-scene-switch button[aria-pressed=true]{background:#425641;color:#fff9e9}
.dn-scene-switch button:focus-visible,.dn-motion:focus-visible,.dn-open:focus-visible,.dn-scroll-note:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.dn-scene-switch button,.dn-motion{min-height:44px;min-width:44px}
.dn-scroll-note{text-decoration:none}

/* The cover is a folded, sage-paper envelope rather than a flat image. */
.dn-envelope{position:absolute;inset:0;perspective:1200px;isolation:isolate;color:#3d5142;background:#cbd0bc}
.dn-envelope-back,.dn-envelope-flap{position:absolute;inset:0;pointer-events:none}
.dn-envelope-back{background:radial-gradient(ellipse at 50% 25%,#e2e4d440,transparent 64%),url('assets/daynight/sage-paper.webp') center/100% 100%}
.dn-envelope-flap{background:linear-gradient(143deg,#d9ddcd,#bdc5ad);filter:drop-shadow(0 0 1px #75856c88);will-change:transform}
.dn-flap-left{clip-path:polygon(0 0,58% 52%,0 100%);background:linear-gradient(90deg,#bac2a9,#d6dcc5);z-index:1}
.dn-flap-right{clip-path:polygon(100% 0,42% 52%,100% 100%);background:linear-gradient(270deg,#b3bea1,#d2d8c0);z-index:1}
.dn-flap-bottom{clip-path:polygon(0 100%,0 99%,50% 48%,100% 99%,100% 100%);background:linear-gradient(0deg,#c0c8b0,#d7ddc8);z-index:2}
.dn-flap-top{height:63%;clip-path:polygon(0 0,100% 0,100% 14%,50% 100%,0 14%);background:radial-gradient(ellipse at 40% 20%,#e7e9da99,transparent 70%),linear-gradient(160deg,#d5dbc5,#c3cdb2);transform-origin:50% 0;backface-visibility:hidden;z-index:3;filter:drop-shadow(0 4px 3px #455b3629)}
.dn-envelope-flap{background-image:linear-gradient(143deg,#d9ddcd30,#81926730),url('assets/daynight/sage-paper.webp');background-size:100% 100%}
.dn-flap-left{background-position:15% 50%;background-blend-mode:multiply}
.dn-flap-right{background-position:85% 50%;background-blend-mode:multiply}
.dn-flap-bottom{background-image:linear-gradient(0deg,#8b99782a,#e2e8d425),url('assets/daynight/sage-paper.webp')}
.dn-flap-top{background-image:linear-gradient(160deg,#e6ebdc38,#99aa821a),url('assets/daynight/sage-paper.webp');background-size:100% 160%}
.dn-envelope-copy{position:absolute;z-index:4;top:16%;left:10%;right:10%;text-align:center}
.daynight-design .dn-envelope-copy .dn-kicker{font-size:9px;letter-spacing:.06em}
.daynight-design .dn-envelope-copy .dn-names{margin-top:27px;line-height:1.4;gap:1px}
.daynight-design .dn-envelope-copy .dn-names>span{font-size:36px}
.daynight-design .dn-envelope-copy .dn-names>i{font-size:22px;margin:0}
.daynight-design .dn-envelope-copy .dn-long-names>span{font-size:26px}
.dn-cover-date{font:11px/1.8 var(--sans);margin-top:22px}
.dn-open{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 16px;max-width:90%;border:0;background:none;color:#354b36;font-family:var(--sans);font-size:10px;line-height:1.7}
.dn-seal{position:relative;display:grid;place-items:center;width:76px;height:76px;background:radial-gradient(circle at 36% 27%,#f3e0a8,#c9aa69 68%,#b49659);border-radius:49% 51% 48% 52%;box-shadow:inset 0 0 0 3px #9f85426b,inset 0 0 0 6px #e9cf8f99,0 5px 12px #455b3b26;color:#655528;transition:transform .4s}
.dn-seal::after{content:'';position:absolute;inset:11px;border:1px solid #8f73377a;border-radius:50%}
.dn-seal>span{font:20px/1.2 var(--serif);letter-spacing:-.04em}
.dn-open:hover .dn-seal{transform:rotate(-5deg) translateY(-3px)}
.dn-open-label{white-space:nowrap;display:block;border:1px solid #6b79564a;background:#e4e7d6de;border-radius:999px;padding:8px 17px;box-shadow:0 3px 12px #455b3610}
.dn-open-arrow{font:23px/1 Georgia;animation:dn-down 3s ease-in-out infinite}
.dn-envelope-note{position:absolute;z-index:3;bottom:38px;left:22px;right:22px;text-align:center;font:10px/1.7 var(--serif);letter-spacing:.025em}
.daynight-design.theme-wedding.is-collection-design .invitation-cover.is-opening{animation:none;transform:none;opacity:1}
.daynight-design .invitation-cover.is-opening .dn-flap-top{animation:dn-envelope-unfold 1.1s cubic-bezier(.3,.1,.3,1) both}
.daynight-design .invitation-cover.is-opening .dn-envelope-copy{animation:dn-envelope-ink .55s ease both}
.daynight-design .invitation-cover.is-opening .dn-open{animation:dn-seal-release .55s ease both}
.daynight-design .invitation-cover.is-opening .dn-envelope{animation:dn-envelope-away 2.55s cubic-bezier(.4,0,.2,1) both}
.daynight-design .invitation-cover.is-opening .dn-cover-scene{animation:dn-scene-arrive 2.55s ease both}
.daynight-design .invitation-cover.is-opening .dn-cover-scene .dn-art-day{animation:dn-day-to-night 2.55s ease both}
.daynight-design .invitation-cover.is-opening .dn-cover-scene .dn-stars{animation:dn-stars-arrive 2.55s ease both}
.daynight-design .is-open .dn-hero-copy{animation:dn-copy-arrive 3.25s ease both}

/* A scene change continues through the actual event details and footer. */
.daynight-design.theme-wedding .details,.daynight-design .invitation-footer{background:var(--paper);color:var(--ink);transition:background-color 1.3s,color 1.3s}
.daynight-design.theme-wedding :is(.section-label,.agenda time,.chapter-heading .number,.venue-block>a,.footer-wordmark,.footer-back,.footer-contact,.closing-signature,.letter-sprig,.flourish){color:var(--accent)}
.daynight-design.theme-wedding :is(.details-intro h2,.chapter-heading h2,.agenda h3,.venue-block h2){color:var(--ink)}
.daynight-design :is(.invitation-countdown,.agenda,.agenda li,.invitation-footer,.invitation-actions button){border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.daynight-design.theme-wedding .venue-block{background:color-mix(in srgb,var(--ink) 4%,var(--paper));border-color:color-mix(in srgb,var(--accent) 35%,transparent);transition:background-color 1.3s}
.daynight-design .invitation-actions button{color:var(--ink);border-radius:999px}
.daynight-design .invitation-actions button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.daynight-design .venue-block>a,.daynight-design .footer-contact{border-radius:999px;border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.daynight-design :is(.details-intro>p:last-child,.agenda p,.venue-copy>p:last-child,.invitation-footer p){color:var(--ink)}
.daynight-design .invitation-footer .footer-wordmark{color:var(--ink)}
.daynight-design .dn-names:focus{outline:none}
.daynight-design[data-dn-paused=true] :is(.dn-stars i,.dn-fireflies i,.dn-scroll-note>i,.dn-open-arrow){animation-play-state:paused}

/* Catalog miniatures retain the same night garden, live names and date. */
.dn-mini{position:absolute;inset:0;overflow:hidden;isolation:isolate;container-type:inline-size;color:#f2ead7;background:#13263b;text-align:center;font-family:var(--serif,'Noto Serif Georgian',Georgia,serif)}
.dn-mini .dn-art{object-fit:fill}
.dn-mini .dn-art-day{display:none}
.dn-mini-celestial{position:absolute;top:9%;left:50%;transform:translateX(-50%);z-index:1;display:flex;align-items:center;gap:4cqw;color:#dbc99e}
.dn-mini-celestial svg{width:6cqw;height:6cqw;stroke:currentColor;stroke-width:.8}
.dn-mini-celestial>span{width:10cqw;height:1px;background:#dbc99e88}
.dn-mini-copy{position:absolute;top:22%;left:11%;right:11%;z-index:1;text-align:center}
.dn-mini .dn-kicker{font:2.7cqw/1.8 var(--sans,'Noto Sans Georgian',sans-serif);letter-spacing:.03em;margin:0 0 6cqw;color:inherit}
.dn-mini .dn-names{display:flex;flex-direction:column;align-items:center;font-family:var(--serif,'Noto Serif Georgian',Georgia,serif);font-weight:400;font-size:10.3cqw;line-height:1.3;letter-spacing:-.35cqw;gap:.8cqw}
.dn-mini .dn-names>span{max-width:100%;overflow-wrap:anywhere}
.dn-mini .dn-names>i{font:italic 6cqw/1 Georgia;letter-spacing:0;margin:.6cqw 0}
.dn-mini .dn-long-names{font-size:7cqw;letter-spacing:-.2cqw}
.dn-mini .dn-date{margin-top:5cqw;font:3cqw/1.7 var(--sans,'Noto Sans Georgian',sans-serif)}
.dn-mini-caption{position:absolute;bottom:3.3%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2cqw;white-space:nowrap;border-radius:99px;background:#13263bdb;border:1px solid #e1c79955;padding:1.5cqw 4cqw;font:2.6cqw/1.6 var(--sans,'Noto Sans Georgian',sans-serif)}
.dn-mini-caption i{font-style:normal}

@keyframes dn-star-breathe{0%,15%{opacity:.16;transform:scale(.65)}85%,100%{opacity:.85;transform:scale(1.1)}}
@keyframes dn-firefly-drift{0%{opacity:.15;transform:translate(-3px,6px)}50%{opacity:.9}100%{opacity:.3;transform:translate(5px,-8px)}}
@keyframes dn-down{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(4px)}}
@keyframes dn-envelope-unfold{0%{transform:rotateX(0)}100%{transform:rotateX(170deg)}}
@keyframes dn-envelope-ink{to{opacity:0;transform:translateY(-6px)}}
@keyframes dn-seal-release{to{opacity:0;transform:translate(-50%,-50%) scale(1.13)}}
@keyframes dn-envelope-away{0%,28%{transform:translateY(0);opacity:1}79%{opacity:1}100%{transform:translateY(102%);opacity:0}}
@keyframes dn-scene-arrive{0%,25%{opacity:0;transform:scale(1.04)}55%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes dn-day-to-night{0%,42%{opacity:1}100%{opacity:0}}
@keyframes dn-stars-arrive{0%,60%{opacity:0}100%{opacity:1}}
@keyframes dn-copy-arrive{0%,68%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:599px){
  .daynight-design.theme-wedding.is-collection-design :is(.hero,.invitation-cover){height:780px}
  .dn-hero-copy{top:17%;left:10%;right:10%}
  .daynight-design .dn-kicker{font-size:9px}
  .dn-ornament{width:95px;height:24px;margin:19px auto 23px}
  .daynight-design .dn-names>span{font-size:39px;letter-spacing:-1.1px}
  .daynight-design .dn-long-names>span{font-size:27px;letter-spacing:-.6px}
  .daynight-design .dn-names>i{font-size:23px}
  .daynight-design .dn-together{font-size:10px;max-width:275px;margin-top:20px}
  .daynight-design .dn-date{font-size:11px;margin-top:20px}
  .daynight-design .dn-meta{font-size:9px}
  .dn-scene-controls{top:16px;right:13px;gap:5px}
  .dn-scene-switch button{font-size:9px;padding:8px 9px}
  .dn-scene-switch svg{width:15px;height:15px}
  .dn-envelope-copy{top:17%;left:10%;right:10%}
  .daynight-design .dn-envelope-copy .dn-names>span{font-size:31px}
  .daynight-design .dn-envelope-copy .dn-long-names>span{font-size:23px}
  .daynight-design .dn-envelope-copy .dn-names{margin-top:24px}
  .dn-cover-date{font-size:10px;margin-top:19px}
  .dn-seal{width:68px;height:68px}
  .dn-seal>span{font-size:18px}
  .dn-open{font-size:9px;gap:12px;top:59%}
  .dn-scroll-note{font-size:9px;min-height:44px;padding:8px 14px;bottom:100px}
}
@media(max-width:359px){.daynight-design .dn-names>span{font-size:35px}.daynight-design .dn-long-names>span{font-size:25px}.daynight-design .dn-envelope-copy .dn-names>span{font-size:28px}.daynight-design .dn-envelope-copy .dn-long-names>span{font-size:21px}.dn-scene-switch button{padding:8px}.dn-motion{width:35px}}
@media(prefers-reduced-motion:reduce){
  .daynight-design,.daynight-design *,.daynight-design *::before,.daynight-design *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .daynight-design .invitation-cover.is-opening{opacity:0!important}
  .dn-stars i{opacity:.5}.dn-fireflies i{opacity:.45}
  .daynight-design .dn-motion{display:none}
}
.is-thumbnail .daynight-design .dn-scene-controls,.is-thumbnail .daynight-design .dn-scroll-note{display:none}
