:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f0e8;--ink:#30372f;--muted:#5f6258;--accent:#8b513b;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif}*{box-sizing:border-box}body{flex-direction:column;min-height:100svh;margin:0;display:flex}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.masthead,.threshold{justify-content:space-between;align-items:center;gap:20px;padding:26px clamp(24px,5vw,76px);display:flex}.wordmark{letter-spacing:-1px;font:24px Georgia,serif;text-decoration:none}.masthead>span,.threshold{letter-spacing:1.5px;color:var(--muted);font-size:9px}main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 24px 45px;display:flex}.portrait{isolation:isolate;width:clamp(230px,28vw,350px);max-width:75vw;position:relative}.portrait:before{content:"";z-index:-1;aspect-ratio:1;background:#e2e6d9;border-radius:49% 51% 47% 53%;width:88%;position:absolute;top:12%;left:6%;transform:rotate(-12deg)}.portrait .spark{fill:none;stroke:#8a684b;stroke-width:1.5px;stroke-linecap:round;width:38px;height:38px;position:absolute;top:11%;right:0;transform:rotate(12deg)}.portrait>svg:not(.spark){width:100%;height:auto;transition:transform .5s;display:block;transform:rotate(-5deg)}.portrait:hover>svg:not(.spark){transform:rotate(1deg)}.signature{letter-spacing:2.5px;color:var(--muted);margin:20px 0 0;font-size:9px}h1{letter-spacing:-.06em;margin:16px 0 30px;font:clamp(54px,6vw,78px)/1 Georgia,serif}h1 em{color:#84674b;font-weight:400}.enter{border:1px solid var(--ink);background:var(--ink);min-height:58px;color:var(--paper);border-radius:50px;align-items:center;gap:45px;padding:15px 25px 15px 31px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.enter svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:22px;transition:transform .2s}.enter:hover{background:var(--paper);color:var(--ink)}.enter:hover svg{transform:translate(4px)}.threshold{border-top:1px solid #30372f18;min-height:66px;margin:0 clamp(24px,5vw,76px);padding:15px 0 22px}#motion-toggle{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:12px 0}#motion-toggle:disabled{cursor:default}[hidden]{display:none!important}.motion-off .portrait>svg,.motion-off .enter,.motion-off .enter svg{transition:none}.motion-off .portrait:hover>svg:not(.spark){transform:rotate(-5deg)}@media (width<=480px){.masthead{padding-block:22px}.masthead>span,.threshold{letter-spacing:1px;font-size:8px}main{padding-top:14px}.portrait{width:250px}.signature{margin-top:14px}h1{margin-bottom:26px}.threshold{padding-bottom:18px}}@media (height<=750px) and (width>=481px){.portrait{width:230px}main{padding-block:8px 25px}h1{margin-block:12px 22px;font-size:58px}.signature{margin-top:10px}}@media (prefers-reduced-motion:reduce){.portrait>svg,.enter,.enter svg{transition:none}.portrait:hover>svg:not(.spark){transform:rotate(-5deg)}}
