:root{--paper:#f8f5ed;--ink:#284d65;--blue:#afc8d7;--line:#284d652b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans)}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #426c86;outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.045em}em{font-weight:400}img{display:block;width:100%;object-fit:cover}.skip{position:fixed;top:-100px;left:16px;padding:10px 18px;background:var(--paper);z-index:30}.skip:focus{top:10px}.site-header{height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.monogram{font:italic 40px/.8 var(--serif);letter-spacing:-7px;padding-right:9px}.monogram span{font-size:23px;position:relative;top:5px;margin-inline:7px}.site-header nav{display:flex;align-items:center;gap:40px;font-size:12px}.nav-rsvp{border-bottom:1px solid var(--ink);padding:5px 0}.nav-rsvp span{margin-left:28px}.hero{height:calc(100svh - 100px);min-height:660px;max-height:1120px;margin:0 16px;position:relative;overflow:hidden;background:var(--blue)}.hero-photo{height:100%;position:absolute;inset:0;object-position:center 58%;animation:coast-pan 28s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12384925,#102a3b05 45%,#102a3b55)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fffaf0;opacity:1;transition:opacity 1.1s ease,transform 1.1s ease;transform:translateY(0);padding:30px 20px 70px;text-shadow:0 2px 25px #102a3b45}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.6}.hero-copy .eyebrow{margin-bottom:32px}.hero h1{font-size:clamp(70px,9.5vw,170px);white-space:nowrap;letter-spacing:-.055em}.hero h1 em{font-size:.73em;padding-inline:.08em}.hero-script{font:italic clamp(28px,3vw,46px)/1.3 var(--serif);margin-top:14px}.hero-down{position:absolute;bottom:100px;font-size:12px;display:flex;align-items:center;gap:25px;padding-bottom:10px;border-bottom:1px solid #fff7e66b}.hero-down span{font-size:20px}.hero-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:.16em}.invitation-waiting .hero-copy{opacity:0;transform:translateY(25px)}.invitation-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9f0f1a6;backdrop-filter:blur(10px);transition:opacity 1.2s ease,visibility 1.2s;z-index:2;perspective:1500px}.gate-eyebrow{position:relative;z-index:2;margin-bottom:58px}.envelope-scene{width:min(460px,75vw);aspect-ratio:1.6;perspective:1500px}.envelope{width:100%;height:100%;position:relative;background:#d0dce1;box-shadow:0 30px 70px #203f5630;transform:rotate(-3deg);transition:transform 1s ease}.envelope-front{position:absolute;inset:0;z-index:3;background:linear-gradient(33deg,#f3f0e7 49.8%,transparent 50%) left/51% 100% no-repeat,linear-gradient(-33deg,#f7f3e9 49.8%,transparent 50%) right/51% 100% no-repeat;filter:drop-shadow(0 -1px 0 #c9c6bc)}.envelope:after{content:'';position:absolute;inset:0;z-index:2;background:var(--paper);clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%)}.envelope-flap{position:absolute;inset:0;z-index:5;background:#f8f5ec;clip-path:polygon(0 0,100% 0,50% 67%);transform-origin:top;transition:transform .9s ease,z-index 0s .45s;filter:drop-shadow(0 2px 0 #c8c3b5)}.letter{position:absolute;inset:18px 20px;background:#fcfaf4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #b3c6ce;outline:7px solid #fcfaf4;transition:transform 1s .7s ease;z-index:1}.letter span{font-size:7px;letter-spacing:.14em}.letter strong{font:400 40px/1.4 var(--serif);padding:16px 0}.letter i{font-size:.7em}.seal{position:absolute;top:calc(50% - 22px);z-index:6;width:66px;height:66px;border-radius:47% 52% 45% 51%;background:#9eb8c8;box-shadow:2px 5px 10px #5c758743,inset 2px 3px 4px #ffffff69,inset -2px -3px 4px #617d8d45;transition:opacity .35s,transform .5s}.seal span{display:grid;place-items:center;font:italic 24px var(--serif);border:1px solid #708fa088;box-shadow:0 0 0 3px #c2d1d83b;width:46px;height:46px;border-radius:50%;margin:auto;color:#eff4f4;text-shadow:0 1px 1px #4266797a}.seal:hover{transform:scale(1.07)}.gate-caption{position:relative;margin-top:36px;text-align:center}.gate-caption h2{font-size:45px}.gate-caption p{font-size:12px;margin-top:8px}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px}.gate-caption .text-button{margin-top:10px}.invitation-gate.opening .envelope-flap{transform:rotateX(180deg);z-index:0}.invitation-gate.opening .seal{opacity:0;transform:translateY(30px)}.invitation-gate.opening .letter{transform:translateY(-60%);z-index:4}.invitation-gate.opening .envelope{transform:rotate(0)}.invitation-gate.opened{opacity:0;visibility:hidden;pointer-events:none}.section{padding:110px 8vw;scroll-margin-top:0}.tiny-note{font-size:9px;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.dot{width:5px;height:5px;background:var(--ink);border-radius:50%}.welcome h2{font-size:clamp(44px,5.5vw,88px);margin-top:35px;max-width:1100px}.welcome h2 em{color:#6c8ea4}.welcome-bottom{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin:40px 0 68px}.welcome-bottom>p{max-width:440px;font-size:13px}.countdown{display:flex;align-items:center;gap:20px}.countdown strong{font:400 85px/.8 var(--serif)}.countdown span{font-size:8px;letter-spacing:.15em;line-height:2}.sea-line{width:100%;height:26px;overflow:hidden}.sea-line path{fill:none;stroke:#8faebe;stroke-width:1.2;animation:tide 9s ease-in-out infinite alternate;transform-origin:center}.weekend{padding-top:30px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:65px}.section-heading h2{font-size:clamp(40px,4vw,66px);max-width:700px}.section-heading>.eyebrow{padding-top:12px}.weekend-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:start}.weekend-photo-wrap{position:relative;aspect-ratio:.94;overflow:hidden}.weekend-photo-wrap img{height:100%;transition:opacity .25s ease,transform 1.2s ease}.weekend-photo-wrap:hover img{transform:scale(1.035)}.weekend-photo-wrap>span{position:absolute;bottom:25px;left:25px;color:white;letter-spacing:.16em;font-size:9px;background:#284d65b0;padding:8px 12px}.day-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:16px}.day-tabs button{text-align:left;padding:0 0 22px;position:relative;font-size:12px}.day-tabs small{display:block;font:400 32px/1.3 var(--serif);margin-top:12px}.day-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s}.day-tabs [aria-selected=true]:after{transform:scaleX(1)}.day-panel{padding-top:46px;min-height:380px}.day-panel h3{font-size:clamp(45px,4.3vw,70px);margin:25px 0}.day-panel>p:not(.eyebrow){font-size:12px;max-width:390px}.event-detail{display:grid;gap:8px;padding-top:28px;font-size:10px}.day-panel .text-button{margin-top:25px}.travel{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#e6edf0}.travel-intro h2{font-size:clamp(46px,5.5vw,85px);margin:30px 0}.travel-intro>p:not(.eyebrow){max-width:340px;font-size:12px}.island-coordinates{margin-top:45px;padding-left:18px;border-left:1px solid #6d92a5;font-size:10px;letter-spacing:.12em}.island-coordinates span{font-size:8px;opacity:.7}.travel-list details{border-bottom:1px solid var(--line);padding:22px 0}.travel-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;font:400 26px/1.4 var(--serif)}summary::-webkit-details-marker{display:none}summary span{font:9px var(--sans);opacity:.65}summary i{margin-left:auto;width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);transition:transform .3s}details[open] summary i{transform:rotate(225deg)}details p{font-size:12px;margin:20px 25px 15px 36px}details a{font-size:11px;margin-left:36px;border-bottom:1px solid;padding-bottom:5px}.reply{text-align:center;position:relative}.reply h2{font-size:clamp(65px,8vw,130px);margin:25px 0}.reply>p:not(.eyebrow){font-size:13px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--ink);color:var(--paper);padding:17px 26px;border-radius:2px;font-size:12px;transition:background .25s,transform .25s}.pill:hover{background:#426c85;transform:translateY(-2px)}.reply .pill{margin:30px auto 0}.replay{display:flex;width:max-content;margin:20px auto 0;font-size:10px;border:0;opacity:.7}footer{border-top:1px solid var(--line);padding:30px 4vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:8px;letter-spacing:.1em}footer small{width:100%;font-size:8px;letter-spacing:0;opacity:.75}footer a{border-bottom:1px solid}dialog{border:1px solid var(--line);padding:55px;max-width:520px;width:calc(100% - 32px);max-height:calc(100svh - 36px);background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#122f4370;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:15px;font-size:28px;padding:5px 10px}dialog h2{font-size:54px;margin:18px 0}.form-intro{font-size:11px;line-height:1.8;opacity:.75}form{margin-top:28px}form>label{display:grid;gap:8px;font-size:11px;margin-block:20px}input:not([type=radio]){width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--ink);border-radius:0;font-size:13px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:11px;margin-bottom:12px}.radio{display:flex;align-items:center;gap:9px;font-size:12px;padding:5px 0}.radio input{accent-color:var(--ink)}form .pill{width:100%;margin-top:10px}#rsvp-thanks p{font-size:13px;margin:20px 0}#rsvp-thanks .form-intro{font-size:11px}[hidden]{display:none!important}@keyframes coast-pan{from{transform:scale(1.025) translateX(-.7%)}to{transform:scale(1.08) translateX(.7%)}}@keyframes tide{from{transform:translateX(-25px) scaleY(.7)}to{transform:translateX(25px) scaleY(1.2)}}
@media(min-width:1800px){.section{padding-inline:max(8vw,calc((100vw - 1500px)/2))}.hero-copy{padding-bottom:130px}.weekend{padding-top:35px}}
@media(max-width:800px){.site-header{height:80px;padding:0 6vw}.monogram{font-size:34px}.site-header nav{gap:22px;font-size:10px}.nav-rsvp{font-size:10px}.nav-rsvp span{margin-left:12px}.hero{margin:0 8px;height:calc(92svh - 80px);min-height:580px}.hero h1{font-size:clamp(56px,10vw,80px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em}.hero-photo{object-position:58% center}.hero-bottom{left:18px;right:18px;font-size:7px}.hero-down{bottom:65px;font-size:10px}.hero-script{font-size:29px}.gate-eyebrow{font-size:8px;margin-bottom:52px}.envelope-scene{width:min(420px,77vw)}.gate-caption h2{font-size:38px}.gate-caption p{font-size:11px}.gate-caption{margin-top:32px}.seal{top:calc(50% - 38px);width:58px;height:58px}.seal span{width:40px;height:40px;font-size:21px}.letter strong{font-size:30px}.letter span{font-size:5px}.section{padding:75px 7vw}.welcome h2{font-size:47px}.welcome-bottom{align-items:flex-start;flex-direction:column;margin:30px 0 45px;gap:35px}.countdown strong{font-size:65px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:45px;margin-top:25px}.weekend{padding-top:0}.weekend-layout{grid-template-columns:1fr;gap:35px}.weekend-photo-wrap{aspect-ratio:1.25}.day-panel{min-height:355px;padding-top:30px}.day-panel h3{font-size:55px}.day-panel>p:not(.eyebrow){max-width:100%}.day-tabs small{font-size:28px}.day-tabs button{padding-bottom:17px}.travel{grid-template-columns:1fr;gap:45px}.travel-intro h2{font-size:58px}.island-coordinates{margin-top:25px}summary{font-size:25px}.reply h2{font-size:65px}footer{padding:25px 7vw;font-size:7px}dialog{padding:42px 27px}dialog h2{font-size:46px}.invitation-gate.opening .letter{transform:translateY(-45%)}}
@media(max-width:390px){.site-header nav{gap:14px}.hero h1{font-size:51px}.hero{min-height:560px}.gate-eyebrow{margin-bottom:45px}.gate-caption h2{font-size:35px}.seal{top:calc(50% - 40px)}.welcome h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{transform:none}.invitation-gate.opening .letter{transform:none}}