:root{--paper:#f7f2e7;--ink:#31576d;--blue:#a8c2ce;--line:#31576d2d}
body{background:var(--paper)}.site-header{height:86px;padding-inline:4.5vw;border-bottom:1px solid var(--line)}.monogram{font-size:32px;letter-spacing:-.045em;padding:0;white-space:nowrap}.monogram span{font-size:25px;top:0;margin:0 3px;letter-spacing:0}.site-header nav{font-size:12px;gap:26px}.site-header .nav-rsvp{font-size:12px}.site-header .nav-rsvp span{margin-left:18px}
.hero{height:calc(100svh - 86px);min-height:720px;max-height:1120px;margin:0;background:var(--paper);isolation:isolate}.hero-photo-frame{z-index:-2}.hero-photo{height:100%;width:100%;object-fit:cover;object-position:center bottom;animation:print-breath 30s ease-in-out infinite alternate;transform-origin:50% 90%;mix-blend-mode:multiply}.hero-shade{display:none}.hero-copy{color:var(--ink);text-shadow:none;text-align:left;padding:6vw 6.5vw 130px;align-items:flex-start;justify-content:flex-start;max-width:820px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin:15px 0 33px}.hero h1{font-size:clamp(85px,8vw,138px);white-space:normal;letter-spacing:-.055em;line-height:.88}.hero h1>span{display:block}.hero h1>span+span{margin-top:10px}.hero h1 em{font-size:.85em;padding-inline:0 .03em}.hero-script{font-size:clamp(28px,3vw,42px);line-height:1.25;margin-top:32px;max-width:390px}.hero-down{position:static;margin-top:32px;border-color:#31576d70;font-size:11px;gap:30px;padding-bottom:11px}.hero-bottom{color:var(--paper);left:6.5vw;right:6.5vw;bottom:25px;font-size:9px;z-index:1;text-shadow:0 1px 8px #1d425d}
.hero-couple{position:absolute;right:8vw;top:13%;width:clamp(290px,27vw,440px);margin:0;padding:13px 13px 0;background:#fbf8ef;box-shadow:7px 18px 35px #24465b23;opacity:1;transform:translateY(0);transition:opacity 1.2s .15s,transform 1.4s cubic-bezier(.16,1,.3,1) .15s}.hero-couple img{width:100%;height:auto;aspect-ratio:.87;object-fit:cover;object-position:56% center}.hero-couple figcaption{font-size:7px;letter-spacing:.12em;text-align:center;padding:18px 7px}.invitation-waiting .hero-couple{opacity:0;transform:translateY(55px)}
.invitation-gate{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;justify-content:initial;padding:35px 7vw 55px;background:transparent;backdrop-filter:none;perspective:none;z-index:3;transition:opacity .8s .45s,visibility .8s .45s}.gate-intro{align-self:start;padding-top:6vh;transition:opacity .6s,transform .9s cubic-bezier(.16,1,.3,1)}.gate-intro>.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:30px}.gate-intro h2{font-size:clamp(93px,8.5vw,148px);line-height:.87;letter-spacing:-.06em;max-width:650px}.gate-intro h2 em{font-weight:400}.gate-date{font-size:10px;line-height:2;letter-spacing:.1em;margin-top:37px}.stationery-stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.stationery-card{position:relative;display:block;padding:0;width:min(100%,570px);max-height:calc(100% - 90px);aspect-ratio:4/5;min-height:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .8s;cursor:pointer;filter:drop-shadow(4px 12px 13px #24445b12)}.stationery-card img{height:100%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.stationery-card:hover{transform:translateY(-7px)}.stationery-card:focus-visible{outline-offset:5px}.gate-actions{text-align:center;flex:none;transition:opacity .4s}.gate-actions .text-button{font-size:12px;gap:50px;padding-block:9px}.gate-actions>p{font-size:7px;letter-spacing:.15em;margin-top:14px}.invitation-gate.opening .stationery-card{transform:translateY(-80px) scale(1.07);opacity:0}.invitation-gate.opening .gate-intro{opacity:0;transform:translateY(-20px)}.invitation-gate.opening .gate-actions{opacity:0}.invitation-gate.opened{opacity:0;visibility:hidden;pointer-events:none}
.section{padding-block:90px}.eyebrow{font-size:10px}.welcome{position:relative;overflow:hidden}.welcome h2{font-size:clamp(52px,5.8vw,90px);max-width:1000px;position:relative;z-index:1}.welcome h2 em{color:#6c90a3}.welcome-bottom>p{font-size:14px;max-width:570px}.welcome-bottom{max-width:930px;position:relative;z-index:1}.couple-notes{max-width:930px;position:relative;z-index:1}.couple-notes p{font-size:13px;max-width:375px}.couple-notes article>span{font-size:9px}.coastal-oats{pointer-events:none;user-select:none;object-fit:contain;transform-origin:50% 95%;animation:oat-wind 11s ease-in-out infinite alternate}.welcome-oats{position:absolute;right:-2vw;top:30px;width:clamp(190px,23vw,380px);height:90%;opacity:.75}.sea-line{height:40px}.sea-line path{stroke:#6e96aa;stroke-width:1.5}
.story{background:#e7ece9;position:relative;border-top:1px solid var(--line)}.story-intro>p:last-child,.story-panel p{font-size:14px;line-height:1.9;max-width:430px}.story-chapters button>span{font-size:9px}.story-image{padding:13px 13px 0;background:#faf7ee;box-shadow:0 10px 25px #274b6310}.story-image>span{padding:17px 5px;font-size:8px}.story-layout{gap:7vw}.story-chapters button strong{font-size:34px}.story-chapters button[aria-selected=true]{background:#f7f2e73b}
.weekend .section-heading h2{font-size:clamp(55px,5.2vw,80px)}.day-panel>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:430px}.day-panel h3{font-size:clamp(50px,4.3vw,70px)}.event-detail{font-size:12px}.day-tabs button{font-size:13px}.day-tabs small{font-size:35px}.weekend-photo-wrap{border:1px solid #6e8e9c50;aspect-ratio:1.5}.weekend-photo-wrap #weekend-photo{object-fit:cover}.venue-print{position:absolute;inset:0;clip-path:inset(0 0 0 var(--venue-reveal,12%));pointer-events:none}.venue-print>img{height:100%;width:100%;object-fit:cover}.venue-wipe-line{position:absolute;top:0;bottom:0;left:var(--venue-reveal,12%);width:1px;background:#f9f5e8;pointer-events:none;z-index:2}.venue-wipe-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#f7f2e7;color:var(--ink);font-size:20px;border:1px solid #31576d55;box-shadow:0 3px 12px #183b4f20}.venue-art-controls{padding-top:18px}.venue-art-controls>label{font:italic 22px/1.4 var(--serif)}.venue-art-controls>div{display:flex;align-items:center;gap:15px;margin-top:14px}.venue-art-controls>div>span{font-size:7px;letter-spacing:.1em;white-space:nowrap}.venue-art-controls input[type=range]{appearance:none;-webkit-appearance:none;height:2px;background:#64849877;border:0;padding:0;width:100%;accent-color:var(--ink);cursor:ew-resize}.venue-art-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);box-shadow:0 0 0 4px var(--paper)}.venue-art-controls input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--paper);border:1px solid var(--ink)}.venue-views button{font-size:11px}.venue-credit{font-size:9px}.venue-directions,.day-panel .text-button{font-size:11px}
.travel{background:#cbdde1}.travel-intro>p:not(.eyebrow),.travel-list details p{font-size:14px}.travel-list details a{font-size:12px}.travel-list summary{font-size:30px}.around-here{background:#cbdde1}.neighborhood-picks p{font-size:13px}.neighborhood-picks a>span{font-size:9px}.neighborhood-picks a>small{font-size:10px}.weekend-kit p:not(.eyebrow){font-size:14px}.packing-list label{font-size:13px}.gallery .section-heading h2{font-size:clamp(52px,5vw,76px)}.gallery-photo>span{font-size:9px}.gallery-tools .gallery-help{font-size:10px}.gallery-tools .text-button{font-size:11px}
.party{position:relative;background:#28546b;color:#f7f2e7;border-block:1px solid #23485e;isolation:isolate}.party-heading{position:relative;z-index:1}.party-heading>p:last-child{font-size:14px;line-height:1.9;max-width:390px}.party-heading h2{font-size:clamp(58px,5.8vw,92px)}.party-oats{position:absolute;right:-5%;top:-70px;width:400px;height:650px;filter:brightness(0) invert(1);opacity:.12;z-index:-1}.party-group{padding:12px;background:#faf6ec;color:var(--ink)}.party-photo-names button{border-color:#f7f2e7;box-shadow:0 3px 12px #244b6425}.party-photo-names button[aria-pressed=true]{background:#b7d0d8;color:#23485e;border-color:#b7d0d8}.party-group-caption{font-size:8px}.party-group-caption>span{font-size:10px;opacity:.8}.person-details>.eyebrow,.person-facts span{font-size:9px}.person-details>p:not(.eyebrow){font-size:14px;line-height:1.9}.person-facts{border-color:#f7f2e747}.person-facts p{font-size:12px}.party-portrait-area{color:var(--ink)}.portrait-instruction{color:#f7f2e7;font-size:9px}.portrait-front,.portrait-back{border-color:#d3ddd7;box-shadow:6px 18px 35px #142e3f44}.party-album-controls{border-color:#f7f2e747;color:#f7f2e7}.party-album-controls button{color:#f7f2e7;border-color:#f7f2e76b}.party-album-controls button:hover{background:#f7f2e71a}.party-album-controls>span{font-size:9px}.party-drag-hint{font-size:6px}.party-finder{border-color:#f7f2e747}.party-finder>div>p:last-child{font-size:13px}.party-finder-options button{color:#f7f2e7;border-color:#f7f2e780;font-size:11px}.party-finder-options button[aria-pressed=true]{background:#f7f2e7;color:#28546b;border-color:#f7f2e7}.party-finder-options button:hover{border-color:#fff}.party-finder>.party-finder-answer{font-size:26px}.gift-note>p:not(.eyebrow){font-size:14px;max-width:500px}.questions>div>p:last-child{font-size:14px}.reply>p:not(.eyebrow){font-size:14px}.reply{background:#e5ece8}.reply h2{font-size:clamp(67px,7.7vw,118px)}
@keyframes oat-wind{from{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}
@keyframes print-breath{from{transform:scale(1.015)}to{transform:scale(1.04)}}
@media(min-width:1800px){.hero-copy{padding-left:max(6.5vw,calc((100vw - 1500px)/2));padding-top:85px}.hero-couple{right:max(8vw,calc((100vw - 1450px)/2));width:430px}.invitation-gate{padding-inline:max(7vw,calc((100vw - 1500px)/2))}.gate-intro h2{font-size:148px}.stationery-card{width:570px}.welcome-oats{right:6vw;opacity:.5}}
@media(max-width:1100px){.site-header nav{gap:16px;font-size:10px}.hero-copy{max-width:650px;padding-top:70px}.hero h1{font-size:100px}.hero-couple{width:31vw;right:5vw;top:17%}.gate-intro h2{font-size:105px}.gate-intro{padding-top:75px}.invitation-gate{padding-inline:5vw;gap:3vw}.welcome-oats{right:-9vw;opacity:.25}.welcome-bottom,.couple-notes{max-width:820px}.party-album{gap:5vw}}
@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.monogram{font-size:27px;letter-spacing:-.04em}.monogram span{font-size:22px;margin-inline:2px}.menu-toggle{font-size:10px;gap:15px}.site-header nav{top:72px}.hero{height:auto;min-height:790px;max-height:none;margin:0}.hero-photo{object-position:45% bottom;object-fit:cover;opacity:.9}.hero-copy{padding:35px 7vw 0;max-width:100%;position:relative;display:flex;min-height:0;height:auto;inset:auto;z-index:1}.hero-copy .eyebrow{font-size:7px;line-height:1.8;margin:3px 0 18px;max-width:300px}.hero h1{font-size:clamp(66px,19vw,97px);line-height:.86;white-space:normal}.hero h1>span+span{margin-top:8px}.hero-script{font-size:26px;line-height:1.15;margin-top:19px;max-width:240px}.hero-script br{display:none}.hero-down{font-size:9px;margin-top:20px;gap:15px;padding-bottom:7px}.hero-down span{font-size:15px}.hero-couple{position:relative;inset:auto;width:55%;max-width:280px;margin:30px 7vw 80px auto;padding:8px 8px 0}.hero-couple img{aspect-ratio:1.1;object-position:56% center}.hero-couple figcaption{font-size:5px;letter-spacing:.07em;padding:12px 3px}.hero-bottom{font-size:6px;left:7vw;right:7vw;bottom:20px;gap:15px}.hero-bottom span:last-child{max-width:140px}.invitation-gate{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:27px 6vw 30px;gap:12px;align-items:center;min-height:790px;background:#f7f2e7d9}.gate-intro{text-align:center;align-self:auto;padding:0}.gate-intro>.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:8px}.gate-intro h2{font-size:0;line-height:0;height:0;overflow:hidden;margin:0}.gate-intro h2:before{content:none}.gate-date{font-size:8px;margin-top:0;letter-spacing:.08em;line-height:1.8}.gate-date br{display:none}.stationery-stage{justify-content:flex-start;height:auto;align-self:center}.stationery-card{width:min(100%,360px);max-height:none;height:auto;aspect-ratio:4/5}.gate-actions{margin-top:10px}.gate-actions .text-button{font-size:11px;gap:40px;min-height:44px}.gate-actions>p{font-size:6px;letter-spacing:.13em;margin-top:7px}.invitation-gate.opening .stationery-card{transform:translateY(-40px) scale(1.05)}.section{padding-block:70px}.welcome h2{font-size:48px}.welcome-oats{width:210px;height:350px;right:-80px;top:130px;opacity:.22}.welcome-bottom>p{font-size:13px;max-width:100%;padding-right:5px}.couple-notes{gap:25px}.couple-notes p{font-size:11px}.couple-notes article>span{font-size:8px}.story-intro>p:last-child,.story-panel p{font-size:13px}.story-chapters button strong{font-size:29px}.story-image{padding:9px 9px 0}.story-image>span{font-size:6px;padding:13px 2px}.weekend .section-heading h2{font-size:51px}.day-panel>p:not(.eyebrow){font-size:13px}.event-detail{font-size:11px}.day-tabs button{font-size:11px}.day-tabs small{font-size:29px}.day-panel h3{font-size:52px}.venue-art-controls>label{font-size:20px}.venue-art-controls>div{gap:12px}.venue-views button{font-size:10px}.venue-credit{font-size:8px}.venue-wipe-line>span{width:31px;height:31px;font-size:17px}.travel-intro>p:not(.eyebrow),.travel-list details p{font-size:13px}.travel-list summary{font-size:26px}.neighborhood-picks p{font-size:12px}.neighborhood-picks a>span{font-size:8px}.weekend-kit p:not(.eyebrow){font-size:13px}.packing-list label{font-size:12px}.gallery .section-heading h2{font-size:48px}.gallery-tools .gallery-help{font-size:9px}.gallery-tools .text-button{font-size:10px}.party{padding-block:70px}.party-heading h2{font-size:53px}.party-heading>p:last-child{font-size:13px}.party-oats{width:240px;height:420px;right:-90px;top:-10px;opacity:.13}.party-group{padding:8px}.party-mobile-names button{color:#f7f2e7;border-color:#f7f2e765}.party-mobile-names [aria-pressed=true]{color:#24485f;background:#b7d0d8;border-color:#b7d0d8}.party-group-caption{font-size:6px}.party-group-caption>span{font-size:9px}.person-details>p:not(.eyebrow){font-size:13px}.person-details>.eyebrow,.person-facts span{font-size:7px}.person-facts p{font-size:11px}.portrait-instruction{font-size:7px}.party-finder>div>p:last-child{font-size:12px}.party-finder-options button{font-size:10px}.party-finder>.party-finder-answer{font-size:25px}.gift-note>p:not(.eyebrow),.questions>div>p:last-child{font-size:13px}.reply h2{font-size:62px}.party-album>.person-details{color:#f7f2e7}}
@media(max-width:380px){.hero{min-height:770px}.invitation-gate{min-height:770px;padding-top:22px;padding-bottom:28px}.stationery-card{width:min(100%,310px)}.gate-date{font-size:7px}.hero h1{font-size:68px}.hero-couple{width:57%;margin-top:27px}.hero-copy{padding-top:34px}.hero-script{font-size:24px}.hero-down{font-size:8px}.welcome h2{font-size:43px}.monogram{font-size:24px}.monogram span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.coastal-oats,.hero-photo{animation:none}.hero-couple,.stationery-card,.gate-intro,.invitation-gate,.gate-actions{transition:none}.invitation-gate.opening .stationery-card,.invitation-gate.opening .gate-intro{transform:none}}
.hero-photo-frame{inset:auto 0 0;height:55%;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}
.gate-actions .text-button{background:#f7f2e7;border:1px solid #31576d70;padding:12px 25px;box-shadow:0 3px 12px #173c4f14}.gate-actions>p{display:inline-block;background:#f7f2e7e6;padding:3px 8px;margin-top:9px}
@media(max-width:800px){.hero-photo-frame{height:52%;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}.invitation-gate{background:transparent}.gate-actions .text-button{padding:11px 25px}.gate-actions>p{display:block;width:max-content;margin:9px auto 0}}
.hero-photo-frame{height:40%}.gate-actions>p{display:none}
.hero-down{background:var(--ink);color:var(--paper);border:1px solid #f7f2e750;padding:12px 19px;width:max-content;max-width:100%;box-shadow:0 4px 10px #254e6810}.hero-down:hover{background:#24485f}
.venue-art-controls>div>button{font-size:8px;letter-spacing:.1em;white-space:nowrap;padding:10px 0;min-height:40px;border-bottom:1px solid transparent}.venue-art-controls>div>button[aria-pressed=true]{border-bottom-color:var(--ink)}
.weekend-photo-wrap:has(.venue-print:not([hidden])){cursor:ew-resize;touch-action:pan-y}.weekend-photo-wrap img{user-select:none;-webkit-user-drag:none}
@media(max-width:800px){.hero-photo-frame{height:42%}.stationery-stage{align-self:start;padding-top:22px}.hero-couple{width:72%;max-width:310px;margin-top:25px}.gate-date{max-width:270px;margin-inline:auto}.gate-date br{display:block}.gate-date{font-size:8px}.gate-intro>.eyebrow{font-size:8px}.gate-actions{margin-top:5px}.gate-actions>p{display:none}}