body{font-family:'DM Sans',sans-serif;background:#fff4df;color:#174e53;--bar-bg:#104e53;--bar-ink:#f5efd8;--dock-color:#a83757}h1,h2,h3{font-family:'Bree Serif',serif;font-weight:400}h2{font-size:clamp(34px,5vw,58px);line-height:1.15}h2 em{font-family:'Great Vibes',cursive;font-size:1.25em;font-weight:400;color:#b54463}p{line-height:1.8}.island-cover{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#b5e8dd;overflow:hidden}.island-art{position:relative;min-width:0;margin:35px 0 60px 45px}.island-art img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 10% 10%;box-shadow:18px 18px 0 #2a96943b;animation:float 7s ease-in-out infinite}.island-title{text-align:center;align-self:center;padding:50px 40px 100px;position:relative;z-index:2}.island-title h1{font-family:'Great Vibes',cursive;font-size:clamp(95px,11vw,154px);color:#b23a5d;line-height:1.1;margin:20px 0 0;text-shadow:2px 3px #fffae8}.age{font-family:'Bree Serif';font-size:24px;margin-bottom:24px}.shell-link{display:inline-flex;align-items:center;gap:13px;margin-top:28px;font-size:11px;text-decoration:none;letter-spacing:.06em}.shell-link span{display:grid;place-items:center;background:#f7cf94;color:#13736e;width:52px;height:52px;border-radius:50%;font-size:35px;box-shadow:0 6px 0 #c2a871}.wave{position:absolute;bottom:-1px;left:-5%;height:80px;width:110%;background:#fff4df;border-radius:50% 45% 0 0;animation:wave 6s ease-in-out infinite alternate}.letter{text-align:center;padding:70px 25px 85px;max-width:720px;margin:auto}.letter h2{margin:20px 0 28px}.island-date{display:flex;align-items:center;justify-content:center;gap:24px;margin:30px 0 10px}.island-date>strong{font-family:'Bree Serif';font-size:100px;line-height:1.2;color:#a5405a}.island-date>span{font-size:12px;letter-spacing:.12em;text-align:left;border-block:1px solid #a68c65;padding:12px 0;line-height:1.8}.action{background:#176c6a;color:#fff;border:0;border-radius:60px;letter-spacing:.06em;line-height:1.6}.letter .action{margin-top:25px}.ocean-scene{position:relative;min-height:500px;display:grid;place-items:center;text-align:center;color:#fff;isolation:isolate;padding:70px 24px}.ocean-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ocean-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(#06454d3b,#033e4ae8);z-index:-1}.ocean-scene>div{align-self:end;width:100%}.ocean-scene h2{font-size:clamp(29px,4vw,48px);margin:14px 0 32px}.countdown strong{font-family:'Bree Serif';color:#ffe6b4}.islands{text-align:center;max-width:900px;margin:auto;padding:85px 24px}.islands h2{margin:15px 0 24px}.island-tabs{display:flex;justify-content:center;gap:35px;margin:40px 0;position:relative}.island-tabs:before{content:'';position:absolute;top:38px;width:70%;border-top:2px dashed #559b90;z-index:-1}.island-tabs button{border:0;background:transparent;color:#296662;font-size:11px}.island-tabs span{display:grid;place-items:center;width:75px;height:75px;border-radius:46% 54% 58% 42%;background:#d3e9c6;border:3px solid #91bf9f;font-family:'Bree Serif';font-size:26px;margin-bottom:12px;transition:transform .3s}.island-tabs [aria-selected=true] span{background:#176c6a;border-color:#176c6a;color:#fff6dd;transform:rotate(-8deg) translateY(-7px);box-shadow:0 7px 0 #a7cdc0}.island-panel{max-width:560px;min-height:195px;margin:auto;padding:30px;background:#f4e2ba;border:1px solid #d9be88;border-radius:4px 35px 4px 35px;box-shadow:8px 8px 0 #e8d7ad70}.island-panel h3{font-size:27px;margin:10px 0}.island-panel p:last-child{font-size:14px}.destination{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:980px;margin:auto;padding:0 30px 85px}.portrait img{border-radius:50% 50% 8px 8px;width:100%;border:12px solid #d5b579;box-shadow:-14px 14px 0 #7fb8a73b}.destination h2{margin:18px 0}.destination .action{margin:23px 0}details{text-align:left;border-bottom:1px solid #cbb990;padding:17px 0;font-size:14px}summary{font-weight:700;cursor:pointer;line-height:1.6}details p{padding-top:13px}.confirmation{text-align:center;padding:85px 24px;background:#d6e8d7;border-radius:50% 50% 0 0 / 40px 40px 0 0}.confirmation h2{margin-top:18px;color:#9e3d58}.invitation-footer{background:#174e53;color:#fff3db}@keyframes float{50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes wave{to{transform:translateX(3%) scaleY(.75)}}@media(max-width:650px){.island-cover{display:flex;flex-direction:column;min-height:0}.island-art{margin:25px 28px 0;height:300px}.island-art img{object-position:center 35%;border-radius:45% 45% 8% 8%}.island-title{padding:28px 20px 110px}.island-title h1{font-size:100px;margin:9px 0 0}.island-title .eyebrow{font-size:8px}.age{font-size:20px;margin-bottom:13px}.island-title>p:not(.age):not(.eyebrow){font-size:14px}.shell-link{margin-top:20px}.letter{padding:45px 22px 65px}.ocean-scene{min-height:430px}.ocean-scene>img{object-position:42% center}.destination{grid-template-columns:1fr;gap:35px;padding:0 26px 65px;max-width:440px}.portrait{width:240px;margin:auto}.destination>div:last-child{text-align:center}.island-tabs{gap:16px}.island-tabs span{width:65px;height:65px}.island-tabs button{padding:0}.islands{padding:65px 20px}.island-panel{padding:24px 18px}.countdown{gap:21px}}