.ratl-home .hero { min-height:calc(100svh - 84px); }
.ratl-home .hero-content { padding-top:60px; padding-bottom:65px; }
.site-portal { display:flex; align-items:center; gap:9px; margin-top:22px; padding:7px 0; background:none; border:0; color:#dfcca9; cursor:pointer; font:800 9px/1.5 Arial,sans-serif; letter-spacing:.14em; }
.site-portal:hover { color:#fff; }
.site-story-link { display:block; width:fit-content; margin-top:32px; padding-block:12px; border-bottom:1px solid #ab3028; color:#e7cea0; font-size:11px; font-weight:800; text-decoration:none; letter-spacing:.09em; }
.site-story-link span { margin-left:12px; }
.site-addons-intro { padding:clamp(65px,7vw,110px) var(--pad); border-top:1px solid #e7cea020; background:linear-gradient(145deg,#1c130f,#100c09 70%); }
.site-addons-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:38px; }
.site-addons-heading h2 { margin:15px 0 20px; font:400 clamp(42px,5vw,67px)/1.06 var(--display); color:#e7cea0; }
.site-addons-heading p:last-child { max-width:530px; color:#c4b395; font-size:16px; }
.site-text-link { flex-shrink:0; display:inline-flex; gap:14px; align-items:center; padding:15px 0; color:#e7cea0; font-size:11px; font-weight:800; letter-spacing:.07em; text-decoration:none; border-bottom:1px solid #ab3028; }
.site-addon-previews { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.site-addon-preview { display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:start; text-decoration:none; border-top:1px solid #e7cea035; padding:29px 0; }
.site-addon-index { font:400 34px/1 var(--display); color:#88563e; }
.site-addon-preview p { margin:0 0 10px; font:800 9px/1.5 Arial,sans-serif; letter-spacing:.12em; color:#b99b71; }
.site-addon-preview h3 { margin:0 0 12px; font:400 clamp(28px,3vw,39px)/1.13 var(--display); color:#f5f1e9; }
.site-addon-preview div>span { display:block; max-width:420px; color:#b7aa93; font-size:14px; line-height:1.75; }
.site-addon-arrow { color:#bd5942; font-size:24px; }
.site-addon-preview:hover h3,.site-addon-preview:focus-visible h3 { color:#e7cea0; }
.site-addon-preview:focus-visible,.site-story-link:focus-visible,.site-text-link:focus-visible,.site-portal:focus-visible { outline:2px solid #e7cea0; outline-offset:6px; }
@media(max-width:760px) { .site-addons-heading { display:block; } .site-text-link { margin-top:15px; } .site-addon-previews { grid-template-columns:1fr; gap:0; } .site-addons-heading h2 { font-size:clamp(35px,8vw,50px); } }
@media(max-width:600px) { .ratl-home .hero { min-height:calc(100svh - 112px); } .ratl-home .hero-content { padding-top:42px; } .site-addon-preview { gap:14px; } .site-addon-preview h3 { font-size:29px; } }

/* Publisher first: a three-line signature and room for the illustrated world. */
.ratl-home .hero { min-height:min(850px,calc(100svh - 84px)); align-items:center; }
.ratl-home .hero-content { width:min(810px,57vw); padding:clamp(54px,6vh,80px) 0; margin-left:max(var(--pad),calc((100vw - 1600px)/2)); }
.ratl-home .hero h1 { font-size:clamp(56px,5.35vw,100px); line-height:1.10; letter-spacing:-.015em; }
.ratl-home .publisher-title>span { white-space:nowrap; }
.ratl-home .publisher-title>.accent { margin-top:.14em; }
.ratl-home .hero-lead { max-width:580px; font-size:clamp(15px,1.15vw,18px); line-height:1.65; font-weight:600; margin-top:24px; }
.ratl-home .hero-buttons { margin-top:25px; gap:12px; }
.ratl-home .hero-buttons .button { min-height:50px; }
.ratl-home .eyebrow,.ratl-home .kicker { line-height:1.6; }
.ratl-home .hero-art { filter:brightness(.9) saturate(.94) contrast(1.04); }
.ratl-home .hero-vignette { background:linear-gradient(90deg,#050403df 0%,#050403ad 29%,#05040336 62%,#05040318 100%),linear-gradient(0deg,#090807 0%,#09080722 25%,#09080708 78%,#09080744 100%); }
.ratl-home .site-portal { display:inline-flex; border:1px solid #e7cea04a; padding:10px 13px; margin-top:22px; background:#09080760; }
.ratl-home .since { max-width:560px; margin-top:16px; line-height:1.8; letter-spacing:.15em; }
/* Comfortable leading throughout the original publisher sections. */
.ratl-home .section h2 { line-height:1.06; }
.ratl-home .big-rule,.ratl-home .game-card h3,.ratl-home .ethics-label,.ratl-home .ethics-strip strong,.ratl-home .brand-statement,.ratl-home .contact h2 { line-height:1.08; }
.ratl-home .game-card h3 { font-size:clamp(44px,5.8vw,78px); }
.ratl-home .site-addons-intro { padding-block:65px; }
.ratl-home .site-addons-heading h2 { font-size:clamp(35px,3.6vw,52px); }
@media(min-width:1600px) { .ratl-home .hero-content { width:810px; } }
@media(max-width:1050px) and (min-width:701px) {
 .ratl-home .hero-content { width:68vw; }
 .ratl-home .hero h1 { font-size:clamp(48px,6vw,63px); }
 .ratl-home .hero-vignette { background:linear-gradient(90deg,#050403df,#05040399 45%,#05040333),linear-gradient(0deg,#090807,transparent 55%); }
}
@media(max-width:700px) {
 .ratl-home .hero { min-height:calc(100svh - 112px); align-items:flex-end; }
 .ratl-home .hero-content { width:calc(100% - 42px); margin-left:21px; padding:190px 0 36px; }
 .ratl-home .hero h1 { font-size:clamp(32px,10.2vw,62px); line-height:1.12; letter-spacing:-.015em; }
 .ratl-home .hero-vignette { background:linear-gradient(0deg,#090807 0%,#090807e3 37%,#09080770 65%,#09080708 90%); }
 .ratl-home .hero-art { object-position:center top; }
 .ratl-home .hero-lead { font-size:14px; line-height:1.65; max-width:440px; margin-top:21px; }
 .ratl-home .hero-buttons { max-width:380px; margin-top:22px; }
 .ratl-home .eyebrow { max-width:320px; font-size:9px; letter-spacing:.16em; }
 .ratl-home .since { font-size:8px; max-width:360px; }
 .ratl-home .site-portal { margin-top:18px; }
 .ratl-home .section h2 { font-size:clamp(42px,11vw,72px); }
 .ratl-home .manifesto h2 { font-size:clamp(62px,18vw,110px); }
 .ratl-home .big-rule { font-size:clamp(31px,8vw,50px); }
 .ratl-home .brand-statement { font-size:clamp(30px,8vw,48px); }
 .ratl-home .site-addons-intro { padding-block:50px; }
}
@media(max-width:360px) { .ratl-home .hero-content { padding-top:155px; } }