/* Invitation stationery shares the illustrated world's warm paper and red thread. */
.section-ornament{display:flex;align-items:center;justify-content:center;gap:18px;color:#b88732;font-size:26px;letter-spacing:4px}.section-ornament:before,.section-ornament:after{content:'';width:55px;height:1px;background:linear-gradient(90deg,transparent,#bb8c3b)}.section-ornament:after{transform:rotate(180deg)}.section-ornament span{font-size:18px;color:#a82932}
#invitation .celebrations-section h2,#invitation .details-section h2{margin:16px 0 42px}#invitation .eyebrow{line-height:1.8}#event-list{position:relative;max-width:660px;padding-left:29px}#event-list:before{content:'';position:absolute;left:8px;top:50px;bottom:70px;width:1px;background:repeating-linear-gradient(to bottom,#b88b3c 0 5px,transparent 5px 10px)}#event-list article{position:relative;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:24px;padding:26px 28px;margin:0 0 22px;border:1px solid #be8d4566;border-radius:4px 30px 4px 30px;background:rgba(255,250,222,.62);box-shadow:4px 5px 0 #d1a85518;transition:transform .4s,background .4s}#event-list article:before{content:'';position:absolute;width:9px;height:9px;left:-26px;top:50%;background:#a82932;border:3px solid #fff1a6;border-radius:50%;box-shadow:0 0 0 1px #b88b3c}#event-list article:hover{transform:translateY(-3px);background:#fff8da}#event-list article>span{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #b98d4566;border-radius:50% 50% 42% 42%;color:#a82932;background:#f9e6af}#event-list article>span b{font:32px Georgia}#event-list article>span small{font:9px system-ui;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}#invitation #event-list h3{font-size:30px;margin-bottom:8px}#event-list p.event-time{font:12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#84612f;margin:0 0 6px}#event-list a{border-bottom:1px solid #bc883b;text-decoration:none;padding-bottom:4px}
.info-grid{gap:16px}#invitation .info-grid article{position:relative;min-width:0;padding:26px 20px 18px;background:#fff8d5;border:1px solid #bd8e4355;border-radius:22px 5px 22px 5px;text-align:center;box-shadow:3px 4px 0 #d1a85512}.info-grid .detail-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 17px;color:#a82932;border:1px solid #b98d4566;border-radius:50%;background:#fcebbb}.detail-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}#invitation .info-grid p{font-size:17px!important;overflow-wrap:anywhere;margin:12px 0 6px;line-height:1.5}.info-grid article>span:not(.detail-icon){color:#85602d;font-weight:600}
.countdown-panel{position:relative;margin-top:70px;padding:35px 24px 28px;border:1px solid #b88b3c;border-radius:90px 90px 8px 8px;background:radial-gradient(ellipse at 50% 0,#fffbe5,transparent 75%);isolation:isolate}.countdown-panel:before{content:'';position:absolute;inset:8px;border:1px solid #b88b3c44;border-radius:82px 82px 4px 4px;z-index:-1}.countdown-panel .eyebrow{margin:16px 0 10px!important}#invitation .countdown-panel h3{font-size:clamp(22px,4vw,29px);font-style:italic;margin:0 0 26px}.clock-mark{position:relative;width:46px;height:46px;border:1.5px solid #a82932;border-radius:50%;margin:auto;box-shadow:0 0 0 5px #ba8d3222}.clock-mark:after{content:'';position:absolute;width:4px;height:4px;background:#a82932;border-radius:50%;top:19.5px;left:19.5px}.clock-mark i,.clock-mark b{position:absolute;left:21px;bottom:21px;width:1.5px;height:15px;background:#a82932;transform-origin:bottom;animation:clock-turn 60s linear infinite}.clock-mark b{height:11px;animation-duration:720s;transform:rotate(120deg)}@keyframes clock-turn{to{transform:rotate(360deg)}}
#invitation #countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:550px;margin:auto;font-size:initial!important}.time-unit{text-align:center;min-width:0}.time-face{position:relative;display:grid;place-items:center;min-height:92px;border:1px solid #a8293244;border-radius:9px;background:linear-gradient(#fff8d7 50%,#f7e2a8 50%);perspective:300px;box-shadow:0 4px 0 #c3913944;overflow:hidden}.time-face:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#b4853730;pointer-events:none}.time-face b{display:block;font:clamp(35px,6vw,62px) Georgia;color:#a82932;line-height:1.2;font-variant-numeric:tabular-nums;transform-origin:50% 50%}.time-unit>span{display:block;margin-top:14px;font:10px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#79542d}.countdown-tail{margin-top:27px;display:flex;align-items:center;justify-content:center;gap:12px;color:#a82932;font-size:14px}.countdown-tail span{height:1px;width:40px;background:#c09143}
@media(max-width:600px){#event-list{padding-left:21px}#event-list:before{left:3px}#event-list article{grid-template-columns:52px 1fr;gap:14px;padding:22px 16px;margin-bottom:18px}#event-list article:before{left:-23px}#event-list article>span b{font-size:26px}#event-list article>span small{font-size:8px}#invitation #event-list h3{font-size:26px}#event-list p{font-size:15px}#event-list p.event-time{font-size:10px;line-height:1.6}.countdown-panel{padding:32px 16px 24px;margin-top:48px;border-radius:65px 65px 8px 8px}.countdown-panel:before{border-radius:58px 58px 4px 4px}#invitation #countdown{gap:8px}.time-face{min-height:64px}.time-face b{font-size:clamp(27px,8.5vw,36px)}.time-unit>span{font-size:8px;letter-spacing:.09em}.info-grid{gap:12px}#invitation .info-grid article{padding:22px 12px 18px}#invitation .info-grid p{font-size:15px!important}.info-grid article>span:not(.detail-icon){font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.clock-mark i,.clock-mark b{animation:none}#event-list article{transition:none}}
