:root{
  --safe-b: env(safe-area-inset-bottom);
  --safe-t: env(safe-area-inset-top);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh;
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  background:
    radial-gradient(900px 600px at 0% 0%, rgba(var(--accent-rgb), 0.12), transparent 60%),
    radial-gradient(900px 600px at 100% 0%, rgba(255, 255, 255, 0.55), transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.98)),
    var(--heroBg),
    radial-gradient(circle at top, var(--bg1) 0, var(--bg2) 40%, #fdfcff 75%, #f9fafb 100%);
  background-size:auto, auto, auto, cover, auto;
  background-position:10% 5%, 90% 0, 0 0, center, top;
  background-repeat:no-repeat;
  background-attachment:scroll, scroll, scroll, fixed, scroll;
}

.glass-card{
  background:rgba(255, 255, 255, 0.88);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-radius:30px;
  border:1px solid rgba(248, 250, 252, 0.7);
  box-shadow:0 20px 50px rgba(15, 23, 42, 0.16);
}

.shadow-ribbon{
  box-shadow:0 14px 34px rgba(var(--accent-rgb), 0.18), 0 10px 22px rgba(15, 23, 42, 0.10);
}

.coqPadTop{
  padding-top:calc(64px + var(--safe-t));
}

@media (min-width:640px){
  .coqPadTop{
    padding-top:56px;
  }
}

.tag-pill{
  background:rgba(248, 250, 252, 0.95);
  border-radius:999px;
  border:1px solid rgba(251, 207, 232, 0.9);
}

.divider{
  position:relative;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), 0.4), transparent);
}

.divider::before{
  content:'♥';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  background:white;
  padding:0 .8rem;
  color:var(--accent);
  font-size:.85rem;
  border-radius:999px;
  box-shadow:0 4px 14px rgba(var(--accent-rgb), 0.18);
}

.floating-heart{
  position:absolute;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%, #fff, rgba(var(--accent-rgb), 0.25));
  box-shadow:0 0 40px rgba(var(--accent-rgb), 0.45);
  opacity:.9;
}

.floating-heart::after{
  content:'';
  position:absolute;
  inset:24%;
  border-radius:inherit;
  background:radial-gradient(circle at 25% 15%, rgba(255, 255, 255, 0.85), transparent);
  opacity:.9;
}

.coq-float-soft{
  animation:coqFloatSoft 6s ease-in-out infinite;
}

.coq-float-slow{
  animation:coqFloatSlow 10s ease-in-out infinite;
}

.coq-pulse-soft{
  animation:coqPulseSoft 4s ease-in-out infinite;
}

@keyframes coqFloatSoft{
  0%,100%{ transform:translateY(0px); }
  50%{ transform:translateY(-10px); }
}

@keyframes coqFloatSlow{
  0%,100%{ transform:translateY(0px) translateX(0px); }
  50%{ transform:translateY(-12px) translateX(6px); }
}

@keyframes coqPulseSoft{
  0%,100%{ transform:scale(1); opacity:.8; }
  50%{ transform:scale(1.05); opacity:1; }
}

.avatar-ring{
  position:relative;
  border-radius:999px;
  overflow:hidden;
  border:2px solid rgba(255, 255, 255, 0.9);
  box-shadow:0 10px 30px rgba(15, 23, 42, 0.18);
  background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.26), rgba(255, 255, 255, 0.9));
}

.avatar-ring img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.avatar-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.7), transparent 55%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
  mix-blend-mode:soft-light;
  pointer-events:none;
}

.chip-small{
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(148, 163, 184, 0.9);
}

.block-card{
  background:rgba(255, 255, 255, .92);
  border:1px solid rgba(251, 207, 232, .55);
  border-radius:22px;
  padding:14px;
  box-shadow:0 14px 40px rgba(15, 23, 42, 0.10);
}

.storyPhotoCard{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(251, 207, 232, .55);
  background:rgba(255, 255, 255, .92);
  box-shadow:0 14px 40px rgba(15, 23, 42, 0.10);
}

.storyPhotoCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .55), transparent 55%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.10), transparent 55%, rgba(0, 0, 0, 0.12));
  pointer-events:none;
}

.storyPhotoCard img{
  width:100%;
  height:640px;
  object-fit:cover;
  object-position:50% 20%;
  display:block;
  filter:contrast(1.02) saturate(1.02);
}

@media (max-width:640px){
  .storyPhotoCard img{
    height:210px;
  }
}

#dresscodeWrap #dresscode{
  margin:0 !important;
}

#dresscodeWrap #dresscode .iviDressWrap{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#dresscodeWrap #dresscode .iviDressKicker{
  font-size:.62rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(15, 23, 42, .55) !important;
  margin:0 !important;
}

#dresscodeWrap #dresscode .iviDressTitle{
  margin:0 !important;
  font-family:var(--font-display) !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  color:rgba(15, 23, 42, .88) !important;
}

#dresscodeWrap #dresscode .iviDressText{
  margin:0 !important;
  font-size:.88rem !important;
  line-height:1.35 !important;
  color:rgba(100, 116, 139, .95) !important;
}

#dresscodeWrap #dresscode .iviDressSwatches{
  display:flex;
  gap:10px !important;
  flex-wrap:wrap;
  align-items:center;
  margin:2px 0 0 !important;
}

#dresscodeWrap #dresscode .iviDressDot{
  width:36px !important;
  height:36px !important;
  border-radius:999px;
  background:var(--c, #ffffff) !important;
  border:1px solid rgba(15, 23, 42, .10);
  box-shadow:0 10px 26px rgba(15, 23, 42, 0.10);
  display:inline-block;
  position:relative;
}

#dresscodeWrap #dresscode .iviDressDot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  border:1px solid rgba(255, 255, 255, .60);
  pointer-events:none;
}

#rsvpWrap #rsvp h2{
  margin:0 0 10px 0;
  font-family:var(--font-display);
  font-size:1.05rem;
  color:rgba(15, 23, 42, .92);
}

#rsvpWrap #rsvp .rose-line-svg{
  color:rgba(var(--accent-rgb), 0.55);
  margin:8px 0 12px;
}

#rsvpWrap #rsvp .rsvpFormCard{
  background:rgba(255, 255, 255, 0.78);
  border:1px solid rgba(251, 207, 232, 0.62);
  border-radius:18px;
  padding:14px;
  box-shadow:0 14px 36px rgba(15, 23, 42, 0.10);
}

#rsvpWrap #rsvp .rsvpHint{
  font-size:.86rem;
  color:rgba(100, 116, 139, 0.92);
  margin:0 0 10px 0;
}

#rsvpWrap #rsvp .label{
  font-size:.64rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(15, 23, 42, .55);
  margin:8px 0 5px !important;
}

#rsvpWrap #rsvp .row2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

@media (max-width:640px){
  #rsvpWrap #rsvp .row2{
    grid-template-columns:1fr;
  }
}

#rsvpWrap #rsvp .field{
  width:100% !important;
  border-radius:14px !important;
  border:1px solid rgba(251, 207, 232, 0.92) !important;
  background:rgba(255, 255, 255, 0.92) !important;
  padding:.58rem .72rem !important;
  font-size:.88rem !important;
  color:rgba(15, 23, 42, .88) !important;
  outline:none !important;
  box-shadow:0 8px 18px rgba(15, 23, 42, 0.05) !important;
}

#rsvpWrap #rsvp .field:focus{
  box-shadow:0 0 0 4px rgba(var(--accent-rgb), 0.14), 0 10px 22px rgba(15, 23, 42, 0.08) !important;
  border-color:rgba(var(--accent-rgb), 0.55) !important;
}

#rsvpWrap #rsvp .chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px !important;
  margin:6px 0 2px !important;
}

#rsvpWrap #rsvp .chip{
  min-height:34px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(251, 207, 232, 0.85);
  background:rgba(255, 255, 255, 0.90);
  color:rgba(15, 23, 42, .78);
  font-size:9.5px !important;
  font-weight:900;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  box-shadow:0 10px 22px rgba(15, 23, 42, 0.08) !important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

#rsvpWrap #rsvp .chip[data-active="true"]{
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 34px rgba(var(--accent-rgb), 0.18), 0 10px 22px rgba(15, 23, 42, 0.10) !important;
}

#rsvpWrap #rsvp .consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:10px;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid rgba(251, 207, 232, 0.62);
  background:rgba(255, 255, 255, 0.70);
}

#rsvpWrap #rsvp .consent span{
  font-size:.80rem;
  color:rgba(100, 116, 139, .95);
}

#rsvpWrap #rsvp .consent input[type="checkbox"]{
  margin-top:3px;
  accent-color:var(--accent);
}

#rsvpWrap #rsvp .btn.btn-full,
#rsvpWrap #rsvp button[type="submit"]{
  width:100%;
  margin-top:12px;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  box-shadow:0 18px 46px rgba(var(--accent-rgb), 0.18), 0 10px 22px rgba(15, 23, 42, 0.10) !important;
  cursor:pointer;
}

#locationWrap #location .iviLocHead{
  display:none !important;
}

#locationWrap #location .iviLocGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  align-items:start;
}

@media (max-width:900px){
  #locationWrap #location .iviLocGrid{
    grid-template-columns:1fr;
  }
}

#locationWrap #location .iviLocCard{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(251, 207, 232, .55);
  background:rgba(255, 255, 255, .92);
  box-shadow:0 14px 36px rgba(15, 23, 42, 0.10);
}

#locationWrap #location .iviLocPhoto{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(251, 207, 232, .45);
}

#locationWrap #location .iviLocPhoto::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.14), transparent 55%, rgba(0, 0, 0, 0.08));
  pointer-events:none;
}

#locationWrap #location .iviLocPhoto img{
  width:100% !important;
  height:420px !important;
  object-fit:cover !important;
  object-position:50% 0% !important;
  display:block;
  filter:contrast(1.05) saturate(1.02);
}

#locationWrap #location .iviLocBody{
  padding:12px 12px 14px;
}

#locationWrap #location .iviLocBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255, 255, 255, .92);
  border:1px solid rgba(251, 207, 232, .75);
  color:rgba(var(--accent-rgb), 1);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(15, 23, 42, 0.08);
}

#locationWrap #location .iviLocName{
  margin-top:8px;
  font-weight:800;
  color: var(--ink) !important;
  font-size:.95rem;
}

#locationWrap #location .iviLocAddr{
  margin-top:6px;
  color:rgba(100, 116, 139, .95);
  font-size:.90rem;
  line-height:1.35;
}

#locationWrap #location .iviLocNote{
  margin-top:6px;
  color:rgba(100, 116, 139, .90);
  font-size:.88rem;
  line-height:1.35;
}

#locationWrap #location .iviLocActions{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

#locationWrap #location .iviBtn{
  flex:1 1 220px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 10px !important;
  min-height:34px !important;
  border-radius:999px;
  text-decoration:none;
  font-family:var(--font-body);
  font-size:9.5px !important;
  font-weight:900;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(15, 23, 42, 0.10);
  -webkit-tap-highlight-color:transparent;
}

#locationWrap #location .iviBtnPrimary{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#fff !important;
  border:1px solid transparent !important;
}

#locationWrap #location .iviBtnGhost{
  background:rgba(255, 255, 255, .92) !important;
  color:rgba(15, 23, 42, .78) !important;
  border:1px solid rgba(251, 207, 232, 0.78) !important;
}

@media (max-width:900px){
  body{
    padding-bottom:96px;
  }
}

.coqFooter{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(251, 207, 232, .55);
  text-align:center;
}

.coqFooterKicker{
  font-family:var(--font-display);
  font-size:.70rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(100, 116, 139, .80);
}

.coqFooterNames{
  margin-top:8px;
  font-family:var(--font-display);
  font-size:clamp(34px, 5vw, 54px);
  line-height:1.02;
  font-weight:600;
  color: var(--ink) !important;
}

.coqFooterLine{
  margin-top:10px;
  font-family:var(--font-display);
  font-size:.95rem;
  color:rgba(100, 116, 139, .92);
}

.coqFooterLine small{
  font-size:.9rem;
  letter-spacing:.08em;
}

.coqFooterActions{
  margin-top:14px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}

.coqBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 12px;
  min-height:34px;
  border-radius:999px;
  text-decoration:none;
  font-family:var(--font-body);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  -webkit-tap-highlight-color:transparent;
}

.coqBtnPrimary{
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  color:#fff;
  box-shadow:0 14px 34px rgba(var(--accent-rgb), 0.18), 0 10px 22px rgba(15, 23, 42, 0.10);
  border:1px solid transparent;
}

.coqBtnGhost{
  background:rgba(255, 255, 255, .92);
  color:rgba(15, 23, 42, .72);
  border:1px solid rgba(251, 207, 232, .78);
  box-shadow:0 10px 22px rgba(15, 23, 42, 0.08);
}

@media (max-width:640px){
  .glass-card{
    border-radius:24px;
  }
}

#galleryWrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

#galleryWrap .galleryGrid,
#galleryWrap .iviGalGrid,
#galleryWrap .iviGalleryGrid,
#galleryWrap .iviGalItems{
  display:grid !important;
  grid-template-columns:repeat(12, 1fr) !important;
  gap:12px !important;
}

#galleryWrap .gItem,
#galleryWrap .iviGalItem,
#galleryWrap .iviGalleryItem,
#galleryWrap a[data-fslightbox],
#galleryWrap button[data-fslightbox]{
  grid-column:span 4 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(251, 207, 232, .55) !important;
  background:rgba(255, 255, 255, .88) !important;
  box-shadow:0 16px 44px rgba(15, 23, 42, 0.10) !important;
  cursor:zoom-in !important;
  padding:0 !important;
}

#galleryWrap .gItem img,
#galleryWrap .iviGalItem img,
#galleryWrap .iviGalleryItem img{
  aspect-ratio:4 / 3 !important;
  width:100% !important;
  height:auto !important;
}

@media (max-width:860px){
  #galleryWrap .gItem,
  #galleryWrap .iviGalItem,
  #galleryWrap .iviGalleryItem,
  #galleryWrap a[data-fslightbox],
  #galleryWrap button[data-fslightbox]{
    grid-column:span 6 !important;
  }
}

@media (max-width:520px){
  #galleryWrap .gItem,
  #galleryWrap .iviGalItem,
  #galleryWrap .iviGalleryItem,
  #galleryWrap a[data-fslightbox],
  #galleryWrap button[data-fslightbox]{
    grid-column:span 12 !important;
  }
}

.coqDot{
  color:rgba(100, 116, 139, .55);
  padding:0 6px;
}

.coqCity{
  display:inline-block;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(100, 116, 139, .85);
  white-space:nowrap;
}
/* =========================================================
   COQUETTE 2.0 — flat editorial redesign
========================================================= */
.coq-v2{
  display:block !important;
  padding:clamp(72px, 8vw, 118px) 18px 44px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg1) 92%, white), var(--bg2));
  color:var(--ink);
}

.coq-v2::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:radial-gradient(circle at 1px 1px, rgba(var(--accent-rgb),.18) 1px, transparent 0);
  background-size:26px 26px;
  mask-image:linear-gradient(to bottom, #000, transparent 78%);
}

.coq-v2 .glass-card{
  background:color-mix(in srgb, var(--bg1) 86%, white);
  border:1px solid color-mix(in srgb, var(--accent) 20%, white);
  border-radius:8px;
  box-shadow:0 24px 70px rgba(29, 22, 26, .10);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.coq-v2 .floating-heart{
  display:none;
}

.coq-v2 .coqPadTop{
  padding-top:clamp(34px, 6vw, 72px);
}

.coqHeroBadge{
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%, -50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  z-index:5;
}

.coqHeroBadgeMain{
  padding:9px 18px;
  border:1px solid color-mix(in srgb, var(--accent) 52%, white);
  background:var(--bg1);
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  white-space:nowrap;
}

.coqHeroBadgeSub{
  font-size:11px;
  color:var(--muted);
  white-space:nowrap;
}

.coq-v2 .tag-pill{
  border-radius:2px;
  border:0;
  border-bottom:1px solid color-mix(in srgb, var(--accent) 50%, transparent);
  padding-left:0 !important;
  padding-right:0 !important;
  background:transparent;
}

.coq-v2 .coqMetaRow{
  min-height:24px;
}

.coq-v2 .font-display{
  color:var(--ink) !important;
}

.coq-v2 .coqHeroIntro{
  font-size:clamp(.98rem, 1.5vw, 1.1rem) !important;
  line-height:1.78;
  color:color-mix(in srgb, var(--ink) 64%, transparent) !important;
  max-width:620px;
}

.coq-v2 .coqInfoGrid{
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important;
}

.coq-v2 .coqInfoCard,
.coq-v2 .block-card{
  border-radius:4px !important;
  border:1px solid color-mix(in srgb, var(--accent) 18%, white) !important;
  background:transparent !important;
  box-shadow:none !important;
}

.coq-v2 .coqInfoCard{
  position:relative;
  padding:16px 16px 15px !important;
  overflow:hidden;
}

.coq-v2 .coqInfoCard::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(var(--accent), var(--accent2));
}

.coqHeroVisual{
  position:relative;
}

.coqPortraitCard{
  background:transparent;
}

.coqPortraitInner{
  position:relative;
  padding:0 0 18px;
}

.coqPortraitFrame{
  width:100%;
  aspect-ratio:4 / 5;
  height:auto;
  border-radius:2px;
  border:10px solid color-mix(in srgb, var(--accent) 18%, white);
  outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset:7px;
  box-shadow:14px 16px 0 color-mix(in srgb, var(--accent2) 32%, transparent);
  transform:rotate(-1.2deg);
  transition:transform .55s cubic-bezier(.2,.75,.2,1), box-shadow .55s ease, border-radius .55s ease;
}

.coqPortraitFrame:hover{
  transform:rotate(0deg) scale(1.015);
  box-shadow:8px 10px 0 color-mix(in srgb, var(--accent2) 42%, transparent);
}

.coqPortraitFrame img{
  object-position:50% 24%;
  transition:transform 1.2s cubic-bezier(.2,.75,.2,1), filter .55s ease;
}

.coqPortraitFrame:hover img{
  transform:scale(1.045);
}

.coqPortraitCaption{
  margin-top:26px;
}

.coqTicketNo{
  position:absolute;
  right:14px;
  bottom:28px;
  padding:5px 8px;
  border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);
  font-size:10px;
  letter-spacing:.2em;
  color:var(--muted);
  background:var(--bg1);
}

/* Frame personality changes with every theme */
html[data-coq-theme="rose_milk"] .coqPortraitFrame,
html[data-coq-theme="sugar_plum"] .coqPortraitFrame{
  border-radius:44% 44% 8px 8px;
  box-shadow:16px 16px 0 color-mix(in srgb, var(--accent) 22%, transparent);
}
html[data-coq-theme="peach_cloud"] .coqPortraitFrame,
html[data-coq-theme="champagne_blush"] .coqPortraitFrame,
html[data-coq-theme="ivory_ribbon"] .coqPortraitFrame{
  border-radius:120px 120px 3px 3px;
  transform:rotate(1.1deg);
}
html[data-coq-theme="powder_lilac"] .coqPortraitFrame,
html[data-coq-theme="moon_petals"] .coqPortraitFrame,
html[data-coq-theme="plum_evening"] .coqPortraitFrame{
  border-radius:42px 4px 42px 4px;
  outline-style:dashed;
}
html[data-coq-theme="blue_mist"] .coqPortraitFrame,
html[data-coq-theme="midnight_pearl"] .coqPortraitFrame{
  border-radius:50% 50% 10px 10px / 32% 32% 10px 10px;
  box-shadow:0 18px 0 color-mix(in srgb, var(--accent) 22%, transparent);
}
html[data-coq-theme="mint_pearl"] .coqPortraitFrame,
html[data-coq-theme="garden_cream"] .coqPortraitFrame,
html[data-coq-theme="emerald_dusk"] .coqPortraitFrame{
  border-radius:4px 74px 4px 74px;
  box-shadow:14px 14px 0 color-mix(in srgb, var(--accent) 25%, transparent);
}
html[data-coq-theme="velvet_wine"] .coqPortraitFrame,
html[data-coq-theme="noir_blush"] .coqPortraitFrame{
  border-radius:2px;
  border-width:6px;
  outline:2px double color-mix(in srgb, var(--accent2) 62%, transparent);
  box-shadow:18px 18px 0 rgba(0,0,0,.24);
}

.coq-v2 .divider{
  height:18px;
  background:none;
  display:flex;
  align-items:center;
  gap:12px;
}

.coq-v2 .divider::after,
.coq-v2 .divider::before{
  content:"";
  position:static;
  flex:1;
  height:1px;
  padding:0;
  transform:none;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 48%, transparent));
}

.coq-v2 .divider::after{
  background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 48%, transparent), transparent);
}

.coq-v2 #story h2,
.coq-v2 #schedule h3,
.coq-v2 #locationWrap h2,
.coq-v2 #galleryWrap h2,
.coq-v2 #dresscodeWrap h2,
.coq-v2 #rsvpWrap h2{
  position:relative;
  display:inline-block;
  font-family:var(--font-display) !important;
  font-size:clamp(1.45rem, 3vw, 2.15rem) !important;
  line-height:1.15;
  color:var(--ink) !important;
  padding-bottom:12px;
}

.coq-v2 #story h2::after,
.coq-v2 #schedule h3::after,
.coq-v2 #locationWrap h2::after,
.coq-v2 #galleryWrap h2::after,
.coq-v2 #dresscodeWrap h2::after,
.coq-v2 #rsvpWrap h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:2px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
}

.coq-v2 #story h2 span{
  display:none;
}

.coq-v2 #story p,
.coq-v2 #scheduleList,
.coq-v2 #locationWrap,
.coq-v2 #galleryWrap,
.coq-v2 #dresscodeWrap,
.coq-v2 #rsvpWrap{
  color:color-mix(in srgb, var(--ink) 70%, transparent) !important;
}

.coq-v2 #scheduleList > div > div:last-child{
  border-radius:2px !important;
  border:0 !important;
  border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, transparent) !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:10px 0 12px !important;
}

.coq-v2 .storyPhotoCard{
  border-radius:2px;
  border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  box-shadow:12px 12px 0 color-mix(in srgb, var(--accent2) 20%, transparent);
}

.coq-v2 .storyPhotoCard img{
  height:clamp(360px, 56vw, 720px);
}

.coq-v2 .coqFooter{
  border-top:1px solid color-mix(in srgb, var(--accent) 30%, transparent);
}

.coq-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.coq-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media (max-width:1023px){
  .coqHeroVisual{
    max-width:560px;
    margin:10px auto 0;
  }
}

@media (max-width:640px){
  .coq-v2{
    padding:64px 10px 28px !important;
  }
  .coq-v2 .glass-card{
    border-radius:3px;
  }
  .coqPortraitFrame{
    border-width:7px;
    outline-offset:4px;
  }
  .coqHeroBadgeSub{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .coq-reveal,
  .coqPortraitFrame,
  .coqPortraitFrame img{
    transition:none !important;
    animation:none !important;
  }
}


/* ===== Coquette 2.1: centered layout + hero emblem ===== */
.coq-v2{
  display:block !important;
  width:100%;
}

.coqPageShell{
  margin-left:auto !important;
  margin-right:auto !important;
}

.coqLoveStoryMark{
  position:absolute;
  z-index:20;
  top:0;
  left:50%;
  transform:translate(-50%, -50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:190px;
  padding:10px 18px 9px;
  color:var(--accent);
  background:var(--bg1);
  border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);
  box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 16%, transparent);
  font-family:var(--font-body);
  font-size:10px;
  font-weight:800;
  letter-spacing:.28em;
  line-height:1;
  white-space:nowrap;
}

.coqLoveStoryMark::before,
.coqLoveStoryMark::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  background:var(--bg1);
  border-color:color-mix(in srgb, var(--accent) 42%, transparent);
  transform:rotate(45deg);
}

.coqLoveStoryMark::before{
  left:-5px;
  border-left:1px solid;
  border-bottom:1px solid;
}

.coqLoveStoryMark::after{
  right:-5px;
  border-right:1px solid;
  border-top:1px solid;
}

.coqLoveStoryHeart{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 28%, transparent);
  font-size:11px;
  letter-spacing:0;
  animation:coqLoveBeat 3.4s ease-in-out infinite;
}

.coqLoveStoryWing{
  width:22px;
  height:1px;
  flex:0 0 22px;
  background:linear-gradient(90deg, transparent, var(--accent));
  opacity:.7;
}

.coqLoveStoryWing:last-child{
  background:linear-gradient(90deg, var(--accent), transparent);
}

@keyframes coqLoveBeat{
  0%, 88%, 100%{ transform:scale(1); }
  92%{ transform:scale(1.12); }
  96%{ transform:scale(.98); }
}

@media (max-width:640px){
  .coqPageShell{
    width:100%;
  }
  .coqLoveStoryMark{
    min-width:164px;
    gap:7px;
    padding:9px 13px 8px;
    font-size:8px;
    letter-spacing:.23em;
  }
  .coqLoveStoryWing{
    width:14px;
    flex-basis:14px;
  }
  .coqLoveStoryHeart{
    width:21px;
    height:21px;
    flex-basis:21px;
  }
}

@media (prefers-reduced-motion:reduce){
  .coqLoveStoryHeart{ animation:none !important; }
}


/* ===== Coquette 2.2: tighter hero, gallery rhythm, stacked closing blocks ===== */
.coq-v2 .coqPadTop{
  padding-top:34px !important;
}

.coq-v2 #topCard .coqMetaRow{
  margin-top:0 !important;
}

.coq-v2 #galleryWrap{
  padding:20px 22px 22px !important;
}

.coq-v2 #galleryWrap h2{
  margin-top:6px !important;
  margin-bottom:14px !important;
}

.coq-v2 #galleryWrap h2 + p,
.coq-v2 #galleryWrap .iviGalSubtitle,
.coq-v2 #galleryWrap .iviGallerySubtitle,
.coq-v2 #galleryWrap .gallerySubtitle{
  margin-top:0 !important;
  margin-bottom:18px !important;
  line-height:1.55 !important;
}

.coq-v2 #galleryWrap .galleryGrid,
.coq-v2 #galleryWrap .iviGalGrid,
.coq-v2 #galleryWrap .iviGalleryGrid,
.coq-v2 #galleryWrap .iviGalItems{
  margin-top:18px !important;
}

.coqClosingStack{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.coqDresscodeWide{
  width:100%;
  padding:24px 28px !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 38%),
    var(--paper) !important;
}

.coqDresscodeWide #dresscode .iviDressWrap{
  display:grid !important;
  grid-template-columns:minmax(230px, .85fr) minmax(320px, 1.45fr);
  grid-template-areas:
    "kicker swatches"
    "title swatches"
    "text swatches";
  column-gap:38px !important;
  row-gap:6px !important;
  align-items:center;
}

.coqDresscodeWide #dresscode .iviDressKicker{ grid-area:kicker; }
.coqDresscodeWide #dresscode .iviDressTitle{
  grid-area:title;
  font-size:clamp(1.35rem,2.8vw,2rem) !important;
  line-height:1.12 !important;
}
.coqDresscodeWide #dresscode .iviDressText{
  grid-area:text;
  max-width:560px;
  line-height:1.55 !important;
}
.coqDresscodeWide #dresscode .iviDressSwatches{
  grid-area:swatches;
  justify-content:flex-end;
  gap:14px !important;
  margin:0 !important;
}
.coqDresscodeWide #dresscode .iviDressDot{
  width:48px !important;
  height:48px !important;
  box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 15%, transparent) !important;
}

.coqRsvpCentered{
  width:min(100%, 760px);
  margin-inline:auto;
  padding:24px 28px 28px !important;
}

.coqRsvpCentered #rsvp > h2,
.coqRsvpCentered #rsvp > .rsvpHint{
  text-align:center;
}

.coqRsvpCentered #rsvp h2{
  display:block !important;
  width:fit-content;
  margin-left:auto !important;
  margin-right:auto !important;
}

.coqRsvpCentered #rsvp h2::after{
  left:50% !important;
  transform:translateX(-50%);
}

@media (max-width:700px){
  .coq-v2 .coqPadTop{
    padding-top:40px !important;
  }
  .coq-v2 #galleryWrap{
    padding:18px 16px 18px !important;
  }
  .coqDresscodeWide{
    padding:20px 18px !important;
  }
  .coqDresscodeWide #dresscode .iviDressWrap{
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    gap:9px !important;
  }
  .coqDresscodeWide #dresscode .iviDressSwatches{
    justify-content:flex-start;
    margin-top:8px !important;
  }
  .coqDresscodeWide #dresscode .iviDressDot{
    width:42px !important;
    height:42px !important;
  }
  .coqRsvpCentered{
    padding:20px 16px 22px !important;
  }
}

/* ===== Coquette 2.3: compact opening, hero location, dark contrast ===== */
.coq-v2{
  padding-top:26px !important;
  font-size:16px;
}

.coq-v2 .coqPadTop{
  padding-top:42px !important;
}

.coqHeroSubtitle{
  color:color-mix(in srgb, var(--ink) 70%, transparent) !important;
  line-height:1.65;
  max-width:650px;
}

.coqCityBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  margin-top:10px;
  padding:7px 12px 7px 9px;
  border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  background:color-mix(in srgb, var(--accent) 7%, transparent);
  color:color-mix(in srgb, var(--ink) 78%, transparent);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.17em;
  line-height:1;
  text-transform:uppercase;
}

.coqCityPin{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  font-size:.78rem;
  box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 28%,transparent);
}

.coqLocationCard{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
}
.coqLocationName{
  color:var(--ink);
  font-family:var(--font-display);
  font-size:1.08rem;
  font-weight:700;
  line-height:1.25;
}
.coqLocationAddress{
  margin-top:5px;
  color:color-mix(in srgb,var(--ink) 66%,transparent);
  font-size:.83rem;
  line-height:1.45;
}
.coqLocationLink{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  margin-top:11px;
  color:var(--accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
}
.coqLocationLink:hover{ opacity:.72; }

.coq-v2 p,
.coq-v2 #scheduleList,
.coq-v2 #locationWrap,
.coq-v2 #galleryWrap,
.coq-v2 #dresscodeWrap,
.coq-v2 #rsvpWrap{
  font-size:max(1rem,16px);
}
.coq-v2 #scheduleList > div > div:last-child{
  font-size:.96rem !important;
  line-height:1.55;
}

/* Dark themes: every inherited Tailwind slate color receives a readable token. */
html[data-dark="1"] body.coq-v2{
  background:linear-gradient(180deg,var(--bg1),var(--bg2)) !important;
  color:var(--ink) !important;
}
html[data-dark="1"] .coq-v2 .glass-card{
  background:color-mix(in srgb,var(--bg1) 86%,#fff 4%) !important;
  border-color:color-mix(in srgb,var(--accent) 36%,transparent) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.34) !important;
}
html[data-dark="1"] .coq-v2 .block-card,
html[data-dark="1"] .coq-v2 .coqInfoCard,
html[data-dark="1"] .coq-v2 .rsvpFormCard,
html[data-dark="1"] .coq-v2 .iviLocCard{
  background:var(--surface) !important;
  border-color:color-mix(in srgb,var(--accent) 34%,transparent) !important;
}
html[data-dark="1"] .coq-v2 .text-slate-900,
html[data-dark="1"] .coq-v2 .text-slate-800,
html[data-dark="1"] .coq-v2 .text-slate-700,
html[data-dark="1"] .coq-v2 h1,
html[data-dark="1"] .coq-v2 h2,
html[data-dark="1"] .coq-v2 h3,
html[data-dark="1"] .coq-v2 h4,
html[data-dark="1"] .coq-v2 strong{
  color:var(--ink) !important;
}
html[data-dark="1"] .coq-v2 .text-slate-600,
html[data-dark="1"] .coq-v2 .text-slate-500,
html[data-dark="1"] .coq-v2 .text-slate-500\/90,
html[data-dark="1"] .coq-v2 p,
html[data-dark="1"] .coq-v2 .iviLocAddr,
html[data-dark="1"] .coq-v2 .iviLocNote,
html[data-dark="1"] .coq-v2 .iviDressText,
html[data-dark="1"] .coq-v2 .rsvpHint{
  color:color-mix(in srgb,var(--ink) 78%,transparent) !important;
}
html[data-dark="1"] .coq-v2 .chip-small,
html[data-dark="1"] .coq-v2 .iviDressKicker,
html[data-dark="1"] .coq-v2 .label,
html[data-dark="1"] .coq-v2 [class*="tracking-"]{
  color:color-mix(in srgb,var(--ink) 68%,transparent) !important;
}
html[data-dark="1"] .coq-v2 #miniTimer > div,
html[data-dark="1"] .coq-v2 .field,
html[data-dark="1"] .coq-v2 .chip,
html[data-dark="1"] .coq-v2 input,
html[data-dark="1"] .coq-v2 textarea,
html[data-dark="1"] .coq-v2 select{
  background:var(--surface-strong) !important;
  color:var(--ink) !important;
  border-color:color-mix(in srgb,var(--accent) 40%,transparent) !important;
}
html[data-dark="1"] .coq-v2 input::placeholder,
html[data-dark="1"] .coq-v2 textarea::placeholder{
  color:color-mix(in srgb,var(--ink) 48%,transparent) !important;
}
html[data-dark="1"] .coq-v2 .coqLoveStoryMark{
  background:color-mix(in srgb,var(--bg1) 92%,#fff 5%) !important;
}
html[data-dark="1"] .coq-v2 .coqLoveStoryMark::before,
html[data-dark="1"] .coq-v2 .coqLoveStoryMark::after{
  background:color-mix(in srgb,var(--bg1) 92%,#fff 5%) !important;
}
html[data-dark="1"] .coq-v2 .coqPortraitFrame{
  border-color:color-mix(in srgb,var(--accent2) 35%,#fff 28%) !important;
}

/* Additional motion, subtle rather than carnival-like. */
.coqLoveStoryMark{
  animation:coqMarkArrival .9s cubic-bezier(.18,.8,.22,1) both;
}
.coqPortraitFrame{
  animation:coqPortraitArrival 1.05s .12s cubic-bezier(.18,.8,.22,1) both;
}
.coqInfoCard{
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.coqInfoCard:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--accent) 45%,transparent) !important;
  background:color-mix(in srgb,var(--accent) 5%,transparent) !important;
}
#scheduleList > div{
  animation:coqScheduleArrival .65s both;
}
#scheduleList > div:nth-child(2){animation-delay:.07s}
#scheduleList > div:nth-child(3){animation-delay:.14s}
#scheduleList > div:nth-child(4){animation-delay:.21s}
#scheduleList > div:nth-child(5){animation-delay:.28s}
#scheduleList > div:nth-child(6){animation-delay:.35s}
@keyframes coqMarkArrival{
  from{opacity:0;transform:translate(-50%,-72%) scale(.94)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes coqPortraitArrival{
  from{opacity:0;transform:translateY(22px) rotate(-3deg) scale(.97)}
  to{opacity:1}
}
@keyframes coqScheduleArrival{
  from{opacity:0;transform:translateX(15px)}
  to{opacity:1;transform:none}
}

@media (max-width:640px){
  .coq-v2{padding-top:16px !important;font-size:16px;}
  .coq-v2 .coqPadTop{padding-top:38px !important;}
  .coqCityBadge{font-size:.66rem;letter-spacing:.13em;}
}
@media (prefers-reduced-motion:reduce){
  .coqLoveStoryMark,.coqPortraitFrame,#scheduleList > div{animation:none !important;}
  .coqInfoCard{transition:none !important;}
}

/* ===== Coquette 2.5: editorial story + studio labels ===== */
.coqSectionHeading,
.coqLocationHeading{
  margin:0 0 18px;
}

.coqSectionLabel{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px;
  color:var(--accent);
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.coqSectionLabel::before{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}

.coqStorySection .coqSectionHeading h2,
.coqLocationHeading h2{
  margin:0 !important;
}

.coqStoryCopy{
  position:relative;
  margin-top:22px;
  padding:32px 36px 27px 48px;
  border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--paper) 96%,white),color-mix(in srgb,var(--accent2) 7%,var(--paper)));
  box-shadow:10px 10px 0 color-mix(in srgb,var(--accent2) 13%,transparent);
  overflow:hidden;
}
.coqStoryCopy::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);
  pointer-events:none;
}
.coqStoryQuote{
  position:absolute;
  z-index:1;
  left:17px;
  top:10px;
  font-family:Georgia,serif;
  font-size:4.8rem;
  line-height:1;
  color:color-mix(in srgb,var(--accent) 35%,transparent);
}
.coqStoryCopyInner{
  position:relative;
  z-index:2;
}
.coqStoryCopy p{
  margin:0 !important;
  color:color-mix(in srgb,var(--ink) 78%,transparent) !important;
  font-size:clamp(1rem,1.35vw,1.12rem) !important;
  line-height:1.85 !important;
  letter-spacing:.005em;
}
.coqStoryCopy p + p{
  margin-top:14px !important;
}
.coqStoryFlourish{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:20px;
  color:var(--accent);
}
.coqStoryFlourish i{
  width:42px;
  height:1px;
  background:color-mix(in srgb,var(--accent) 38%,transparent);
}
.coqStoryFlourish b{
  font-size:.72rem;
  font-weight:400;
}

.coqLocationHeading{
  padding:8px 6px 2px;
}
.coqLocationHeading h2{
  display:block !important;
  width:max-content;
  max-width:100%;
  color:var(--ink) !important;
  font-family:var(--font-display) !important;
  font-size:clamp(1.65rem,3vw,2.35rem) !important;
  line-height:1.1;
  padding:0 !important;
}
.coqLocationHeading h2::after{
  display:none !important;
}
.coqHeadingLine{
  display:block;
  width:62px;
  height:2px;
  margin-top:12px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}

@media (max-width:640px){
  .coqStoryCopy{
    margin-top:17px;
    padding:28px 20px 23px 32px;
    box-shadow:7px 7px 0 color-mix(in srgb,var(--accent2) 13%,transparent);
  }
  .coqStoryQuote{
    left:10px;
    top:8px;
    font-size:3.8rem;
  }
  .coqStoryCopy p{
    font-size:.98rem !important;
    line-height:1.72 !important;
  }
}

/* =========================================================
   COQUETTE 3.0 — cinematic editorial upgrade
========================================================= */
.coq-v3{
  --coq-ease:cubic-bezier(.2,.75,.25,1);
}
.coq-v3 .coqPageShell{isolation:isolate}
.coq-v3 .glass-card{
  box-shadow:0 28px 80px rgba(35,26,31,.09),0 2px 0 rgba(255,255,255,.65) inset;
}
.coqHeroMonogram{
  position:absolute;
  z-index:6;
  right:24px;
  top:24px;
  width:64px;
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);
  border-radius:50%;
  color:var(--ink);
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 12%,transparent);
  font-family:var(--font-display);
  font-size:1rem;
  letter-spacing:.03em;
  animation:coqMonogramIn .9s var(--coq-ease) both .25s;
}
.coqHeroMonogram::before,.coqHeroMonogram::after{
  content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--accent2) 24%,transparent);border-radius:50%
}
.coqHeroMonogram::after{inset:-6px;border-style:dotted;opacity:.65;animation:coqOrbit 18s linear infinite}
.coqHeroMonogram i{font-style:normal;color:var(--accent);font-size:.62rem}
@keyframes coqOrbit{to{transform:rotate(360deg)}}
@keyframes coqMonogramIn{from{opacity:0;transform:scale(.72) rotate(-12deg)}to{opacity:1;transform:none}}

.coq-v3 .coqHeroVisual{perspective:1100px}
.coq-v3 .coqPortraitCard{
  transform-style:preserve-3d;
  transition:transform .8s var(--coq-ease),filter .8s var(--coq-ease);
}
.coq-v3 .coqPortraitCard:hover{transform:rotateY(-2.5deg) rotateX(1.5deg) translateY(-5px);filter:saturate(1.04)}
.coq-v3 .coqPortraitFrame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 44%,transparent 62%);
  transform:translateX(-130%);animation:coqPhotoShine 7s ease-in-out infinite 1.4s;
}
@keyframes coqPhotoShine{0%,72%,100%{transform:translateX(-130%)}84%{transform:translateX(130%)}}

.coq-v3 .coqSectionLabel,.coq-v3 .coqLocationHeading .coqSectionLabel{
  font-size:.76rem;letter-spacing:.22em;
}
.coq-v3 h2,.coq-v3 h3{letter-spacing:-.025em}

/* Story magazine composition */
.coq-v3 .coqStorySection{position:relative}
.coq-v3 .storyPhotoCard{
  position:relative;overflow:visible;
  transform:rotate(-.45deg);
  box-shadow:16px 18px 0 color-mix(in srgb,var(--accent2) 12%,transparent),0 28px 55px rgba(28,22,25,.12);
}
.coq-v3 .storyPhotoCard::before{
  content:"OUR STORY";position:absolute;z-index:3;right:18px;bottom:-14px;
  padding:8px 13px;background:var(--paper);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);
  font-size:.65rem;font-weight:800;letter-spacing:.2em;
}
.coq-v3 .coqStoryCopy p:first-child::first-letter{
  float:left;font-family:var(--font-display);font-size:4.2rem;line-height:.78;margin:9px 10px 0 0;color:var(--accent);
}

/* Animated editorial timeline */
.coqTimeline{position:relative;padding-left:4px}
.coqTimeline::before{
  content:"";position:absolute;left:31px;top:12px;bottom:14px;width:1px;
  background:linear-gradient(to bottom,var(--accent),color-mix(in srgb,var(--accent2) 45%,transparent),transparent);
  transform-origin:top;transform:scaleY(0);transition:transform 1.5s var(--coq-ease);
}
.coqTimelineSection.is-visible .coqTimeline::before{transform:scaleY(1)}
.coqTimelineItem{position:relative;opacity:0;transform:translateX(18px);transition:opacity .65s var(--coq-ease),transform .65s var(--coq-ease)}
.coqTimelineSection.is-visible .coqTimelineItem{opacity:1;transform:none}
.coqTimelineSection.is-visible .coqTimelineItem:nth-child(2){transition-delay:.10s}
.coqTimelineSection.is-visible .coqTimelineItem:nth-child(3){transition-delay:.20s}
.coqTimelineSection.is-visible .coqTimelineItem:nth-child(4){transition-delay:.30s}
.coqTimelineSection.is-visible .coqTimelineItem:nth-child(5){transition-delay:.40s}
.coqTimelineTime{position:relative;z-index:2}
.coqTimelineTime::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent);margin:1px auto 5px;
}
.coqTimelineCard{transition:transform .35s var(--coq-ease),box-shadow .35s var(--coq-ease),border-color .35s}
.coqTimelineCard:hover{transform:translateX(5px);box-shadow:0 15px 34px color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important}

/* Gallery as an editorial spread */
.coqEditorialGallery{overflow:hidden}
.coqEditorialGallery img{transition:transform .9s var(--coq-ease),filter .7s var(--coq-ease)}
.coqEditorialGallery a:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.02)}
.coqEditorialGallery a{position:relative;overflow:hidden}
.coqEditorialGallery a::after{
  content:"ОТКРЫТЬ";position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.86);color:#30262c;font-size:.58rem;font-weight:800;letter-spacing:.16em;
  opacity:0;transform:translateY(8px);transition:.35s var(--coq-ease);backdrop-filter:blur(9px)
}
.coqEditorialGallery a:hover::after{opacity:1;transform:none}

/* Location journey */
.coqLocationJourney{position:relative}
.coqJourneyEyebrow{display:flex;align-items:center;justify-content:center;margin:-2px 0 18px;color:var(--accent);font-size:.69rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.coqJourneyEyebrow::before,.coqJourneyEyebrow::after{content:"";height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 45%,transparent));margin:0 14px}
.coqJourneyEyebrow::after{transform:scaleX(-1)}
.coqLocationJourney [class*="location"]{position:relative}
.coqLocationJourney .coqLocationHeading::after{
  content:"⌁";display:block;text-align:center;color:color-mix(in srgb,var(--accent) 55%,transparent);font-size:1.7rem;line-height:1;margin-top:8px;
}

/* RSVP becomes the finale */
.coqRsvpFinale{position:relative;overflow:hidden}
.coqRsvpFinale::before,.coqRsvpFinale::after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 68%);pointer-events:none
}
.coqRsvpFinale::before{left:-100px;top:-110px}.coqRsvpFinale::after{right:-95px;bottom:-120px}
.coqRsvpPrelude{position:relative;z-index:2;text-align:center;margin:2px auto 22px;max-width:560px}
.coqRsvpPrelude p{margin:10px 0 0;color:color-mix(in srgb,var(--ink) 68%,transparent);font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.35}
.coqRsvpSeal{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 24%,transparent);animation:coqSealPulse 3s ease-in-out infinite}
@keyframes coqSealPulse{50%{transform:translateY(-3px) scale(1.04);box-shadow:0 15px 30px color-mix(in srgb,var(--accent) 30%,transparent)}}
.coqRsvpFinale button,.coqRsvpFinale input,.coqRsvpFinale textarea,.coqRsvpFinale select{transition:transform .25s var(--coq-ease),box-shadow .25s,border-color .25s}
.coqRsvpFinale button:hover{transform:translateY(-2px)}

/* Footer seal */
.coqFooterMonogram{
  width:86px;height:86px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);outline:1px dashed color-mix(in srgb,var(--accent2) 28%,transparent);outline-offset:6px;
  font-family:var(--font-display);font-size:1.45rem;color:var(--ink);background:color-mix(in srgb,var(--paper) 88%,white);box-shadow:0 15px 35px color-mix(in srgb,var(--accent) 11%,transparent)
}
.coqFooterMonogram i{font-style:normal;color:var(--accent);font-size:.7rem}
.coqFooterNames{font-size:clamp(2rem,5vw,3.8rem)!important}

/* soft moving background details */
.coq-v3::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;
  background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent 24%),radial-gradient(circle at 82% 74%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%);
  animation:coqAmbient 16s ease-in-out infinite alternate;
}
@keyframes coqAmbient{to{transform:translate3d(0,-12px,0) scale(1.025)}}

@media (max-width:800px){
  .coqHeroMonogram{right:14px;top:18px;width:52px;font-size:.86rem}
  .coq-v3 .storyPhotoCard{transform:none;box-shadow:9px 10px 0 color-mix(in srgb,var(--accent2) 12%,transparent),0 18px 38px rgba(28,22,25,.10)}
  .coqEditorialGallery a::after{display:none}
  .coqJourneyEyebrow::before,.coqJourneyEyebrow::after{max-width:50px;margin:0 8px}
}
@media (prefers-reduced-motion:reduce){
  .coq-v3 *, .coq-v3 *::before,.coq-v3 *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Coquette 3.1: prominent hero date */
.coqHeroDate{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:.65rem;
  margin:0 0 .85rem;
  color:var(--accent);
  font-family:var(--font-display);
}
.coqHeroDate span{
  position:relative;
  display:inline-block;
  font-size:clamp(1.65rem, 3vw, 2.55rem);
  font-weight:700;
  line-height:1.05;
  letter-spacing:.025em;
}
.coqHeroDate span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-.42rem;
  width:min(100%, 8.5rem);
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.15));
}
.coqHeroDate small{
  font-family:var(--font-body);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
}
.coqInfoGrid{
  padding-top:.45rem;
}
@media (max-width:639px){
  .coqHeroDate{
    margin-bottom:1rem;
  }
  .coqHeroDate span{
    font-size:1.75rem;
  }
  .coqInfoGrid{
    margin-top:1.35rem !important;
  }
}

/* ===== Coquette 3.2: unified section typography ===== */
.coq-v2 #dresscodeWrap #dresscode .iviDressKicker{
  margin:0 0 10px !important;
  font-size:clamp(.78rem, 1.2vw, .92rem) !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  color:var(--accent) !important;
}

.coq-v2 #dresscodeWrap #dresscode .iviDressTitle{
  position:relative;
  display:inline-block;
  width:fit-content;
  margin:0 0 16px !important;
  padding-bottom:12px !important;
  font-family:var(--font-display) !important;
  font-size:clamp(1.45rem, 3vw, 2.15rem) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  color:var(--ink) !important;
}

.coq-v2 #dresscodeWrap #dresscode .iviDressTitle::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:2px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
}

.coq-v2 #dresscodeWrap #dresscode .iviDressText{
  margin:0 !important;
  max-width:680px;
  font-size:clamp(1rem, 1.5vw, 1.08rem) !important;
  line-height:1.6 !important;
  color:color-mix(in srgb, var(--ink) 68%, transparent) !important;
}

.coq-v2 #galleryWrap > p:first-child,
.coq-v2 #galleryWrap .section-kicker,
.coq-v2 #galleryWrap .iviGalKicker,
.coq-v2 #galleryWrap .iviGalleryKicker{
  font-size:clamp(.78rem, 1.2vw, .92rem) !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  color:var(--accent) !important;
}

@media (max-width: 760px){
  .coqDresscodeWide #dresscode .iviDressTitle{
    font-size:clamp(1.45rem, 8vw, 1.9rem) !important;
  }
}

/* Coquette 3.3: continuous schedule rail aligned exactly through markers */
.coq-v3 .coqTimeline{
  --coq-rail-x:24px;
  position:relative;
  padding-left:4px;
}
.coq-v3 .coqTimeline::before{
  display:none !important;
}
.coq-v3 .coqTimelineItem{
  position:relative;
  align-items:stretch !important;
}
.coq-v3 .coqTimelineTime{
  position:relative;
  z-index:2;
  width:40px !important;
  flex:0 0 40px;
  margin-top:0 !important;
  padding-top:22px;
  align-self:stretch;
}
.coq-v3 .coqTimelineTime::before{
  content:"";
  position:absolute;
  top:5px;
  left:50%;
  width:10px;
  height:10px;
  margin:0;
  display:block;
  border-radius:50%;
  background:var(--paper);
  border:2px solid var(--accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent);
  transform:translateX(-50%);
  z-index:3;
}
.coq-v3 .coqTimelineTime::after{
  content:"";
  position:absolute;
  top:10px;
  bottom:-12px;
  left:50%;
  width:1px;
  background:linear-gradient(to bottom,
    color-mix(in srgb,var(--accent) 75%,transparent),
    color-mix(in srgb,var(--accent2) 42%,transparent)
  );
  transform:translateX(-50%);
  z-index:1;
}
.coq-v3 .coqTimelineItem:last-child .coqTimelineTime::after{
  display:none;
}
.coq-v3 .coqTimelineTime > span:last-child{
  display:none !important;
}
.coq-v3 .coqTimelineTime > span:first-child{
  position:relative;
  z-index:4;
  line-height:1.15;
  white-space:nowrap;
}
.coq-v3 .coqTimelineCard{
  align-self:flex-start;
  width:100%;
}

@media (max-width:640px){
  .coq-v3 .coqTimeline{
    padding-left:0;
  }
  .coq-v3 .coqTimelineTime{
    width:44px !important;
    flex-basis:44px;
  }
}

/* ===== Coquette 3.4: gallery without photo cropping ===== */
.coq-v2 #galleryWrap .gItem,
.coq-v2 #galleryWrap .iviGalItem,
.coq-v2 #galleryWrap .iviGalleryItem,
.coq-v2 #galleryWrap a[data-fslightbox],
.coq-v2 #galleryWrap button[data-fslightbox],
.coq-v2 #galleryWrap a[data-fancybox="gallery"]{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  aspect-ratio:4 / 3 !important;
  min-height:0 !important;
  padding:8px !important;
  background:
    radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 42%),
    color-mix(in srgb, var(--paper) 94%, var(--accent) 6%) !important;
}

.coq-v2 #galleryWrap img,
.coq-v2 #galleryWrap .gItem img,
.coq-v2 #galleryWrap .iviGalItem img,
.coq-v2 #galleryWrap .iviGalleryItem img,
.coq-v2 #galleryWrap a[data-fslightbox] img,
.coq-v2 #galleryWrap button[data-fslightbox] img,
.coq-v2 #galleryWrap a[data-fancybox="gallery"] img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:12px !important;
  transform:translateZ(0);
}

.coq-v2 #galleryWrap .gItem:hover img,
.coq-v2 #galleryWrap .iviGalItem:hover img,
.coq-v2 #galleryWrap .iviGalleryItem:hover img,
.coq-v2 #galleryWrap a[data-fancybox="gallery"]:hover img{
  transform:scale(1.018) !important;
}

@media (max-width:520px){
  .coq-v2 #galleryWrap .gItem,
  .coq-v2 #galleryWrap .iviGalItem,
  .coq-v2 #galleryWrap .iviGalleryItem,
  .coq-v2 #galleryWrap a[data-fslightbox],
  .coq-v2 #galleryWrap button[data-fslightbox],
  .coq-v2 #galleryWrap a[data-fancybox="gallery"]{
    aspect-ratio:auto !important;
    min-height:220px !important;
  }

  .coq-v2 #galleryWrap img,
  .coq-v2 #galleryWrap .gItem img,
  .coq-v2 #galleryWrap .iviGalItem img,
  .coq-v2 #galleryWrap .iviGalleryItem img{
    width:100% !important;
    height:auto !important;
    max-height:72vh !important;
  }
}

/* ===== Coquette 3.5: clean natural gallery, no empty frames ===== */
.coq-v2 #galleryWrap .galleryGrid,
.coq-v2 #galleryWrap .iviGalGrid,
.coq-v2 #galleryWrap .iviGalleryGrid,
.coq-v2 #galleryWrap .iviGalItems{
  align-items:start !important;
  gap:14px !important;
}

.coq-v2 #galleryWrap .gItem,
.coq-v2 #galleryWrap .iviGalItem,
.coq-v2 #galleryWrap .iviGalleryItem,
.coq-v2 #galleryWrap a[data-fslightbox],
.coq-v2 #galleryWrap button[data-fslightbox],
.coq-v2 #galleryWrap a[data-fancybox="gallery"]{
  position:relative !important;
  display:block !important;
  align-self:start !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
}

.coq-v2 #galleryWrap img,
.coq-v2 #galleryWrap .gItem img,
.coq-v2 #galleryWrap .iviGalItem img,
.coq-v2 #galleryWrap .iviGalleryItem img,
.coq-v2 #galleryWrap a[data-fslightbox] img,
.coq-v2 #galleryWrap button[data-fslightbox] img,
.coq-v2 #galleryWrap a[data-fancybox="gallery"] img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:initial !important;
  object-position:center !important;
  border-radius:18px !important;
  transform:translateZ(0) scale(1) !important;
  transition:transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease !important;
}

.coq-v2 #galleryWrap .gItem:hover img,
.coq-v2 #galleryWrap .iviGalItem:hover img,
.coq-v2 #galleryWrap .iviGalleryItem:hover img,
.coq-v2 #galleryWrap a[data-fancybox="gallery"]:hover img{
  transform:translateZ(0) scale(1.025) !important;
  filter:saturate(1.04) contrast(1.02);
}

@media (max-width:520px){
  .coq-v2 #galleryWrap .gItem,
  .coq-v2 #galleryWrap .iviGalItem,
  .coq-v2 #galleryWrap .iviGalleryItem,
  .coq-v2 #galleryWrap a[data-fslightbox],
  .coq-v2 #galleryWrap button[data-fslightbox],
  .coq-v2 #galleryWrap a[data-fancybox="gallery"]{
    min-height:0 !important;
    aspect-ratio:auto !important;
  }

  .coq-v2 #galleryWrap img,
  .coq-v2 #galleryWrap .gItem img,
  .coq-v2 #galleryWrap .iviGalItem img,
  .coq-v2 #galleryWrap .iviGalleryItem img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
}

/* =========================================================
   COQUETTE 3.6 — WOW HERO COVER
========================================================= */
.coqHeroStage{
  position:relative;
  overflow:visible !important;
  border-radius:34px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 30%),
    radial-gradient(circle at 12% 90%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--paper) 97%,white),color-mix(in srgb,var(--accent2) 5%,var(--paper)));
  box-shadow:0 34px 90px rgba(35,25,31,.13),0 8px 24px color-mix(in srgb,var(--accent) 9%,transparent);
}
.coqHeroStage::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);
  border-radius:25px;
  pointer-events:none;
}
.coqHeroStage::after{
  content:"";
  position:absolute;
  width:260px;height:260px;left:-105px;top:15%;
  border-radius:50%;
  border:1px dashed color-mix(in srgb,var(--accent) 18%,transparent);
  opacity:.65;pointer-events:none;
  animation:coqHeroHalo 18s linear infinite;
}
@keyframes coqHeroHalo{to{transform:rotate(360deg)}}
.coqHeroStage .coqPadTop{padding-top:74px!important;padding-bottom:42px!important}
.coqHeroDate{margin-bottom:1.1rem!important}
.coqHeroDate span{
  font-size:clamp(2rem,4.2vw,3.35rem)!important;
  letter-spacing:.035em!important;
  text-shadow:0 10px 30px color-mix(in srgb,var(--accent) 18%,transparent);
}
.coqHeroDate span::after{width:100%!important;height:3px!important;bottom:-.48rem!important}
.coqHeroSubtitle{
  max-width:650px;
  font-size:clamp(.96rem,1.45vw,1.08rem)!important;
  line-height:1.65;
  color:color-mix(in srgb,var(--ink) 68%,transparent)!important;
}
.coqHeroNames{
  position:relative;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.2rem .55rem;
  margin-top:.35rem;
  isolation:isolate;
}
.coqHeroNames::before{
  content:"";
  position:absolute;
  left:-18px;right:8%;bottom:2px;height:36%;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 85%);
  border-radius:999px;
  transform:rotate(-1deg);
  z-index:-1;
}
.coqHeroNamesGlow{
  position:absolute;left:16%;top:15%;width:130px;height:42px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(24px);z-index:-1;
}
.coqHeroNames .font-script{
  position:relative;
  font-size:clamp(3.15rem,6vw,5.4rem)!important;
  line-height:.92!important;
  filter:drop-shadow(0 9px 18px color-mix(in srgb,var(--accent) 16%,transparent));
  animation:coqNameFloat 5.4s ease-in-out infinite;
}
.coqHeroNames .font-script:last-child{animation-delay:-2.7s}
@keyframes coqNameFloat{50%{transform:translateY(-4px)}}
.coqCityBadge{margin-top:1rem!important;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 12%,transparent)}
.coqInfoGrid{gap:16px!important;margin-top:2.35rem!important}
.coqInfoCard{
  position:relative;
  overflow:hidden;
  min-height:156px;
  padding:18px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 96%,white),color-mix(in srgb,var(--accent2) 7%,var(--paper)))!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)!important;
  box-shadow:0 18px 38px rgba(34,25,31,.08)!important;
}
.coqInfoCard::after{
  content:"";position:absolute;right:-32px;bottom:-35px;width:100px;height:100px;border-radius:50%;
  border:1px dashed color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none
}
.coqInfoCard:hover{transform:translateY(-6px)!important;box-shadow:0 24px 50px rgba(34,25,31,.12)!important}
.coqHeroVisual{position:relative;padding:10px 8px 12px;isolation:isolate}
.coqHeroVisual::before{
  content:"";position:absolute;inset:4% -3% 2% 9%;z-index:-3;border-radius:42% 58% 48% 52% / 38% 42% 58% 62%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent2) 24%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));
  filter:blur(.2px);transform:rotate(3deg)
}
.coqHeroVisual::after{
  content:"";position:absolute;inset:10% 8% -1% -1%;z-index:-2;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
  border-radius:44% 56% 42% 58% / 50% 38% 62% 50%;transform:rotate(-3deg)
}
.coqPortraitCard{overflow:visible!important}
.coqPortraitInner{position:relative}
.coqPortraitFrame{
  width:100%!important;height:520px!important;
  border-radius:46% 54% 45% 55% / 39% 42% 58% 61%!important;
  border:7px solid color-mix(in srgb,var(--paper) 92%,white)!important;
  outline:1px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:7px;
  box-shadow:18px 22px 0 color-mix(in srgb,var(--accent2) 12%,transparent),0 30px 70px rgba(34,25,31,.2)!important;
  transform:rotate(1.2deg);
  transition:transform .65s var(--coq-ease),box-shadow .65s var(--coq-ease),border-radius .65s var(--coq-ease)
}
.coqHeroVisual:hover .coqPortraitFrame{
  transform:rotate(-.5deg) translateY(-8px) scale(1.012);
  border-radius:54% 46% 56% 44% / 44% 56% 44% 56%!important;
  box-shadow:24px 28px 0 color-mix(in srgb,var(--accent2) 15%,transparent),0 36px 80px rgba(34,25,31,.23)!important
}
.coqPortraitFrame img{transition:transform 1.1s var(--coq-ease),filter .6s;filter:saturate(1.04) contrast(1.03)}
.coqHeroVisual:hover .coqPortraitFrame img{transform:scale(1.045)}
.coqPhotoSheen{
  position:absolute;inset:-30% auto -30% -45%;width:45%;transform:rotate(14deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);mix-blend-mode:screen;
  animation:coqPhotoSheen 6.5s ease-in-out infinite;pointer-events:none
}
@keyframes coqPhotoSheen{0%,45%{left:-55%}70%,100%{left:125%}}
.coqPhotoRibbon{
  position:absolute;left:-18px;bottom:22px;z-index:8;display:flex;align-items:center;gap:9px;
  padding:11px 18px 10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;
  font-size:.66rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;
  box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 25%,transparent);transform:rotate(-4deg)
}
.coqPhotoRibbon::before{content:"";position:absolute;left:-11px;top:100%;border:6px solid transparent;border-top-color:color-mix(in srgb,var(--accent) 75%,#000)}
.coqPhotoRibbon i{font-style:normal;font-size:.72rem}
.coqPhotoOrbit{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 32%,transparent);z-index:-1;pointer-events:none}
.coqPhotoOrbitOne{width:108px;height:108px;right:-30px;top:18px;animation:coqOrbitSpin 14s linear infinite}
.coqPhotoOrbitTwo{width:68px;height:68px;left:-14px;bottom:34px;animation:coqOrbitSpin 10s linear infinite reverse}
@keyframes coqOrbitSpin{to{transform:rotate(360deg)}}
.coqPhotoPetal{position:absolute;color:var(--accent);font-size:1rem;filter:drop-shadow(0 8px 15px color-mix(in srgb,var(--accent) 30%,transparent));animation:coqPetalDrift 4.2s ease-in-out infinite}
.coqPhotoPetalOne{right:3px;top:118px}.coqPhotoPetalTwo{left:-4px;top:55%;animation-delay:-2s}
@keyframes coqPetalDrift{50%{transform:translateY(-12px) rotate(18deg);opacity:.55}}
.coqHeroMonogram{z-index:12!important;box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 20%,transparent)!important;backdrop-filter:blur(12px)}
.coqLoveStoryMark{box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 16%,transparent)!important}
@media (max-width:1023px){
  .coqHeroStage .coqPadTop{padding-top:70px!important}
  .coqHeroVisual{max-width:560px;margin:6px auto 0}
  .coqPortraitFrame{height:min(72vw,580px)!important}
}
@media (max-width:640px){
  .coqHeroStage{border-radius:24px}
  .coqHeroStage::before{inset:7px;border-radius:18px}
  .coqHeroStage .coqPadTop{padding-top:58px!important;padding-left:18px!important;padding-right:18px!important}
  .coqHeroDate span{font-size:2rem!important}
  .coqHeroNames{gap:.1rem .35rem}
  .coqHeroNames .font-script{font-size:clamp(2.75rem,14vw,4rem)!important}
  .coqHeroNames::before{left:-8px;right:-4px;height:30%}
  .coqInfoGrid{margin-top:1.7rem!important}
  .coqInfoCard{min-height:auto}
  .coqHeroVisual{padding:14px 4px 8px;margin-top:8px}
  .coqPortraitFrame{height:118vw!important;max-height:560px!important;border-width:5px!important;box-shadow:11px 14px 0 color-mix(in srgb,var(--accent2) 12%,transparent),0 24px 55px rgba(34,25,31,.18)!important}
  .coqPhotoRibbon{left:-2px;bottom:16px;font-size:.58rem;padding:9px 13px}
  .coqPhotoOrbitOne{right:-8px}.coqPhotoOrbitTwo{left:0}
  .coqHeroStage::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .coqHeroStage::after,.coqHeroNames .font-script,.coqPhotoSheen,.coqPhotoOrbit,.coqPhotoPetal{animation:none!important}
}

/* =========================================================
   COQUETTE 3.7 — SILKY HERO MOTION + THEME-SHAPED PORTRAIT
========================================================= */
:root{
  --coq-photo-shape:46% 54% 45% 55% / 39% 42% 58% 61%;
  --coq-photo-shape-hover:49% 51% 48% 52% / 43% 46% 54% 57%;
  --coq-photo-rotate:1deg;
  --coq-photo-rotate-hover:.15deg;
  --coq-photo-lift:-5px;
}

/* Each palette gets its own portrait silhouette. */
html[data-coq-theme="rose_milk"]{
  --coq-photo-shape:48% 52% 44% 56% / 38% 44% 56% 62%;
  --coq-photo-shape-hover:52% 48% 49% 51% / 42% 48% 52% 58%;
  --coq-photo-rotate:.8deg;
}
html[data-coq-theme="champagne_blush"]{
  --coq-photo-shape:46% 46% 12px 12px / 28% 28% 12px 12px;
  --coq-photo-shape-hover:49% 49% 18px 18px / 31% 31% 18px 18px;
  --coq-photo-rotate:-.7deg;
}
html[data-coq-theme="powder_lilac"]{
  --coq-photo-shape:58% 42% 55% 45% / 43% 55% 45% 57%;
  --coq-photo-shape-hover:54% 46% 51% 49% / 47% 51% 49% 53%;
  --coq-photo-rotate:1.2deg;
}
html[data-coq-theme="mint_pearl"]{
  --coq-photo-shape:50% 50% 22px 22px / 34% 34% 22px 22px;
  --coq-photo-shape-hover:48% 52% 30px 30px / 38% 35% 30px 30px;
  --coq-photo-rotate:-.35deg;
}
html[data-coq-theme="ivory_ribbon"]{
  --coq-photo-shape:8px 84px 8px 84px;
  --coq-photo-shape-hover:16px 72px 16px 72px;
  --coq-photo-rotate:.65deg;
}
html[data-coq-theme="sugar_plum"]{
  --coq-photo-shape:44% 56% 40% 60% / 54% 38% 62% 46%;
  --coq-photo-shape-hover:49% 51% 45% 55% / 50% 43% 57% 50%;
  --coq-photo-rotate:-1deg;
}
html[data-coq-theme="garden_cream"]{
  --coq-photo-shape:115px 115px 28px 28px;
  --coq-photo-shape-hover:132px 132px 36px 36px;
  --coq-photo-rotate:.35deg;
}
html[data-coq-theme="plum_evening"]{
  --coq-photo-shape:38px 6px 38px 6px;
  --coq-photo-shape-hover:48px 12px 48px 12px;
  --coq-photo-rotate:-.9deg;
}
html[data-coq-theme="noir_blush"]{
  --coq-photo-shape:3px;
  --coq-photo-shape-hover:14px;
  --coq-photo-rotate:.45deg;
}
html[data-coq-theme="butter_vanilla"]{
  --coq-photo-shape:50% 50% 16px 16px / 30% 30% 16px 16px;
  --coq-photo-shape-hover:50% 50% 24px 24px / 34% 34% 24px 24px;
  --coq-photo-rotate:-.45deg;
}
html[data-coq-theme="pistachio_rose"]{
  --coq-photo-shape:42% 58% 48% 52% / 35% 46% 54% 65%;
  --coq-photo-shape-hover:47% 53% 51% 49% / 40% 49% 51% 60%;
  --coq-photo-rotate:.9deg;
}
html[data-coq-theme="cherry_cream"]{
  --coq-photo-shape:72px 8px 72px 8px;
  --coq-photo-shape-hover:60px 16px 60px 16px;
  --coq-photo-rotate:-.75deg;
}
html[data-coq-theme="maldives_breeze"]{
  --coq-photo-shape:52% 48% 46% 54% / 32% 44% 56% 68%;
  --coq-photo-shape-hover:55% 45% 50% 50% / 38% 48% 52% 62%;
  --coq-photo-rotate:.55deg;
}
html[data-coq-theme="peach_horizon"]{
  --coq-photo-shape:54% 46% 20px 20px / 41% 41% 20px 20px;
  --coq-photo-shape-hover:50% 50% 28px 28px / 45% 45% 28px 28px;
  --coq-photo-rotate:-.4deg;
}
html[data-coq-theme="coral_sunset"]{
  --coq-photo-shape:60% 40% 50% 50% / 48% 58% 42% 52%;
  --coq-photo-shape-hover:55% 45% 53% 47% / 52% 54% 46% 48%;
  --coq-photo-rotate:1deg;
}
html[data-coq-theme="warm_surf"]{
  --coq-photo-shape:28px 96px 28px 96px;
  --coq-photo-shape-hover:38px 82px 38px 82px;
  --coq-photo-rotate:-.6deg;
}
html[data-coq-theme="lagoon_sand"]{
  --coq-photo-shape:48% 52% 42% 58% / 52% 35% 65% 48%;
  --coq-photo-shape-hover:52% 48% 47% 53% / 48% 41% 59% 52%;
  --coq-photo-rotate:.7deg;
}

.coqHeroVisual,
.coqHeroVisual::before,
.coqHeroVisual::after,
.coqPortraitFrame,
.coqPortraitFrame img{
  transition-duration:1.35s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
.coqHeroVisual::before{
  border-radius:var(--coq-photo-shape)!important;
  transition-property:border-radius,transform,opacity,background!important;
}
.coqHeroVisual::after{
  border-radius:var(--coq-photo-shape-hover)!important;
  transition-property:border-radius,transform,opacity,border-color!important;
}
.coqPortraitFrame{
  border-radius:var(--coq-photo-shape)!important;
  transform:rotate(var(--coq-photo-rotate));
  transition-property:transform,box-shadow,border-radius,outline-color!important;
  will-change:transform,border-radius;
  backface-visibility:hidden;
}
.coqHeroVisual:hover .coqPortraitFrame{
  transform:rotate(var(--coq-photo-rotate-hover)) translateY(var(--coq-photo-lift)) scale(1.006);
  border-radius:var(--coq-photo-shape-hover)!important;
  box-shadow:21px 25px 0 color-mix(in srgb,var(--accent2) 14%,transparent),0 34px 76px rgba(34,25,31,.22)!important;
}
.coqPortraitFrame img{
  transition-property:transform,filter!important;
  transform:scale(1.001);
  will-change:transform;
}
.coqHeroVisual:hover .coqPortraitFrame img{
  transform:scale(1.018)!important;
  filter:saturate(1.055) contrast(1.025);
}

/* Theme changes should morph instead of snapping. */
html[data-coq-theme] .coqPortraitFrame,
html[data-coq-theme] .coqHeroVisual::before,
html[data-coq-theme] .coqHeroVisual::after{
  transition-property:border-radius,transform,box-shadow,background,border-color!important;
}

@media (hover:none), (pointer:coarse){
  .coqHeroVisual:hover .coqPortraitFrame{
    transform:rotate(var(--coq-photo-rotate));
    border-radius:var(--coq-photo-shape)!important;
  }
  .coqHeroVisual:hover .coqPortraitFrame img{transform:scale(1.001)!important}
}

@media (prefers-reduced-motion:reduce){
  .coqHeroVisual,
  .coqHeroVisual::before,
  .coqHeroVisual::after,
  .coqPortraitFrame,
  .coqPortraitFrame img{
    transition-duration:.01ms!important;
  }
}


/* Coquette 3.8: truly smooth hero hover.
   The theme controls the frame shape; hover never rebuilds geometry. */
.coqHeroVisual,
.coqHeroVisual::before,
.coqHeroVisual::after,
.coqPortraitCard,
.coqPortraitFrame,
.coqPortraitFrame img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.coqHeroVisual::before,
.coqHeroVisual::after,
.coqPortraitFrame{
  border-radius:var(--coq-photo-shape)!important;
}
.coqPortraitCard,
.coq-v3 .coqPortraitCard,
.coq-v3 .coqPortraitCard:hover{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.coqPortraitFrame{
  transform:rotate(var(--coq-photo-rotate)) translate3d(0,0,0)!important;
  transition:
    border-radius 1.7s cubic-bezier(.22,1,.36,1),
    box-shadow 1.15s cubic-bezier(.22,1,.36,1),
    outline-color 1.15s ease!important;
  will-change:auto!important;
}
.coqHeroVisual:hover .coqPortraitFrame{
  transform:rotate(var(--coq-photo-rotate)) translate3d(0,0,0)!important;
  border-radius:var(--coq-photo-shape)!important;
  box-shadow:18px 21px 0 color-mix(in srgb,var(--accent2) 12%,transparent),0 30px 68px rgba(34,25,31,.18)!important;
}
.coqPortraitFrame img{
  transform:translate3d(0,0,0) scale(1.004)!important;
  transition:transform 1.8s cubic-bezier(.22,1,.36,1),filter 1.2s ease!important;
  will-change:auto!important;
}
.coqHeroVisual:hover .coqPortraitFrame img{
  transform:translate3d(0,-2px,0) scale(1.012)!important;
  filter:saturate(1.035) contrast(1.015)!important;
}
.coqHeroVisual::before,
.coqHeroVisual::after{
  transition:border-radius 1.7s cubic-bezier(.22,1,.36,1),opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)!important;
}
@media (hover:none), (pointer:coarse){
  .coqHeroVisual:hover .coqPortraitFrame img{transform:translate3d(0,0,0) scale(1.004)!important}
}


/* =========================================================
   COQUETTE DARK: RSVP + CONTACTS
   Только тёмные темы. Светлые темы не затрагиваются.
========================================================= */

/* Общая оболочка RSVP */
html[data-dark="1"] body.coq-v2 #rsvpWrap{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--surface) 94%,transparent),
      color-mix(in srgb,var(--bg1) 92%,#000 8%)
    ) !important;
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.32) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .rsvpFormCard{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Заголовки и подписи */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp h2{
  color:var(--ink) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .rsvpHint{
  color:color-mix(in srgb,var(--ink) 72%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .label{
  color:color-mix(in srgb,var(--ink) 67%,transparent) !important;
}

/* Поля */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .field,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp input[type="text"],
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp input[type="tel"],
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp textarea,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp select{
  color:var(--ink) !important;
  background:color-mix(in srgb,var(--bg1) 78%,#fff 6%) !important;
  border:1px solid color-mix(in srgb,var(--accent) 42%,transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 24px rgba(0,0,0,.16) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .field::placeholder,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp input::placeholder,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp textarea::placeholder{
  color:color-mix(in srgb,var(--ink) 43%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .field:focus,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp input:focus,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp textarea:focus{
  border-color:color-mix(in srgb,var(--accent) 76%,transparent) !important;
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),
    0 14px 28px rgba(0,0,0,.22) !important;
}

/* Варианты ответа */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .chip{
  color:color-mix(in srgb,var(--ink) 90%,transparent) !important;
  background:color-mix(in srgb,var(--surface-strong) 92%,#000 8%) !important;
  border-color:color-mix(in srgb,var(--accent) 42%,transparent) !important;
  box-shadow:none !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .chip:hover{
  border-color:color-mix(in srgb,var(--accent) 72%,transparent) !important;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-strong)) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .chip[data-active="true"],
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .chip.is-active,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .chip[aria-pressed="true"]{
  color:#fff !important;
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  border-color:transparent !important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 22%,transparent) !important;
}

/* Итог гостей */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp [class*="total"],
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .guestCount,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .rsvpTotal{
  color:color-mix(in srgb,var(--ink) 78%,transparent) !important;
  background:color-mix(in srgb,var(--surface-strong) 86%,transparent) !important;
  border-color:color-mix(in srgb,var(--accent) 25%,transparent) !important;
}

/* Согласие */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent{
  background:color-mix(in srgb,var(--surface-strong) 90%,#000 10%) !important;
  border-color:color-mix(in srgb,var(--accent) 30%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent span,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent label,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent a{
  color:color-mix(in srgb,var(--ink) 72%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .consent a{
  text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent) !important;
}

/* Кнопка */
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp .btn.btn-full,
html[data-dark="1"] body.coq-v2 #rsvpWrap #rsvp button[type="submit"]{
  color:#fff !important;
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 22%,transparent) !important;
}

/* CONTACTS: переопределяем переменные встроенного общего блока */
html[data-dark="1"] body.coq-v2 .ivi-contacts{
  --ivi-contacts-bg:transparent !important;
  --ivi-contacts-card:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--surface-strong) 92%,#000 8%),
      color-mix(in srgb,var(--surface) 96%,#000 4%)
    ) !important;
  --ivi-contacts-text:var(--ink) !important;
  --ivi-contacts-muted:color-mix(in srgb,var(--ink) 66%,transparent) !important;
  --ivi-contacts-accent:var(--accent) !important;
  --ivi-contacts-line:color-mix(in srgb,var(--accent) 34%,transparent) !important;

  width:100% !important;
  margin:0 !important;
  padding:clamp(34px,5vw,58px) clamp(18px,3vw,34px) !important;
  color:var(--ink) !important;
  background:transparent !important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,transparent) !important;
  border-radius:28px !important;
  box-shadow:0 26px 70px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contacts__head{
  margin-bottom:clamp(24px,4vw,38px) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contacts__title,
html[data-dark="1"] body.coq-v2 .ivi-contact__name,
html[data-dark="1"] body.coq-v2 .ivi-contact__phone{
  color:var(--ink) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contacts__text,
html[data-dark="1"] body.coq-v2 .ivi-contact__role{
  color:color-mix(in srgb,var(--ink) 66%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contact{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--surface-strong) 92%,#000 8%),
      color-mix(in srgb,var(--surface) 96%,#000 4%)
    ) !important;
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 20px 46px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contact__avatar{
  color:var(--accent) !important;
  background:color-mix(in srgb,var(--accent) 12%,transparent) !important;
  border-color:color-mix(in srgb,var(--accent) 38%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contact__action{
  color:color-mix(in srgb,var(--ink) 90%,transparent) !important;
  background:color-mix(in srgb,var(--surface-strong) 84%,transparent) !important;
  border-color:color-mix(in srgb,var(--accent) 34%,transparent) !important;
}

html[data-dark="1"] body.coq-v2 .ivi-contact__action:hover{
  color:#fff !important;
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  border-color:transparent !important;
}

/* Компактнее на телефоне */
@media (max-width:640px){
  html[data-dark="1"] body.coq-v2 #rsvpWrap,
  html[data-dark="1"] body.coq-v2 .ivi-contacts{
    border-radius:22px !important;
  }

  html[data-dark="1"] body.coq-v2 .ivi-contacts{
    padding:30px 14px !important;
  }
}