@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root{--ink:#202423;--muted:#626b67;--paper:#f4f1e9;--panel:#fffdf8;--dark:#17201c;--dark-2:#22312a;--green:#315847;--teal:#347a80;--orange:#c9672d;--gold:#d7a748;--line:#c9c7bd;--shadow:0 18px 42px #1420191c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",Segoe UI,sans-serif;font-size:17px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#111;padding:.6rem 1rem}.skip-link:focus{top:1rem}
.site-header{background:#fff}.site-nav{position:relative;z-index:20;display:flex;align-items:center;gap:1.5rem;min-height:64px;padding:.6rem clamp(1rem,4vw,4rem);background:var(--dark);color:#f6f0df;border-bottom:3px solid var(--orange)}.wordmark{display:flex;align-items:baseline;gap:.65rem;text-decoration:none}.wordmark span{font:700 1.55rem/1 Rajdhani,sans-serif;letter-spacing:.13em;color:var(--gold)}.wordmark small{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#b7c2bb}.site-links{display:flex;align-items:center;gap:.2rem;margin-left:auto}.site-links a{padding:.5rem .72rem;text-decoration:none;font:600 .84rem Rajdhani,sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:3px}.site-links a:hover,.site-links a:focus-visible{background:#34433b}.site-links .tools-link{background:var(--orange);color:#fff}.site-links .tools-link:hover{background:#df7a3f}.menu-button{display:none;margin-left:auto;background:#2e3e36;color:#fff;border:1px solid #637269;border-radius:4px;padding:.45rem .7rem;font:600 .85rem Rajdhani,sans-serif;text-transform:uppercase}
.brand-banner{display:grid;place-items:center;overflow:hidden;background:#fff;border-bottom:1px solid #b9bbb5}.brand-banner img{width:min(960px,100%);height:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.55fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,7vw,8rem);background:radial-gradient(circle at 75% 22%,#3d574a 0 1px,transparent 2px),linear-gradient(135deg,#17201c 0%,#213b30 65%,#17201c 100%);background-size:30px 30px,auto;color:#f5f1e7}.eyebrow{margin-bottom:.55rem;color:var(--orange);font:700 .78rem Rajdhani,sans-serif;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:900px;margin-bottom:1.25rem;font:700 clamp(2.9rem,6.8vw,6.5rem)/.88 Rajdhani,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.hero h1 span{color:var(--gold)}.lead{max-width:800px;color:#d4ddd7;font-size:clamp(1.1rem,1.8vw,1.35rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.button{display:inline-block;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:3px;text-decoration:none;font:700 .9rem Rajdhani,sans-serif;letter-spacing:.07em;text-transform:uppercase}.button.primary{background:var(--orange);color:#fff}.button.primary:hover{background:#df7a3f}.button.secondary{border-color:#819087;color:#fff}.button.secondary:hover{background:#ffffff12}.hero-note{padding:1.5rem;border-top:4px solid var(--teal);background:#101713b8;box-shadow:0 18px 45px #0004}.hero-note strong{display:block;margin-bottom:.5rem;font:700 1.35rem Rajdhani,sans-serif;text-transform:uppercase;color:#fff}.hero-note p{margin:0;color:#bac6bf}
.section{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,7vw,8rem)}.section-heading{max-width:850px;margin-bottom:3rem}.section-heading h2,.mods-copy h2,.tools-callout h2{margin-bottom:1rem;font:700 clamp(2rem,4vw,3.7rem)/1 Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.section-heading>p:last-child{color:var(--muted);font-size:1.1rem}.section-heading.compact{margin-bottom:2rem}.two-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,6vw,6rem)}.prose{font-size:1.1rem}.prose p:last-child{margin-bottom:0}blockquote{align-self:center;margin:0;padding:1.5rem 0 1.5rem 1.6rem;border-left:5px solid var(--orange);color:#34413b;font:600 clamp(1.25rem,2.2vw,1.75rem)/1.35 Rajdhani,sans-serif}blockquote p{margin:0}
.dark-section{background:var(--dark);color:#f2eee4}.dark-section .section-heading>p:last-child{color:#b9c3bd}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #526158;border-left:1px solid #526158}.feature-grid article{min-height:240px;padding:1.6rem;border-right:1px solid #526158;border-bottom:1px solid #526158;background:#ffffff03}.feature-grid h3{font:700 1.25rem Rajdhani,sans-serif;text-transform:uppercase}.feature-grid p{color:#bec8c1}.feature-number{display:block;margin-bottom:2.2rem;color:var(--orange);font:700 1rem Rajdhani,sans-serif;letter-spacing:.12em}
.mods-section{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);align-items:center;background:#e9e5db}.mods-art{overflow:hidden;border:8px solid #fff;box-shadow:var(--shadow);transform:rotate(-1.4deg)}.mods-art img{width:100%}.mods-copy{max-width:760px}.mods-copy>p{font-size:1.08rem}.mod-example{margin-top:2rem;padding:1.25rem 1.4rem;background:#fffdf8;border-left:5px solid var(--teal);box-shadow:var(--shadow)}.mod-example span{display:block;margin-bottom:.3rem;color:var(--teal);font:700 1.15rem Rajdhani,sans-serif;text-transform:uppercase}.mod-example p{margin:0}
.play-section{background:#fbf9f3}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.steps li{padding:1.35rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px #22352b0c}.steps li>span{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:1.8rem;border-radius:50%;background:var(--green);color:#fff;font:700 1rem Rajdhani,sans-serif}.steps h3{font:700 1.2rem Rajdhani,sans-serif;text-transform:uppercase}.steps p{margin:0;color:var(--muted)}
.tools-callout{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:clamp(2.5rem,5vw,5rem) clamp(1.25rem,7vw,8rem);background:linear-gradient(110deg,#285863,#347a80);color:#fff}.tools-callout>div{max-width:850px}.tools-callout .eyebrow{color:#ffd18a}.tools-callout h2{margin-bottom:.65rem}.tools-callout p:last-child{margin-bottom:0;color:#d5e5e6}.tools-callout .button{flex:0 0 auto}
.site-footer{display:grid;grid-template-columns:1fr minmax(280px,2fr) auto;gap:2rem;align-items:center;padding:2.2rem clamp(1.25rem,7vw,8rem);background:#101512;color:#aeb9b2;font-size:.8rem}.site-footer strong{color:var(--gold);font:700 1.4rem Rajdhani,sans-serif;letter-spacing:.12em}.site-footer p{margin:0}.fine-print{text-align:center}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr auto}.fine-print{grid-column:1/-1;grid-row:2;text-align:left}.hero{grid-template-columns:1fr}.hero-note{max-width:550px}.mods-section{grid-template-columns:1fr}.mods-art{max-width:560px}}
@media(max-width:680px){body{font-size:16px}.wordmark small{display:none}.menu-button{display:block}.site-links{position:absolute;left:0;right:0;top:100%;display:none;align-items:stretch;padding:.45rem;background:var(--dark);border-bottom:3px solid var(--orange);box-shadow:0 12px 24px #0007}.site-links.open{display:grid}.site-links a{padding:.75rem}.brand-banner img{min-width:650px;max-width:none;transform:translateX(0)}.two-column,.feature-grid,.steps{grid-template-columns:1fr}.feature-grid article{min-height:0}.tools-callout{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}.fine-print{grid-column:auto;grid-row:auto}.hero h1{font-size:clamp(2.75rem,14vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Potham Chronicles is the setting brand; RUSS remains the underlying engine. */
.chronicles-wordmark{gap:.28rem;text-transform:uppercase}.chronicles-wordmark span,.chronicles-wordmark b{font:700 1.2rem/1 Rajdhani,sans-serif;letter-spacing:.12em}.chronicles-wordmark span{color:#f4efe3}.chronicles-wordmark b{color:var(--gold)}.chronicles-wordmark small{margin-left:.45rem;padding-left:.65rem;border-left:1px solid #66736c}
.chronicles-masthead{display:flex;align-items:baseline;justify-content:center;gap:clamp(.35rem,1vw,.8rem);padding:clamp(1rem,2.7vw,2.1rem) 1rem;background:linear-gradient(90deg,#e7e3d8,#fff 35%,#fff 65%,#e7e3d8);border-bottom:1px solid #b9bbb5;text-transform:uppercase}.chronicles-masthead span,.chronicles-masthead strong{font:700 clamp(1.7rem,4.5vw,3.7rem)/1 Rajdhani,sans-serif;letter-spacing:.13em}.chronicles-masthead strong{color:#405049}.chronicles-masthead small{margin-left:1rem;color:#68716c;font:700 .72rem Rajdhani,sans-serif;letter-spacing:.18em}
.mods-art img{aspect-ratio:3/2;object-fit:cover}.mod-cover{position:relative;width:100%;padding:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in}.mod-cover span{position:absolute;right:.85rem;bottom:.85rem;padding:.45rem .7rem;background:#101512e8;color:#fff;border:1px solid #827761;font:700 .72rem Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase}.mod-cover:hover,.mod-cover:focus-visible{transform:rotate(0) scale(1.015);outline:3px solid var(--orange);outline-offset:4px}.artwork-dialog{width:min(96vw,1536px);max-width:none;padding:0;background:#101512;color:#fff;border:1px solid #766a55;box-shadow:0 30px 90px #000c}.artwork-dialog::backdrop{background:#050706e8}.artwork-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem}.artwork-dialog-head h2{margin:0;font:700 1rem Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase}.artwork-close{padding:.45rem .7rem;background:#323a35;color:#fff;border:1px solid #68736c;border-radius:3px;cursor:pointer}.artwork-dialog>img{width:100%;height:auto;max-height:calc(100vh - 70px);object-fit:contain;background:#080a09}
.site-footer>div:first-child strong{letter-spacing:.06em}
@media(max-width:680px){.chronicles-wordmark span,.chronicles-wordmark b{font-size:1rem}.chronicles-masthead{display:grid;grid-template-columns:auto auto;gap:.2rem .45rem}.chronicles-masthead small{grid-column:1/-1;margin:.35rem 0 0;text-align:center}}

/* Reusable mod shelf. Each cover opens in the shared full-size artwork dialog. */
.mods-section{display:block}.mods-copy{max-width:900px;margin-bottom:2.5rem}.mod-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);align-items:start}.mod-item{min-width:0}.mod-item .mods-art{max-width:none;margin:0;transform:none;border:7px solid #fff}.mod-item .mod-cover:hover,.mod-item .mod-cover:focus-visible{transform:translateY(-4px) scale(1.01)}.mod-details{position:relative;margin:1rem .6rem 0;padding:1.1rem 1.2rem;background:#fffdf8;border-top:4px solid var(--teal);box-shadow:var(--shadow)}.mod-details h3{margin:.35rem 0 .45rem;font:700 1.35rem Rajdhani,sans-serif;text-transform:uppercase}.mod-details p{margin:0;color:var(--muted)}.mod-status{display:inline-block;padding:.25rem .48rem;background:#6c5141;color:#fff;font:700 .68rem Rajdhani,sans-serif;letter-spacing:.1em;text-transform:uppercase}.mod-status.available{background:var(--green)}.coming-soon .mod-cover::after{content:"Coming Soon";position:absolute;left:0;top:1.1rem;padding:.4rem .8rem;background:#be5e2d;color:#fff;box-shadow:4px 4px 0 #10151299;font:700 .82rem Rajdhani,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:800px){.mod-shelf{grid-template-columns:1fr}.mod-item .mods-art{max-width:none}}