:root{--foam:#f4f1ea;--foam-soft:#f4f1eab8;--foam-faint:#f4f1ea73;--abyss:#0a1119;--paper:#e8e2d4;--ink:#2e2a24;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--script:"Patrick Hand", "Segoe Print", cursive;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:max(1.25rem, env(safe-area-inset-left));--transition:.6s cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--sans);color:var(--foam);background-color:var(--abyss);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.ocean__backdrop,.ocean__veil{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.ocean__backdrop{z-index:-2;background-image:-webkit-image-set(url(/assets/img/ocean.webp) 1x type("image/webp"),url(/assets/img/ocean.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/img/ocean.webp" 1x type("image/webp"),"/assets/img/ocean.jpg" 1x type("image/jpeg"));background-position:50% 45%;background-size:cover;animation:48s ease-in-out infinite alternate drift}@media (max-width:48rem){.ocean__backdrop{background-image:-webkit-image-set(url(/assets/img/ocean-mobile.webp) 1x type("image/webp"),url(/assets/img/ocean.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/img/ocean-mobile.webp" 1x type("image/webp"),"/assets/img/ocean.jpg" 1x type("image/jpeg"));background-position:50% 40%}}@keyframes drift{0%{transform:scale(1.04)translate(-.6%)}to{transform:scale(1.08)translate(.6%,-1%)}}.ocean__veil{z-index:-1;background:linear-gradient(#080e168c 0%,#080e161f 32%,#080e1647 68%,#080e16bf 100%)}.page{min-height:100dvh;padding:clamp(4.5rem, 12vh, 7rem) var(--gutter) clamp(5.5rem, 14vh, 7rem);text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:max(1.75rem,min(5vh,3.25rem));display:flex;position:relative}.rise{animation:rise var(--transition) both}.rise--2{animation-delay:.14s}.rise--3{animation-delay:.28s}.rise--4{animation-delay:.42s}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}.brand{flex-direction:column;align-items:center;gap:.65rem;display:flex}.brand__link{color:inherit;flex-direction:column;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand__mark{width:max(7.5rem,min(19vw,10.5rem));height:auto;color:var(--foam);opacity:.95;transition:opacity .32s}@media (hover:hover){.brand__link:hover .brand__mark{opacity:1}}.brand__link:focus-visible .brand__mark{opacity:1}.brand__link:active .brand__mark,.brand__link.is-pressed .brand__mark{opacity:.75;transition-duration:70ms}.brand__name{font-family:var(--serif);letter-spacing:.18em;text-indent:.18em;margin:0;font-size:max(2.5rem,min(8vw,4.25rem));font-weight:300;line-height:1}.brand__tagline{font-family:var(--sans);letter-spacing:.3em;text-indent:.3em;color:var(--foam-soft);margin:0;font-size:max(.7rem,min(2.6vw,.875rem));font-weight:300}.brand--quiet .brand__mark{width:max(5.5rem,min(14vw,7.5rem))}.brand--quiet .brand__name{font-size:max(1.9rem,min(6vw,3rem))}.actions{flex-direction:column;align-items:center;gap:.9rem;width:100%;display:flex}.button{width:min(24rem,100%);min-height:3.5rem;font-family:var(--sans);letter-spacing:.04em;color:var(--foam);-webkit-backdrop-filter:blur(6px);cursor:pointer;background:#ffffff0f;border:1px solid #f4f1ea59;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.4rem;font-size:max(.9rem,min(3.4vw,1rem));font-weight:300;text-decoration:none;transition:background .32s,border-color .32s,transform .32s;display:inline-flex}@media (hover:hover){.button:hover{background:#ffffff21;border-color:#f4f1ea99;transform:translateY(-2px)}}.button:focus-visible{background:#ffffff21;border-color:#f4f1ea99}.button:active,.button.is-pressed{background:#ffffff38;border-color:#f4f1eabf;transition-duration:70ms;transform:scale(.98)}.button--primary{background:#ffffff1f}.button--sending{opacity:.6;pointer-events:none}.button__icon{opacity:.85;flex:none}.button__label{text-align:center;flex:auto}.button--script .button__label{font-family:var(--script);letter-spacing:.06em;font-size:max(1.15rem,min(4.4vw,1.4rem))}.top-bar{top:max(1rem, env(safe-area-inset-top));padding:0 var(--gutter);z-index:2;justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.link{min-height:2.75rem;color:var(--foam-soft);text-shadow:0 1px 4px #04080de6;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0 .35rem;font-size:.875rem;font-weight:300;text-decoration:none;transition:color .26s;display:inline-flex}@media (hover:hover){.link:hover{color:var(--foam)}}.link:focus-visible{color:var(--foam)}.link:active,.link.is-pressed{opacity:.55;transition-duration:70ms}.paper{width:min(42rem,100%);color:var(--ink);text-align:left;isolation:isolate;padding:max(1.75rem,min(5vw,3rem));position:relative}.paper:before{content:"";z-index:-1;background-color:var(--paper);background-image:radial-gradient(at 20% 15%,#ffffff80,#0000 55%),radial-gradient(at 85% 80%,#a0947c38,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)' opacity='0.14'/%3E%3C/svg%3E");background-clip:padding-box;border:20px solid #0000;border-image:url(/assets/img/torn-edge.webp) 60 round;position:absolute;top:-2.8px;bottom:-2.8px;left:-2.8px;right:-2.8px;box-shadow:0 1.5rem 3.5rem #0000008c,0 .25rem .75rem #0000004d}.paper__prompt{font-family:var(--script);color:var(--ink);margin:0 0 1.5rem;font-size:max(1.35rem,min(5vw,1.85rem));font-weight:500;line-height:1.3}.paper__body{font-family:var(--script);color:var(--ink);font-size:max(1.2rem,min(4.6vw,1.5rem));line-height:1.75}.paper__field{font-family:var(--script);font-size:max(1.2rem,min(4.6vw,1.5rem));line-height:1.75;display:grid}.paper__field:after{content:attr(data-value) " ";visibility:hidden}.paper__field>.paper__input,.paper__field:after{min-height:max(9rem,min(26vh,14rem));font:inherit;line-height:inherit;color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;border:0;grid-area:1/1;margin:0;padding:0}.paper__input{resize:none;-webkit-appearance:none;scrollbar-width:thin;scrollbar-color:#2e2a2466 #2e2a2414;background:0 0;outline:none;width:100%;display:block;overflow:hidden}.paper__input::-webkit-scrollbar{width:6px}.paper__input::-webkit-scrollbar-track{background:#2e2a2414;border-radius:3px}.paper__input::-webkit-scrollbar-thumb{background:#2e2a2466;border-radius:3px}.paper__field:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(to bottom, var(--paper) 12%, #e8e2d400 100%);grid-area:1/1;align-self:start;height:2.25rem;transition:opacity .22s}.paper__field[data-scrolled]:before{opacity:1}.paper__input::placeholder{color:#2e2a246b}.paper__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.paper__footer{align-items:flex-end;margin-top:1.75rem;display:flex}.paper__counter{font-family:var(--script);color:#2e2a248c;font-variant-numeric:tabular-nums;font-size:1rem}.paper__counter--limit{color:#8c3a2b}.paper__signature{font-family:var(--script);color:#2e2a2499;text-align:right;margin:2rem 0 0;font-size:max(1rem,min(3.6vw,1.15rem))}.paper__error{font-family:var(--sans);color:#8c3a2b;margin:.75rem 0 0;font-size:.875rem}.honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.alert{-webkit-backdrop-filter:blur(6px);width:min(42rem,100%);font-family:var(--sans);color:var(--foam);text-align:left;background:#ffffff17;border:1px solid #f4f1ea52;border-radius:10px;margin-bottom:max(1rem,min(3vh,1.5rem));padding:1rem 1.15rem;font-size:max(.82rem,min(3.2vw,.9rem));font-weight:300;line-height:1.65}.alert>*{margin:0}.alert>*+*{margin-top:.5rem}.alert__lead{letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--foam-soft);font-size:max(.66rem,min(2.6vw,.72rem));font-weight:400}@media (max-width:48rem){.alert{-webkit-backdrop-filter:none;background:#ffffff21}}.warning{font-family:var(--sans);color:#2e2a24bd;background:#2e2a240e;border-left:2px solid #2e2a2447;border-radius:3px;margin-top:1.5rem;padding:.95rem 1.1rem;font-size:max(.78rem,min(3vw,.84rem));font-weight:300;line-height:1.65}.warning>*{margin:0}.warning>*+*{margin-top:.55rem}.warning__lead{letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#2e2a2480;font-size:max(.64rem,min(2.5vw,.7rem));font-weight:400}.reply{border-top:1px dashed #2e2a2440;margin-top:max(1.5rem,min(4vw,2.25rem));padding-top:max(1.25rem,min(3.5vw,1.75rem))}.reply__body{font-family:var(--script);color:#2e2a24db;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:max(1.05rem,min(4.1vw,1.3rem));line-height:1.75}.reply__signature{font-family:var(--script);color:#2e2a2480;text-align:right;margin:1.25rem 0 0;font-size:max(.9rem,min(3.2vw,1.05rem))}.reply--writing{margin-top:max(1.75rem,min(4.5vw,2.5rem));padding-top:max(1.5rem,min(4vw,2rem))}.paper__body--quoted{color:#2e2a2499;font-size:max(1.05rem,min(4.1vw,1.3rem))}.button--quiet{background:0 0;border-color:#f4f1ea38}.notice{font-family:var(--sans);letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:var(--foam-soft);margin:0;font-size:max(.72rem,min(2.8vw,.8rem));font-weight:300}.note{max-width:34rem;font-family:var(--serif);color:var(--foam);margin:0;font-size:max(1.25rem,min(5vw,1.75rem));font-weight:300;line-height:1.5}.note--small{font-family:var(--sans);color:var(--foam-soft);font-size:max(.85rem,min(3.4vw,1rem));line-height:1.7}.cookies{left:var(--gutter);right:var(--gutter);bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 2.75rem);z-index:3;max-width:46rem;font-family:var(--sans);color:var(--foam-soft);background:#04080db8;border:1px solid #f4f1ea38;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin:0 auto;padding:.85rem 1.1rem;font-size:max(.72rem,min(2.8vw,.8rem));font-weight:300;line-height:1.6;animation:.42s cubic-bezier(.22,.61,.36,1) both rise;display:flex;position:fixed}.cookies[hidden]{display:none}.cookies__text{flex:18rem;margin:0}.cookies__actions{flex:none;align-items:center;gap:.75rem;display:flex}.cookies__link,.cookies__no,.cookies__ok{font-family:var(--sans);font-size:inherit;color:var(--foam);cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:300}.cookies__link{color:var(--foam-soft);border-bottom:1px solid #f4f1ea4d}.cookies__no{color:var(--foam-soft)}.cookies__ok{border:1px solid #f4f1ea59;border-radius:999px;padding:.4rem 1rem}@media (hover:hover){.cookies__link:hover{color:var(--foam);border-color:var(--foam)}.cookies__no:hover{color:var(--foam)}.cookies__ok:hover{background:#ffffff1f}}@media (max-width:36rem){.cookies{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 2.5rem);justify-content:flex-end}}.footer{bottom:max(1rem, env(safe-area-inset-bottom));padding:0 var(--gutter);color:var(--foam-faint);text-shadow:0 1px 4px #04080de6;z-index:2;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;font-weight:300;display:flex;position:fixed;left:0;right:0}.footer__start{align-items:center;gap:1rem;display:flex}.footer__divider{opacity:.5;background:currentColor;width:1px;height:.9rem}.footer a{color:inherit;text-decoration:none;transition:color .26s}@media (hover:hover){.footer a:hover{color:var(--foam)}}.footer a:active,.footer a.is-pressed{opacity:.55;transition-duration:70ms}.sound{min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:0 .35rem;transition:color .26s;display:inline-flex}@media (hover:hover){.sound:hover{color:var(--foam)}}.sound[aria-pressed=true]{color:var(--foam)}.sound:active,.sound.is-pressed{opacity:.55;transition-duration:70ms}.sound__icon--on,.sound[aria-pressed=true] .sound__icon--off{display:none}.sound[aria-pressed=true] .sound__icon--on{display:block}@media (max-width:30rem){.footer__text,.footer__divider,.sound__label{display:none}}.footer__button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .26s}@media (hover:hover){.footer__button:hover{color:var(--foam)}}.footer__button:focus-visible{color:var(--foam)}.footer__button:active,.footer__button.is-pressed{opacity:.55;transition-duration:70ms}.menu{color:var(--foam);background:0 0;border:0;padding:0}.menu[open]{justify-content:center;align-items:center;display:flex}.menu::backdrop{-webkit-backdrop-filter:blur(3px);background:#04080db3}.menu__panel{width:min(34rem, calc(100vw - 2 * var(--gutter)));text-align:left;background:#0b121bf0;border:1px solid #f4f1ea1f;border-radius:3px;max-height:min(44rem,100dvh - 3rem);padding:max(1.75rem,min(5vw,2.75rem));animation:.42s cubic-bezier(.22,.61,.36,1) both rise;position:relative;overflow-y:auto;box-shadow:0 2rem 4.5rem #0009}.menu__close{width:2.75rem;height:2.75rem;color:var(--foam-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .26s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}@media (hover:hover){.menu__close:hover{color:var(--foam)}}.menu__close:active,.menu__close.is-pressed{opacity:.55;transition-duration:70ms}.menu__title{font-family:var(--serif);letter-spacing:.14em;margin:0;font-size:1.9rem;font-weight:300}.menu__tagline{letter-spacing:.26em;color:var(--foam-soft);margin:.35rem 0 1.75rem;font-size:.7rem;font-weight:300}.menu__nav{flex-direction:column;gap:.15rem;margin-bottom:1.5rem;display:flex}.menu__nav a{color:var(--foam-soft);padding:.55rem 0;font-size:.95rem;font-weight:300;text-decoration:none;transition:color .22s}@media (hover:hover){.menu__nav a:hover{color:var(--foam)}}.menu__nav a:focus-visible{color:var(--foam)}.menu__nav a:active,.menu__nav a.is-pressed{opacity:.55;transition-duration:70ms}.menu__section{border-top:1px solid #f4f1ea1a}.menu__section>summary{letter-spacing:.22em;text-transform:uppercase;min-height:3rem;color:var(--foam-soft);cursor:pointer;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:300;list-style:none;transition:color .22s;display:flex}.menu__section>summary::-webkit-details-marker{display:none}.menu__section>summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:.5rem;height:.5rem;margin-right:.25rem;transition:transform .24s;transform:rotate(45deg)translate(-.1rem,-.1rem)}.menu__section[open]>summary{color:var(--foam)}.menu__section[open]>summary:after{transform:rotate(-135deg)}.menu__text{color:var(--foam-soft);padding-bottom:1.25rem;font-size:.9rem;font-weight:300;line-height:1.75}.menu__text p{margin:0 0 .9rem}.menu__text p:last-child{margin-bottom:0}.menu__text ul{margin:0;padding-left:1.1rem}.menu__text li{margin-bottom:.7rem}.menu__text li:last-child{margin-bottom:0}.menu__text strong{color:var(--foam);font-weight:400}.menu__text a{color:var(--foam);text-underline-offset:.2em;-webkit-text-decoration:underline #f4f1ea66;text-decoration:underline #f4f1ea66}.menu__inline-button{font:inherit;color:var(--foam);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #f4f1ea66;text-decoration:underline #f4f1ea66}@media (hover:hover){.menu__inline-button:hover{-webkit-text-decoration-color:var(--foam);text-decoration-color:var(--foam)}}.menu__credits{text-align:center;color:var(--foam-faint);border-top:1px solid #f4f1ea1a;margin:1.5rem 0 0;padding-top:1.25rem;font-size:.8rem;font-weight:300}.menu__credits a{color:var(--foam-soft);border-bottom:1px solid #f4f1ea4d;padding-bottom:1px;text-decoration:none;transition:color .22s,border-color .22s}@media (hover:hover){.menu__credits a:hover{color:var(--foam);border-color:var(--foam)}}.paper--leaving{pointer-events:none;animation:.42s cubic-bezier(.4,0,.7,1) forwards paper-leave}@keyframes paper-leave{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.55)rotate(-3deg)}}.actions--leaving{pointer-events:none;animation:.32s forwards fade-away}@keyframes fade-away{to{opacity:0}}.throw{z-index:5;color:var(--foam);pointer-events:none;margin:-39px 0 0 -17px;animation:2s linear forwards throw;position:fixed}@keyframes throw{0%{opacity:0;animation-timing-function:cubic-bezier(.15,.8,.35,1);transform:translateY(30px)rotate(-6deg)scale(.5)}14%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)rotate(-5deg)scale(1)}22%{opacity:1;animation-timing-function:cubic-bezier(.2,.9,.5,1);transform:translate(-14px,-12px)rotate(-26deg)scale(1.04)}42%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.8,.55);transform:translate(9vw,-32vh)rotate(220deg)scale(.66)}70%{opacity:.85;transform:translate(18vw,-19vh)rotate(480deg)scale(.3)}to{opacity:0;transform:translate(27vw,-3vh)rotate(760deg)scale(.06)}}@media (max-width:48rem){.paper__field:after{display:none}.button{-webkit-backdrop-filter:none;background:#ffffff1a}.button--quiet{background:#ffffff0a}.button:active,.button.is-pressed{background:#ffffff42}.paper__input{height:max(11rem,min(32vh,18rem));overflow-y:auto}.ocean__backdrop{animation:none;transform:none}}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #f4f1eacc}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ocean__backdrop{animation:none}}