:root{
  --ink:#070b14;--ink-2:#0d1424;--blue:#0757d8;--blue-deep:#0c1d43;
  --orange:#ff6a00;--orange-soft:#ff9a3d;--cream:#f5efe4;--paper:#fffaf2;
  --silver:#d7dee9;--gold:#d5a94c;--gray:#aeb5c2;--line:rgba(255,255,255,.14);
  --display:"Russo One",Impact,sans-serif;--mythra:"Cinzel Decorative",serif;
  --legacy:"Cinzel",serif;--future:"Orbitron",sans-serif;--body:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:white;font-family:var(--body);overflow-x:hidden}
a{color:inherit}
.site-header{height:82px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(7,11,20,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:3px solid var(--orange)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;line-height:.82;font-family:var(--display)}
.brand-mark{display:grid;place-items:center;width:45px;height:45px;color:white;background:linear-gradient(135deg,var(--orange),#c83e00);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);font-size:20px}
.brand b{display:block;font-size:20px;letter-spacing:.04em}
.brand small{display:block;color:var(--orange);margin-top:8px;font-size:11px;letter-spacing:.3em}
.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.site-nav a{text-decoration:none;font:15px var(--display);letter-spacing:.03em;transition:.2s}
.site-nav a:hover{color:var(--orange)}
.site-nav .nav-shop{padding:11px 16px;color:var(--ink);background:var(--orange)}
.menu-toggle{display:none;padding:9px 12px;border:1px solid var(--orange);background:none;color:white;font:15px var(--display)}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 72% 45%,rgba(0,87,216,.22),transparent 34%),linear-gradient(145deg,#05070d,#0a1120 55%,#120b08);overflow:hidden}
.hero-copy{padding:clamp(90px,11vw,150px) clamp(25px,6vw,92px);z-index:2}
.eyebrow{margin:0 0 15px;color:var(--orange);font:14px var(--display);letter-spacing:.2em;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.91;margin:0}
h1{font-size:clamp(60px,8vw,126px);letter-spacing:-.035em}
h1 span{color:var(--orange)}
.hero-intro{max-width:680px;margin:29px 0 36px;color:#d3d8e2;font-size:clamp(17px,1.5vw,21px);line-height:1.65}
.button-row{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-block;padding:15px 22px;text-decoration:none;font:17px var(--display);letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.button-primary{background:var(--orange);color:var(--ink)}
.button-ghost{border-color:#7f8aa0;color:white}
.button-light{background:var(--cream);color:var(--ink);margin-top:20px}
.portal-stage{position:relative;min-height:650px;overflow:hidden;isolation:isolate}
.portal-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(117deg,transparent 0 30px,rgba(255,255,255,.025) 31px 32px)}
.portal-ring{position:absolute;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%);aspect-ratio:1}
.ring-one{width:min(43vw,560px);border:18px solid rgba(213,169,76,.8);box-shadow:0 0 0 8px #111,0 0 70px rgba(255,106,0,.45);animation:spin 26s linear infinite}
.ring-two{width:min(34vw,440px);border:8px dashed rgba(215,222,233,.7);animation:spinReverse 18s linear infinite}
.portal-core{position:absolute;width:min(28vw,360px);aspect-ratio:1;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%);background:radial-gradient(circle,#02040a 0 32%,#0757d8 45%,#ff6a00 68%,transparent 72%);filter:drop-shadow(0 0 35px #0757d8)}
.sword-line{position:absolute;width:18px;height:78%;left:50%;top:7%;transform:translateX(-50%);background:linear-gradient(90deg,#697386,#fff,#697386);clip-path:polygon(50% 0,100% 7%,68% 11%,68% 46%,100% 49%,67% 55%,58% 100%,42% 100%,33% 55%,0 49%,32% 46%,32% 11%,0 7%);filter:drop-shadow(0 0 12px white)}
.hero-word{position:absolute;right:-2%;bottom:12%;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.25);font:clamp(80px,12vw,190px) var(--display);transform:rotate(-7deg)}
.portal-stage p{position:absolute;bottom:7%;right:7%;font:12px var(--future);letter-spacing:.22em}
.section{padding:clamp(72px,8vw,120px) clamp(22px,6vw,92px)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}
.section-heading h2,.future-section h2,.shop-banner h2{font-size:clamp(52px,7vw,96px)}
.text-link{color:var(--orange);font-weight:800;text-underline-offset:4px}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14)}
.feature-card{min-height:370px;padding:30px;display:flex;flex-direction:column;gap:24px;text-decoration:none;border-right:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#10182a,#090e18);transition:.25s}
.feature-card:last-child{border:0}
.feature-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#122757,#15100b);box-shadow:0 20px 45px rgba(0,0,0,.35)}
.feature-card .number{color:#566074;font:52px var(--display)}
.feature-card .tag,.panel-label{color:var(--orange);font:12px var(--future);letter-spacing:.16em}
.feature-card h3{font-size:clamp(26px,2.7vw,41px)}
.card-link{margin-top:auto;font-weight:800}
.publishing-section{display:grid;grid-template-columns:.78fr 1.22fr;padding:0;background:linear-gradient(145deg,#ff7a13,#d94c00);color:var(--ink)}
.publishing-copy{padding:clamp(70px,8vw,120px) clamp(24px,6vw,92px)}
.publishing-copy .eyebrow{color:var(--ink)}
.publishing-copy h2{font-size:clamp(68px,8vw,116px)}
.publishing-copy p:not(.eyebrow){line-height:1.75;max-width:560px;font-size:18px}
.mythra-panel{padding:clamp(55px,7vw,95px) clamp(24px,5vw,72px);background:radial-gradient(circle at 50% 15%,rgba(7,87,216,.24),transparent 32%),var(--ink);color:white;text-align:left}
.mythra-emblem{display:block;width:min(420px,82%);margin:0 auto 22px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.55))}
.mythra-panel h3{font-family:var(--legacy);font-size:clamp(38px,4.5vw,72px);margin:12px 0 34px}
.mythra-panel h3 span{font-family:var(--mythra);color:var(--orange)}
.title-list{border-top:1px solid #394056}
.title-list a{display:grid;grid-template-columns:1fr auto;padding:23px 0;border-bottom:1px solid #394056;text-decoration:none}
.title-list b{font:clamp(21px,2.3vw,36px) var(--display)}
.title-list small{color:#aeb5c2;grid-column:1;margin-top:6px}
.title-list span{grid-column:2;grid-row:1/3;align-self:center;color:var(--orange);font-size:30px}
.future-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;background:linear-gradient(145deg,#07142f,#0d2e69);color:white}
.future-number{color:var(--orange);font:clamp(125px,24vw,380px)/.7 var(--future);letter-spacing:-.08em}
.future-number span{color:transparent;-webkit-text-stroke:2px var(--orange)}
.future-section p:not(.eyebrow){max-width:610px;color:#ced3de;line-height:1.7;font-size:18px}
.split-section{display:grid;grid-template-columns:1fr 1fr;color:var(--ink)}
.statement-card,.story-card{padding:clamp(70px,8vw,120px) clamp(24px,6vw,92px)}
.statement-card{background:var(--paper)}
.story-card{background:#dfe3e8}
.split-section h2{font-family:var(--legacy);font-size:clamp(52px,6vw,92px)}
.split-section article>p:not(.eyebrow,.status){max-width:580px;line-height:1.75;font-size:17px}
.status{display:inline-block;padding:8px 12px;background:var(--orange);font:12px var(--future);letter-spacing:.13em}
.shop-banner{padding:55px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);color:var(--ink)}
footer{padding:45px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#c9ced8;background:#04070c;font-size:13px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:900px){
  .menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:79px;padding:20px;flex-direction:column;align-items:stretch;background:var(--ink)}.site-nav.open{display:flex}
  .hero{grid-template-columns:1fr}.portal-stage{min-height:500px}.three-grid,.publishing-section,.future-section,.split-section{grid-template-columns:1fr}
  .feature-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .future-number{font-size:45vw}.shop-banner,footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .brand b{font-size:16px}.brand small{font-size:9px}.brand-mark{width:39px;height:39px}
  .hero-copy{padding-top:70px}.portal-stage{min-height:390px}
  .ring-one{width:82vw}.ring-two{width:65vw}.portal-core{width:52vw}
  .section-heading{align-items:flex-start;flex-direction:column}.mythra-emblem{width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Complete-site inner pages */
.inner-hero{padding:100px clamp(22px,6vw,92px) 75px;background:radial-gradient(circle at 80% 20%,rgba(7,87,216,.22),transparent 30%),var(--ink);color:white;border-bottom:8px solid var(--orange)}
.inner-hero h1{max-width:1150px}.inner-hero p:last-child{max-width:760px;color:#cdd2dd;font-size:19px;line-height:1.65}
.content-shell{max-width:1500px;margin:auto;padding:75px clamp(22px,6vw,92px);background:var(--cream);color:var(--ink)}
.story-list{display:grid;gap:16px;margin-top:36px}.story-list a{display:block;padding:24px;background:#0d1424;color:#fff;text-decoration:none;border-left:5px solid var(--orange)}.story-list small{color:var(--orange);font:12px var(--future);letter-spacing:.12em}.story-list h3{margin:8px 0 0}.article-shell{max-width:920px;margin:auto;padding:70px clamp(22px,6vw,70px);background:var(--cream);color:var(--ink)}.article-shell h1{font-size:clamp(42px,7vw,78px);line-height:1}.article-shell h2{margin-top:42px}.article-shell p,.article-shell li{font-size:18px;line-height:1.8}.article-shell .kicker{color:#b64a00;font:700 13px var(--future);letter-spacing:.14em}.article-shell .dek{font-size:23px;line-height:1.55}.article-shell .source-note{margin-top:48px;padding-top:18px;border-top:1px solid #bbb;font-size:14px}
.category{padding:46px 0;border-bottom:2px solid rgba(10,16,32,.16)}
.category h2{font-size:clamp(48px,6vw,84px)}.category p{max-width:780px;line-height:1.75}
.post-placeholder{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;padding:24px 0;border-top:1px solid rgba(10,16,32,.16)}
.post-placeholder .date{color:var(--orange);font:18px var(--display)}.post-placeholder h3{font-size:30px;line-height:1}
.mythra-page-title{font-family:var(--legacy);font-size:clamp(48px,7vw,105px)}.mythra-page-title span{font-family:var(--mythra);color:var(--orange)}
.publishing-intro{max-width:760px;line-height:1.8;font-size:18px}.story-copy{max-width:850px;font-size:19px;line-height:1.9}
.reader-body{background:#151515;color:white}.reader-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;background:rgba(7,11,20,.96);border-bottom:3px solid var(--orange)}
.reader-header a{text-decoration:none;font-weight:800}.reader-controls{display:flex;align-items:center;gap:9px}.reader-controls button{padding:8px 12px;border:0;background:var(--orange);color:var(--ink);font-weight:900;cursor:pointer}
.reader{max-width:1050px;margin:0 auto;padding:30px 12px 100px}.manga-page{aspect-ratio:2/3;margin:0 auto 24px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f8f5ed;color:var(--ink);border:1px solid #444}
.manga-page::before{content:"MANGA PAGE " attr(data-page);font:clamp(30px,7vw,90px) var(--display);color:#d9d7d1;transform:rotate(-8deg)}
.manga-page::after{content:"ROGUEVERSE STUDIO: MYTHRA";position:absolute;inset:0;display:grid;place-items:center;color:rgba(10,16,32,.08);font:clamp(30px,7vw,95px) var(--mythra);transform:rotate(-35deg);white-space:nowrap;pointer-events:none}
.page-number{position:absolute;bottom:12px;right:15px;font-weight:800;color:#666}
@media(max-width:700px){.post-placeholder{grid-template-columns:1fr}.reader-header{align-items:flex-start;flex-wrap:wrap}}

/* RogueVerse Studio 3.0 Final */
.brand-image img{width:42px;height:42px;object-fit:contain}.hero-final{position:relative;min-height:70vh;background:#000;display:grid;place-items:center;overflow:hidden}.hero-final>img{width:100%;height:100%;object-fit:cover;min-height:70vh}.hero-final-overlay{position:absolute;inset:auto 0 6%;display:grid;justify-items:center;gap:18px;text-align:center}.destination-section{background:#070b14}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.destination-card{display:flex;flex-direction:column;text-decoration:none;background:#0d1424;border:1px solid rgba(255,255,255,.14);overflow:hidden;transition:.25s}.destination-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(0,0,0,.4);border-color:var(--orange)}.destination-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#000}.destination-card span{padding:18px 20px;color:#d8dde7}.story-visual{background:linear-gradient(90deg,rgba(223,227,232,.94),rgba(223,227,232,.76)),url('assets/backgrounds/our-story.png') center/cover}.division-hero{min-height:620px;background-position:center;background-size:cover;display:grid;align-items:end;padding:clamp(45px,7vw,90px)}.division-hero h1{font-size:clamp(54px,8vw,120px);text-shadow:0 8px 35px #000}.lead-copy{max-width:850px;font-size:20px;line-height:1.8}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0}.category-grid a{display:flex;flex-direction:column;gap:8px;padding:24px;background:#0d1424;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.14)}.category-grid b{font:28px var(--display)}.nav-social{color:var(--orange)!important}.error-page{min-height:100vh;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.65)),url('assets/backgrounds/404-city.png') center/cover fixed;color:#fff}.error-page main{min-height:100vh;display:grid;align-items:center;padding:8vw}.error-page h1{font-size:clamp(54px,8vw,110px)}.error-page p{font-size:20px}@media(max-width:900px){.destination-grid{grid-template-columns:1fr}.division-hero{min-height:480px}.hero-final>img,.hero-final{min-height:60vh}}
.founder-message {
  margin-top: 55px;
  padding: clamp(28px, 4vw, 48px);
  background: #0a1120;
  color: #f8f3e8;
  border-left: 6px solid var(--orange);
  border-radius: 0 14px 14px 0;
}

.founder-message h2 {
  margin-bottom: 24px;
  font-size: clamp(32px, 5vw, 60px);
}

.founder-message p {
  max-width: 760px;
  line-height: 1.75;
}

.founder-signature {
  margin-top: 28px;
  color: var(--orange);
  font-family: var(--display);
  letter-spacing: 0.04em;
}