.home { flex: 1; display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 520px); gap: clamp(48px, 6vw, 88px); align-content: center; justify-content: center; padding: 64px 0 80px; }
.home-art { --home-mask: url("images/global/main_transparent.png"); width: 100%; align-self: center; }
.home-art[data-art-theme="light"] { --home-mask: url("images/global/main_transparent_light.png"); }
.home-art[data-art-theme="dark"] { display: none; }
:root[data-theme="dark"] .home-art[data-art-theme="light"] { display: none; }
:root[data-theme="dark"] .home-art[data-art-theme="dark"] { display: block; }
.home-art .sleeve, .home-art.is-active .sleeve,
:root[data-theme="dark"] .home-art.is-active .sleeve { box-shadow: none; }
.home-art .sleeve::after { display: none; }
.home-art .cover-iridescence, .home-art .sheen { mask: var(--home-mask) center / contain no-repeat; -webkit-mask: var(--home-mask) center / contain no-repeat; }
.home-intro { display: flex; flex-direction: column; align-self: center; gap: 20px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; text-align: left; text-wrap: pretty; }
.home-intro p { margin: 0; }
.home-intro a { color: var(--text); text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 4px; }
.home-intro a:hover { text-decoration-color: currentColor; }
.home-social-links { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 1.8em; }
.home-social-links a { display: grid; align-items: center; justify-items: start; width: 44px; min-height: 44px; color: var(--muted); text-decoration: none; }
.home-social-links a:hover { color: var(--text); }
.home-social-links svg { width: 20px; height: 20px; fill: currentColor; stroke: none; }
@media (max-width: 1000px) {
  .home { grid-template-columns: minmax(0, 520px); gap: 48px; }
}
