:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#f7efe0;background:#0d1110;--ink: #0d1110;--paper: #f7efe0;--muted: #c9b99d;--gold: #d5a941;--gold-bright: #ffd878;--green: #5e8f68;--crimson: #a74236;--violet: #67518d;--line: rgba(247, 239, 224, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}section,h2{scroll-margin-top:96px}body{margin:0;min-width:320px;min-height:100vh;background:#0d1110}body::selection{background:#d5a94161}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px;background:linear-gradient(180deg,#0d1110d6,#0d111000)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,216,120,.8);border-radius:50%;background:#0d1110;object-fit:cover;object-position:top center}.nav-links{display:flex;align-items:center;gap:24px;color:#efe1c7;font-size:.94rem;font-weight:700}.nav-links a{border-bottom:1px solid transparent;padding-bottom:3px}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current=page]{border-color:#ffd878}.nav-links a[aria-current=page]{color:#ffd878}.hero{position:relative;display:grid;min-height:84svh;overflow:hidden;align-items:end;padding:126px 40px 78px}.hero-media,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media{background-image:url(/images/renegades-hero.png);background-position:center;background-size:cover;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,#0d1110f2,#0d1110bd 42%,#0d111026),linear-gradient(0deg,#0d1110fa,#0d111000 28%)}.hero-content{position:relative;z-index:1;width:min(720px,100%)}.eyebrow{margin:0 0 10px;color:#ffd878;font-size:.8rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;line-height:1.02}h1{margin-bottom:22px;font-size:5.25rem}h2{margin-bottom:20px;font-size:3.2rem}h3{margin-bottom:12px;color:#fff7e7;font-size:1.12rem}.hero-copy{max-width:670px;margin-bottom:30px;color:#efe1c7;font-size:1.28rem}.hero-copy strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:12px 18px;font-weight:850;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button svg{width:19px;height:19px;flex:0 0 auto}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{color:#11130f;background:#ffd878;box-shadow:0 16px 32px #00000038}.button-secondary{border-color:#f7efe052;color:#f7efe0;background:#0d111094}.game-section,.us-section,.contact-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:48px;align-items:center;padding:88px 40px}.game-section{background:linear-gradient(180deg,#0d1110eb,#0d1110d1),url(/images/greenveil-forest.png) center / cover}.section-copy p,.us-section p,.contact-section p{max-width:650px;color:#dacbb0;font-size:1.12rem}.game-showcase{border:1px solid rgba(255,216,120,.28);border-radius:8px;overflow:hidden;background:#ffffff0a;box-shadow:0 22px 56px #0000005c}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features article{min-height:220px;padding:36px 34px;background:#121816}.features svg{width:28px;height:28px;margin-bottom:22px;color:#d5a941}.features p{margin-bottom:0;color:#c9b99d}.characters-intro{padding:84px 40px 36px;background:#0d1110}.characters-intro h2{max-width:720px}.characters-intro p:last-child{max-width:760px;margin-bottom:0;color:#dacbb0;font-size:1.12rem}.character-section{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(280px,.75fr) minmax(360px,1fr);gap:34px;align-items:center;padding:56px 40px;border-top:1px solid rgba(247,239,224,.12);background:linear-gradient(90deg,#ffd8780f,#fff0 34%),#101512}.character-section:nth-of-type(odd){background:linear-gradient(90deg,#5e8f6814,#fff0 34%),#121613}.character-hyperion{--character-accent: #9c7be4}.character-solyn{--character-accent: #ffd878}.character-faide{--character-accent: #88b96e}.character-luciana{--character-accent: #c96058}.character-arinas{--character-accent: #61b9ad}.character-portrait{min-height:300px;align-self:stretch;overflow:hidden;border-radius:8px;border:1px solid color-mix(in srgb,var(--character-accent) 42%,transparent);background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--character-accent) 22%,transparent),transparent 42%),#0000003d}.character-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.character-copy h2{margin-bottom:10px;color:#fff8e7}.mechanic-label{margin-bottom:18px;color:var(--character-accent);font-size:1rem;font-weight:900;text-transform:uppercase}.character-copy p:last-child{margin-bottom:0;color:#dacbb0;font-size:1.08rem}.card-samples{display:flex;justify-content:center}.rendered-card-pair{position:relative;width:min(560px,100%);filter:drop-shadow(0 22px 34px rgba(0,0,0,.26))}.rendered-card-pair img{width:100%;height:auto}.card-hotspot{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;border:1px solid transparent;border-radius:999px;padding:0;background:transparent;cursor:help}.card-hotspot:focus-visible{outline:2px solid #ffd878;outline-offset:2px;background:#ffd8781f}.keyword-tooltip{position:fixed;z-index:50;width:min(280px,calc(100vw - 28px));border:1px solid rgba(247,239,224,.18);border-top:3px solid #ffd878;border-radius:8px;padding:12px 14px 13px;color:#f7efe0;background:#0f1211fa;box-shadow:0 18px 38px #0006;pointer-events:none}.keyword-tooltip strong,.keyword-tooltip span{display:block}.keyword-tooltip strong{margin-bottom:5px;font-size:.92rem}.keyword-tooltip span{color:#d6c8ad;font-size:.82rem;line-height:1.35}.keyword-tooltip-defense{border-top-color:#77aef7}.keyword-tooltip-offense{border-top-color:#d45446}.keyword-tooltip-debuff{border-top-color:#b672dd}.keyword-tooltip-buff{border-top-color:#ffd878}.blog-section{padding:88px 40px;border-top:1px solid rgba(255,216,120,.16);background:linear-gradient(180deg,#121816f5,#0d1110fa),url(/images/greenveil-forest.png) center / cover}.blog-page{background:#0d1110}.blog-section-standalone{min-height:100svh;padding-top:132px}.blog-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:44px;align-items:end;margin-bottom:36px}.blog-header h2{max-width:760px;margin-bottom:0}.blog-header p:last-child{max-width:710px;margin-bottom:0;color:#dacbb0;font-size:1.12rem}.blog-home-link{margin-top:8px}.process-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.76fr);gap:38px;align-items:start;border:1px solid rgba(247,239,224,.16);border-radius:8px;padding:34px;background:#0d1110b8;box-shadow:0 22px 56px #00000047}.process-post-copy{align-self:start}.post-meta{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#ffd878;font-size:.8rem;font-weight:900;text-transform:uppercase}.post-meta svg{width:18px;height:18px}.process-post h3{max-width:720px;margin-bottom:22px;color:#fff8e7;font-family:Georgia,Times New Roman,serif;font-size:2.35rem;line-height:1.08}.process-post p{max-width:760px;color:#dacbb0;font-size:1.05rem}.process-post p:last-child{margin-bottom:0}.post-section+.post-section{margin-top:30px}.post-section h4{margin:0 0 12px;color:#ffd878;font-size:.86rem;font-weight:900;text-transform:uppercase}.post-section p+p{margin-top:16px}.process-post-media{position:sticky;top:108px;width:100%;min-width:0;min-height:420px;max-height:680px;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(255,216,120,.24);border-radius:8px;background:#101512}.process-post-media img{width:100%;height:100%;object-fit:cover}.us-section{background:#f7efe0;color:#151711}.us-section .eyebrow{color:#8f3d34}.us-section p{color:#383226}.contact-section{grid-template-columns:minmax(0,1fr) auto;background:#151b18;border-top:1px solid rgba(255,216,120,.18)}.contact-section h2{margin-bottom:12px}.contact-section p{margin-bottom:0}@media(max-width:860px){.site-header{padding:15px 20px}.nav-links{gap:14px;font-size:.86rem}.hero{min-height:82svh;padding:104px 22px 58px}.hero-shade{background:linear-gradient(90deg,#0d1110f5,#0d1110c2 72%,#0d111057),linear-gradient(0deg,#0d1110,#0d111000 35%)}h1{font-size:3.6rem}h2{font-size:2.35rem}.hero-copy{font-size:1.1rem}.game-section,.blog-section,.us-section,.contact-section{grid-template-columns:1fr;gap:28px;padding:64px 22px}.features{grid-template-columns:1fr}.features article{min-height:auto;padding:30px 22px}.characters-intro{padding:64px 22px 28px}.character-section{grid-template-columns:1fr;gap:26px;padding:42px 22px}.character-portrait{min-height:360px}.blog-header,.process-post{grid-template-columns:1fr}.blog-header{gap:18px}.process-post{gap:26px;padding:26px}.process-post-media{position:static;height:clamp(210px,56vw,260px);min-height:0;max-height:none;aspect-ratio:auto}.contact-section{justify-items:start}}@media(max-width:560px){.site-header{position:absolute;align-items:flex-start;flex-direction:column;gap:12px}.hero{padding-top:136px}h1{font-size:2.9rem}h2{font-size:2rem}.button{width:100%}.rendered-card-pair{width:min(560px,100%)}.process-post{padding:22px}.process-post h3{font-size:1.78rem}}