@layer components{[data-theme=twilight]{--font-display:"Cormorant Garamond", Lora, Georgia, serif;--font-body:"Lora", Georgia, serif;--font-sans:"Lora", Georgia, serif, ui-sans-serif, system-ui, sans-serif;--font-paperlang:paperLang, Lora}[data-theme=twilight] :is(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:inherit;letter-spacing:normal;text-wrap:normal;margin-block:0;line-height:1.3}.tw-frame{border:1px solid color-mix(in srgb, var(--color-phosphor) 20%, transparent);background-color:color-mix(in srgb, var(--color-twilight) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .45s;position:relative}.tw-frame:hover{border-color:color-mix(in srgb, var(--color-phosphor) 55%, transparent);transform:translateY(-3px);box-shadow:0 0 28px #f0a83d21,inset 0 0 24px #f0a83d0d}.tw-frame:before,.tw-frame:after{content:"";width:11px;height:11px;transition:all .45s;position:absolute}.tw-frame:before{z-index:1;border-left:1px solid var(--color-phosphor);border-top:1px solid var(--color-phosphor);top:-1px;left:-1px}.tw-frame:after{border-right:1px solid var(--color-phosphor);border-bottom:1px solid var(--color-phosphor);bottom:-1px;right:-1px}.tw-frame:hover:before,.tw-frame:hover:after{width:22px;height:22px}.tw-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.32em;color:var(--color-phosphor);text-shadow:0 0 8px #f0a83d80;font-size:.62rem;font-weight:400}.tw-rule{text-align:center;background:0 0;border:none;height:auto;margin-top:clamp(4rem,10vh,7rem);margin-bottom:clamp(4rem,10vh,7rem)}.tw-rule:before{content:"☙ ——— ✦ ——— ❧";letter-spacing:.15em;color:color-mix(in srgb, var(--color-phosphor) 45%, transparent);font-size:.78rem;font-family:var(--font-serif);line-height:1;display:block}.tw-chip{border:1px solid color-mix(in srgb, var(--color-phosphor) 20%, transparent);background-color:color-mix(in srgb, var(--color-twilight) 65%, transparent);font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-phosphor);text-shadow:0 0 6px #f0a83d8c;padding:.25rem .5rem;font-size:.58rem}@media (prefers-reduced-motion:reduce){.tw-frame,.tw-frame:before,.tw-frame:after{transition:none}}}