/* RATL addon catalogue. Content remains usable without JavaScript. */
.addon-page{--addon-paper:#e7cea0;--addon-muted:#b7aa93;--addon-red:#d64b3e;--addon-line:rgba(231,206,160,.2);margin:0;background:#090807;color:#f5f1e9;font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.addon-page *, .addon-page *::before, .addon-page *::after{box-sizing:border-box}
.addon-page main img{display:block;max-width:100%;height:auto}
.addon-page main h1,.addon-page main h2,.addon-page main h3,.addon-page main p,.addon-page main figure{margin:0}
.addon-page main h1,.addon-page main h2{font-family:"Anton",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:400;line-height:1.04;letter-spacing:-.018em}
.addon-page main h1 em,.addon-page main h2 em{font-style:normal;color:var(--addon-paper)}
.addon-page main a{color:inherit}
.addon-page main a:focus-visible{outline:3px solid var(--addon-paper);outline-offset:6px}
.addon-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(22px,5vw,72px)}
.addon-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--addon-line);background:radial-gradient(ellipse at 80% 55%,#30180f 0,transparent 57%),#100c09}
.addon-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090807 2%,rgba(9,8,7,.4)),url('/assets/img/ratl-hero-desktop.webp') center/cover;opacity:.2}
.addon-hero-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:530px;padding-block:65px}
.addon-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.6;color:var(--addon-red)}
.addon-hero .addon-kicker{color:var(--addon-paper)}
.addon-kicker>span{color:var(--addon-red);padding-inline:9px}
.addon-hero h1{font-size:clamp(52px,6.1vw,83px);margin-top:24px!important}
.addon-intro{max-width:460px;margin-top:25px!important;color:#c6b9a1;font-size:15px;line-height:1.9}
.addon-text-link{display:inline-flex;align-items:center;gap:25px;font-size:10px;font-weight:800;letter-spacing:.08em;text-decoration:none;min-height:46px}
.addon-text-link>span{color:var(--addon-paper);font-size:24px;font-weight:400;transition:transform .15s}
.addon-text-link:hover>span{transform:translate(2px,2px)}
.addon-hero .addon-text-link{margin-top:22px}
.addon-hero-art{position:relative;justify-self:end;width:100%;max-width:370px;padding:31px 35px 27px;border:1px solid rgba(231,206,160,.28);transform:rotate(4deg);background:linear-gradient(145deg,rgba(119,40,26,.28),rgba(9,8,7,.6))}
.addon-hero-art::before{content:"";position:absolute;inset:8px;border:1px solid rgba(231,206,160,.09);pointer-events:none}
.addon-stamp{display:block;width:max-content;padding-bottom:15px;border-bottom:1px solid var(--addon-line);font-family:Georgia,serif;font-size:17px;line-height:1.2;letter-spacing:.24em;color:var(--addon-paper)}
.addon-stamp small{display:block;margin-top:4px;font:7px/1.5 Arial,sans-serif;font-weight:800;letter-spacing:.16em}
.addon-hero-word{display:block;margin-block:22px 25px;font:clamp(84px,10vw,142px)/.92 "Anton",Impact,sans-serif;letter-spacing:-.025em;color:var(--addon-paper)}
.addon-art-line{display:flex;justify-content:space-between;gap:14px;padding-top:13px;border-top:1px solid var(--addon-line);font-size:7px;font-weight:800;letter-spacing:.1em;color:var(--addon-muted)}
.addon-art-line b{color:var(--addon-red)}
.addon-catalogue{scroll-margin-top:100px}
.addon-entry{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,95px);align-items:center;padding-block:clamp(65px,8vw,105px)}
.addon-entry+.addon-entry{border-top:1px solid var(--addon-line)}
.addon-entry-content{min-width:0}
.addon-entry h2{font-size:clamp(43px,4.7vw,65px);margin-top:18px!important;overflow-wrap:anywhere}
.addon-platform{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--addon-muted);margin-top:15px!important}
.addon-entry h3{margin-top:29px!important;font:italic 25px/1.3 Georgia,'Times New Roman',serif;color:var(--addon-paper)}
.addon-description{font-size:14px;line-height:1.85;color:var(--addon-muted);margin-top:16px!important;max-width:480px}
.addon-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:55px;padding:17px 22px;margin-top:28px;background:#ab3028;border:1px solid #c44638;text-decoration:none;font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.08em;transition:background .15s}
.addon-button>span{font-size:20px;font-weight:400;line-height:1}
.addon-button:hover{background:#c83b30}
.addon-link-note{font-size:10px;color:var(--addon-muted);margin-top:12px!important;line-height:1.65}
.addon-entry-visual{position:relative;min-width:0}
.addon-visual-index{position:absolute;z-index:2;top:14px;left:17px;font:15px Georgia,serif;color:var(--addon-paper)}
.addon-workshop{isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.08;padding:32px 24px 27px;background:radial-gradient(ellipse at 50% 50%,#46261d,transparent 70%),#130f0c;border-block:1px solid var(--addon-line)}
.addon-workshop::before{content:"";position:absolute;z-index:-1;inset:15% 17%;border:1px solid rgba(231,206,160,.13);border-radius:50%}
.addon-workshop::after{content:"";position:absolute;z-index:-1;inset:19% 21%;border:1px dashed rgba(231,206,160,.14);border-radius:50%}
.addon-workshop img{width:83%;max-height:350px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));transform:rotate(-5deg)}
.addon-workshop-kicker,.addon-workshop-caption{font-size:8px;font-weight:800;letter-spacing:.17em;color:var(--addon-paper);text-align:center}
.addon-workshop-kicker{margin-bottom:17px!important}
.addon-workshop-caption{margin-top:16px!important;color:var(--addon-muted)}
.addon-campaign{transform:rotate(2deg);padding:8px;background:#1b140e;border:1px solid #735635;box-shadow:0 22px 50px rgba(0,0,0,.38)}
.addon-campaign>a{position:relative;display:block;overflow:hidden;background:#130f0c}
.addon-campaign img{width:100%;aspect-ratio:1984/1280;object-fit:contain}
.addon-campaign .addon-visual-index{top:-30px;left:0;color:var(--addon-muted)}
.addon-campaign figcaption{padding:14px 7px 7px;font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--addon-muted)}
.addon-expand{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;background:#090807;border:1px solid var(--addon-line);font-size:20px;color:var(--addon-paper)}
.addon-features{display:grid;grid-template-columns:.7fr 1fr 1.2fr;gap:17px;padding:22px 0;margin:24px 0 0;list-style:none;border-block:1px solid var(--addon-line)}
.addon-features li{min-width:0}
.addon-features strong{display:block;color:var(--addon-paper);font:26px/1.2 "Anton",Impact,sans-serif;font-weight:400}
.addon-features span{display:block;margin-top:7px;color:var(--addon-muted);font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1.5}
.addon-closing{padding-block:65px;background:#1a110d;border-block:1px solid var(--addon-line)}
.addon-closing-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}
.addon-closing h2{font-size:clamp(34px,3.4vw,46px);margin-top:20px!important;line-height:1.13!important;color:var(--addon-paper)}
.addon-closing-inner>div>p:not(.addon-kicker){color:var(--addon-muted);font-size:14px;line-height:1.85;max-width:380px}
.addon-closing .addon-text-link{margin-top:18px}
@media(max-width:1000px){.addon-hero-inner{gap:40px}.addon-hero-art{padding-inline:27px}.addon-entry{gap:40px}.addon-entry h2{font-size:clamp(36px,4.8vw,54px)}.addon-entry h3{font-size:23px}.addon-closing-inner{gap:45px}.addon-features{gap:12px}.addon-workshop{aspect-ratio:auto;min-height:370px}.addon-workshop img{width:94%}}
@media(max-width:720px){.addon-hero-inner{display:block;min-height:0;padding-block:45px}.addon-hero-copy{position:relative;z-index:1}.addon-hero h1{font-size:clamp(47px,10vw,67px)}.addon-hero .addon-kicker{font-size:8px}.addon-hero-art{position:absolute;right:-40px;top:80px;width:270px;opacity:.085;transform:rotate(12deg);pointer-events:none}.addon-intro{max-width:480px}.addon-entry{grid-template-columns:1fr;gap:33px;padding-block:53px}.addon-entry-mate .addon-entry-content{grid-row:1}.addon-entry h2{font-size:clamp(40px,10.2vw,64px)}.addon-entry h3{font-size:25px}.addon-workshop{aspect-ratio:1.3;min-height:0;max-height:450px;padding-block:27px}.addon-workshop img{width:63%;max-height:300px}.addon-workshop-kicker{margin-bottom:5px!important}.addon-workshop-caption{margin-top:6px!important}.addon-campaign{margin-top:18px!important;transform:rotate(1deg)}.addon-features{max-width:460px;grid-template-columns:.7fr 1fr 1.2fr}.addon-closing{padding-block:47px}.addon-closing-inner{grid-template-columns:1fr;gap:25px}.addon-closing h2{font-size:clamp(31px,7.7vw,45px)}.addon-catalogue{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.addon-page main *{transition:none!important}}

.addon-page article[id]{scroll-margin-top:110px}
@media(max-width:600px){.addon-page article[id]{scroll-margin-top:132px}}