@font-face{font-family:'Anthr Serif';src:url('assets/serif.ttf') format('truetype');font-display:swap;font-weight:400}
*{box-sizing:border-box}:root{color-scheme:dark;background:#090c10;color:#e6c98e}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#090c10}
.world{position:relative;display:grid;place-items:center;width:100%;height:100vh;height:100svh;isolation:isolate;overflow:hidden;opacity:0;transition:opacity 1.6s ease}.ready .world{opacity:1}
.surround{position:absolute;z-index:-1;inset:-8%;background-position:center;background-size:cover;filter:blur(30px) brightness(.22) saturate(.7);transform:scale(1.08);opacity:.75}
.stage{position:relative;width:100vw;max-width:150vh;max-width:150svh;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#14171a}
.painting,#living-painting{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.painting{animation:paint-breath 22s ease-in-out infinite alternate;transform-origin:50% 64%}#living-painting{opacity:0;transition:opacity 1.5s ease}.animated #living-painting{opacity:1}.animated .painting{animation:none}
.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(4,7,12,.07) 78%,rgba(4,7,12,.65) 100%);opacity:0;transition:opacity 3.5s ease}.revealed .shade{opacity:1}
.name{position:absolute;left:0;right:0;bottom:2.4%;margin:0;text-align:center;font-family:'Anthr Serif','Palatino Linotype',Georgia,serif;font-size:clamp(31px,6.5vw,100px);font-weight:400;line-height:1.1;letter-spacing:.035em;color:#e7c991;text-shadow:0 2px 16px #04070c,0 0 32px #0c0b07;opacity:0;transform:translateY(12px);filter:blur(7px);transition:opacity 3.8s ease,transform 4.8s cubic-bezier(.2,.65,.25,1),filter 3.5s ease;pointer-events:none}.dot{color:#c89854}.revealed .name{opacity:1;transform:translateY(0);filter:blur(0)}
@keyframes paint-breath{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-aspect-ratio:3/2){.stage{width:100vw}.name{font-size:clamp(30px,7vw,80px)}}
@media(prefers-reduced-motion:reduce){.world,.name,.shade,#living-painting{transition:none}.painting{animation:none}#living-painting{display:none}.name{transform:none;filter:none}}