/* The private invitation experience. Registration and local admin keep the original UI. */
body:has(.experience) { background: #f2e3ce; }
.experience[hidden] { display: none; }
.experience {
  padding: 0;
  color: #594a36;
  background:
    radial-gradient(circle at 8% 7%, #fff6e8 0 1px, transparent 3px),
    radial-gradient(circle at 88% 17%, #fff6e8 0 1px, transparent 3px),
    radial-gradient(circle at 22% 29%, #fff6e8 0 1px, transparent 3px),
    linear-gradient(180deg, #f4e8d4, #f7ead6 53%, #f1e1c9);
}
.experience .invite-shell { width: min(100%, 920px); box-shadow: none; }
.paper-world { position: relative; text-align: center; }
.section-script { font-size: clamp(2.6rem, 8vw, 4.2rem); font-weight: 400; line-height: 1.2; margin: 0; color: #77633f; }
.section-kicker { color: #a28554; font-size: .65rem; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
.ornate-rule { display: flex; align-items: center; gap: 12px; justify-content: center; color: #b49b6a; margin: 12px auto 40px; font-size: 1rem; }
.ornate-rule:before, .ornate-rule:after { content: ""; width: 55px; height: 1px; background: #cbb58a; }

/* The royal-blue envelope opens into the personal invitation. */
.envelope-scene { background: #102c87; }
.envelope-paper { background: radial-gradient(circle at 50% 38%, #2850aa, #17378c 57%, #0a2065); box-shadow: inset 0 0 120px #051743b3; }
.envelope-paper:after { opacity: .55; }
.envelope-top { background: linear-gradient(158deg, #3058ae, #13317f 75%); filter: drop-shadow(0 5px 9px #03134b88); }
.envelope-side-left, .envelope-side-right { background: linear-gradient(140deg, #15378f, #244aa0 58%, #09246d); }
.envelope-scene:before { border-color: #ddc78b80; box-shadow: inset 0 0 0 5px #173988; }
.envelope-scene:after { content: ''; position: absolute; inset: 8%; z-index: 3; border: 1px solid #d5b67632; pointer-events: none; }
.envelope-letter {
  position: absolute; left: 50%; top: 21%; z-index: 0; width: min(78vw, 470px); height: 58%;
  padding: 45px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  transform: translate(-50%, 14%); background: linear-gradient(155deg, #fffdf4, #ead8b9);
  border: 1px solid #c9a968; box-shadow: 0 22px 80px #04144390;
  color: #19327a; font: .74rem 'DM Sans',sans-serif; letter-spacing: .17em; text-align: center; text-transform: uppercase;
  opacity: 0; transition: transform 1.65s cubic-bezier(.17,.73,.17,1) .26s, box-shadow 1.5s, opacity .35s .25s;
}
.envelope-letter:before { content: ''; position: absolute; inset: 12px; border: 1px solid #bd9b5d; }
.envelope-letter>* { position: relative; }
.letter-monogram { width: 75px; height: 75px; display: grid; place-items: center; border: 1px solid #b49562; border-radius: 50%; font: 1.5rem Georgia,serif; letter-spacing: 0; }
.letter-monogram span { font: .55rem 'DM Sans',sans-serif; position: absolute; bottom: 15px; }
.envelope-letter strong { font: 400 clamp(2.4rem, 7vw, 3.8rem) 'Great Vibes',cursive; letter-spacing: 0; text-transform: none; }
.envelope-scene.open .envelope-letter { transform: translate(-50%, -16%) rotate(-2deg); box-shadow: 0 35px 100px #0414439c; opacity: 1; }
.embossed-flourish {
  position: absolute; z-index: 4; top: 9%; width: 100%; text-align: center;
  color: #4567b0; font: 400 clamp(5rem, 12vw, 9rem) Georgia, serif;
  text-shadow: -2px -2px 3px #91a8e0, 2px 2px 3px #061a5c;
  pointer-events: none;
}
.seal {
  background: radial-gradient(circle at 35% 28%, #fff0c1, #d4ae68 48%, #90652f 85%);
  border: 3px solid #a9792c;
  box-shadow: 0 10px 24px #5b4a2d7a, inset 0 2px 5px #fff9, inset 0 -5px 9px #68471970;
  color: #17347e;
  font: 1.55rem Georgia,serif;
  animation: sealPulse 3s ease-in-out infinite;
}
.seal:before { inset: 8px; border: 1px solid #fff1c2a8; }
.seal small { color: #17347e; font-size: .6rem; letter-spacing: .2em; }
.envelope-hint { top: 64%; color: #f6e9d0; font: italic 1.04rem Georgia,serif; letter-spacing: .04em; text-transform: none; }
.envelope-address { color: #edd7a6; letter-spacing: .16em; }
.sound-control {
  min-width: 106px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 0 13px;
  border: 1px solid #d8bd78; border-radius: 100px; background: #173786; color: #fff9e9;
  font: 700 .63rem 'DM Sans',sans-serif; box-shadow: 0 5px 20px #101d5799;
}
.sound-control .sound-icon { font: 1.2rem Georgia,serif; }
.sound-control[aria-pressed="true"] .sound-icon { animation: musicSway 1.7s ease-in-out infinite; }

.experience-hero { position: relative; min-height: 870px; padding: 0 34px 44px; text-align: center; overflow: hidden; }
.hero-art {
  height: 820px; width: min(100%, 590px); margin: auto; position: relative;
  background: url('/assets/encore-hall.png') center top / cover no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, #000 0 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0 80%, transparent 100%);
}
.hero-art:before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #fff5e8ba 0%, #fff7e6b3 41%, transparent 70%); pointer-events: none; }
.hero-sheen { position: absolute; inset: -40% -70%; background: linear-gradient(110deg, transparent 35%, #fff9 49%, transparent 63%); transform: translateX(-100%) rotate(7deg); pointer-events: none; }
.reveal .hero-sheen { animation: heroShimmer 2.4s ease-out .5s both; }
.hero-copy { position: absolute; top: 25%; left: 8%; right: 8%; color: #112d78; text-shadow: 0 2px 16px #fff9; transform: translateY(var(--scroll-y, 0px)); }
.hero-overline { font-size: .7rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.hero-copy h1 { font-size: clamp(4.5rem, 10vw, 7rem); font-weight: 400; line-height: .8; margin: 38px auto 16px; }
.hero-copy h1 span { display: block; color: #a97d38; font: italic 2.2rem Georgia,serif; line-height: 1.1; margin: 13px auto 5px; }
.hero-date-new { display: inline-block; font: 500 1.15rem 'Playfair Display',Georgia,serif; margin-top: 30px; padding: 5px 12px; background: linear-gradient(90deg, transparent, #f6e6c7b8 18%, #f6e6c7b8 82%, transparent); }
.hero-location { display: table; font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; margin: 8px auto 0; padding: 3px 12px; background: #f6e6c7b8; font-weight: 700; }
.hero-scroll { position: relative; margin-top: -7px; text-transform: uppercase; letter-spacing: .25em; font-size: .63rem; color: #183782; }
.hero-scroll span { display: block; font-size: 1.4rem; letter-spacing: 0; margin-top: 10px; animation: breathe 2s infinite; }

.welcome-section { padding: 40px 20px 40px; }
.section-arch {
  width: min(100%, 560px); margin: auto; border: 1px solid #bfa270; outline: 1px solid #d5c49f;
  outline-offset: -12px; border-radius: 48% 48% 10px 10px / 10% 10% 10px 10px;
  background: linear-gradient(145deg, #fcf3df, #f5e7cb);
  padding: 100px 42px 125px; box-shadow: 0 18px 55px #8a694e23;
}
.crest-new { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #ad8b58; border-radius: 50%; margin: 0 auto 28px; color: #8b6e42; font: 1rem Georgia,serif; }
.welcome-section .section-script { margin: 28px 0 9px; color: #6a593b; }
.welcome-copy { max-width: 400px; margin: auto; font: italic 1.15rem/1.8 'Playfair Display',Georgia,serif; }
.gold-rule { display: flex; align-items: center; justify-content: center; gap: 10px; color: #b08c56; margin: 27px auto; }
.gold-rule:before,.gold-rule:after { content: ""; height: 1px; width: 48px; background: #cbb58a; }
.family-copy { font: 1rem/1.8 'Playfair Display',Georgia,serif; margin: 0; }
.joining-word { color: #a58857; font-size: 2.2rem; margin: 5px; }
.family-request { max-width: 365px; margin: 31px auto 10px; font: italic .98rem/1.75 'Playfair Display',Georgia,serif; }
.marriage-names { font-size: 3.2rem; color: #766343; margin: 15px 0 20px; }
.wedding-date { font: .82rem/1.8 'Playfair Display',Georgia,serif; letter-spacing: .07em; text-transform: uppercase; }
.floral-divider { display: block; width: min(100%, 680px); height: auto; margin: -110px auto 0; position: relative; pointer-events: none; }

.countdown-section { padding: 40px 24px 85px; }
.countdown-section { background: radial-gradient(circle at 50% 0, #3359aa, #193983 54%, #102a71); color: #fff8e8; border-top: 1px solid #c8a667; border-bottom: 1px solid #c8a667; }
.countdown-section .section-script { color: #fff7e4; }
.countdown-section .ornate-rule, .countdown-section .countdown b { color: #dbb978; }
.countdown-section .ornate-rule:before, .countdown-section .ornate-rule:after { background: #dbb978; }
.countdown-section .countdown strong { color: #fff7e4; }
.countdown { display: flex; align-items: start; justify-content: center; gap: clamp(6px, 2vw, 20px); }
.countdown div { min-width: 65px; }
.countdown strong { display: block; font: 400 clamp(2rem, 7vw, 4.2rem) Georgia,serif; line-height: 1; color: #786540; }
.countdown span { display: block; font: .75rem 'Playfair Display',Georgia,serif; margin-top: 10px; }
.countdown b { font: 400 2rem Georgia,serif; color: #b19a70; }
.timeline-section { padding: 40px 24px 90px; }
.timeline { width: min(100%, 460px); margin: auto; position: relative; }
.timeline:before { content: ""; width: 1px; background: #bca77f; position: absolute; left: 40%; top: 15px; bottom: 15px; }
.timeline-row { display: grid; grid-template-columns: 40% 24px 1fr; align-items: start; gap: 13px; min-height: 115px; text-align: left; }
.timeline-row time { text-align: right; font: 1.3rem 'Playfair Display',Georgia,serif; white-space: nowrap; }
.timeline-row i { position: relative; display: block; width: 11px; height: 11px; margin-top: 10px; border: 1px solid #b8975e; background: #f4e8d4; transform: rotate(45deg); }
.timeline-row strong { display: block; font: 1.15rem 'Playfair Display',Georgia,serif; }
.timeline-row span { display: block; font: .8rem/1.6 'DM Sans',sans-serif; color: #8b7655; margin-top: 4px; }

.venue-section { padding: 25px 24px 100px; }
.venue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; width: min(100%, 720px); margin: auto; }
.venue-card { border: 1px solid #c6ad82; background: #f9efd9; padding: 36px 24px 31px; min-height: 285px; }
.venue-icon { font-size: 2rem; color: #a78855; margin-bottom: 15px; }
.venue-card h3 { font: 1.6rem/1.3 'Playfair Display',Georgia,serif; margin: 14px auto 8px; }
.venue-card p { font: .85rem/1.7 'DM Sans',sans-serif; color: #816f52; }
.venue-card a { display: inline-block; color: #6e7651; font: 700 .7rem 'DM Sans',sans-serif; text-decoration: none; border-bottom: 1px solid #a4ad8a; padding: 7px 0; margin-top: 10px; letter-spacing: .04em; }
.venue-card a:hover { color: #3c513c; }
.dress-section { padding: 30px 20px 50px; }
.dress-section { background: radial-gradient(circle at 50% -10%, #2e52a0, #142f7b 67%, #0b2364); color: #fff9eb; border-top: 1px solid #d4b477; }
.dress-section .section-script { color: #fff9eb; }
.dress-section .ornate-rule { color: #d9ba80; }
.dress-section .ornate-rule:before, .dress-section .ornate-rule:after { background: #d9ba80; }
.dress-section>p { font: italic 1.03rem/1.7 'Playfair Display',Georgia,serif; width: min(100%, 370px); margin: auto; }
.palette { display: flex; justify-content: center; gap: 25px; margin: 34px auto 0; }
.palette div { display: flex; flex-direction: column; align-items: center; gap: 11px; font: .7rem 'DM Sans',sans-serif; letter-spacing: .08em; }
.palette i { display: block; width: 52px; height: 52px; border-radius: 50%; box-shadow: 0 3px 12px #6b56372b, inset 0 0 0 1px #fff8; }
.swatch-champagne { background: #e4d3af; }.swatch-blush { background: #e3c3bd; }.swatch-sage { background: #bac5ad; }
.floral-end { display: block; width: min(100%, 590px); margin: 50px auto 0; }

.experience-pass { background: #efe0c6; padding: 75px 24px 95px; }
.experience-pass h2.section-script { font: 400 clamp(2.6rem, 8vw, 4.2rem)/1.2 'Great Vibes','Brush Script MT',cursive; margin: 0; }
.pass-intro { max-width: 460px; font: italic .98rem/1.7 'Playfair Display',Georgia,serif; margin: 0 auto 32px; }
.experience-pass .pass-card { background: linear-gradient(145deg, #1d439b, #0c276d); }
.experience-pass .pass-actions { margin-top: 28px; }
.experience-pass .outline-btn { color: #203d4d; border-color: #839276; }
.experience-pass .dark-btn { background: #1b3b8c; }
.experience-footer { text-align: center; padding: 80px 24px 95px; color: #ebd5a6; background: #102a71; }
.experience-footer .script { font-size: 2.7rem; }
.experience-footer .ornate-rule { margin-bottom: 16px; }
.experience-footer p { letter-spacing: .25em; text-transform: uppercase; font-size: .7rem; }

.motion-ready { overflow: hidden; }
.motion-ready > * { opacity: 0; transform: translateY(42px); filter: blur(4px); transition: opacity .8s ease, transform .9s cubic-bezier(.2,.75,.2,1), filter .8s; }
.motion-visible > * { opacity: 1; transform: translateY(0); filter: blur(0); }
.motion-ready .venue-card:nth-child(2), .motion-ready .palette div:nth-child(2) { transition-delay: .12s; }
.motion-ready .palette div:nth-child(3) { transition-delay: .24s; }
.venue-card { transition: transform .35s ease, box-shadow .35s ease; }
.venue-card:hover { transform: translateY(-7px); box-shadow: 0 20px 40px #17357826; }
.palette i { transition: transform .35s ease; }
.palette div:hover i { transform: translateY(-6px) scale(1.1); }
.timeline-row i { box-shadow: 0 0 0 4px #e8d7b2; }
@keyframes sealPulse { 50% { box-shadow: 0 10px 24px #5b4a2d7a, 0 0 0 13px #f6d98d20, inset 0 2px 5px #fff9, inset 0 -5px 9px #68471970; } }
@keyframes heroShimmer { to { transform: translateX(100%) rotate(7deg); } }
@keyframes musicSway { 50% { transform: rotate(-12deg) scale(1.12); } }

/* Raised thread, scattered petals, and a hand-poured seal give the opening texture. */
.embroidery { position: absolute; z-index: 3; width: clamp(170px, 30vw, 370px); aspect-ratio: 1; background: url('/assets/encore-embroidery.png') center / contain no-repeat; pointer-events: none; opacity: .82; filter: drop-shadow(0 3px 5px #091a62a0); }
.embroidery-top-left { top: -18px; left: -18px; transform: scaleY(-1); }
.embroidery-top-right { top: -18px; right: -18px; transform: scale(-1); }
.embroidery-bottom-left { bottom: -18px; left: -18px; }
.embroidery-bottom-right { bottom: -18px; right: -18px; transform: scaleX(-1); }
.envelope-petals { position: absolute; inset: 0; z-index: 4; overflow: hidden; pointer-events: none; }
.envelope-petal { position: absolute; left: var(--x); top: var(--y); width: clamp(7px, 1.1vw, 13px); height: clamp(13px, 2vw, 22px); border-radius: 80% 0 80% 0; background: linear-gradient(135deg, #fffdf3, #e7cbb3 78%); box-shadow: inset 1px 1px 2px #fff9, 0 2px 5px #07194c78; opacity: .9; transform: rotate(var(--rot)); animation: petalIdle 6s ease-in-out var(--delay) infinite alternate; }
.envelope-petal:nth-child(3n) { background: linear-gradient(135deg, #f9e8e5, #d4a9a1); }
.envelope-petal:nth-child(4n) { background: linear-gradient(135deg, #f8ecce, #c6a361); }
.envelope-scene.open .envelope-petal { animation: petalBurst 2.6s ease-out forwards; }
.envelope-flash { position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: 0; background: radial-gradient(circle at 50% 50%, #fff3b5a8 0, #cda95e3b 10%, transparent 34%); }
.envelope-scene.charging .envelope-flash { animation: envelopeFlash .9s ease-in-out both; }
.envelope-scene.charging .envelope-paper { filter: brightness(1.12); }
.envelope-scene .seal { width: clamp(118px, 15vw, 158px); height: clamp(118px, 15vw, 158px); display: grid; place-items: center; padding: 0; border: 0; border-radius: 0; background: url('/assets/encore-wax.png') center / contain no-repeat; box-shadow: none; color: #f4dca7; font: 1.75rem Georgia,serif; text-shadow: 0 2px 2px #030f42, 0 0 11px #f2d08a8c; filter: drop-shadow(0 12px 9px #061747a8); animation: sealFloat 3s ease-in-out infinite; }
.envelope-scene .seal small { display: block; margin-top: 2px; color: #f4dca7; font: 600 .53rem 'DM Sans',sans-serif; letter-spacing: .28em; }
.envelope-scene .seal:before { content: ''; position: absolute; inset: -11px; border: 1px solid #f7da9a; border-radius: 50%; box-shadow: 0 0 10px #ffe7a9, 0 0 30px #d6a94a; opacity: 0; }
.envelope-scene .seal:after { content: ''; position: absolute; inset: -27px; border-radius: 50%; background: conic-gradient(from 20deg, transparent 0 20%, #ffedac 22%, transparent 25% 44%, #ffedac 46%, transparent 48% 69%, #ffe9a0 71%, transparent 74%); filter: blur(3px); opacity: 0; pointer-events: none; }
.envelope-scene .seal:disabled { opacity: 1; }
.envelope-scene.charging .seal { animation: sealCharge .9s ease-in both; }
.envelope-scene.charging .seal:before { animation: chargeRing .9s ease-out both; }
.envelope-scene.charging .seal:after { animation: chargeSparks .9s ease-in both; }
.envelope-scene.open .seal { animation: none; }
.envelope-scene .envelope-top { transition-duration: 2.25s; transition-timing-function: cubic-bezier(.15,.6,.17,1); }
.envelope-scene .envelope-letter { transition-duration: 2.3s, 2s, .5s; transition-delay: .3s, .3s, .35s; }
.envelope-scene.exit { animation: sceneExit 1.5s .3s forwards; }
@keyframes sealFloat { 50% { filter: drop-shadow(0 14px 12px #061747c2) brightness(1.08); } }
@keyframes sealCharge { 0% { filter: drop-shadow(0 10px 9px #061747a8) brightness(.85); transform: translate(-50%,-50%) scale(1); } 45% { filter: drop-shadow(0 0 22px #f3d78a) brightness(1.45); transform: translate(-50%,-50%) scale(1.12); } 78% { filter: drop-shadow(0 0 40px #fff0bd) brightness(1.8); transform: translate(-50%,-50%) scale(1.08); } 100% { filter: drop-shadow(0 0 32px #f5d386) brightness(1.6); transform: translate(-50%,-50%) scale(1.13); } }
@keyframes chargeRing { 30% { opacity: .9; transform: scale(.85); } 100% { opacity: 0; transform: scale(1.55); } }
@keyframes chargeSparks { 45% { opacity: .7; transform: rotate(0); } 90% { opacity: 1; transform: rotate(80deg); } 100% { opacity: 0; transform: rotate(115deg); } }
@keyframes envelopeFlash { 35% { opacity: .2; } 78% { opacity: 1; } 100% { opacity: .35; } }
@keyframes petalIdle { to { transform: translate(5px,-9px) rotate(calc(var(--rot) + 18deg)); } }
@keyframes petalBurst { to { opacity: 0; transform: translate(var(--fly-x),var(--fly-y)) rotate(calc(var(--rot) + 260deg)) scale(.55); } }

/* The hall feels alive while the copy stays legible and still. */
.hero-art { background: none; isolation: isolate; }
.hero-art:after { content: ''; position: absolute; inset: -3%; z-index: -1; background: url('/assets/encore-hall.png') center top / cover no-repeat; animation: hallBreath 22s ease-in-out infinite; }
.hero-art:before { z-index: 0; }
.hero-sheen { z-index: 1; }
.hero-copy { z-index: 2; }
.floral-divider, .floral-end { transform: translateY(var(--floral-y, 0px)) scale(var(--floral-scale, 1)); transform-origin: center bottom; transition: transform .3s ease-out; }
@keyframes hallBreath { 50% { transform: scale(1.075) translateY(-.7%); } }
.section-petal { position: fixed; z-index: 25; pointer-events: none; color: #c1a06a; font: 1.5rem Georgia,serif; text-shadow: 0 2px 6px #fff8; opacity: 0; animation: sectionPetal 2.2s ease-out var(--petal-delay) forwards; }
@keyframes sectionPetal { 20% { opacity: .72; } 100% { opacity: 0; transform: translate(12px,-85px) rotate(28deg); } }

/* The procession marker follows the next moment as it reaches the reading line. */
.timeline { width: min(100%, 520px); }
.timeline:before { display: none; }
.timeline-track { position: absolute; z-index: 1; width: 2px; transform: translateX(-50%); background: #d1bd96; pointer-events: none; }
.timeline-fill { display: block; width: 100%; height: calc(var(--timeline-progress, 0) * 100%); background: #1f4598; transition: height .28s ease-out; }
.timeline-cursor { position: absolute; z-index: 3; top: calc(var(--timeline-progress, 0) * 100%); left: 50%; width: 40px; height: 40px; display: grid; place-items: center; transform: translate(-50%,-50%); border: 2px solid #d0aa6b; border-radius: 50%; background: #173c91; color: #fff0d3; box-shadow: 0 0 0 6px #efe3cc, 0 5px 17px #173c9170; font: 1.25rem Georgia,serif; transition: top .28s ease-out; }
.timeline-row { position: relative; z-index: 2; grid-template-columns: 32% 40px 1fr; gap: 12px; min-height: 145px; align-items: start; padding-top: 14px; }
.timeline-row i { width: 26px; height: 26px; margin: 0 auto; display: grid; place-items: center; transform: none; border: 1px solid #c2a46e; border-radius: 50%; background: #f7ecd8; color: #b99a66; font: normal .55rem Georgia,serif; box-shadow: 0 0 0 4px #e8d7b2; transition: background .35s, color .35s, transform .35s, box-shadow .35s; }
.timeline-row time, .timeline-row strong { transition: color .3s, transform .3s; }
.timeline-row.active time, .timeline-row.active strong { color: #173c91; transform: translateX(3px); }
.timeline-row.active i, .timeline-row.passed i { background: #1e4597; color: #f5deb0; box-shadow: 0 0 0 5px #d9c28e73; }
.timeline-row.active i { transform: scale(1.08); }

.countdown-section { overflow: hidden; }
.countdown-section:before, .countdown-section:after { content: ''; position: absolute; width: 220px; height: 220px; top: 6%; background: url('/assets/encore-embroidery.png') center / contain no-repeat; opacity: .3; pointer-events: none; }
.countdown-section:before { left: -88px; transform: rotate(-18deg); }
.countdown-section:after { right: -88px; transform: scaleX(-1) rotate(-18deg); }
.countdown-section>* { position: relative; z-index: 1; }

.map-frame { width: 100%; height: 235px; margin: 24px auto 8px; overflow: hidden; border: 1px solid #c4a977; background: #e4d5b9; box-shadow: 0 6px 17px #67553427; }
.map-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.map-note { display: block; margin-top: 8px; color: #816f52; font: .7rem/1.5 'DM Sans',sans-serif; }
.venue-card a { color: #193e8d; border-bottom-color: #193e8d; }
.venue-card a:hover { color: #0b2464; }

@media(max-width:700px) {
  .experience-hero { min-height: 750px; padding: 0 0 35px; }
  .hero-art { width: 100%; height: 735px; background-position: center top; }
  .hero-copy { top: 25%; left: 8%; right: 8%; }
  .hero-copy h1 { font-size: clamp(4.1rem, 17vw, 6rem); }
  .hero-date-new { font-size: .98rem; }
  .hero-overline { font-size: .62rem; }
  .hero-scroll { margin-top: -3px; }
  .section-arch { padding: 90px 28px 105px; }
  .floral-divider { margin-top: -75px; }
  .venue-grid { grid-template-columns: 1fr; max-width: 420px; }
  .venue-card { min-height: 0; }
  .timeline:before { left: 33%; }
  .timeline-row { grid-template-columns: 30% 38px 1fr; gap: 8px; min-height: 155px; }
  .timeline-row time { font-size: 1.05rem; }
  .timeline-row strong { font-size: 1rem; }
  .sound-control { bottom: 17px; right: 17px; }
  .embroidery { width: 210px; opacity: .76; }
  .countdown-section:before, .countdown-section:after { width: 160px; height: 160px; opacity: .19; }
  .countdown-section:before { left: -95px; }
  .countdown-section:after { right: -95px; }
}
@media(max-width:380px) {
  .hero-copy h1 { font-size: 4rem; }
  .countdown { gap: 4px; }
  .countdown div { min-width: 55px; }
  .countdown strong { font-size: 1.8rem; }
  .countdown b { font-size: 1.4rem; }
  .palette { gap: 15px; }
}
@media(prefers-reduced-motion:reduce) { .hero-scroll span, .seal, .sound-icon, .hero-art:after, .envelope-petal, .section-petal { animation: none !important; } .motion-ready > * { opacity: 1; transform: none; filter: none; } .hero-sheen { display: none; } .timeline-cursor, .timeline-fill, .floral-divider, .floral-end { transition: none; } }