@font-face {
    font-family: 'DFVNKonde';
    src: url('../fonts/DFVN-Konde-Black.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
:root{--navy:#071523;--deep:#030d19;--panel:#0d2136;--panel-2:#102841;--blue:#133f5b;--gold:#e7c47d;--gold-light:#f8e6b1;--white:#f3f6fa;--muted:#a0b3c8;--line:rgba(198,218,240,.14);--serif:'Segoe UI','Noto Sans',Tahoma,Arial,sans-serif;--sans:'Segoe UI','Noto Sans',Tahoma,Arial,sans-serif;--container:1190px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);font-size:14px;line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:'';pointer-events:none;position:fixed;z-index:30;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;z-index:200;top:-60px;left:12px;background:var(--gold);color:#071421;padding:10px 16px}.skip-link:focus{top:12px}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.container-wide{width:min(calc(100% - 60px),1360px);margin-inline:auto}.section{padding:112px 0}.kicker,.small-overline,.eyebrow,.mini-kicker{font-size:10px;line-height:1.6;letter-spacing:.26em;font-weight:700;color:var(--gold);text-transform:uppercase}.section-title{font:700 clamp(29px,3.6vw,49px)/1.33 var(--serif);letter-spacing:-.025em;margin:16px 0 24px}.section-title em,.interior-title em,.closing-content em,.home-hero h1 em{color:var(--gold);font-style:normal}.section-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-header .section-title{margin-bottom:0}.section-header>p{max-width:340px;color:var(--muted);margin:0 0 7px;font-size:13px}.text-arrow{display:inline-flex;align-items:center;gap:20px;color:var(--gold-light);font-weight:600;font-size:13px;transition:gap .25s,color .25s}.text-arrow span{font-size:20px}.text-arrow:hover{gap:30px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:0 23px;border:1px solid transparent;white-space:nowrap;font-weight:700;font-size:12px;letter-spacing:.02em;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn>span{font-size:17px}.btn-gold{background:linear-gradient(135deg,#f3d996,#d7a956);color:#112333;box-shadow:0 8px 38px rgba(221,169,76,.17)}.btn-gold:hover{box-shadow:0 10px 44px rgba(221,169,76,.32)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.46);background:rgba(4,16,31,.38)}.btn-ghost:hover{border-color:var(--gold);background:rgba(17,45,71,.7)}.btn-ghost-gold{border-color:var(--gold);color:var(--gold);background:rgba(4,15,31,.7)}.btn-ghost-gold:hover{background:var(--gold);color:var(--navy)}
/* navigation */
.site-header{height:80px;position:sticky;top:0;z-index:80;background:rgba(4,16,30,.94);border-bottom:1px solid rgba(247,215,150,.13);backdrop-filter:blur(20px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}.brand{display:flex;align-items:center;flex:none;width:162px;height:76px}.brand img{width:145px;height:71px;object-fit:contain;object-position:center}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.nav-link{position:relative;padding:9px 0;color:#b9c9d9;font-size:12px;font-weight:600;transition:color .25s}.nav-link:hover,.nav-link.is-active{color:var(--gold-light)}.desktop-nav .nav-link::after{content:'';position:absolute;bottom:3px;left:50%;width:0;height:1px;background:var(--gold);transform:translateX(-50%);transition:width .2s}.desktop-nav .nav-link:hover::after,.desktop-nav .nav-link.is-active::after{width:90%}.nav-cta{margin-left:28px;border:1px solid rgba(232,194,122,.5);padding:8px 17px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;transition:background .2s}.nav-cta:hover{background:var(--gold);color:var(--navy)}.nav-cta span{margin-left:15px}.menu-toggle{display:none;width:38px;height:38px;border:1px solid rgba(239,209,145,.4);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;background:var(--gold);height:2px;width:19px;transition:transform .2s,opacity .2s}.mobile-nav{display:none}
/* hero */
.home-hero{min-height:min(760px,calc(100svh - 80px));position:relative;isolation:isolate;display:flex;align-items:center;border-bottom:1px solid rgba(240,198,115,.2);overflow:hidden}.hero-backdrop{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,rgba(3,13,25,.96) 0%,rgba(3,13,25,.78) 39%,rgba(3,13,25,.27) 100%),linear-gradient(0deg,rgba(3,13,25,.94) 1%,rgba(3,13,25,.15) 48%,rgba(3,13,25,.45) 100%),url('../images/hero-world.webp');background-size:cover;background-position:center 47%;transform:scale(1.025)}.hero-light{position:absolute;z-index:-1;pointer-events:none;filter:blur(60px);border-radius:50%}.hero-light-one{right:5%;top:8%;width:330px;height:340px;background:rgba(50,151,205,.16)}.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;padding-top:80px;padding-bottom:80px;min-height:665px}.hero-copy{position:relative;z-index:4}.eyebrow{display:flex;align-items:center;gap:13px;color:#e5cf9c;font-size:9px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--gold)}.hero-rule{font-size:11px;letter-spacing:.28em;color:#d2dce4;margin:27px 0 12px}.home-hero h1{font:700 clamp(39px,4.65vw,69px)/1.18 var(--serif);margin:0 0 22px;letter-spacing:-.04em;text-wrap:balance}.hero-lead{max-width:540px;color:#d1dce7;font-size:15px;line-height:1.9;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-bottom-caption{display:flex;align-items:center;gap:24px;margin-top:84px;letter-spacing:.24em;font-size:9px;color:#b9c8d7}.hero-bottom-caption span{font-size:21px;color:var(--gold)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:425px;isolation:isolate}.hero-visual img{width:min(100%,550px);filter:drop-shadow(0 0 31px rgba(67,154,212,.24)) drop-shadow(0 17px 33px rgba(0,0,0,.65));position:relative;z-index:2;animation:logoFloat 7s ease-in-out infinite}.hero-logo-orbit{width:min(92%,440px);aspect-ratio:1;position:absolute;border-radius:50%;border:1px solid rgba(225,192,121,.29);box-shadow:0 0 0 35px rgba(214,179,105,.025),0 0 85px rgba(48,126,194,.27),inset 0 0 36px rgba(236,205,137,.055);animation:slowRotate 60s linear infinite}.hero-logo-orbit::before,.hero-logo-orbit::after{content:'✦';position:absolute;color:var(--gold);font-size:19px;top:50%;left:-10px}.hero-logo-orbit::after{left:auto;right:-10px}.floating-element{position:absolute;font-size:9px;font-family:var(--serif);letter-spacing:.33em;color:rgba(252,235,185,.7);z-index:3}.fe-one{top:15%;left:8%}.fe-two{bottom:22%;right:0}.fe-three{top:17%;right:10%}@keyframes logoFloat{50%{transform:translateY(-13px)}}@keyframes slowRotate{to{transform:rotate(360deg)}}
/* story, factions */
.world-intro{background:radial-gradient(ellipse at 8% 60%,rgba(26,72,111,.22),transparent 50%),#071829}.story-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:start}.story-heading{position:relative}.story-heading::after{content:'VI';font:700 230px/1 var(--serif);color:rgba(239,216,161,.035);position:absolute;left:-10px;top:60px;pointer-events:none}.ornament-line{width:90px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:28px}.story-copy p{color:#adbdcd;font-size:13px;line-height:2.15;margin:0 0 20px}.story-copy .large-copy{color:#f0f3f8;font-size:17px;font-weight:500}.story-copy strong{color:var(--gold);font-weight:700}.story-copy .text-arrow{margin-top:8px}.factions{background:#081c2e;border-top:1px solid rgba(255,255,255,.035)}.tribe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tribe-card{min-height:181px;display:flex;align-items:flex-start;gap:17px;padding:29px 24px;background:linear-gradient(155deg,rgba(25,56,83,.66),rgba(8,24,43,.88));border:1px solid var(--line);transition:transform .25s,border-color .25s,background .25s}.tribe-card:hover{transform:translateY(-4px);border-color:var(--tribe-accent);background:linear-gradient(145deg,rgba(28,67,97,.83),rgba(7,24,43,.88))}.tribe-symbol{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--tribe-accent);box-shadow:inset 0 0 19px color-mix(in srgb,var(--tribe-accent),transparent 88%);color:var(--tribe-accent);font:29px var(--serif)}.tribe-card .small-overline{font-size:9px;letter-spacing:.14em;color:var(--tribe-accent)}.tribe-card h3{font:700 18px/1.3 var(--serif);margin:8px 0}.tribe-card p{font-size:11px;color:#9eb3c8;line-height:1.8;margin:0}
/* cards */
.featured-characters,.character-browser{background:radial-gradient(ellipse at 88% 20%,rgba(26,64,110,.27),transparent 50%),#061524}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character-card{min-width:0;display:block;padding:0;color:inherit;text-align:left;cursor:pointer;border:1px solid rgba(176,196,215,.18);background:linear-gradient(150deg,#15334d,#0c223a);transition:border .24s,transform .28s,box-shadow .3s}.character-card:hover,.character-card.is-selected{transform:translateY(-6px);border-color:var(--char-accent);box-shadow:0 24px 48px rgba(0,0,0,.27),0 0 35px color-mix(in srgb,var(--char-accent),transparent 94%)}.character-art{position:relative;isolation:isolate;aspect-ratio:1.18/1;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--char-accent),#03101f 85%),#071c30)}.character-art::after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(9,25,41,.52),transparent)}.character-art img{height:100%;width:100%;object-fit:cover;object-position:center 25%;transition:transform .5s ease}.character-card:hover .character-art img{transform:scale(1.055)}.character-index{position:absolute;bottom:7px;left:15px;z-index:2;color:#fff;font:700 33px/1 var(--serif);opacity:.5}.character-card-body{padding:23px 25px 19px}.character-card-body .small-overline{color:var(--char-accent);letter-spacing:.19em}.character-card-body h3{font:700 26px/1.25 var(--serif);margin:6px 0 13px}.card-meta{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;align-items:center;justify-content:space-between;color:#adbdcb;font-size:11px}.circle-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--char-accent);color:var(--char-accent);font-size:15px}
/* product teaser */
.product-tease{padding:72px 0 90px;background:radial-gradient(ellipse at 27% 55%,rgba(26,93,133,.26),transparent 55%),#0b2135}.product-tease-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:65px;align-items:center}.tease-visual{position:relative;isolation:isolate;min-height:410px;display:grid;place-items:center}.tease-visual img{max-height:490px;width:auto;filter:drop-shadow(0 27px 30px rgba(0,0,0,.33));transform:rotate(-2deg)}.tease-visual::before{content:'';position:absolute;width:70%;height:67%;border:1px solid rgba(222,189,121,.25);border-radius:50%;transform:rotateX(53deg);box-shadow:0 0 80px rgba(48,139,203,.23)}.tease-copy p{max-width:460px;color:var(--muted);line-height:2.1}.tease-specs{display:flex;gap:33px;margin:31px 0 33px}.tease-specs>div{display:flex;flex-direction:column;border-left:1px solid rgba(230,199,134,.25);padding-left:17px}.tease-specs strong{font:700 36px var(--serif);color:var(--gold)}.tease-specs span{font-size:10px;color:#bbcbdb}.closing-banner{padding:95px 0;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(rgba(4,16,27,.84),rgba(4,16,27,.91)),url('../images/hero-world.webp') center 45%/cover}.closing-banner::before,.closing-banner::after{content:'✦';position:absolute;top:50%;font:100px var(--serif);color:rgba(231,196,125,.14);transform:translateY(-50%);z-index:-1}.closing-banner::before{left:5%}.closing-banner::after{right:5%}.closing-content{text-align:center}.closing-content h2{font:700 clamp(29px,3.65vw,49px)/1.37 var(--serif);margin:19px 0 32px}
/* footer */
.footer{background:#030d19;border-top:1px solid rgba(231,196,125,.18)}.footer-main{padding:62px 0 50px;display:grid;grid-template-columns:1.2fr .75fr 1.2fr .9fr;gap:44px}.footer-brand img{width:185px;height:110px;object-fit:contain;object-position:left center;margin:-13px 0 -2px}.footer-brand p{font-size:11px;max-width:240px;color:#92a7bd}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-links h3{font:700 12px var(--sans);color:#ecdfc2;margin:10px 0 13px;text-transform:uppercase;letter-spacing:.13em}.footer-links a,.footer-links span{font-size:11px;color:#97afc3;overflow-wrap:anywhere;transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-motto{display:flex;flex-direction:column;gap:15px;padding-top:10px}.footer-motto strong{font:600 20px/1.4 var(--serif)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:18px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#778da3;font-size:10px}.footer-bottom a:hover{color:var(--gold)}
/* interior pages */
.interior-hero{min-height:360px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(3,13,25,.97),rgba(5,22,40,.85)),url('../images/hero-world.webp') center 48%/cover;border-bottom:1px solid rgba(228,194,124,.18)}.interior-hero::after{content:'';position:absolute;right:11%;top:9%;width:290px;height:290px;border:1px solid rgba(226,188,105,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(226,188,105,.025),0 0 0 68px rgba(226,188,105,.018);z-index:-1}.interior-hero .container{padding:77px 0 72px}.interior-title{font:700 clamp(42px,5.3vw,70px)/1.18 var(--serif);letter-spacing:-.04em;margin:16px 0}.interior-hero p{max-width:560px;color:#b9c9d9;line-height:1.9;margin:0}.hero-ornament{margin-top:25px;color:var(--gold);letter-spacing:.5em;font-size:12px}.section-header.compact{margin-bottom:32px}.roster-grid{gap:14px}.roster-grid .character-card-body{padding:18px 18px 17px}.roster-grid .character-card-body h3{font-size:22px}.roster-grid .character-art{aspect-ratio:1.42/1}.roster-grid .character-index{font-size:25px}.profile-shell{margin-top:74px;scroll-margin-top:108px;min-height:510px;border:1px solid rgba(230,194,126,.24);background:radial-gradient(ellipse at 30% 55%,rgba(21,64,94,.42),transparent 56%),linear-gradient(130deg,#0b2035,#071523);box-shadow:0 25px 70px rgba(0,0,0,.22)}.profile-placeholder{display:grid;place-items:center;min-height:300px;color:var(--muted)}.profile-topline{padding:19px 32px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.11)}.profile-topline span{font-size:10px;letter-spacing:.25em;color:var(--gold)}.profile-topline .profile-count{color:#8da0b5}.profile-main{display:grid;grid-template-columns:.84fr 1.16fr;min-height:565px}.profile-visual{position:relative;min-height:510px;display:flex;align-items:end;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,color-mix(in srgb,var(--profile-accent),transparent 85%),transparent 58%),linear-gradient(180deg,rgba(25,56,80,.45),rgba(3,15,29,.65))}.profile-visual::before{content:'';position:absolute;width:78%;aspect-ratio:1;top:20%;border:1px solid color-mix(in srgb,var(--profile-accent),transparent 58%);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--profile-accent),transparent 97%),0 0 60px color-mix(in srgb,var(--profile-accent),transparent 82%)}.profile-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(0deg,rgba(3,17,29,.7),transparent)}.profile-visual img{position:relative;z-index:2;width:95%;height:570px;max-height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 15px 35px rgba(0,0,0,.26))}.profile-visual img.image-card-art{width:86%;height:70%;margin-bottom:14%;object-fit:cover;object-position:center;clip-path:polygon(7% 0,100% 0,93% 100%,0% 100%);box-shadow:0 10px 40px rgba(0,0,0,.35)}.profile-visual-label{position:absolute;bottom:22px;left:24px;z-index:3;font:700 80px/1 var(--serif);opacity:.11}.profile-content{padding:44px clamp(25px,4vw,63px) 43px}.profile-content .kicker{color:var(--profile-accent)}.profile-name{font:700 clamp(32px,4.2vw,54px)/1.2 var(--serif);margin:11px 0 9px;letter-spacing:-.025em}.profile-role{color:var(--profile-accent);font-size:12px;font-weight:700;margin:0 0 23px}.profile-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px;border-block:1px solid rgba(255,255,255,.1);padding:18px 0;margin:26px 0}.profile-field small{display:block;color:#849fb9;font-size:9px;letter-spacing:.16em;font-weight:700}.profile-field strong{display:block;color:#e1ebf6;font-weight:600;font-size:12px;line-height:1.6;margin-top:5px}.profile-tabs{display:flex;gap:26px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.profile-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#9fb4c6;padding:0 0 12px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.profile-tab[aria-selected='true']{border-color:var(--profile-accent);color:var(--profile-accent)}.profile-tabpanel{font-size:12px;color:#b3c5d7;line-height:2.05;white-space:pre-line;max-height:260px;overflow-y:auto;padding-right:12px}.profile-tabpanel p{margin:0 0 12px}.profile-tabpanel[hidden]{display:none}.profile-mini-action{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.profile-mini-action span{color:#8a9db1;font-size:10px}.profile-mini-action button{border:1px solid rgba(231,197,129,.35);background:none;padding:8px 16px;color:var(--gold);cursor:pointer;font-size:11px}.profile-mini-action button:hover{background:rgba(240,202,132,.1)}
/* product */
.product-showcase{background:radial-gradient(ellipse at 15% 55%,rgba(23,75,113,.25),transparent 55%),#091c2e}.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.product-showcase-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:480px}.product-halo{position:absolute;width:85%;aspect-ratio:1;border:1px solid rgba(243,200,118,.25);border-radius:50%;background:radial-gradient(circle,rgba(24,75,118,.4),transparent 70%);box-shadow:0 0 0 27px rgba(240,209,150,.015);z-index:-1}.product-showcase-art img{max-height:530px;width:auto;filter:drop-shadow(0 34px 35px rgba(0,0,0,.42))}.showcase-detail .section-title{margin:15px 0 19px}.showcase-detail .large-copy{font-size:16px;color:#e1ebf6;font-weight:600}.showcase-detail p{font-size:12px;line-height:2.15;color:var(--muted);margin-bottom:19px}.showcase-detail .btn{margin-top:9px}.product-eyebrow{font-size:10px;letter-spacing:.13em;color:#bfcfe0;margin-top:23px}.mechanic-section{background:#0c243a}.mechanic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mechanic-grid article{padding:33px;background:rgba(9,29,47,.68);border:1px solid rgba(232,194,116,.17)}.mechanic-grid article>span{font-size:31px;color:var(--gold)}.mechanic-grid h3{font:700 19px var(--serif);margin:14px 0 12px}.mechanic-grid p{color:var(--muted);font-size:12px;line-height:2}.inside-box{background:radial-gradient(ellipse at 85% 25%,rgba(35,82,114,.22),transparent 53%),#071726}.box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.box-item{padding:24px 19px;display:flex;align-items:center;gap:15px;background:rgba(21,50,76,.54);border:1px solid rgba(201,223,245,.11);min-height:110px;transition:border .2s,transform .2s}.box-item:hover{border-color:rgba(231,196,125,.5);transform:translateY(-3px)}.box-number{font:600 19px var(--serif);color:var(--gold)}.box-item strong{font-size:12px;font-weight:700}.box-item p{font-size:11px;color:#a7bacc;margin:2px 0 0}.box-item-sigil{font-size:20px;margin-left:auto;color:rgba(232,200,130,.3)}.expanded-world{background:#0a1f34}.expanded-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.expansion-art{min-height:340px;border:1px solid rgba(236,209,149,.3);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;background:radial-gradient(circle at 50% 45%,rgba(56,142,187,.22),transparent 50%),linear-gradient(160deg,#112f4d,#061829)}.expansion-art::before{content:'';width:210px;height:210px;border:1px solid rgba(237,207,131,.35);border-radius:50%;position:absolute;box-shadow:0 0 0 25px rgba(237,207,131,.035),0 0 0 60px rgba(237,207,131,.02)}.expansion-sigil{font-size:60px;color:var(--gold)}.expansion-title{font:700 23px/1.5 var(--serif);text-align:center;letter-spacing:.15em;position:relative;color:#f3e9cd}.expansion-star{color:var(--gold);font-size:19px;margin-top:10px}.expanded-grid p{max-width:550px;color:var(--muted);font-size:13px;line-height:2.1}.expanded-grid .muted-note{font-style:italic;color:#7d99b0;font-size:11px}.expanded-grid .text-arrow{margin-top:16px}
/* About */
.about-brand{background:radial-gradient(ellipse at 15% 45%,rgba(22,78,116,.26),transparent 50%),#0a1e32}.brand-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}.brand-emblem{min-height:365px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.brand-emblem img{width:89%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.35))}.emblem-halo{width:82%;aspect-ratio:1;border-radius:50%;position:absolute;border:1px solid rgba(229,196,121,.2);box-shadow:0 0 0 30px rgba(229,196,121,.02),0 0 55px rgba(52,142,190,.14);z-index:-1}.brand-text p{color:var(--muted);font-size:13px;line-height:2.13}.brand-stats{display:flex;flex-wrap:wrap;gap:50px;margin-top:29px}.brand-stats small{display:block;color:#8ca6bd;font-size:9px;letter-spacing:.17em}.brand-stats strong{font:700 17px/1.8 var(--serif);color:var(--gold)}.team-section{background:#061727}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.team-card{background:linear-gradient(140deg,#0e2941,#0b1d31);border:1px solid rgba(232,196,125,.18);overflow:hidden;transition:transform .25s,border .25s}.team-card:hover{transform:translateY(-5px);border-color:var(--gold)}.team-photo{height:340px;overflow:hidden;background:#cad0d4}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .5s}.team-card:hover .team-photo img{transform:scale(1.035)}.team-card-copy{padding:22px 23px 26px}.team-position{display:block;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.13em}.team-position span{color:#748ca3;font-size:9px}.team-card h3{font:700 19px/1.5 var(--serif);margin:9px 0 10px;min-height:51px}.team-card p{font-size:11px;line-height:2;color:#a4bbcf;margin:0}.contact-section{background:#0d253d}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-grid>div{padding:25px 28px;background:rgba(6,22,37,.55);border:1px solid rgba(235,196,116,.18)}.contact-grid span{display:block;color:var(--gold);font-weight:700;letter-spacing:.2em;font-size:9px;margin-bottom:11px}.contact-grid strong,.contact-grid a{font-size:13px;color:#e0e9f3;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.contact-grid a:hover{color:var(--gold)}
/* motion */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1090px){.desktop-nav{gap:23px}.nav-cta{margin-left:0}.section{padding:84px 0}.footer-main{gap:26px}.character-card-body h3{font-size:23px}.hero-layout{grid-template-columns:1.1fr .9fr}.home-hero h1{font-size:48px}.hero-visual{min-height:370px}.profile-main{grid-template-columns:.9fr 1.1fr}.profile-content{padding:35px}}
@media(max-width:820px){.site-header{height:72px}.brand{width:125px;height:70px}.brand img{height:66px;width:122px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto}.mobile-nav{display:none;flex-direction:column;gap:0;position:absolute;top:72px;left:0;right:0;background:rgba(3,15,28,.99);border-bottom:1px solid rgba(236,200,126,.4);padding:15px 25px 25px;box-shadow:0 28px 30px rgba(0,0,0,.3)}body.nav-open .mobile-nav{display:flex}body.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .menu-toggle span:nth-child(2){opacity:0}body.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav .nav-link{padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.mobile-cta{font-size:12px;color:var(--gold);font-weight:700;margin-top:18px}.home-hero{min-height:auto}.hero-layout{grid-template-columns:1fr;gap:0;padding:80px 0 30px;min-height:unset}.hero-copy{max-width:640px}.hero-visual{min-height:295px;max-height:340px;align-self:center;width:90%;margin:auto}.hero-visual img{max-width:430px}.hero-logo-orbit{width:280px}.hero-bottom-caption{margin-top:44px}.home-hero h1{font-size:clamp(40px,7vw,57px)}.story-layout{gap:50px}.tribe-grid,.character-grid,.team-grid,.box-grid,.mechanic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tease-layout,.brand-story-grid,.expanded-grid,.product-showcase-grid{gap:35px}.tease-visual{min-height:310px}.tease-visual img{max-height:400px}.profile-main{grid-template-columns:1fr}.profile-visual{min-height:430px;max-height:500px}.profile-visual img{max-height:470px}.profile-content{padding:36px 42px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.interior-hero{min-height:310px}.interior-hero .container{padding:67px 0}}
@media(max-width:600px){.container{width:min(calc(100% - 34px),var(--container))}.container-wide{width:calc(100% - 30px)}.section{padding:68px 0}.section-title{font-size:clamp(27px,7.1vw,36px);line-height:1.34}.section-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}.section-header>p{max-width:unset}.home-hero{border-bottom-color:rgba(230,194,125,.3)}.hero-layout{padding:66px 0 17px}.hero-rule{font-size:9px;letter-spacing:.16em}.eyebrow{font-size:8px;letter-spacing:.13em}.home-hero h1{font-size:clamp(36px,10.5vw,51px);margin-bottom:17px}.hero-lead{font-size:13px}.hero-actions{gap:9px}.btn{padding:0 15px;gap:12px;font-size:11px;min-height:47px}.hero-bottom-caption{margin-top:33px}.hero-visual{width:100%;min-height:250px;max-height:270px}.hero-visual img{width:80%;max-height:270px;object-fit:contain}.hero-logo-orbit{width:220px}.floating-element{font-size:7px}.world-intro{padding-top:75px}.story-layout{grid-template-columns:1fr;gap:25px}.story-heading .section-title{margin-bottom:5px}.story-copy .large-copy{font-size:15px}.story-copy p{font-size:12px}.tribe-grid{grid-template-columns:1fr;gap:10px}.tribe-card{min-height:132px;padding:22px;gap:16px}.tribe-symbol{width:50px;height:50px}.tribe-card h3{font-size:17px}.character-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-art{aspect-ratio:.92/1}.character-card-body{padding:14px 13px 11px}.character-card-body h3{font-size:18px;margin:5px 0 10px}.character-card-body .small-overline{font-size:8px;letter-spacing:.06em}.card-meta{font-size:9px;gap:8px}.character-index{font-size:23px}.circle-arrow{width:23px;height:23px;flex:none}.product-tease-layout,.expanded-grid,.product-showcase-grid,.brand-story-grid{grid-template-columns:1fr;gap:25px}.product-tease{padding:57px 0 67px}.tease-visual{min-height:275px}.tease-visual img{max-height:310px}.tease-specs{gap:15px;justify-content:space-between}.tease-specs strong{font-size:29px}.tease-specs>div{padding-left:10px}.closing-banner{padding:72px 0}.closing-content h2{font-size:clamp(25px,6.8vw,35px)}.closing-banner::before,.closing-banner::after{font-size:50px}.footer-main{grid-template-columns:1fr 1fr;gap:24px;padding-top:48px}.footer-brand{grid-column:1/-1}.footer-motto{grid-column:1/-1;padding-top:2px}.footer-bottom{flex-direction:column;align-items:flex-start}.interior-hero{min-height:300px}.interior-hero .container{padding:58px 0}.interior-title{font-size:clamp(40px,9vw,54px)}.interior-hero p{font-size:12px}.roster-grid .character-art{aspect-ratio:1/1}.roster-grid .character-card-body{padding:13px}.roster-grid .character-card-body h3{font-size:18px}.profile-shell{margin-top:36px}.profile-topline{padding:14px 17px}.profile-topline span{font-size:8px}.profile-visual{min-height:330px;max-height:375px}.profile-visual img{height:370px;max-height:370px}.profile-visual-label{font-size:50px;bottom:15px}.profile-content{padding:27px 22px 29px}.profile-name{font-size:34px}.profile-role{font-size:11px}.profile-data-grid{gap:14px 12px}.profile-tabs{gap:19px}.profile-tab{font-size:11px}.profile-tabpanel{font-size:11px;max-height:320px}.box-grid,.mechanic-grid,.contact-grid{grid-template-columns:1fr}.box-item{min-height:90px}.mechanic-grid article{padding:23px}.product-showcase-art{min-height:340px}.product-showcase-art img{max-height:370px}.expansion-art{min-height:285px}.brand-emblem{min-height:230px}.brand-emblem img{width:75%}.brand-stats{gap:26px}.team-photo{height:210px}.team-card-copy{padding:13px 13px 18px}.team-position{font-size:10px}.team-card h3{font-size:15px;min-height:45px;line-height:1.5}.team-card p{font-size:10px;line-height:1.75}}
@media(max-width:360px){.character-grid,.team-grid{grid-template-columns:1fr}.character-art{aspect-ratio:1.25/1}.team-photo{height:320px}.hero-actions .btn{width:100%}.hero-visual{min-height:210px}.brand-stats{display:block}.brand-stats>div+div{margin-top:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Supplied alternate ELARION identity art becomes a subtle backdrop; the foreground mark retains its transparent edges. */
.hero-visual::after{content:"";position:absolute;inset:2%;z-index:1;pointer-events:none;background:url('../images/hero-logo.webp') center / contain no-repeat;opacity:.24;mix-blend-mode:screen;filter:blur(30px)}


/* ELARION LOGO ASPECT RATIO FIX — original supplied artwork, not recreated. */
/* Keep the original 2048:1179 ratio in all four pages and all device widths. */
.hero-visual img {
  display:block;
  width:min(100%, 550px);
  height:auto;
  aspect-ratio:2048 / 1179;
  object-fit:contain;
  max-height:none;
}
.brand img {
  display:block;
  width:auto;
  height:70px;
  max-width:100%;
  object-fit:contain;
  aspect-ratio:auto;
}
.footer-brand img {
  display:block;
  width:185px;
  height:auto;
  max-height:none;
  object-fit:contain;
  aspect-ratio:2048 / 1179;
}
.brand-emblem img {
  display:block;
  height:auto;
  object-fit:contain;
  aspect-ratio:2048 / 1179;
}
@media (max-width:820px) {
  .brand img { width:auto; height:64px; }
  .hero-visual img {width:min(100%, 430px); height:auto;max-height:none;}
}
@media (max-width:600px) {
  .hero-visual img {width:80%; height:auto; max-height:none;}
}

/* Can giua noi dung card toc he */
.factions .tribe-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px;
    min-height: 230px;
    padding: 25px;
}

/* Bieu tuong nam chinh giua */
.factions .tribe-symbol {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.factions .tribe-symbol img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Can giua ten va mo ta */
.factions .tribe-card > div {
    width: 100%;
    text-align: center;
}

/* Bo vong tron bao quanh bieu tuong */
.factions .tribe-symbol {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 0;

    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bo hieu ung vong tron neu co */
.factions .tribe-symbol::before,
.factions .tribe-symbol::after {
    display: none !important;
}

/* Giu nguyen hinh dang bieu tuong */
.factions .tribe-symbol img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}


@font-face {
    font-family: 'DFVNKonde';
    src: url('../fonts/DFVN%20Konde%20Black.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.hero h1,
.hero-title,
.section-title,
.section-title em {
    font-family: 'DFVNKonde', Arial, sans-serif !important;
    font-weight: 400 !important;
}


/* Tieu de 6 toc he nam tren 1 hang */
.factions .section-header {
    display: block;
}

.factions .section-header > div {
    width: 100%;
    max-width: none;
}

.factions .section-title {
    font-family: 'DFVNKonde', Arial, sans-serif !important;
    font-size: clamp(14px, 3.8vw, 52px) !important;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 1.3;
}

.factions .section-title em {
    font-family: inherit !important;
    white-space: nowrap;
    font-style: normal;
}

/* Mo ta nam ben duoi */
.factions .section-header > p {
    margin-top: 18px;
}