@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#233e51;--muted:#637887;--paper:#f9faf8;--blue:#dcebf4;--silver:#bac7cd;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8}body.covered{overflow:hidden}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #447b9c;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05}h1{font-size:clamp(66px,7.7vw,120px);letter-spacing:-.05em;margin-bottom:25px}h2{font-size:clamp(42px,4.7vw,68px);letter-spacing:-.025em;margin-bottom:24px}h3{font-size:34px;margin-bottom:20px}i{font-weight:400}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600;display:block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);border:1px solid var(--ink);color:white;text-decoration:none;padding:17px 26px;font-size:12px;letter-spacing:.04em;transition:background .2s}.button:hover{background:#40667e}.text-link{display:inline-flex;gap:36px;align-items:center;font-size:12px;text-decoration:none;border:0;border-bottom:1px solid #a5b4bd;background:none;padding:10px 0}.section{padding:100px max(6vw,24px)}header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e5;background:var(--paper)}.monogram{font-family:var(--serif);font-size:34px;letter-spacing:-.17em;text-decoration:none;line-height:1}.monogram span{position:relative;top:8px}nav{display:flex;gap:32px;align-items:center}nav a{font-size:10px;letter-spacing:.07em;text-decoration:none}.nav-rsvp{border-bottom:1px solid #aabcc6;padding:9px 0}.hero{min-height:720px;height:calc(100svh - 84px);max-height:950px;display:grid;grid-template-columns:1fr 1.05fr;position:relative;padding:50px 6vw 60px;gap:4vw;overflow:hidden;background:linear-gradient(130deg,#f8faf8 22%,#e9f2f7)}.hero-copy{align-self:center;z-index:1}.hero-copy .eyebrow{margin-bottom:32px}.hero-line{font-family:var(--serif);font-size:24px;line-height:1.5}.fine-rule{width:58px;border-top:1px solid var(--silver);margin:24px 0}.date{font-size:10px;letter-spacing:.16em;margin:28px 0 18px}.hero-photo{position:relative;min-height:0;margin:0 12px 20px 0;z-index:1}.hero-photo:after{content:'';position:absolute;inset:16px -16px -16px 16px;border:1px solid #acbec9;z-index:-1;border-radius:46% 46% 0 0}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:52% center;border-radius:46% 46% 0 0}.photo-caption{position:absolute;bottom:-45px;right:0;font-size:8px;letter-spacing:.23em}.hero-number{font-family:var(--serif);font-size:240px;line-height:1;opacity:.045;position:absolute;left:24%;bottom:-20px}.countdown-section{text-align:center;padding:70px 20px;background:#e3eef4;border-bottom:1px solid #cfdee7}.countdown-section h2{font-size:42px;margin:16px 0 26px}.countdown{display:flex;justify-content:center;gap:25px;align-items:flex-start}.countdown strong{font-family:var(--serif);display:block;font-size:62px;font-weight:400;line-height:1.1;min-width:80px}.countdown span{display:block;font-size:9px;letter-spacing:.18em;margin-top:10px}.countdown b{font-family:var(--serif);font-size:35px;font-weight:400;color:#97aebd}.countdown-section>p{font-size:10px;margin:24px 0 0;color:var(--muted)}.message{display:grid;grid-template-columns:.9fr 1fr;gap:9vw;align-items:center}.message-image{position:relative}.message-image img{width:100%;height:660px;object-fit:cover;object-position:center;border-radius:220px 220px 0 0}.message-image>span{display:block;font-family:var(--serif);font-style:italic;font-size:32px;position:absolute;bottom:32px;background:#f9faf8eb;padding:8px 22px;right:-25px;transform:rotate(-5deg)}.message-copy .eyebrow{margin-bottom:25px}.message-copy p{font-size:12px;line-height:1.95;color:#516777}.message-copy blockquote{font-family:var(--serif);font-size:28px;font-style:italic;margin:28px 0;line-height:1.25;border-left:1px solid #a1bac9;padding-left:20px}.events{background:#eef3f5;text-align:center}.section-heading{text-align:center;max-width:740px;margin:0 auto 48px}.section-heading h2{margin-top:16px}.section-heading>p{font-size:12px;color:var(--muted)}.event-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:auto}.event-grid article{padding:10px 25px 30px}.event-grid article+article{border-left:1px solid #c6d5dd}.event-symbol{font-family:var(--serif);font-size:48px;display:block;margin-bottom:12px}.event-grid h3{font-size:35px;margin:20px 0 12px}.event-grid p{font-size:12px;color:var(--muted)}.event-grid .time{font-family:var(--serif);font-size:47px;color:var(--ink);margin-bottom:14px}.time small{font-size:22px}.calendar-link{display:inline-block;margin-top:35px;font-size:11px}.portraits{display:grid;grid-template-columns:1fr .9fr 1fr;background:#e4edf2}.portraits>img{height:520px;width:100%;object-fit:cover}.portraits>div{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 10px}.portraits p{font-family:var(--serif);font-size:38px;line-height:1.25;margin:24px 0}.portraits .eyebrow{font-size:8px}.small-star{font-size:30px}.rsvp{text-align:center;background:radial-gradient(ellipse at center,#e2eef5,#f7faf9 65%)}.rsvp h2{margin:20px 0}.rsvp>p{font-size:13px;color:var(--muted)}.rsvp-number{display:block;font-size:10px;letter-spacing:.16em;margin-top:20px}.music{display:flex;max-width:520px;margin:70px auto 0;padding-top:24px;border-top:1px solid #c2d0d9;gap:20px;align-items:center;text-align:left}.music>span{font-size:28px}.music .eyebrow{font-size:8px;letter-spacing:.12em}.music p{font-family:var(--serif);font-size:23px;margin:1px 0}.music small{font-size:16px}.music>a{margin-left:auto;font-size:10px;white-space:nowrap}.memories{background:#edf3f6}.upload-panel{max-width:1000px;margin:auto;background:#fafcfb;border:1px solid #cfdee5;display:grid;grid-template-columns:1.4fr 1fr;padding:50px;gap:60px;scroll-margin-top:24px}.upload-panel h3{font-size:38px;margin:18px 0}.upload-panel p{font-size:11px;color:var(--muted)}.file-label{display:inline-block;border-bottom:1px solid #8ca6b6;padding-bottom:6px;margin:10px 0;font-size:12px;cursor:pointer}input[type=file]{display:block;font-size:11px;max-width:100%;margin-bottom:10px}.consent{display:flex;gap:9px;font-size:10px;line-height:1.6;margin:20px 0}.consent input{flex-shrink:0;margin:4px 0 0;width:15px;height:15px;accent-color:#233e51}.moderation-note{line-height:1.7;margin:18px 0 0}.qr{display:flex;align-items:center;justify-content:center;flex-direction:column;border-left:1px solid #d6e1e7;padding-left:30px;text-align:center}.qr img{margin-bottom:25px;width:190px;height:190px}.qr .eyebrow{font-size:8px;letter-spacing:.1em}.qr a{font-size:10px;margin-top:12px}.gallery-title{display:flex;max-width:1100px;margin:65px auto 24px;justify-content:space-between;align-items:center;gap:15px}.gallery-title h3{font-size:28px;margin:0}.gallery-title>span{font-size:10px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}.gallery figure{margin:0}.gallery img{width:100%;height:300px;object-fit:cover}.gallery figcaption a{font-size:11px;display:inline-block;margin-top:8px}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed #b6cbd8;color:var(--muted);font-size:13px}.gallery-note{text-align:center;font-size:10px;color:var(--muted);margin:24px 0 0}#more{margin:20px auto;display:block}#more[hidden]{display:none}footer{text-align:center;padding:65px 20px 30px}footer .monogram{display:block;margin-bottom:30px}footer h2{font-size:43px}footer>.eyebrow{font-size:8px}.admin-link{display:block;font-size:9px;color:var(--muted);margin-top:38px}.cover{position:fixed;inset:0;z-index:10;background:#e6f0f5;display:grid;grid-template-columns:1fr 1fr;transition:opacity .7s,visibility .7s;min-height:100svh}.cover.hidden{opacity:0;visibility:hidden;pointer-events:none}.cover-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.cover-inner .crest{font-family:var(--serif);font-size:44px;border:1px solid #a5b7c4;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;margin:24px 0}.cover h1{font-size:clamp(64px,6vw,100px);margin:0 0 20px}.cover-date{font-size:10px;letter-spacing:.2em;margin-bottom:30px}.cover-inner>p{font-family:var(--serif);font-style:italic;font-size:20px;margin:20px 0 0}.cover-photo{background:linear-gradient(0deg,#233e5120,#233e5100),url('/assets/1.jpg') 52% center/cover}.admin-page{max-width:1150px;padding:60px 24px;margin:auto}.admin-page h1{font-size:54px}.admin-page input[type=password]{padding:12px;max-width:100%;width:360px;border:1px solid #afc2ce;background:white;display:block;margin:16px 0}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.admin-card{background:white;padding:16px;border:1px solid #c7d7e0}.admin-card img{height:260px;object-fit:contain}.admin-card button{margin:12px 8px 0 0;padding:10px 15px;font-size:11px;background:var(--ink);color:white;border:0}.admin-card p{font-size:11px;margin:10px 0 0}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#admin-status,#upload-status{color:var(--ink);white-space:pre-line}
@media(min-width:1500px){.hero{padding-left:12vw;padding-right:12vw}}@media(max-width:800px){header{height:70px;padding:0 24px}nav{gap:19px}nav a{font-size:9px}nav a:first-child{display:none}.hero{min-height:0;height:auto;grid-template-columns:1fr;padding:55px 28px 55px;gap:36px}.hero-copy{text-align:center}.hero-copy .eyebrow{margin-bottom:23px}.hero h1{font-size:78px}.fine-rule{margin:22px auto}.hero-line{font-size:23px}.hero .date{font-size:8px}.hero-photo{height:490px;max-width:490px;width:calc(100% - 16px);margin:0 auto 20px}.hero-number{font-size:200px;left:-30px;top:200px}.photo-caption{bottom:-38px;font-size:7px}.countdown-section{padding:55px 12px}.countdown-section h2{font-size:35px}.countdown{gap:8px}.countdown strong{font-size:46px;min-width:60px}.countdown span{font-size:8px;letter-spacing:.1em}.countdown b{font-size:28px}.section{padding:65px 24px}.message{grid-template-columns:1fr;gap:50px}.message-image{max-width:460px;margin:auto}.message-image img{height:490px}.message-image>span{right:-10px;font-size:28px}.message-copy p{font-size:13px}.event-grid{grid-template-columns:1fr}.event-grid article{padding:10px 0 30px}.event-grid article+article{border-left:0;border-top:1px solid #c6d5dd;padding-top:35px}.event-grid h3{font-size:34px}.portraits{grid-template-columns:1fr 1fr}.portraits>div{grid-column:1/-1;grid-row:1;padding:45px 20px}.portraits p{font-size:37px;margin-bottom:0}.portraits .small-star{display:none}.portraits>img{height:330px}.music{gap:12px}.music small{font-size:13px}.music .eyebrow{font-size:7px}.upload-panel{grid-template-columns:1fr;padding:28px 22px;gap:35px}.qr{border-left:0;border-top:1px solid #d6e1e7;padding:32px 0 0}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery img{height:210px}.gallery-title{align-items:flex-start;flex-direction:column}.gallery-title h3{font-size:28px}.cover{grid-template-columns:1fr}.cover-photo{display:none}.cover-inner{background:radial-gradient(ellipse at 50% 20%,#f9fcfc,#dcebf4)}.cover h1{font-size:78px}.admin-grid{grid-template-columns:1fr 1fr}.admin-page h1{font-size:44px}}@media(max-width:420px){.hero-photo{height:410px}.countdown strong{min-width:52px;font-size:42px}.countdown{gap:5px}.portraits>img{height:265px}.gallery img{height:175px}.admin-grid{grid-template-columns:1fr}.rsvp .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Comfortable touch targets, stable image sizes, and a persistent sound control. */
.music-player{width:min(100%,520px);min-height:240px;margin:22px auto 0;background:#dce8ef;border:1px solid #c2d0d9}.music-player iframe{display:block;border:0;width:100%;height:292px;min-height:200px}.music-note{max-width:500px;margin:14px auto 0!important;font-size:10px!important}.music-toggle{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;z-index:20;min-height:48px;padding:10px 18px;border:1px solid #9eb5c3;background:#f9fcfcf5;box-shadow:0 5px 22px #233e511a;border-radius:40px;color:var(--ink);font-size:11px}.music-toggle>span:first-child{font-size:21px;line-height:1}.music-toggle[aria-pressed=true]>span:first-child{color:#1a638a}footer{padding-bottom:95px}.hero-photo img{aspect-ratio:1/1.2}.message-image img{aspect-ratio:3/4}.portraits img{aspect-ratio:3/4}nav a,.music>a,.calendar-link,.qr>a,.admin-link{min-height:44px;display:inline-flex;align-items:center}.button{min-height:48px}input[type=file]{min-height:44px}.gallery{overflow-wrap:anywhere}@media(min-width:801px){.message,.events,.rsvp,.memories{padding-left:max(6vw,calc((100vw - 1250px)/2));padding-right:max(6vw,calc((100vw - 1250px)/2))}.hero-copy h1{font-size:clamp(70px,7.4vw,114px)}}@media(max-width:800px){.music-player iframe{height:240px}.music{flex-wrap:wrap}.music-toggle{right:12px;font-size:10px;gap:9px;padding:8px 15px}.cover-inner .eyebrow{font-size:9px}.cover .button{margin-bottom:30px}.cover-inner{padding-bottom:85px}}@media(max-width:360px){h1,.hero h1,.cover h1{font-size:65px}.hero{padding-left:20px;padding-right:20px}.section{padding-left:18px;padding-right:18px}.countdown strong{font-size:37px;min-width:46px}.music .eyebrow{letter-spacing:.04em}.upload-panel{padding:24px 17px}.music-player iframe{height:215px}}

.rsvp-form{max-width:560px;margin:30px auto 0}.rsvp-fields{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;text-align:left}.rsvp-fields label{font-size:11px;display:flex;flex-direction:column;gap:8px}.rsvp-fields input{min-width:0;width:100%;min-height:48px;padding:12px 14px;border:1px solid #afc2ce;background:#ffffffc9;border-radius:0;color:var(--ink);font-size:16px}.rsvp-preview{text-align:left;padding:16px 18px;border-left:2px solid #9db9ca;background:#ffffff90;margin:20px 0}.rsvp-preview>span{font-size:10px;color:var(--muted)}.rsvp-preview p{font-size:12px;line-height:1.8;white-space:pre-line;margin:6px 0 0}.rsvp-help{font-size:10px;color:var(--muted);margin:14px auto 0;max-width:360px}@media(max-width:520px){.rsvp-fields{grid-template-columns:1fr}.rsvp-form .button{width:100%}}
