.hero{position:relative;min-height:min(78vh,680px);display:grid;align-items:center;background:#000 var(--hero) center right / cover no-repeat;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0908eb,#0a0908b3 38%,#0a090800 70%),linear-gradient(0deg,var(--bg) 0%,transparent 25%);z-index:-1}.hero-in{padding-block:5rem;display:flex;flex-direction:column;gap:1.25rem}.hero-kicker{color:var(--accent)}.hero-title{font-size:var(--fs-2xl);text-transform:uppercase;max-width:14ch;letter-spacing:.02em}.hero-text{max-width:46ch;color:var(--muted);font-size:var(--fs-md)}@media(max-width:700px){.hero{background-image:var(--hero-sm);background-position:70% center}.hero:before{background:linear-gradient(0deg,var(--bg) 0%,rgb(10 9 8 / .75) 45%,rgb(10 9 8 / .4) 100%)}}.usps{border-block:1px solid var(--line);background:var(--bg-2)}.usp-grid{display:grid;grid-template-columns:repeat(4,1fr)}.usp{display:flex;gap:.9rem;align-items:center;padding:1.25rem 1rem;border-left:1px solid var(--line);font-size:var(--fs-sm)}.usp:first-child{border-left:0}.usp b{display:block;font-stretch:112%;text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs)}.usp span:not(.usp-icon){color:var(--muted);font-size:var(--fs-xs)}.usp-icon{color:var(--accent);width:26px;flex:none;display:grid}@media(max-width:900px){.usp-grid{grid-template-columns:1fr 1fr}.usp:nth-child(3){border-left:0}.usp{border-top:1px solid var(--line)}}@media(max-width:480px){.usp-grid{grid-template-columns:1fr}.usp{border-left:0}}.cat-grid{display:grid;grid-template-columns:repeat(var(--n, 2),1fr);gap:clamp(.75rem,2vw,1.5rem)}.cat-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:300px;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--line);border-radius:var(--radius);background:#000 var(--bg) center / cover;overflow:hidden;isolation:isolate}.cat-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0908e6,#0a090833);z-index:-1;transition:opacity .2s}.cat-tile:hover{border-color:var(--accent);color:inherit}.cat-name{font-size:var(--fs-xl);text-transform:uppercase}.cat-subs{color:var(--muted);font-size:var(--fs-sm)}.cat-cta{color:var(--accent-hi);font-weight:600;font-size:var(--fs-sm);margin-top:.5rem}@media(max-width:640px){.cat-grid{grid-template-columns:1fr}.cat-tile{min-height:220px}}.worlds-section{background:var(--bg-2);border-block:1px solid var(--line)}.world-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:clamp(.75rem,1.5vw,1.25rem)}.world-tile{position:relative;grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#000 var(--bg) center / cover;isolation:isolate;overflow:hidden}.world-tile.w0,.world-tile.w1{grid-column:span 3;grid-row:span 1}.world-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0908d9,#0a09080d 70%);z-index:-1}.world-tile:hover{border-color:var(--accent);color:inherit}.world-name{font-size:var(--fs-lg);text-transform:uppercase}@media(max-width:800px){.world-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.world-tile,.world-tile.w0,.world-tile.w1{grid-column:span 1}.world-tile.w0{grid-column:span 2}}.story{background:#000 var(--bg) center / cover;border-block:1px solid var(--line)}.story-in{max-width:760px;text-align:center;padding-block:clamp(3rem,7vw,6rem);display:flex;flex-direction:column;gap:1.25rem;align-items:center}.story-in .rune-rule{width:min(320px,80%);font-size:1.6rem}.story-in p{color:var(--muted);font-size:var(--fs-md)}.story-link{color:var(--accent-hi);font-weight:600}.size-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.size-sample{display:grid;gap:.6rem}.size-sample span{display:flex;justify-content:space-between;padding:.6rem .9rem;border:1px solid var(--line-2);border-radius:var(--radius);color:var(--muted)}.size-sample b{color:var(--text)}@media(max-width:720px){.size-teaser{grid-template-columns:1fr}}