:root{--sky:#bfe8ff;--blue:#17689a;--deep:#0a4e7b;--ink:#12364d;--paper:#f7fcff;--line:#8ec8e8;--white:#fff;--shadow:0 18px 50px rgba(21,87,124,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,system-ui,sans-serif;background:#eef9ff;overflow-x:hidden}.progress{position:fixed;z-index:99;top:0;left:0;height:4px;background:var(--deep);width:0}.paper-texture{background-color:#bfe8ff;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.55),transparent 25%),radial-gradient(circle at 80% 60%,rgba(255,255,255,.35),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.3),transparent 48%)}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;padding:44px 18px 28px;overflow:hidden}.hero-inner{width:min(840px,100%);position:relative;z-index:2}.eyebrow{font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2c739f;margin:0 0 12px}.hero-title-row{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-wrap:nowrap}.hero h1{font-family:'Cormorant Garamond',serif;text-transform:uppercase;font-size:clamp(76px,14vw,154px);line-height:.8;margin:20px 0 0;color:#166895;font-weight:600}.hero-age-inline{display:flex;align-items:flex-end;gap:12px;padding-bottom:4px}.script{font-family:Pacifico,cursive;font-size:clamp(24px,3.8vw,42px);margin:0;color:#0d5b8e;line-height:1}.big-one{font-family:'Cormorant Garamond',serif;font-size:clamp(70px,9vw,112px);line-height:.78;color:#1b6d9d;margin:0}.date{letter-spacing:.18em;line-height:1.7;font-size:clamp(14px,2vw,20px)}.date strong{font-size:1.1em}.invite-art{width:min(310px,68vw);display:block;margin:14px auto 0;border-radius:10px;box-shadow:0 16px 38px rgba(40,105,145,.2);mix-blend-mode:multiply}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 16px}.btn{appearance:none;border:0;border-radius:999px;padding:14px 22px;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s transform,.2s box-shadow;font:inherit}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--deep);color:#fff;box-shadow:0 12px 25px rgba(10,78,123,.25)}.btn.ghost{background:rgba(255,255,255,.48);border:1px solid rgba(10,78,123,.22);color:var(--deep);backdrop-filter:blur(6px)}.btn.full{width:100%;border-radius:14px}.venue-line{font-size:13px}.scroll-hint{margin-top:20px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.hero-cloud{position:absolute;background:rgba(255,255,255,.65);filter:blur(1px);border-radius:50%;width:180px;height:70px;opacity:.8}.hero-cloud:before,.hero-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.hero-cloud:before{width:90px;height:90px;left:32px;top:-40px}.hero-cloud:after{width:100px;height:80px;right:20px;top:-30px}.c1{left:-40px;top:28%}.c2{right:-40px;top:42%;transform:scale(.7)}.c3{left:12%;bottom:8%;transform:scale(.5)}
.section{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:96px 0}.section-label{text-transform:uppercase;letter-spacing:.18em;color:#5b9ec3;font-size:11px;font-weight:700;margin-bottom:14px}.section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,7vw,78px);line-height:.95;margin:0 0 24px;color:var(--deep)}.lead{font-size:clamp(18px,2.2vw,28px);line-height:1.55;max-width:820px}.album{text-align:center}.album>p{max-width:680px;margin:0 auto 42px;line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.photo-card{background:#fff;padding:12px 12px 20px;box-shadow:var(--shadow);position:relative;transition:.25s transform}.photo-card:hover{transform:rotate(0deg) translateY(-5px)!important}.tilt-1{transform:rotate(-1.2deg)}.tilt-2{transform:rotate(.8deg)}.tilt-3{transform:rotate(-.6deg)}.tilt-4{transform:rotate(1.3deg)}.photo-card img,.photo-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;background:#d9f0fd}.photo-placeholder{display:grid;place-items:center;align-content:center;color:#5b97ba}.photo-placeholder span{font-family:'Cormorant Garamond',serif;font-size:70px}.photo-placeholder small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.caption{font-family:Pacifico,cursive;font-size:18px;padding-top:12px}.tape{position:absolute;z-index:2;width:62px;height:20px;top:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);background:rgba(187,220,239,.72)}.featured-card{overflow:visible;margin-top:18px}.featured-card>img,.featured-card>.photo-placeholder{position:relative;z-index:1}.month-badge{position:absolute;z-index:7;top:-24px;right:-20px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e7a92d;color:#fff;border:4px dashed rgba(255,255,255,.9);box-shadow:0 9px 20px rgba(82,61,31,.22);font-family:Pacifico,cursive;font-size:30px;transform:rotate(7deg)}.bear-sticker{position:absolute;z-index:5;right:-78px;top:35px;width:132px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:6px solid rgba(255,255,255,.92);box-shadow:0 16px 34px rgba(26,72,101,.22);transform:rotate(7deg);background:#bfe8ff;pointer-events:none}.bear-sticker img{width:145%;height:145%;max-width:none;object-fit:cover;object-position:49% 44%;transform:translate(-15%,-9%);display:block}.featured-card:hover .bear-sticker{transform:rotate(2deg) translateY(-3px)}.countdown-section{text-align:center}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.countdown>div{background:#fff;border:1px solid #cce9f8;border-radius:22px;padding:28px 10px;box-shadow:var(--shadow)}.countdown b{display:block;font-family:'Cormorant Garamond',serif;color:var(--deep);font-size:clamp(42px,8vw,78px);line-height:.85}.countdown span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.details{border-top:1px dashed var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{background:#fff;padding:30px;border-radius:24px;min-height:260px;box-shadow:var(--shadow);position:relative}.detail-card .num{font-family:'Cormorant Garamond',serif;font-size:54px;color:#b5daef}.detail-card h3{font-size:20px;color:var(--deep)}.detail-card p{line-height:1.7}.text-link{color:var(--deep);font-weight:700}.tiny{font-size:12px;color:#5d788a;line-height:1.6}.messages{text-align:center}.message-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.message-grid blockquote{margin:0;background:#fff;padding:28px;border-radius:20px;text-align:left;font-family:'Cormorant Garamond',serif;font-size:25px;line-height:1.35;box-shadow:var(--shadow)}.message-grid footer{font-family:Montserrat,sans-serif;font-size:12px;margin-top:14px;color:#618ca5}.center{text-align:center}.rsvp-section{padding-bottom:120px}.rsvp-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;background:linear-gradient(135deg,#a8daf4,#dff4ff);padding:44px;border-radius:34px;box-shadow:var(--shadow)}.heart{font-family:'Cormorant Garamond',serif;font-size:80px;color:#fff}.rsvp-copy p{line-height:1.7}.deadline{font-weight:700;color:var(--deep)}.rsvp-form{background:#fff;border-radius:24px;padding:28px;display:grid;gap:18px}.rsvp-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;border:1px solid #bcdced;border-radius:12px;padding:12px 13px;font:inherit;outline:none;background:#fbfeff}.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-color:#3187b9;box-shadow:0 0 0 3px rgba(49,135,185,.1)}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice input{display:none}.choice span{padding:13px;border:1px solid #bcdced;border-radius:12px;text-align:center;cursor:pointer}.choice input:checked+span{background:#dff3ff;border-color:#3387b7;color:#0a4e7b}.check{grid-template-columns:auto 1fr!important;align-items:start}.check input{width:auto;margin-top:3px}.form-status{min-height:20px;font-size:13px}.form-status.ok{color:#157a49}.form-status.err{color:#a62f2f}.footer{text-align:center;padding:38px 20px;background:#0a4e7b;color:#dff4ff;display:grid;gap:8px}.footer a{color:#85c7ed;font-size:10px;opacity:.55}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.rsvp-wrap{grid-template-columns:1fr}.message-grid{grid-template-columns:1fr}}
@media(max-width:640px){.hero{padding-top:26px}.hero-title-row{flex-direction:column;align-items:center;gap:7px}.hero-age-inline{margin-top:0;padding-bottom:0}.hero h1{font-size:clamp(72px,24vw,112px)}.script{font-size:30px}.big-one{font-size:82px}.eyebrow{font-size:11px}.invite-art{width:min(280px,82vw)}.section{padding:68px 0}.photo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.countdown{grid-template-columns:repeat(2,1fr)}.rsvp-wrap{padding:20px;border-radius:24px}.rsvp-form{padding:20px}.choice-row{grid-template-columns:1fr}.hero-actions{display:grid}.btn{width:100%}.featured-card{margin-right:20px}.bear-sticker{width:92px;right:-42px;top:40px;border-width:4px}.month-badge{width:50px;height:50px;right:-13px;top:-17px;font-size:23px;border-width:3px}}