:root{--page:#f8f6f0;--page-d:#efe9da;--navy:#16285a;--navy-m:#0f1d45;--red:#b02418;--gold:#b8932e;--stamp:#2a6a4a;--ink:#1a1a2e;--muted:#494966;--line:#d9d1bf;--fd:"Courier Prime","Courier New",monospace;--fb:"Montserrat",Arial,sans-serif;--sticky-h:58px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy);color:var(--ink)}body{padding:0 0 76px;font:400 16px/1.65 var(--fb)}button,input,textarea,select{font:inherit}.reveal{opacity:1;transform:none}.invitation-card{position:relative;width:100%;max-width:600px;margin:0 auto;background:var(--page)}.ao-invite-section{position:relative;margin:0;padding:37px 21px;border-bottom:1px solid var(--line);background:var(--page);text-align:left}.section-label{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:var(--navy);font:700 .58rem var(--fd);letter-spacing:.17em;text-transform:uppercase}.section-label:before{content:"✈";color:var(--red);font-size:.8rem}.section-label:after{content:"";height:1px;flex:1;background:#b8bcc5}.section-title{margin:0 0 22px;color:var(--navy);font:700 1.45rem/1.2 var(--fb)}.invitation-hero{display:flex;flex-direction:column;padding:0}.hero-copy{order:1;padding:36px 26px;background-color:var(--navy);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 15px),repeating-linear-gradient(-45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 15px);text-align:center}.hero-copy:before{content:"★";display:grid;width:47px;height:55px;margin:0 auto 16px;place-items:center;border:1px solid var(--gold);color:var(--gold);font-size:1rem;clip-path:polygon(50% 0,100% 18%,90% 78%,50% 100%,10% 78%,0 18%)}.hero-copy .lead-text{margin:0 0 11px;color:var(--gold);font:700 .62rem var(--fd);letter-spacing:.25em;text-transform:uppercase}.hero-copy .host-names{display:block;margin:0;color:#fff;font:700 clamp(1.65rem,7vw,2.5rem)/1.1 var(--fd);letter-spacing:.06em;text-transform:uppercase}.hero-copy .host-names-localized{display:none!important}.hero-copy .event-title{margin:13px auto 0;color:#b9bfd3;font:400 .62rem/1.7 var(--fd);letter-spacing:.11em;text-transform:uppercase}.hero-image{order:2;position:relative;width:100%;aspect-ratio:16/13;overflow:hidden;border-bottom:2px solid var(--navy)}.hero-image:before{content:"★ BOARDING PASS TO FOREVER";position:absolute;z-index:2;left:14px;top:14px;padding:7px 11px;background:var(--navy);color:#fff;font:700 .58rem var(--fd);letter-spacing:.08em}.hero-image:after{content:"ARRIVAL\aSANTORINI";white-space:pre;position:absolute;right:22px;bottom:22px;padding:10px 14px;border:3px solid rgba(42,106,74,.55);color:var(--stamp);font:700 .65rem/1.6 var(--fd);text-align:center;transform:rotate(-7deg)}.hero-photo{display:block;width:100%;height:100%;object-fit:cover}.invitation-details .details-eyebrow{font-size:.65rem}.details-grid{display:grid;gap:0;border-top:1px solid var(--line)}.detail-card{display:grid;grid-template-columns:100px 1fr;gap:5px 12px;padding:14px 0;border-bottom:1px solid var(--line)}.detail-label{color:var(--muted);font:700 .54rem var(--fd);letter-spacing:.12em;text-transform:uppercase}.detail-value{color:var(--navy);font:700 .92rem var(--fb)}.detail-sub{grid-column:2;color:var(--muted);font:.68rem var(--fd)}.detail-card--date .detail-sub{display:none}.countdown{margin:24px 0 0;border:2px solid var(--navy);background:#fff}.countdown-heading{margin:0;padding:9px 14px;background:var(--navy);color:#fff;font:700 .59rem var(--fd);letter-spacing:.13em;text-transform:uppercase}.countdown-heading:after{content:"    GATE 26 · SEAT YOU+ME";float:right;color:#aeb7d4;font-size:.5rem}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 8px}.countdown-grid span{display:flex;flex-direction:column;text-align:center}.countdown-grid b{color:var(--navy);font:700 1.5rem/1 var(--fd)}.countdown-grid small{margin-top:6px;color:var(--muted);font:.46rem var(--fd);letter-spacing:.11em;text-transform:uppercase}.calendar-actions,.event-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.calendar-actions{margin-top:18px}.event-links{margin-top:20px;padding-top:17px;border-top:1px dashed var(--line)}.btn-cal,.btn-ics,.event-link{padding:9px 13px;border:1px solid var(--line);background:#fff;color:var(--muted);font:.62rem var(--fd);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.event-link{min-width:130px;text-align:center}.btn-cal:hover,.btn-ics:hover,.event-link:hover{border-color:var(--navy);color:var(--navy)}.timeline{display:grid}.tl-item{position:relative;display:grid;grid-template-columns:66px 1fr;gap:3px 29px;padding:14px 0;border-bottom:1px dashed var(--line)}.tl-item:before{content:"○";position:absolute;left:66px;top:13px;color:var(--navy);font-weight:700}.tl-time{grid-row:1/3;color:var(--red);font:700 .7rem var(--fd)}.tl-event{color:var(--ink);font:600 .92rem var(--fb)}.tl-sub{color:var(--muted);font:italic .68rem var(--fd)}.location-card{border:1px solid var(--line);background:#fff}.location-map{height:165px;overflow:hidden;background:var(--page-d)}.location-map iframe{width:100%;height:100%;border:0;filter:grayscale(.6);opacity:.75}.location-card>.venue-name,.location-card>.venue-address{display:block;margin-inline:16px}.location-card>.venue-name{margin-top:18px;color:var(--ink);font:600 1rem var(--fb)}.location-card>.venue-address{color:var(--muted);font:.68rem var(--fd)}.location-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 16px}.location-tag{padding:4px 10px;border:1px solid var(--navy);border-radius:99px;color:var(--ink);font:.6rem var(--fb);text-transform:capitalize}.map-link{display:inline-block;margin:0 16px 18px;padding:9px 17px;border:1px solid var(--red);color:var(--red);font:.61rem var(--fd);text-decoration:none;text-transform:uppercase}.invitation-dress .dress-value{font-size:1.2rem;color:var(--ink)}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{display:flex;flex-direction:column;align-items:center;gap:5px}.sw-dot{width:31px;height:31px;border:1px solid var(--line)}.sw-lbl{color:var(--muted);font:.48rem var(--fd);text-transform:uppercase}.privacy-notes{display:grid;gap:10px}.privacy-note{padding:16px;border:1px solid var(--line);background:#fff}.priv-h{margin:0 0 5px;color:var(--navy);font:700 .9rem var(--fb)}.priv-t,.event-notes{margin:0;color:var(--muted);font:.75rem/1.7 var(--fd)}.event-notes{margin-top:16px;text-align:center}.gallery-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-image{min-width:0;aspect-ratio:3/4;margin:0;overflow:hidden;border:1px solid var(--line);padding:3px;background:#fff}.gallery-image:nth-child(4){display:none}.gallery-image img{display:block;width:100%;height:100%;object-fit:cover}.gallery-toggle{display:block;margin:16px auto 0;padding:8px 19px;border:1px solid var(--navy);background:#fff;color:var(--navy);font:.58rem var(--fd);letter-spacing:.1em;text-transform:uppercase}.music-card{display:grid;grid-template-columns:55px 1fr 40px;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:#fff}.music-artwork{width:48px;height:48px;display:grid;place-items:center;background:var(--page-d)}.music-title{margin:0;font:600 .9rem var(--fb)}.music-artist{margin:2px 0 0;color:var(--muted);font:.66rem var(--fd)}.music-link{width:38px;height:38px;display:grid;place-items:center;background:var(--navy);color:#fff;font:0/0 a;text-decoration:none}.music-link:before{content:"▶";font:.72rem sans-serif}.music-embed{width:100%;min-height:152px}.music-embed iframe{display:block;width:100%;border:0}.story-block{display:flex;flex-direction:column;align-items:center}.story-image{width:80px;height:80px;margin-bottom:18px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy .section-title{font-size:1rem}.story-text,.story-text-secondary{margin:0;color:var(--muted);font:.8rem/1.85 var(--fd);text-align:center}.invitation-rsvp{padding-inline:21px}.rsvp-title{margin:0 -21px;padding:18px 21px;background:var(--navy);color:#fff;font:700 1.15rem var(--fd);letter-spacing:.13em;text-align:center;text-transform:uppercase}.rsvp-deadline{margin:0 -21px 22px;padding:0 21px 17px;background:var(--navy);color:#abb4d0;font:.52rem var(--fd);letter-spacing:.13em;text-align:center;text-transform:uppercase}.rsvp-form{text-align:left}.form-group{margin:0 0 17px}.form-group>label,.form-group>legend{display:block;margin:0 0 6px;padding-bottom:3px;border-bottom:1px solid var(--line);color:var(--muted);font:700 .55rem var(--fd);letter-spacing:.12em;text-transform:uppercase}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:.86rem var(--fd);outline:0}.form-group textarea{min-height:88px;resize:vertical}.attendance-group{padding:0;border:0}.radio-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px}.radio-opt{width:auto!important;min-width:0!important;flex:1;display:flex;align-items:center;justify-content:center;padding:9px 6px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 .65rem var(--fd);text-align:center;text-transform:uppercase}.radio-opt input{width:auto!important;min-height:0!important;margin:0 5px 0 0;accent-color:var(--navy)}.radio-opt:has(input:checked){border-color:var(--navy);background:#eef0f6;color:var(--navy)}.ao-note-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ao-note-suggestions button{padding:5px 8px;border:1px dashed var(--muted);border-radius:99px;background:transparent;color:var(--muted);font:.56rem var(--fb)}.btn-submit{width:100%;margin-top:8px;padding:13px;border:0;background:var(--red);color:#fff;font:700 .67rem var(--fd);letter-spacing:.15em;text-transform:uppercase}.invitation-share .quick-links{display:grid;gap:8px}.btn-share{padding:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font:.62rem var(--fd);letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase}.btn-share-wa{background:#21cf6b;border-color:#21cf6b;color:#fff}.qr-img{display:block;width:88px;height:88px;margin:20px auto 7px}.qr-hint{margin:0;color:var(--muted);font:.55rem var(--fd);text-align:center}.invitation-closing{text-align:center}.closing-copy{margin:0 0 8px;color:var(--muted);font:italic 1rem var(--fb)}.invitation-closing .host-names{margin:0;color:var(--ink);font:400 1.35rem var(--fb)}.invitation-branding{margin:0;padding:25px;background:var(--navy);color:#9da8c5;font:.5rem var(--fd);letter-spacing:.11em;text-align:center;text-transform:uppercase}.invitation-branding a{color:var(--gold)}.ao-sticky-rsvp{position:fixed!important;z-index:100;left:0!important;right:0!important;bottom:0!important;width:min(600px,100%)!important;height:58px!important;margin:0 auto!important;transform:none!important;background:#c12517!important}.ao-sticky-rsvp button{width:100%;height:58px;border:0;background:transparent;color:#fff;font:700 .68rem var(--fd);letter-spacing:.12em;text-transform:uppercase}.ao-sticky-rsvp button span:before{content:"▱  RSVP — "}.ao-sticky-rsvp button small,#confettiCanvas{display:none}.invitation-lightbox{display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#0a122df5}.invitation-lightbox.open{display:flex}.invitation-lightbox img{max-width:92vw;max-height:88vh;border:4px solid #fff}.invitation-lightbox button{position:absolute;width:40px;height:40px;border:1px solid #fff;background:var(--navy);color:#fff}.invitation-lightbox #lbClose{top:16px;right:16px}.invitation-lightbox #lbPrev{left:16px}.invitation-lightbox #lbNext{right:16px}.ao-sticky-rsvp button span{font-size:0}.ao-sticky-rsvp button span:before{content:"RSVP — CONFIRM YOUR SEAT";font:700 .68rem var(--fd)}@media(max-width:520px){.ao-invite-section{padding-inline:21px}.hero-copy{padding-inline:26px}.hero-copy .host-names{font-size:1.65rem}.gallery-section{gap:7px}.radio-opt{font-size:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
