:root{--ink:#091719;--paper:#eee9dc;--gold:#d6b77d;--line:#d6b77d40;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:14px;display:flex;flex-direction:column;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}h1,h2,p{margin:0}em{font-weight:400;color:var(--gold)}.world{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.world>img{width:100%;height:100%;object-fit:cover;object-position:64% center;animation:breathe 35s ease-in-out infinite alternate}.shade,.mist,.embers{position:absolute;inset:0}.shade{background:linear-gradient(90deg,#061318ce 0%,#06131888 31%,#06131818 62%,transparent),linear-gradient(0deg,#061318ba,transparent 22%,transparent 79%,#0613184d)}.mist{top:65%;left:-20%;right:-20%;opacity:.2;background:radial-gradient(ellipse at 60% 75%,#9bc7b833,transparent 58%);filter:blur(24px);animation:mist 28s ease-in-out infinite alternate}.ember{position:absolute;width:2px;height:2px;border-radius:50%;background:#f6d497;box-shadow:0 0 10px 3px #d9aa6240;animation:drift var(--duration) var(--delay) linear infinite;opacity:0}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 5.1%;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:27px/1 var(--serif);letter-spacing:.16em}.brand small{display:block;font:8px var(--sans);letter-spacing:.2em;margin-top:9px;color:#d1cebe}.about-button{border:0;background:none;color:#d5dcd4;font-size:11px;padding:12px 0}.about-button span{margin-left:15px;color:var(--gold)}.invitation{flex:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 8% 36px;position:relative;animation:arrive 1.1s ease both}.eyebrow{font:500 9px/1.8 var(--sans);letter-spacing:.22em;color:var(--gold)}.eyebrow>span{font-size:21px;vertical-align:middle;margin-right:10px}h1{font:400 clamp(88px,9.2vw,145px)/.86 var(--serif);letter-spacing:-.04em;margin:27px 0 29px}h1 em{line-height:1.04}.spoken-copy{min-height:72px;max-width:360px;margin-bottom:19px;display:flex;align-items:flex-start}.spoken-copy p{font-size:14px;line-height:1.9;color:#d4dbd4;transition:opacity .25s}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;background:var(--gold);border:1px solid var(--gold);color:#14211e;min-height:54px;padding:14px 23px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:background .2s,transform .2s,box-shadow .2s}.enter>span{font-size:24px;line-height:1;font-weight:400}.enter:hover{background:#ead2a2;transform:translateY(-2px);box-shadow:0 4px 40px #d6b77d30}.free-note{font-size:9px;color:#b5c0b6;letter-spacing:.08em;margin-top:12px}.voice-button{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;border:0;padding:0;margin-top:30px}.voice-icon{border:1px solid #d6b77d70;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--gold);transition:box-shadow .3s}.voice-button:hover .voice-icon{box-shadow:0 0 25px #d6b77d33}.play-icon{width:18px;height:18px}.voice-title{font-size:11px;color:#e3dfd0;letter-spacing:.02em}.voice-button small{display:block;font-size:9px;color:#a7b6af;margin-top:5px}.voice-bars{display:none;gap:3px;align-items:center;height:18px}.voice-bars i{width:2px;height:10px;background:var(--gold);animation:wave .8s ease-in-out infinite alternate}.voice-bars i:nth-child(2){animation-delay:-.2s;height:17px}.voice-bars i:nth-child(3){animation-delay:-.5s;height:13px}.voice-bars i:nth-child(4){animation-delay:-.3s;height:7px}.voice-button[aria-pressed=true] .voice-bars{display:flex}.voice-button[aria-pressed=true] .play-icon{display:none}.voice-button[aria-pressed=true] .voice-icon{box-shadow:0 0 22px #d6b77d22}.audio-message{font-size:10px;color:var(--gold);margin-top:10px;max-width:300px}.audio-message:empty{display:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 5.1%;color:#aebdb4}.place{font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:10px}.place i{width:4px;height:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 9px #d6b77d66}.footer p{font:italic 17px var(--serif);color:#c4ccbf}.footer p span{color:var(--gold)}.footer-info{border:1px solid #b6c5b04d;background:none;width:23px;height:23px;border-radius:50%;font:italic 13px var(--serif);color:#d2d4c1;padding:0}dialog{position:fixed;border:1px solid #8d805b80;background:linear-gradient(140deg,#172a2b,#0b1719);color:var(--paper);max-width:440px;width:calc(100% - 40px);padding:44px 36px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0410129c;backdrop-filter:blur(9px)}dialog .close{position:absolute;top:10px;right:15px;padding:5px 10px;border:0;background:transparent;color:var(--gold);font:27px var(--serif)}dialog h2{font:400 47px/1.05 var(--serif);letter-spacing:-.025em;margin:18px 0 29px}dialog ol{list-style:none;padding:0;margin:0 0 30px}dialog li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}dialog li>span{font:17px var(--serif);color:var(--gold)}dialog li p{font-size:13px}dialog li small{font-size:10px;color:#a9bab1;display:block;margin-top:6px;line-height:1.7}dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#b8c6bd;margin-top:17px}dialog .enter{font-size:11px;min-height:50px}.is-narrating .mist{opacity:.45}.is-narrating h1 em{text-shadow:0 0 40px #d6b77d25}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes mist{from{transform:translateX(-3%)}to{transform:translateX(3%)}}@keyframes drift{0%{opacity:0;transform:translate(0,15px)}20%{opacity:.7}80%{opacity:.35}100%{opacity:0;transform:translate(40px,-160px)}}@keyframes wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.invitation{padding-left:calc((100vw - 1340px)/2)}}
@media(max-height:760px) and (min-width:701px){.header{padding-top:21px;padding-bottom:21px}h1{font-size:100px;margin:20px 0}.spoken-copy{min-height:61px;margin-bottom:14px}.voice-button{margin-top:23px}.invitation{padding-top:10px;padding-bottom:15px}.footer{padding-top:15px;padding-bottom:15px}}
@media(max-width:700px){.header{padding:23px 6%;gap:15px}.brand{font-size:23px;gap:10px}.brand img{width:28px;height:34px}.brand small{font-size:6px;letter-spacing:.14em;margin-top:7px}.about-button{font-size:9px;padding:8px 0}.about-button span{margin-left:5px}.world>img{object-position:68% center}.shade{background:linear-gradient(90deg,#061318b8,#06131818),linear-gradient(0deg,#061318ba,transparent 35%,#06131822 70%,#06131844)}.invitation{padding:27px 7% 30px;justify-content:center}.eyebrow{font-size:8px;letter-spacing:.14em}h1{font-size:clamp(90px,21vw,123px);margin:22px 0 25px;line-height:.85}.spoken-copy{min-height:65px;max-width:300px;margin-bottom:17px}.spoken-copy p{font-size:13px;line-height:1.9}.enter{min-height:52px;font-size:11px;gap:45px;padding:13px 21px}.free-note{font-size:8px;margin-top:12px}.voice-button{margin-top:27px}.voice-title{font-size:10px}.voice-button small{font-size:8px}.voice-icon{width:36px;height:36px}.footer{padding:19px 7%;gap:14px}.place{font-size:6px;letter-spacing:.13em;gap:6px}.footer p{font-size:13px;max-width:155px;text-align:right;line-height:1.3}.footer-info{width:20px;height:20px;flex-shrink:0}.footer p span{display:block}dialog{padding:38px 27px}dialog h2{font-size:43px}}
@media(max-height:730px) and (max-width:700px){.header{padding-top:17px;padding-bottom:17px}.invitation{padding-top:17px;padding-bottom:17px}h1{font-size:87px;margin:18px 0}.spoken-copy{min-height:58px;margin-bottom:13px}.voice-button{margin-top:21px}.footer{padding-top:14px;padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.embers{display:none}.world>img{transform:none}}
