@layer base{article{flex-direction:column;display:flex;gap:var(--xl)}h1{font-size:2rem;color:var(--text-primary);font-weight:500;letter-spacing:-0.02em;&+p,
    &+time+p{text-wrap:balance;text-align:left;color:var(--text-secondary)}}article>section:first-of-type h1+p:has(em:only-child){padding-bottom:var(--l);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--l);em{font-style:italic;font-weight:400;color:var(--text-primary);font-size:1.1rem}}article>section:first-of-type:not(:last-of-type) p{text-align:left}section> :is(h3, h4){margin-top:var(--l)}}@layer component{.hero{text-align:center;padding:var(--xl) 0;margin-bottom:var(--l);position:relative;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:url('/mountain_background.webp') center bottom / cover no-repeat;opacity:0;z-index:0;pointer-events:none;animation:bg-fade-in 1.5s ease-out 1.2s forwards}>div{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--l);position:relative;z-index:1;&:last-child{margin-bottom:0}}img{max-width:550px;width:100%;height:auto}.hero-logo{position:static;display:inline-block;max-width:550px;width:100%}.hero-logo .hero-text{position:relative;z-index:1;animation:ink-reveal 1.2s ease-out forwards}p:has(img){margin:0;width:100%;display:flex;justify-content:center}h1{font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin:0 auto var(--m);max-width:600px}p{font-size:1rem;color:var(--text-muted);max-width:550px;margin:0 auto}}}@keyframes ink-reveal{0%{opacity:0;filter:blur(12px)}50%{opacity:0.8;filter:blur(4px)}100%{opacity:1;filter:blur(0)}}@keyframes bg-fade-in{0%{opacity:0}100%{opacity:0.10}}@media (max-width: 600px){article{padding-inline:1rem}.hero{padding:var(--l) 0}.hero h1{font-size:1.25rem}.hero p{font-size:0.9rem}.hero-logo{max-width:85%}}