@font-face{font-family:Literata;src:url('/assets/literata.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;background:#192c23;color:#f3eacb;font-family:Literata,Georgia,serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{min-height:100svh;display:grid;grid-template-rows:1fr auto;overflow-x:hidden;background:radial-gradient(ellipse at 50% 30%,#405640 0%,#253d2e 43%,#16291f 100%)}
.daylight{position:fixed;inset:-30%;pointer-events:none;opacity:.35;background:conic-gradient(from 165deg at 40% 0%,transparent 0deg,rgba(218,217,149,.12) 12deg,transparent 23deg,rgba(226,220,157,.09) 36deg,transparent 46deg);animation:breathe 18s ease-in-out infinite alternate;transform-origin:50% 0}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.15' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:160px}
main{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:64px 24px 48px;text-align:center;align-self:center}
.portrait{width:112px;height:112px;padding:5px;border:1px solid #c5c69a66;border-radius:50%;box-shadow:0 10px 40px #101f2333,0 0 0 7px #bdc89405;margin-bottom:24px}
.portrait img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
h1{font-size:clamp(62px,9vw,108px);line-height:1.06;letter-spacing:-.055em;font-weight:450;margin:0 0 27px;text-shadow:0 3px 20px #1022181f}
.stem{width:52px;height:17px;border-top:1px solid #c7c69766;position:relative}.stem span{position:absolute;width:7px;height:7px;border-radius:1px 6px 1px 6px;background:#b6c895;transform:rotate(-25deg);top:-4px;left:23px;box-shadow:0 0 0 7px #2a4131}
.announcement{font-size:clamp(23px,3vw,30px);font-weight:400;letter-spacing:.025em;margin:10px 0 15px;color:#f2e4b3}
.whisper{font:400 12px/1.5 system-ui,sans-serif;color:#bac6ab;letter-spacing:.15em;margin:0}
footer{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:22px 20px 28px;font:400 11px/1.5 system-ui,sans-serif;color:#acba9f;letter-spacing:.09em}
.dot{width:4px;height:4px;border-radius:50%;background:#b6c895;box-shadow:0 0 9px #d7e6a044}
@keyframes breathe{from{transform:rotate(-5deg);opacity:.25}to{transform:rotate(5deg);opacity:.48}}
@media(max-height:620px){main{padding:32px 20px 20px}.portrait{width:78px;height:78px;margin-bottom:18px}h1{font-size:64px;margin-bottom:20px}footer{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.daylight{animation:none}}