:root{color-scheme:light;--ink:#163c46;--muted:#4f6869;--gold:#97712b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#7bb7d0,#d4e4d6);color:var(--ink);font:16px/1.5 Georgia,'Times New Roman',serif;min-height:100svh}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aa772e;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#fff9e9;padding:10px}.skip:focus{top:15px}.masthead{position:fixed;top:0;left:0;right:0;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.masthead a{pointer-events:auto}.brand img{width:188px;height:auto;display:block}.rallid{font:12px Arial,sans-serif;text-decoration:none;color:#163d50}.invitation{position:absolute;top:102px;left:0;right:0;text-align:center;pointer-events:none;z-index:2;text-shadow:0 2px 24px #f4f9e6b3}.invitation h1{font-weight:400;font-size:clamp(32px,3.7vw,59px);line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance;color:#163e4d}.invitation abbr{white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:#8d703a}.invitation p{font-size:15px;margin:17px 0 0;font-style:italic}.book-page{width:520px;height:650px;padding:28px 44px;color:#263f38;pointer-events:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;position:relative;margin:320px auto 110px;background:#fbf3da;box-shadow:0 20px 70px #274b552e}.scene-ready .book-page{margin:0;background:transparent;box-shadow:none}.book-page section{position:relative;height:100%;text-align:center}.page-ornament{display:block;color:var(--gold);font-size:28px;line-height:1;margin-bottom:15px}.book-page h2{font-size:45px;line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:0;text-wrap:balance}.page-copy{font-size:17px;line-height:1.5;max-width:380px;margin:17px auto 24px}.book-page form{text-align:left}label{display:block;font-size:16px;margin:15px 0 5px}input{width:100%;height:45px;background:transparent;border:0;border-bottom:1px solid #92886d;color:var(--ink);border-radius:0;padding:8px 2px;font-size:18px;font-family:Georgia,serif;box-shadow:none}input::placeholder{color:#737662;opacity:.8}.hint{font-size:12px;display:block;margin-top:5px;color:var(--muted)}.join{display:block;width:100%;margin-top:25px;border:1px solid #6c7154;background:#e3dcbe77;color:#293f36;padding:12px 10px;font-size:18px;transition:background .2s}.join:hover{background:#ded4af}.join span{margin-left:15px}.join:disabled{opacity:.65;cursor:wait}.form-note{text-align:center;font-size:12px;margin:15px 0 0;color:var(--muted)}#form-status{font-size:14px;line-height:1.4;margin:12px 0 0;text-align:center}#form-status:empty{display:none}.page-number{position:absolute;bottom:-3px;left:0;right:0;font-size:22px;color:#8c794d}.honey,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#primordial-scene{position:fixed;inset:0;overflow:hidden;pointer-events:auto}#primordial-scene>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#scene-pages{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}footer{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:22px 36px;pointer-events:none;background:linear-gradient(transparent,#e8edd74d)}footer a,footer button{pointer-events:auto}.world-controls{display:flex;align-items:center;gap:25px}footer button,footer a{font:12px Arial,sans-serif;color:#173f49;text-decoration:none}footer button{border:0;border-bottom:1px solid #748f8170;background:#f7f3deab;border-radius:0;padding:10px 12px;backdrop-filter:blur(8px)}footer button:hover{background:#fff8de}#turn-page{font-family:Georgia,serif;font-size:15px}.instagram{text-shadow:0 1px 10px white}.sound-bars{display:inline-flex;gap:2px;height:13px;align-items:center;margin-right:7px}.sound-bars i{width:2px;height:5px;background:#173f49}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}#sound[aria-pressed=true] i{animation:wave 1s ease-in-out infinite alternate}#sound[aria-pressed=true] i:nth-child(2){animation-delay:-.3s}#sound[aria-pressed=true] i:nth-child(3){animation-delay:-.7s}.legal{position:relative;max-width:720px;background:#faf3df;margin:120px auto 60px;padding:45px;color:#263f38}.legal h1{font-weight:400;font-size:44px;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.legal h2{font-size:25px;font-weight:400;margin-top:30px}.legal p{line-height:1.8}.noscript-note{text-align:center}@keyframes wave{to{height:3px}}@media(max-width:700px){.masthead{padding:19px 20px}.brand img{width:154px}.rallid{font-size:10px}.invitation{top:87px;padding:0 18px}.invitation h1{font-size:36px}.invitation p{font-size:13px;margin-top:12px}.book-page{max-width:92vw;width:520px;margin-top:260px;padding:28px 30px}.scene-ready .book-page{max-width:none;padding:28px 44px}.book-page h2{font-size:39px}footer{padding:12px 16px;gap:8px;flex-wrap:wrap;justify-content:center}.world-controls{gap:10px;justify-content:center;width:100%}footer button{font-size:11px;padding:9px}#turn-page{font-size:13px}.instagram{font-size:10px}.legal{margin:92px 18px 30px;padding:24px}.legal h1{font-size:36px}.page-copy{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.keep-together{white-space:nowrap}.paused .sound-bars i{animation:none!important}

.scene-ready .book-page label{font-size:20px}.scene-ready .book-page input{font-size:24px}.scene-ready .hint{font-size:15px}.scene-ready .page-copy{font-size:20px;margin:14px auto 18px}.scene-ready .page-ornament{font-size:22px;margin-bottom:10px}.scene-ready .join{font-size:23px;margin-top:19px}.scene-ready .form-note{font-size:15px}.scene-ready #form-status{font-size:18px}.scene-ready .page-number{bottom:-8px}

.book-page:has(#form-status:not(:empty)) .page-number{display:none}

.arrow-icon{display:inline-block;width:.85em;height:.85em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.05em;margin-left:.35em}
footer .sound-toggle{position:fixed;right:22px;bottom:22px;width:46px;height:46px;display:grid;place-items:center;background:transparent;border:0;backdrop-filter:none;padding:10px;color:#183e47;filter:drop-shadow(0 1px 3px #fff8)}
.sound-toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-toggle[aria-pressed=false] .sound-wave,.sound-toggle[aria-pressed=true] .sound-mute{display:none}
footer{padding-right:88px}.world-controls{width:auto}footer .instagram{margin-left:auto;margin-right:8px}
body.form-focused .invitation,body.form-focused .masthead,body.form-focused footer{opacity:0;pointer-events:none}body.form-focused footer button,body.form-focused footer a{pointer-events:none}.invitation,.masthead,footer{transition:opacity .25s}
@media(max-width:700px){footer{justify-content:space-between;flex-wrap:nowrap;padding:14px 76px 18px 18px}.world-controls{width:auto}footer .instagram{font-size:11px}footer .sound-toggle{right:14px;bottom:12px}.scene-ready .book-page input{font-size:27px;min-height:48px}.scene-ready .book-page .join{min-height:48px}}
footer .sound-toggle:hover,footer .sound-toggle:active{background:transparent}
@media(max-width:700px){.invitation h1{font-size:clamp(27px,7.4vw,34px)}.invitation p{font-size:12px}}
