.home-page{background:radial-gradient(ellipse at 54% 0%,#281237 0%,#16101d 35%,#0e1112 70%)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/1;min-height:300px;background:#1b082b;margin-top:12px}
.home-hero picture{position:absolute;inset:0;z-index:-2}
.home-hero img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.home-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12051e70 0%,#12051e20 44%,transparent 62%);pointer-events:none}
.home-hero-copy{position:absolute;left:5%;top:50%;transform:translateY(-50%);max-width:45%;color:#faf5ff}
.home-hero-label{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#e4cafa;margin-bottom:12px}
.home-hero h1{font-size:clamp(42px,5.5vw,88px);line-height:1.05;letter-spacing:-.055em;font-weight:350}
.home-hero-description{margin-top:20px;font-size:clamp(15px,1.45vw,22px);line-height:1.6;color:#e8d8f0}
.home-content>.portals{margin-top:12px}
.home-content .world-identity{height:116px}
.home-content .world-identity h2{font-size:clamp(36px,4vw,64px)}
.home-content .portal{height:clamp(390px,38vw,600px)}
.home-follow{margin-top:48px;padding:30px 0 34px;border-top:1px solid var(--rule)}
.home-follow h2{font-size:clamp(25px,2.6vw,38px);letter-spacing:-.03em;font-weight:300}
.home-follow .profile-links{align-items:center;gap:16px 30px;margin-top:22px}
.home-page .site-footer{margin-top:0}
@media(max-width:760px){
 .home-hero{aspect-ratio:auto;min-height:0;margin-top:8px}
 .home-hero picture{position:relative;display:block;aspect-ratio:1/1;z-index:0}
 .home-hero img{object-position:center}
 .home-hero::after{display:none}
 .home-hero-copy{position:relative;top:auto;left:auto;transform:none;max-width:none;padding:23px 22px 25px;background:linear-gradient(120deg,#29103d,#150b21)}
 .home-hero-label{font-size:12px;margin-bottom:9px}
 .home-hero h1{font-size:42px}
 .home-hero-description{font-size:15px;margin-top:12px}
 .home-content>.portals{margin-top:17px;gap:22px}
 .home-content .world-identity{height:88px}
 .home-content .world-identity h2{font-size:36px}
 .home-content .portal{height:clamp(380px,54svh,490px)}
 .home-follow{margin-top:34px;padding:25px 0 28px}
 .home-follow .profile-links{gap:14px 24px;margin-top:20px}
}