@layer components{.site-off{justify-content:center;align-items:center;gap:var(--space-4);min-height:calc(100dvh - var(--space-6)*2);text-align:center;flex-direction:column;display:flex;position:relative}.site-off__title{max-width:100%}.site-off__hint{max-width:32rem}.site-off__mascot{width:clamp(5.5rem,3rem + 6vw,9rem);transform:rotate(-4deg)}@media (min-width:56rem){.site-off{gap:var(--space-6);min-height:calc(100dvh - var(--space-7)*2)}}}