@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root { --ink:#183b36; --sage:#37635b; --paper:#fffdf9; --cream:#f7f2e9; --terra:#d57655; --soft:#f5e3d8; --gold:#f4c56e; --muted:#607b73; --line:rgba(24,59,54,.14); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased} a{color:inherit} .wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}.hero{position:relative;overflow:hidden;padding-bottom:118px;color:var(--paper);background:radial-gradient(circle at 83% 19%,rgba(231,178,99,.25),transparent 20%),linear-gradient(128deg,#183f39,#205348)}.hero:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-75px;height:155px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:25px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.brand span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--terra);font-size:1.25rem;box-shadow:3px 3px 0 rgba(255,255,255,.17)}.nav-links{display:flex;gap:22px;font-size:.82rem;color:rgba(255,253,249,.76)}.nav-links a{text-decoration:none}.nav-links a:hover{color:#fff}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,88px);align-items:center;padding-top:75px}.eyebrow{margin:0 0 16px;color:#ffd181;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700}.eyebrow.orange{color:var(--terra)}h1,h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.06em;line-height:.88}h1{font-size:clamp(4.5rem,8vw,7.45rem)}h1 i,h2 i{color:#f1b362;font-weight:500}p.lead{max-width:370px;margin:28px 0 24px;color:rgba(255,253,249,.82);font-size:1.08rem;line-height:1.65}.date-box{display:inline-flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.09);font-size:.82rem}.date-box>span{color:#ffd181;font-size:1.2rem}.date-box div{display:grid;gap:2px}.date-box small{color:rgba(255,253,249,.64);font-size:.72rem}.text-link{display:flex;align-items:center;gap:9px;margin-top:30px;text-decoration:none;font-weight:700;font-size:.86rem}.text-link span{font-size:1.2rem}.house-photo{position:relative;width:min(100%,635px);justify-self:end;margin:0;padding:12px;background:#fff5e4;box-shadow:-17px 25px 0 rgba(10,39,34,.17),0 25px 48px rgba(8,31,28,.3);transform:rotate(2deg)}.house-photo:before{content:"";position:absolute;width:114px;height:35px;top:-18px;left:42%;background:rgba(246,224,179,.86);transform:rotate(-5deg)}.house-photo img{display:block;width:100%;height:480px;object-fit:cover;object-position:center}.house-photo figcaption{position:absolute;left:-35px;bottom:31px;display:grid;place-content:center;width:96px;height:96px;border:3px solid #ffede5;border-radius:50%;background:var(--terra);color:white;text-align:center;transform:rotate(-10deg);box-shadow:0 8px 14px rgba(10,39,34,.2)}.house-photo figcaption b{font-family:Fraunces,serif;font-size:2.05rem;line-height:.9}.house-photo figcaption small{font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.key-chip{position:absolute;top:20px;right:18px;display:flex;gap:6px;align-items:center;padding:8px 11px;border-radius:50% 48% 52% 42%;background:#ffc765;color:var(--ink);font-size:.82rem;transform:rotate(7deg)}.key-chip span{font-size:.58rem;line-height:1.05;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.countdown{padding:75px 0 106px;text-align:center}.countdown header{max-width:550px;margin:auto}.countdown h2,.guest-intro h2,.album h2,.story h2{font-size:clamp(3rem,5vw,4.6rem)}.countdown header>p:last-child{max-width:450px;margin:16px auto 0;color:var(--muted);line-height:1.65}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.timer article{position:relative;display:grid;place-content:center;min-height:166px;overflow:hidden;border:1px solid rgba(24,59,54,.08);border-radius:20px;background:var(--paper);box-shadow:0 11px 20px rgba(40,66,54,.06)}.timer article:nth-child(2){background:var(--soft);transform:translateY(14px)}.timer article:nth-child(3){background:var(--gold)}.timer article:nth-child(4){background:var(--sage);color:white;transform:translateY(14px)}.timer b{font:600 clamp(2.7rem,6vw,4rem)/.9 Fraunces,serif;letter-spacing:-.08em}.timer span{margin-top:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700}.story{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1fr);align-items:center;gap:clamp(45px,8vw,100px);padding:25px 0 112px}.couple-photo{position:relative;width:min(100%,350px);justify-self:center;margin:0}.couple-photo:before{content:"";position:absolute;z-index:-1;width:150px;height:150px;top:-26px;left:-34px;border:2px solid var(--gold);border-radius:51% 49% 50% 46%;transform:rotate(-24deg)}.couple-photo img{display:block;width:100%;aspect-ratio:.78;object-fit:cover;object-position:52% top;padding:10px;background:#fffaf1;box-shadow:14px 17px 0 var(--soft),0 13px 32px rgba(38,56,45,.16);transform:rotate(-3deg)}.couple-photo figcaption{position:absolute;right:-25px;bottom:10px;display:grid;place-content:center;width:103px;height:103px;border-radius:50%;background:var(--sage);color:white;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;line-height:1.1;transform:rotate(10deg)}.couple-photo figcaption i{font:1.35rem Fraunces,serif;text-transform:none;letter-spacing:-.04em}.story>div>p:not(.eyebrow){margin:20px 0 0;color:var(--muted);line-height:1.72;font-size:1.04rem}.address{display:flex;gap:12px;align-items:center;margin-top:29px;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 16px rgba(43,70,57,.06);font-size:1.4rem;color:var(--terra)}.address div{display:grid;gap:3px;font-size:.84rem;color:var(--ink)}.address div span{color:var(--muted);font-size:.73rem}.address em{margin-left:auto;color:#9bb3a7;font-style:normal}.guestbook{padding:100px 0;background:#f1e8db}.guest-grid{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(35px,8vw,100px);align-items:start}.guest-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.72}.message-count{display:flex;align-items:center;gap:13px;margin-top:30px}.message-count b{font:600 3.3rem/.85 Fraunces,serif;color:var(--terra);letter-spacing:-.08em}.message-count span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted);line-height:1.35}.card-form,.upload-form{display:grid;gap:8px;padding:25px;background:var(--paper);border:1px solid rgba(24,59,54,.1);border-radius:18px;box-shadow:0 14px 22px rgba(63,70,54,.07)}label{font-weight:700;font-size:.78rem}label small{font-weight:400;color:var(--muted)}input,textarea{width:100%;margin-bottom:8px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;outline:none;background:#fffefd;color:var(--ink);font:inherit;font-size:.9rem;transition:border .16s,box-shadow .16s}input:focus,textarea:focus{border-color:var(--terra);box-shadow:0 0 0 3px rgba(213,118,85,.13)}textarea{min-height:112px;resize:vertical}.card-form button,.upload-form button{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:13px 15px;border:0;border-radius:10px;background:var(--ink);color:white;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}.card-form button:hover,.upload-form button:hover{background:#24564c}.card-form button:active,.upload-form button:active{transform:scale(.98)}.form-status{min-height:1.2em;margin:1px 0 0;color:var(--terra);font-size:.76rem;font-weight:600}.messages-wrap{margin-top:58px}.messages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.message{position:relative;min-height:148px;padding:21px;border-radius:15px;background:var(--paper);box-shadow:0 8px 16px rgba(43,70,57,.06)}.message:nth-child(3n+2){background:#fff3e8}.message:nth-child(3n+3){background:#f8e4d5}.message:before{content:"“";position:absolute;right:16px;top:2px;color:rgba(213,118,85,.28);font:4.6rem/.8 Georgia,serif}.message p{position:relative;margin:0;color:#42675d;white-space:pre-wrap;line-height:1.58;font-size:.88rem}.message b{display:block;margin-top:18px;font-size:.78rem}.message time{display:block;margin-top:3px;color:#81988f;font-size:.65rem}.empty-message,.empty-album{margin:0;color:var(--muted);font-size:.9rem}.empty-message{grid-column:1/-1}.album{padding:112px 0}.album-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:40px}.album-heading>p{max-width:320px;margin:0;color:var(--muted);line-height:1.65}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty-album{grid-column:1/-1;padding:37px;border:1px dashed rgba(24,59,54,.24);border-radius:14px;text-align:center}.album-photo{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:13px;background:#d9ddd7}.album-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.album-photo:hover img{transform:scale(1.04)}.album-photo figcaption{position:absolute;right:0;bottom:0;left:0;padding:26px 12px 11px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:.78rem}.upload-panel{max-width:650px;margin:42px auto 0;border-radius:15px;background:#e9ded0}.upload-panel summary{display:flex;align-items:center;gap:10px;padding:16px 19px;color:var(--ink);font-weight:700;cursor:pointer;list-style:none}.upload-panel summary::-webkit-details-marker{display:none}.upload-panel summary>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--terra);color:white;font-size:1.25rem;font-weight:400}.upload-panel summary small{margin-left:auto;color:var(--muted);font-size:.68rem;font-weight:500}.upload-panel[open] summary{border-bottom:1px solid rgba(24,59,54,.12)}.upload-form{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.file-select{display:grid;gap:6px;margin:6px 0 3px;padding:14px;border:1px dashed rgba(24,59,54,.3);border-radius:9px;background:rgba(255,255,255,.34);cursor:pointer}.file-select input{position:absolute;width:1px;height:1px;opacity:0}.file-select span{color:var(--terra)}.file-select em{font-size:.7rem;font-style:normal;font-weight:400;color:var(--muted)}footer{padding:28px;background:var(--ink);color:rgba(255,255,255,.72);text-align:center;font-size:.76rem}footer b{margin-inline:5px;color:white;font:1rem Fraunces,serif}footer span{color:var(--terra)}
@media(max-width:760px){.wrap{width:min(100% - 32px,570px)}.nav-links{gap:14px;font-size:.7rem}.hero-grid{grid-template-columns:1fr;padding-top:60px;gap:55px}.house-photo{width:calc(100% - 15px);justify-self:center}.house-photo img{height:auto;aspect-ratio:1.07;object-fit:cover}.house-photo figcaption{width:82px;height:82px;left:-20px;bottom:22px}.house-photo figcaption b{font-size:1.8rem}.countdown{padding:68px 0 78px}.timer{grid-template-columns:repeat(2,1fr);gap:11px}.timer article{min-height:138px}.timer article:nth-child(2),.timer article:nth-child(4){transform:none}.story{grid-template-columns:1fr;gap:65px;padding-bottom:78px}.couple-photo{width:min(78%,350px)}.guestbook{padding:76px 0}.guest-grid{grid-template-columns:1fr;gap:32px}.messages{grid-template-columns:1fr}.album{padding:78px 0}.album-heading{display:grid;gap:18px}.photo-grid{grid-template-columns:repeat(2,1fr)}.key-chip{transform:scale(.82) rotate(7deg);transform-origin:top right}}
@media(max-width:400px){.nav-links{display:none}h1{font-size:4.1rem}.photo-grid{grid-template-columns:1fr}}