@import "https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Inter+Tight:wght@400;500;700;800&family=Manrope:wght@700;800&family=Caveat:wght@500;700&display=swap";:root[data-theme=dark]{--bg:#0c0c0b;--fg:#ece7dc;--muted:#8a867d;--accent:#dcc394;--line:#ece7dc29;--field:#1a1a18;--btn-bg:var(--fg);--btn-fg:var(--bg);--btn-hover:var(--accent);--h1-font:400 clamp(48px, 9.35vw, 112px)/.9 "Instrument Serif", Georgia, serif;--h1-second:var(--fg);--p-a:#ece7dc;--p-b:#4a4a45;--p-x:#dcc394;--note-bg:#ece7dc;--note-fg:#1a1a17;--note-muted:#77736a;--note-rule:#1a1a171f;--glow:#fff4d699;--glow-solid:#fff6dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root[data-theme=light]{--bg:#eef2f1;--fg:#111414;--muted:#6b7575;--accent:#0f4c4f;--line:#0f4c4f29;--field:#fff;--btn-bg:#0f4c4f;--btn-fg:#fff;--btn-hover:#0b3a3c;--h1-font:800 clamp(41px, 7.14vw, 88px)/.98 "Manrope", system-ui, sans-serif;--h1-second:#0f4c4f;--p-a:#fff;--p-b:#0f4c4f;--p-x:#cfb07a;--note-bg:#fff;--note-fg:#0f4c4f;--note-muted:#7d8a8a;--note-rule:#0f4c4f1a;--glow:#0f4c4f66;--glow-solid:#d7f0ee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:400 16px/1.5 Inter Tight,system-ui,sans-serif;transition:background .4s,color .4s;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{touch-action:none;-webkit-tap-highlight-color:transparent;height:100svh;position:relative;overflow:hidden}.rain{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rain--top{z-index:5}.stage.is-finale .rain.rain--top{opacity:0}@media (pointer:fine){.stage{cursor:none}.stage form,.stage form *,.note,.note *{cursor:auto}.stage button{cursor:pointer}}.content{z-index:1;text-align:center;justify-items:center;gap:22px;padding:clamp(56px,14svh,150px) 20px 0;display:grid;position:relative}.wordmark{letter-spacing:.22em;color:var(--fg);align-items:center;font:800 15px/1 Inter Tight,sans-serif;display:inline-flex}.wordmark i{background:linear-gradient(var(--p-a) 50%, var(--muted) 50%);width:7px;height:16px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;margin:0 .24em 0 .02em;display:inline-block;transform:rotate(24deg)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:-8px 0 -4px;font:600 12px/1 Inter Tight,sans-serif}h1{font:var(--h1-font);letter-spacing:-.025em}h1 span{color:var(--h1-second)}.sub{color:var(--muted);text-wrap:balance;max-width:32em;font-size:clamp(15px,1.4vw,18px)}.content:before{content:"";z-index:-1;aspect-ratio:2;background:radial-gradient(closest-side, var(--bg) 62%, transparent);opacity:0;pointer-events:none;border-radius:50%;width:min(900px,118vw);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.3,1);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.6)}.stage.is-flood .content{z-index:3}.stage.is-flood .note{z-index:4}.stage.is-flood .wl__privacy,.stage.is-flood .again{background:color-mix(in srgb, var(--bg) 90%, transparent);border-radius:16px;justify-self:center;padding:6px 14px}.stage.is-flood .content:before{opacity:1;transform:translate(-50%,-50%)scale(1)}.again{z-index:3;color:var(--muted);letter-spacing:.04em;background:0 0;border:0;margin-top:-8px;padding:6px 10px;font:500 13px Inter Tight,sans-serif;animation:.6s .8s both rise;position:relative}.again:hover{color:var(--fg)}.stage.is-finale .content,.stage.is-finale .note,.stage.is-finale .top{opacity:0;pointer-events:none;transition:opacity .6s,transform .6s;transform:translateY(-8px)}.stage.is-finale .note{transform:translateY(-26%)rotate(-2.5deg)scale(.96)}.stage.is-finale .rain{opacity:.12;filter:blur(2px);transition:opacity 1.2s,filter 1.2s}.stage.is-finale{cursor:auto}.finale{z-index:20;background:#06060500;place-items:center;transition:background 1.4s;display:grid;position:fixed;inset:0}.finale:not(.finale--start){background:#060605f5}.finale--soon{background:radial-gradient(70% 60% at 50% 46%,#15130f 0%,#070706 62%,#030303 100%)}.finale:after{content:"";z-index:3;pointer-events:none;opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");transition:opacity 2s;position:absolute;inset:0}.finale--soon:after{opacity:.09}.finale__canvas{width:100%;height:100%;position:absolute;inset:0}.finale__canvas--front{z-index:2;pointer-events:none}.finale__tag{text-align:center;letter-spacing:.32em;text-transform:uppercase;color:#e9dcc0;opacity:0;font:500 11px Inter Tight,sans-serif;transition:opacity .9s,transform .9s;position:absolute;left:0;right:0;transform:translateY(6px)}.finale--tag .finale__tag{opacity:.8;transform:none}.finale__soon{text-align:center;color:#ece7dc;opacity:0;justify-items:center;gap:18px;padding:20px;transition:opacity 1.8s,transform 1.8s;display:grid;position:relative;transform:translateY(10px)}.finale--soon .finale__soon{opacity:1;transform:none}.finale__soon .wordmark{color:#ece7dc}.finale__soon .wordmark i{background:linear-gradient(#f8efd9 50%,#86704a 50%);box-shadow:0 0 8px #d9bf8c59}.finale__soon h2{letter-spacing:-.02em;font:400 clamp(52px,9vw,120px)/1 Instrument Serif,Georgia,serif}.finale__soon h2 span{color:#d9bf8c}.finale__soon p{color:#8a867d;letter-spacing:.01em;font-size:15px}.finale__soon .finale__contact{color:#6f6b63;margin-top:-8px;font-size:13px}.finale__soon .finale__contact a{color:#bfb49f;text-underline-offset:3px}.motto{z-index:1;color:var(--muted);font:italic 400 18px/1 Instrument Serif,Georgia,serif;transition:opacity .6s;position:absolute;top:22px;left:clamp(16px,4vw,40px)}.stage.is-finale .motto{opacity:0}@media (width<=520px){.motto{font-size:16px;top:26px}}.top{z-index:4;position:absolute;top:16px;right:16px}.theme{background:var(--field);width:40px;height:40px;color:var(--fg);border:1px solid var(--line);border-radius:50%;place-items:center;transition:transform .3s;display:grid}.theme:hover{transform:rotate(20deg)}.wl{z-index:3;gap:8px;width:min(100%,420px);margin-top:6px;display:grid;position:relative}.wl__field{background:var(--field);border:1px solid var(--line);border-radius:99px;padding:5px;transition:border-color .2s;display:flex}:root[data-theme=light] .wl__field{box-shadow:0 10px 30px -12px #0f4c4f40}.wl__field:focus-within{border-color:var(--accent)}.wl input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;padding:0 16px;font:400 16px Inter Tight,sans-serif}.wl input::placeholder{color:var(--muted)}.wl input[aria-invalid=true]{color:var(--p-x)}.wl button{background:var(--btn-bg);color:var(--btn-fg);border:0;border-radius:99px;flex:none;padding:12px 20px;font:700 15px Inter Tight,sans-serif;transition:background .2s,color .2s,transform .15s}.wl button:hover{background:var(--btn-hover);color:#fff}.wl button:active{transform:scale(.97)}.wl__msg{color:var(--muted);min-height:1.4em;font-size:13px}.wl__privacy{color:var(--muted);margin-top:-4px;font-size:12px}.wl__privacy summary{cursor:pointer;opacity:.85;list-style:none}.wl__privacy summary::-webkit-details-marker{display:none}.wl__privacy summary u{text-underline-offset:2px}.wl__privacy p{opacity:.9;max-width:34em;margin:8px auto 0;line-height:1.45;animation:.25s ease-out rise}.wl__privacy a{color:inherit;text-underline-offset:2px}.wl__done{z-index:3;padding:14px 0;font-weight:500;animation:.5s ease-out rise;position:relative}.wl__done:before{content:"";background:var(--p-x);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.note{z-index:3;background:var(--note-bg);width:184px;color:var(--note-fg);border-radius:3px 3px 14px;padding:20px 15px 12px;transition:background .4s,color .4s;position:absolute;top:50%;left:clamp(16px,4vw,56px);transform:translateY(-26%)rotate(-2.5deg);box-shadow:0 1px 1px #00000014,0 18px 40px -14px #00000073}:root[data-theme=light] .note:not(.is-done){box-shadow:0 20px 44px -18px #0f4c4f59}:root[data-theme=light] .note{border:1px solid var(--note-rule)}.note:before{content:"";background:color-mix(in srgb, var(--fg) 18%, transparent);width:64px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(3deg)}.note__toggle{display:none}.note__title{margin-bottom:8px;font:700 22px/1 Caveat,cursive}.note.is-done{background:color-mix(in srgb, var(--note-bg) 88%, var(--glow-solid));box-shadow:0 0 0 1px var(--glow), 0 0 34px 4px var(--glow), 0 18px 40px -14px #00000073;animation:1.4s ease-out note-lit,2.4s ease-in-out 1.4s infinite note-pulse}@keyframes note-pulse{50%{box-shadow:0 0 0 2px var(--glow), 0 0 56px 10px var(--glow), 0 18px 40px -14px #00000073}}@keyframes note-lit{0%{transform:translateY(-26%)rotate(-2.5deg)scale(1)}25%{box-shadow:0 0 0 2px var(--glow), 0 0 70px 14px var(--glow);transform:translateY(-26%)rotate(-1deg)scale(1.08)}to{transform:translateY(-26%)rotate(-2.5deg)scale(1)}}.note.is-done .note__list li,.note.is-done .note__title{color:var(--note-fg)}:root[data-theme=light] .note.is-done .note__title{color:var(--accent)}.note__list,.note__cuts{padding:0;list-style:none}.note__list li{border-bottom:1px solid var(--note-rule);color:var(--note-muted);align-items:center;gap:8px;padding:1px 0;font:500 17px/1.25 Caveat,cursive;transition:color .3s;display:flex}.note__list li .mini{opacity:.35;transition:opacity .3s,transform .3s}.note__list li.is-kept{color:var(--note-fg)}.note__list li.is-kept .mini{opacity:1;transform:rotate(-12deg)scale(1.1)}.note__name{flex:1}.note__check{width:14px;color:var(--note-fg);font:700 17px Caveat,cursive}.note__list li.is-kept .note__check{animation:.35s cubic-bezier(.3,1.8,.5,1) tick}@keyframes tick{0%{transform:scale(0)rotate(-30deg)}}.note__cuts{gap:1px;margin-top:8px;display:grid}.note__cuts li{color:var(--note-muted);justify-content:space-between;gap:8px;font:500 15px/1.2 Caveat,cursive;animation:.3s ease-out rise;display:flex}.note__cuts s{text-decoration-thickness:2px;-webkit-text-decoration-color:var(--note-fg);text-decoration-color:var(--note-fg)}.note__cuts em{font-size:13px;font-style:normal}.note__cuts li.is-clash s{-webkit-text-decoration-color:var(--p-x);text-decoration-color:var(--p-x)}.note__cuts li.is-clash em{color:var(--p-x)}.mini{background:linear-gradient(90deg, var(--m0) 50%, var(--m1) 50%);border-radius:99px;flex:none;width:18px;height:7px;display:inline-block;box-shadow:inset 0 0 0 1px #00000024}.mini--tablet{border-radius:50%;width:10px;height:10px;margin:0 4px}.mini--oval{width:15px;height:7px;margin:0 1.5px}@media (width<=900px){.note{border-radius:3px 3px 12px;width:auto;padding:0;top:auto;bottom:16px;left:12px;transform:rotate(-2deg)}.note:before{width:54px;height:16px;top:-8px}.note.is-done{animation-name:note-lit-m,note-pulse}.stage.is-finale .note{transform:rotate(-2deg)scale(.96)}@keyframes note-lit-m{25%{transform:rotate(-1deg)scale(1.08)}}.note__toggle{color:inherit;background:0 0;border:0;padding:10px 13px 8px;font:700 18px/1 Caveat,cursive;display:block}.note__toggle b{margin-left:4px}.note__body{width:184px;padding:0 14px 12px;display:none}.note.is-open .note__body{display:block}.note.is-open .note__title{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
