@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px}.guides-section{display:block!important}.guides-section .section-heading p{color:#858a83;max-width:600px;line-height:1.7}.guides-grid{max-width:720px;margin-top:45px}.guide-card{background:linear-gradient(135deg,#8f97680f,#0f111033);border:1px solid #30342f;gap:35px;min-height:270px;padding:38px 42px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.guide-card:hover{background:linear-gradient(135deg,#8f97681a,#0f11104d);border-color:#555c48;transform:translateY(-4px)}.guide-number{color:#555c48;font-family:Barlow Condensed,sans-serif;font-size:54px;font-weight:700;line-height:1}.guide-content{max-width:500px}.guide-category{color:#929b67;letter-spacing:3px;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.guide-content h3{color:#efeee9;letter-spacing:1px;margin:0 0 14px;font-family:Barlow Condensed,sans-serif;font-size:34px}.guide-content p{color:#858a83;margin:0 0 28px;line-height:1.7}.guide-link{color:#a0a878;letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;text-decoration:none}.guide-link:hover{color:#d9dbd4}.vehicle-guide{background:#101211;display:block!important}.vehicle-guide .section-heading p{color:#858a83}@media (width<=600px){.guide-card{gap:20px;padding:30px 25px}.guide-number{font-size:40px}}.guide-page{background:radial-gradient(circle at 75% 20%,#858d6014,#0000 30%),#0b0d0d;min-height:calc(100vh - 90px)}.guide-page-hero{min-height:650px;padding:130px 7%}.guide-page-hero>span{color:#929b67;letter-spacing:4px;font-size:11px;font-weight:700}.guide-page-hero h1{color:#efeee9;letter-spacing:-3px;margin:12px 0 25px;font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:clamp(80px,10vw,150px);font-weight:700;line-height:.9}.guide-page-hero p{color:#858a83;max-width:650px;line-height:1.8}.guide-back{color:#929b67;letter-spacing:2px;margin-top:45px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;display:inline-block}.guide-back:hover{color:#e1e1dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e9e9e5;background:#0b0d0d;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.site{background:radial-gradient(circle at 75% 20%,#767e531f,#0000 30%),#0b0d0d;min-height:100vh}.navbar{z-index:100;background:#0b0d0df0;border-bottom:1px solid #252827;justify-content:space-between;align-items:center;height:90px;padding:0 7%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.brand-main{letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:900;line-height:1}.brand-sub{color:#8f948b;letter-spacing:2px;border-left:1px solid #555a55;padding-left:14px;font-family:Barlow Condensed,sans-serif;font-weight:600}nav{gap:34px;display:flex}nav a{letter-spacing:1.5px;color:#a8aca5;font-family:Barlow Condensed,sans-serif;font-weight:600}nav a:hover{color:#d6d9c5}.hero{border-bottom:1px solid #252827;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;min-height:calc(100vh - 90px);padding:100px 7%;display:grid}.eyebrow,.section-heading span,.small-title,.discord-section>span{color:#9ca477;letter-spacing:4px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}.hero h1{letter-spacing:-4px;margin:14px 0 10px;font-family:Barlow Condensed,sans-serif;font-size:clamp(90px,11vw,170px);font-weight:900;line-height:.73}.hero h1 span{color:#858d60;display:block}.tagline{letter-spacing:2px;color:#b2b6ad;margin-top:36px;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:600}.intro{color:#858a83;max-width:600px;line-height:1.8}.hero-buttons{gap:14px;margin-top:35px;display:flex}.button{letter-spacing:2px;cursor:pointer;border:1px solid #70775a;padding:15px 27px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.primary{color:#090a09;background:#858d60}.secondary{color:#c5c8c0;background:0 0}.server-card{background:#111412e6;border:1px solid #30342f;padding:40px}.status-line{color:#969d77;letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.status-dot{background:#9ca477;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.server-card h2{margin-bottom:5px;font-family:Barlow Condensed,sans-serif;font-size:35px}.server-card>p{color:#7e837c}.server-details{border-top:1px solid #30342f;border-left:1px solid #30342f;grid-template-columns:1fr 1fr;margin-top:35px;display:grid}.server-details div{border-bottom:1px solid #30342f;border-right:1px solid #30342f;padding:20px}.server-details span,.address span{color:#666c65;letter-spacing:2px;margin-bottom:6px;font-size:11px;display:block}.server-details strong{font-family:Barlow Condensed,sans-serif;font-size:19px}.section{border-bottom:1px solid #252827;padding:110px 7%}.section-heading h2,.server-section h2,.discord-section h2{margin:8px 0 45px;font-family:Barlow Condensed,sans-serif;font-size:clamp(45px,6vw,75px);line-height:.95}.feature-grid{background:#30332f;border:1px solid #30332f;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.feature-grid article{background:#101211;min-height:300px;padding:30px}.number{color:#686e57;letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:14px}.feature-grid h3{letter-spacing:1px;margin-top:55px;font-family:Barlow Condensed,sans-serif;font-size:25px}.feature-grid p,.placeholder{color:#7f847d;line-height:1.7}.server-section{background:#101211;justify-content:space-between;align-items:center;gap:60px;display:flex}.server-section h2{margin-bottom:20px}.server-section p{color:#8d928b}.address{border:1px solid #383d36;min-width:330px;padding:25px 30px}.address strong{letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:25px}.discord-section{text-align:center;padding:120px 7%}.discord-section h2{margin-bottom:20px}.discord-section p{color:#858a83;margin-bottom:35px}footer{color:#626760;letter-spacing:1px;justify-content:space-between;padding:35px 7%;font-family:Barlow Condensed,sans-serif;display:flex}@media (width<=900px){.navbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero h1{font-size:95px}.feature-grid{grid-template-columns:1fr 1fr}.server-section{flex-direction:column;align-items:flex-start}}@media (width<=550px){.brand-sub{display:none}.hero{padding:60px 6%}.hero h1{font-size:72px}.feature-grid{grid-template-columns:1fr}.address{min-width:100%}footer{flex-direction:column;gap:10px}}.brand-logo{width:135px;height:auto;display:block}.footer-brand{align-items:center;gap:20px;display:flex}.footer-logo{opacity:.75;width:80px;height:auto}.hero h1{letter-spacing:-2px;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-weight:700;line-height:.78}.hero h1 span{font-weight:700}.postcard-section{border-top:1px solid #ffffff0f;padding:90px 7% 120px;overflow:hidden}.postcard-heading{max-width:600px;margin-bottom:60px}.postcard-heading>span{color:#929b67;letter-spacing:3px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.postcard-heading h2{color:#f1f0eb;letter-spacing:-1px;margin:0 0 16px;font-size:42px;font-weight:700}.postcard-heading p{color:#858a83;max-width:520px;line-height:1.7}.postcard-stack{width:100%;max-width:1250px;height:500px;margin:0 auto;position:relative}.postcard{background:#d8d3c6;width:360px;padding:9px 9px 34px;transition:transform .25s,z-index;position:absolute;box-shadow:0 25px 55px #0000008c,0 3px 10px #00000080}.postcard img{object-fit:cover;filter:saturate(.72)contrast(1.08)brightness(.82);width:100%;height:220px;display:block}.postcard span{color:#292b25;letter-spacing:3px;text-align:center;padding-top:10px;font-size:10px;font-weight:800;display:block}.postcard-1{z-index:1;top:75px;left:2%;transform:rotate(-7deg)}.postcard-2{z-index:3;top:5px;left:27%;transform:rotate(3deg)}.postcard-3{z-index:4;top:105px;right:25%;transform:rotate(-2deg)}.postcard-4{z-index:2;top:30px;right:1%;transform:rotate(7deg)}.postcard:hover{z-index:10;transform:rotate(0)translateY(-15px)scale(1.06)}@media (width<=900px){.postcard-stack{grid-template-columns:1fr 1fr;gap:25px;height:auto;display:grid}.postcard{width:100%;position:relative;inset:auto;transform:none}.postcard:hover{transform:translateY(-6px)}}@media (width<=600px){.postcard-stack{grid-template-columns:1fr}.postcard-heading h2{font-size:34px}}.server-section{background:radial-gradient(circle at 80% 40%,#8e976712,#0000 32%),#0f1110;padding:100px 7%!important;display:block!important}.server-section-heading{max-width:760px;margin-bottom:55px}.server-section-heading .small-title{color:#929b67;letter-spacing:4px;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.server-section-heading h2{color:#efeee9;letter-spacing:-1px;margin:0 0 20px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:800;line-height:.95}.server-section-heading p{color:#858a83;max-width:700px;margin:0;font-size:15px;line-height:1.7}.server-info-grid{border-top:1px solid #30342f;border-left:1px solid #30342f;width:100%;margin-top:45px;grid-template-columns:repeat(4,minmax(0,1fr))!important;display:grid!important}.server-info-card{box-sizing:border-box;background:#0f1210bf;border-bottom:1px solid #30342f;border-right:1px solid #30342f;flex-direction:column;justify-content:space-between;min-width:0;min-height:125px;padding:24px 26px;display:flex!important}.server-info-card span{color:#686e66;letter-spacing:2.5px;font-size:9px;font-weight:700;display:block}.server-info-card strong{color:#e1e1dc;margin-top:18px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:20px;font-weight:700;line-height:1.15;display:block}.server-highlights{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex!important}.server-highlights span{color:#969d70;letter-spacing:1.5px;background:#14171499;border:1px solid #383d35;padding:9px 14px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;display:inline-block}.server-info-card{transition:background .2s,border-color .2s}.server-info-card:hover{background:#8f97680f;border-color:#464c40}@media (width<=1000px){.server-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=600px){.server-section{padding:75px 6%!important}.server-info-grid{grid-template-columns:1fr!important}.server-info-card{min-height:100px}}.lore-page{color:#ecebe5;background:radial-gradient(circle at 70% 15%,#848e5d14,#0000 30%),#090d0b;min-height:100vh}.lore-navbar .brand{text-decoration:none}.lore-hero{border-bottom:1px solid #ffffff17;grid-template-columns:46% 54%;min-height:620px;display:grid;overflow:hidden}.lore-hero-content{flex-direction:column;justify-content:center;padding:120px 8vw 90px 9vw;display:flex}.lore-kicker{color:#929b68;letter-spacing:5px;font-size:12px;font-weight:700}.lore-hero h1{letter-spacing:-3px;color:#efeee9;margin:15px 0 25px;font-size:clamp(60px,6vw,105px);line-height:.88}.lore-hero h1 span{color:#929b68;display:block}.lore-hero p{color:#999d97;max-width:620px;font-size:16px;line-height:1.8}.lore-divider{background:#ffffff2e;width:100%;max-width:570px;height:1px;margin:28px 0 18px}.lore-strap{letter-spacing:4px;color:#777d75;font-size:10px}.lore-hero-art{min-height:620px;padding:85px 5vw 55px 0}.lore-image-placeholder{color:#ffffff14;letter-spacing:8px;background:linear-gradient(135deg,#8f976314,#0000),#0d120f;border:1px solid #ffffff14;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;min-height:480px;padding:35px;font-size:70px;font-weight:800;display:flex}.lore-overview{background:#0c100e;border-bottom:1px solid #ffffff14;padding:75px 9vw}.lore-overview h2{margin:10px 0 15px;font-size:clamp(36px,4vw,64px);line-height:1}.lore-overview h2 span{color:#929b68}.lore-overview p{color:#8d928c;max-width:750px;line-height:1.7}.clan-list{padding:45px 5vw 80px}.clan-panel{background:#0d110f;border:1px solid #ffffff1a;grid-template-columns:260px minmax(400px,1fr) 38%;max-width:1500px;min-height:360px;margin:0 auto 18px;display:grid;position:relative;overflow:hidden}.clan-panel:before{content:"";background:#929b68;width:3px;height:100%;position:absolute;top:0;left:0}.clan-identity{text-align:center;border-right:1px solid #ffffff14;flex-direction:column;align-items:center;padding:28px 25px;display:flex}.clan-number{text-align:left;color:#929b68;width:100%;font-size:42px;font-weight:800;line-height:1}.clan-emblem{color:#929b68;letter-spacing:3px;border:1px solid #929b6873;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:35px 0 25px;font-size:24px;font-weight:800;display:flex}.clan-identity h3{letter-spacing:1px;margin:0;font-size:23px}.clan-motto{color:#686e67;letter-spacing:3px;margin-top:8px;font-size:9px}.clan-story{padding:45px}.clan-location{color:#929b68;letter-spacing:4px;font-size:10px;font-weight:700}.clan-story h2{letter-spacing:1px;margin:5px 0 20px;font-size:35px}.clan-story p{color:#999d97;margin:0 0 10px;font-size:14px;line-height:1.55}.clan-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.clan-tags span{color:#a7ae7b;letter-spacing:2px;border:1px solid #929b6873;padding:7px 12px;font-size:9px}.clan-image{min-height:360px}.clan-image-placeholder{background:linear-gradient(90deg,#0d110f 0%,#0d110f4d 45%,#0d110f0d),#121814;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%;min-height:360px;padding:30px;display:flex}.clan-image-placeholder span{color:#ffffff1f;font-size:30px;font-weight:800}.clan-image-placeholder small{color:#929b68;letter-spacing:3px;font-size:9px}.lore-ending{text-align:center;background:linear-gradient(#090d0bd9,#090d0b),#0d120f;border-top:1px solid #ffffff14;padding:110px 20px}.lore-ending h2{margin:12px 0;font-size:clamp(42px,5vw,75px)}.lore-ending h2 span{color:#929b68}.lore-ending p{color:#8d928c;margin-bottom:35px}@media (width<=1000px){.lore-hero{grid-template-columns:1fr}.lore-hero-art{min-height:350px;padding:0 7vw 60px}.lore-image-placeholder{min-height:350px}.clan-panel{grid-template-columns:180px 1fr}.clan-image{grid-column:1/-1;min-height:300px}.clan-image-placeholder{min-height:300px}}@media (width<=650px){.lore-hero-content{padding:100px 25px 55px}.lore-overview{padding:60px 25px}.clan-list{padding:25px 15px 60px}.clan-panel{display:block}.clan-identity{text-align:left;align-items:flex-start}.clan-emblem{margin:25px 0}.clan-story{padding:30px 25px}}.clan-image{position:relative;overflow:hidden}.clan-image img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:420px;display:block}.lore-hero-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}