:root{color-scheme:dark;--cream:#f7f4eb;--salt:#f0ebde;--gold:#cfb684;--ink:#082f37}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:var(--salt);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.masthead{min-height:130px;padding:18px 6vw;background:var(--cream);color:#17444a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;position:relative;z-index:3}.logo{display:block;width:278px;height:auto}.place,.opening{font-size:9px;letter-spacing:2.2px}.opening{text-align:right;color:#777967}.scene{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 130px);background:radial-gradient(ellipse at 73% 38%,#2b646a75 0,transparent 41%),linear-gradient(160deg,#113b42,#092e36 55%,#0b3e48)}.light{position:absolute;inset:0;background:linear-gradient(125deg,transparent 47%,#b4d0c303 49%,#b4d0c30c 54%,transparent 61%);pointer-events:none}.composition{width:min(1200px,88%);margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:25px;align-items:center;min-height:calc(100svh - 210px);padding:26px 0 30px;position:relative;z-index:2}.message{padding:20px 0 20px 4px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#d4c9ac;margin:0 0 31px;display:flex;align-items:center;gap:14px}.eyebrow span{height:1px;width:29px;background:var(--gold)}h1{font:400 clamp(56px,5.7vw,86px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0 0 29px}h1 em{color:var(--gold);font-weight:400}.intro{font-size:14px;line-height:1.95;color:#d0dcd7;margin:0;letter-spacing:.15px}.invitation{display:flex;align-items:center;gap:23px;margin-top:37px}.date-number{font:400 65px/1 Georgia,serif;letter-spacing:-2px}.invitation>div{border-left:1px solid #d3c19d4d;padding-left:24px}.month{font-size:10px;letter-spacing:2.6px;margin:0 0 10px;color:var(--gold)}.date-caption{font:italic 17px Georgia,serif;margin:0;color:#ebeadf}.site-note{font-size:11px;letter-spacing:.2px;color:#a9c0bd;margin:30px 0 0}.hourglass{width:100%;margin:0;display:flex;align-items:center;flex-direction:column;position:relative}.hourglass canvas{display:block;width:min(100%,440px);height:auto;aspect-ratio:500/620}.hourglass figcaption{font:italic 16px Georgia,serif;letter-spacing:.3px;color:#c6d2ca;margin-top:-10px}.horizon{position:absolute;top:65%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b1d3cf1a,transparent);box-shadow:0 0 35px 10px #a3cfcb07;z-index:-1}.sea{position:absolute;bottom:0;left:0;width:100%;height:42%;z-index:-1;overflow:hidden;pointer-events:none}.water{position:absolute;bottom:-15%;left:0;width:200%;height:120%;fill:#2d6b731c;stroke:#91beb418;stroke-width:1;animation:swell 24s linear infinite}.water-middle{bottom:-24%;fill:#2b6c7524;animation-duration:32s;animation-direction:reverse;opacity:.9}.water-front{bottom:-32%;fill:#19525c65;animation-duration:21s}.sea-lines{position:absolute;bottom:0;left:-10%;width:120%;height:60%;opacity:.15;background:repeating-linear-gradient(178deg,transparent 0px,transparent 24px,#a5ccbe24 25px,transparent 26px);transform:perspective(180px) rotateX(38deg);mask-image:linear-gradient(transparent,#000)}footer{position:relative;z-index:2;width:88%;max-width:1200px;margin:auto;min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d2dec019;color:#b0c2bd;font-size:8px;letter-spacing:1.6px}button{appearance:none;border:1px solid #c2d3c525;background:#103b414d;border-radius:30px;color:#c5d3cc;min-height:36px;padding:9px 14px;display:flex;align-items:center;gap:9px;font:10px Arial,sans-serif;cursor:pointer}button svg{stroke:currentColor;stroke-width:1.5;fill:none}button:hover{background:#ffffff0c;border-color:#c2d3c560}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.motion-paused .water{animation-play-state:paused}@keyframes swell{from{transform:translateX(0)}to{transform:translateX(-25%)}}@media(min-width:1600px){.composition{padding:60px 0}.hourglass canvas{width:490px}}@media(max-width:900px){.masthead{min-height:112px;padding-inline:5vw}.logo{width:235px}.opening,.place{font-size:8px;letter-spacing:1.4px}.composition{width:90%;min-height:calc(100svh - 190px);gap:0;padding:28px 0}h1{font-size:61px}.eyebrow{font-size:8px;letter-spacing:1.8px}.intro{font-size:12px}.hourglass canvas{width:100%}.hourglass figcaption{font-size:14px}footer{width:90%;letter-spacing:1px}}@media(max-width:640px){.masthead{min-height:115px;padding:19px 22px;display:flex;justify-content:center}.logo{width:245px}.opening,.place{display:none}.scene{min-height:calc(100svh - 115px)}.composition{width:100%;grid-template-columns:1fr;padding:36px 24px 30px;gap:0;min-height:0}.message{text-align:center;padding:0}.eyebrow{justify-content:center;margin-bottom:23px;font-size:8px;letter-spacing:2px}.eyebrow span{width:20px}h1{font-size:54px;line-height:1.04;letter-spacing:-1.8px;margin-bottom:22px}.intro{font-size:12px;line-height:1.85}.invitation{justify-content:center;margin-top:25px;gap:20px}.date-number{font-size:52px}.invitation>div{text-align:left;padding-left:20px}.month{font-size:9px;letter-spacing:1.8px;margin-bottom:8px}.date-caption{font-size:15px}.site-note{font-size:10px;margin-top:24px}.hourglass{margin-top:10px}.hourglass canvas{width:270px;max-width:100%;aspect-ratio:500/620}.hourglass figcaption{margin-top:-9px;font-size:13px}.horizon{top:66%}.sea{height:42%}footer{width:calc(100% - 44px);padding:20px 0;min-height:97px;flex-wrap:wrap;justify-content:center;gap:17px 25px;text-align:center}footer>span:first-child{width:100%;font-size:8px}.copyright{font-size:7px}button{font-size:9px;min-height:34px}}@media(prefers-reduced-motion:reduce){.water{animation:none}}