:root{
 --bg:#090806;--bg2:#0d0b09;--surface:#11100d;--surface2:#15110e;
 --text:#f3eee7;--text2:#d3c5b4;--muted:#9d8f7d;
 --red:#873126;--red2:#a64034;--gold:#c49a64;--gold2:#e3c497;
 --line:rgba(230,210,180,.12);--line2:rgba(230,210,180,.22);
 --shadow:0 22px 55px rgba(0,0,0,.26);
 --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%}
svg{display:block}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{position:fixed;z-index:100;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,7,6,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;cursor:pointer}
.brand img{width:50px;height:50px;object-fit:contain}
.brand b{display:block;font:600 17px/1 var(--serif);letter-spacing:.13em}
.brand small{display:block;margin-top:5px;color:#9b8972;font-size:7px;letter-spacing:.28em}
.nav{display:flex;align-items:center;gap:2px}
.nav button{position:relative;border:0;background:transparent;padding:12px 11px;color:#b9ac9c;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.nav button:after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:1px;background:var(--gold);transform:scaleX(0);transition:.18s}
.nav button:hover,.nav button.active{color:#fff}
.nav button:hover:after,.nav button.active:after{transform:scaleX(1)}
.nav .login{margin-left:8px;border:1px solid var(--line2);background:#110e0c}
.page{display:none;padding-top:78px;min-height:100vh}
.page.active{display:block}
.wrap{width:min(1240px,88vw);margin:auto}
.section{padding:92px 0}
.kicker{font-size:9px;font-weight:800;letter-spacing:.18em;color:#b9684c;text-transform:uppercase}
.display{font:400 clamp(44px,5vw,72px)/.98 var(--serif);letter-spacing:-.035em;margin:10px 0 0}
.display em{font-style:italic;color:var(--gold2)}
.copy{color:var(--muted);font-size:14px;line-height:1.85}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:13px 20px;border:1px solid var(--line2);background:#120f0c;color:#eee3d6;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.btn svg{width:15px;height:15px}
.btn:hover{border-color:rgba(217,174,120,.42);background:#17120e}
.btn.primary{background:linear-gradient(180deg,#9c4136,#7d2d25);border-color:rgba(225,174,111,.42);color:#fff}
.muted-line{height:1px;background:var(--line)}

/* Hero */
.hero{position:relative;height:calc(100vh - 78px);min-height:720px;overflow:hidden;display:flex;align-items:center}
.hero-bg{position:absolute;inset:-3%;background:center/cover no-repeat;animation:heroPan 18s ease-in-out infinite alternate}
@keyframes heroPan{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.07) translateX(-1.5%)}}
.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.7),rgba(5,4,3,.2) 58%,rgba(5,4,3,.12)),linear-gradient(180deg,rgba(5,4,3,.14),rgba(5,4,3,.18) 55%,rgba(7,5,4,.92))}
.hero-content{position:relative;z-index:2;width:min(1200px,88vw);margin:auto;padding-bottom:40px}
.hero-logo{width:min(270px,48vw);filter:drop-shadow(0 12px 30px #0008)}
.hero h1{font:400 clamp(58px,7vw,106px)/.9 var(--serif);letter-spacing:-.055em;max-width:900px;margin:16px 0 22px}
.hero h1 em{color:var(--gold2);font-style:italic}
.hero p{max-width:640px;color:#d6c5ae;font-size:16px;line-height:1.8;margin:0 0 28px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{position:absolute;z-index:3;left:6vw;right:6vw;bottom:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:15px;color:#a79379;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.hero-meta strong{color:#e5cfad}
.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8dad79;box-shadow:0 0 7px #8dad79;margin-right:8px}

/* Editorial home */
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start}
.intro-grid .copy{max-width:540px;font-size:15px}
.intro-grid .lead{font:400 22px/1.65 var(--serif);color:#ddcdb8;margin:0 0 20px}
.rule{width:68px;height:1px;background:rgba(196,154,100,.48);margin:24px 0}
.news-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;margin-top:34px}
.feature-story{position:relative;min-height:480px;overflow:hidden;box-shadow:var(--shadow)}
.feature-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.84)}
.feature-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,5,4,.95))}
.feature-story-content{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}
.feature-story-content h3{font:400 34px/1.1 var(--serif);margin:8px 0 10px}
.feature-story-content p{max-width:680px;margin:0;color:#cdbca6;font-size:13px;line-height:1.7}
.event-list{display:grid;align-content:start}
.event{display:grid;grid-template-columns:65px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.event:first-child{border-top:0;padding-top:0}
.event-date{width:65px;height:65px;border:1px solid var(--line2);display:grid;place-items:center;font:400 17px var(--serif);color:#d9b27b}
.event small{font-size:8px;color:#bd6849;letter-spacing:.14em;font-weight:800}
.event h4{font:400 20px var(--serif);margin:5px 0}
.event p{margin:0;color:#9d8e7a;font-size:12px;line-height:1.6}
.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-link{padding:26px 24px;border-right:1px solid var(--line);cursor:pointer}
.quick-link:last-child{border-right:0}
.quick-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);color:#d7ac70;margin-bottom:15px}
.quick-icon svg{width:17px;height:17px}
.quick-link small{font-size:8px;color:#b86649;letter-spacing:.14em;font-weight:800}
.quick-link h3{font:400 21px var(--serif);margin:7px 0 5px}
.quick-link p{margin:0;color:#9b8b76;font-size:12px}
.section-head{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:end;margin-bottom:30px}
.section-head .copy{margin:0}
.recruit-list{border-top:1px solid var(--line)}
.recruit-row{display:grid;grid-template-columns:170px minmax(0,1fr) 240px;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.recruit-row small{font-size:9px;color:#b9684c;letter-spacing:.13em;font-weight:800}
.recruit-row h3{font:400 25px var(--serif);margin:0 0 7px}
.recruit-row p{margin:0;color:#9d8f7c;font-size:13px;line-height:1.65;max-width:630px}
.recruit-action{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.recruit-action span{font-size:10px;color:#c6ad8a;text-align:right}
.forum-home{display:grid;grid-template-columns:1.2fr .55fr;gap:42px}
.forum-feed{border-top:1px solid var(--line)}
.forum-line{display:grid;grid-template-columns:1fr 120px;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.forum-line b{display:block;font-size:16px;margin-bottom:5px}
.forum-line p{margin:0;color:#978772;font-size:12px}
.forum-line time{font-size:10px;color:#857663;text-align:right}
.community-stat{border-left:1px solid var(--line);padding-left:28px}
.community-stat h3{font:400 24px var(--serif);margin:5px 0 18px}
.stat-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:12px;color:#9e8d77}
.stat-row b{color:#e0c8a3}
.gallery-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:240px 240px;gap:8px}
.gallery-item{position:relative;overflow:hidden}
.gallery-item:first-child{grid-row:1/3}
.gallery-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(.8);transition:.3s}
.gallery-item:hover img{transform:scale(1.03);filter:brightness(.95)}
.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,4,3,.78))}
.gallery-item span{position:absolute;z-index:2;left:16px;bottom:14px;color:#ead3af;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.onboarding{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.onboard{min-height:190px;padding:28px 24px;border-right:1px solid var(--line)}
.onboard:last-child{border-right:0}
.onboard small{font-size:8px;color:#b9684c;font-weight:800;letter-spacing:.13em}
.onboard h3{font:400 22px var(--serif);margin:10px 0}
.onboard p{margin:0;color:#978772;font-size:12px;line-height:1.7}
.changelog{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}
.version{border-left:1px solid var(--line2);padding-left:28px}
.version small{font-size:9px;color:#b9684c;letter-spacing:.14em;font-weight:800}
.version h3{font:400 38px var(--serif);margin:10px 0}
.version p{color:#b6a58f;line-height:1.7;font-size:14px}
.change-list{border-top:1px solid var(--line)}
.change{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:19px 0;border-bottom:1px solid var(--line)}
.change b{font-size:9px;color:#d2ad79;letter-spacing:.13em}
.change span{font-size:13px;color:#c4b39d;line-height:1.6}
.support-band{display:flex;justify-content:space-between;gap:26px;align-items:center;margin-top:48px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.support-band h3{font:400 26px var(--serif);margin:5px 0 7px}
.support-band p{margin:0;color:#988975;font-size:13px}

/* Subpages */
.subhero{position:relative;min-height:350px;padding:132px 6vw 52px;display:flex;align-items:end;background:center/cover no-repeat}
.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,4,3,.9),rgba(6,4,3,.45)),linear-gradient(180deg,rgba(6,4,3,.12),rgba(6,4,3,.88))}
.subhero>div{position:relative;z-index:1;width:min(1240px,88vw);margin:auto}
.subhero h1{font:400 clamp(46px,5vw,72px)/1 var(--serif);margin:7px 0 10px}
.subhero p{max-width:700px;color:#c5b39b;font-size:14px;line-height:1.75}

/* Whitelist */
.application{display:grid;grid-template-columns:280px 1fr;gap:58px;max-width:1060px;margin:auto}
.app-side{border-right:1px solid var(--line);padding-right:28px}
.app-side h3{font:400 22px var(--serif)}
.app-step{width:100%;text-align:left;border:0;border-left:2px solid transparent;background:transparent;padding:13px 12px;color:#8f806c}
.app-step.active{border-left-color:var(--gold);color:#f0e4d4;background:linear-gradient(90deg,rgba(196,154,100,.08),transparent)}
.app-step b{display:block;color:#b69265;font-size:8px;margin-bottom:4px}
.app-panel{display:none;max-width:760px}
.app-panel.active{display:block}
.app-panel h2{font:400 42px var(--serif);margin:8px 0 12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:9px;color:#ad9677;text-transform:uppercase;letter-spacing:.11em;font-weight:700}
.field input,.field textarea{background:#0c0a08;border:1px solid var(--line);padding:13px;outline:none}
.field input:focus,.field textarea:focus{border-color:rgba(196,154,100,.38)}
.field textarea{min-height:130px;resize:vertical}
.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}

/* Rules / FAQ */
.docs{display:grid;grid-template-columns:300px 1fr;gap:52px;max-width:1240px;margin:auto}
.docs-side{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;border-right:1px solid var(--line);padding-right:24px}
.docs-side small{display:block;margin:22px 0 8px;color:#b39771;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.docs-link{width:100%;border:0;background:transparent;text-align:left;padding:10px 10px;color:#cfc7bd;font-size:13px;border-left:2px solid transparent}
.docs-link.active,.docs-link:hover{color:#fff7eb;border-left-color:var(--gold);background:linear-gradient(90deg,rgba(196,154,100,.08),transparent)}
.docs-content{max-width:860px}
.docs-content h2{font:400 24px var(--serif);margin:0 0 20px;color:#f6efe6}
.rule-item{margin-bottom:26px}
.rule-item h3{font-size:16px;margin:0 0 8px;color:#fff}
.rule-item p{margin:0;color:#eee8e0;font-size:15px;line-height:1.85}
.docs-section{margin-bottom:42px;scroll-margin-top:110px}
.faq-group{margin-bottom:38px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:16px;background:transparent;border:0;padding:18px 0;color:#fff;font-size:15px;text-align:left}
.faq-a{display:none;padding:0 30px 18px 0;color:#e7e0d7;font-size:14px;line-height:1.8}
.faq-item.open .faq-a{display:block}

/* Forum */
.forum-modern{max-width:1180px;margin:auto}
.forum-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.forum-search{display:flex;align-items:center;gap:8px;max-width:420px;flex:1;border:1px solid var(--line);padding:0 12px}
.forum-search svg{width:16px;color:#9e896c}
.forum-search input{flex:1;border:0;background:transparent;outline:none;padding:12px 0}
.forum-row{display:grid;grid-template-columns:46px 1fr 90px 170px;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.forum-icon{width:42px;height:42px;border:1px solid var(--line2);display:grid;place-items:center;color:#d3aa71}
.forum-icon svg{width:17px}
.forum-row h3{font:400 18px var(--serif);margin:0 0 4px}
.forum-row p{margin:0;color:#8f806c;font-size:11px}
.forum-meta{font-size:10px;color:#8e806b}
.forum-last{font-size:10px;color:#8d7d67}
.forum-last b{display:block;color:#d3b995;margin-bottom:3px}

/* Cities */
.city-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
.city-main{position:relative;min-height:520px;overflow:hidden;box-shadow:var(--shadow)}
.city-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.city-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,4,3,.88))}
.city-main-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:26px}
.city-main-copy small{font-size:8px;color:#d1a26a;letter-spacing:.15em}
.city-main-copy h3{font:400 38px var(--serif);margin:7px 0 8px}
.city-main-copy p{max-width:650px;margin:0;color:#c9b89f;font-size:13px;line-height:1.7}
.city-list{display:grid;align-content:start}
.city-row{display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}
.city-row img{width:105px;height:72px;object-fit:cover;filter:brightness(.8)}
.city-row small{font-size:8px;color:#a78b66}
.city-row b{display:block;margin-top:4px;font:400 17px var(--serif)}

/* Profile */
.profile{max-width:1080px;margin:auto}
.profile-top{display:grid;grid-template-columns:1fr 370px;gap:40px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profile-id{display:flex;gap:18px;align-items:center}
.avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font:400 30px var(--serif);color:#e0bd89;background:#100d0a}
.profile-id h2{font:400 38px var(--serif);margin:4px 0 7px}
.profile-id p{margin:0;color:#988975;font-size:13px}
.profile-statuses{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.profile-status{background:#0d0a08;padding:16px}
.profile-status small{font-size:8px;color:#a78e6c;letter-spacing:.1em}
.profile-status b{display:block;margin-top:5px;font:400 17px var(--serif)}
.profile-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;margin-top:34px}
.profile-section{border-top:1px solid var(--line);padding-top:22px}
.profile-section h3{font:400 26px var(--serif);margin:0 0 16px}
.character{padding:19px 0;border-bottom:1px solid var(--line)}
.character b{display:block;font:400 20px var(--serif)}
.character span{display:block;margin-top:5px;color:#93836e;font-size:11px}
.activity{padding:15px 0;border-bottom:1px solid var(--line)}
.activity b{display:block;font-size:14px}
.activity p{margin:4px 0 0;color:#8f806b;font-size:11px}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

/* Staff */
.staff-private{display:none!important}
.staff-private.demo{display:block!important}
.staff-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}
.staff-tab{border:1px solid var(--line);background:#100d0a;padding:10px 12px;color:#9c8a73;font-size:8px;text-transform:uppercase}
.staff-tab.active{color:#fff;border-color:var(--line2)}
.staff-pane{display:none}
.staff-pane.active{display:block}
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.staff-box{border-top:1px solid var(--line);padding-top:20px}
.staff-box h3{font:400 21px var(--serif);margin:6px 0 8px}
.staff-box p{margin:0;color:#92836f;font-size:12px;line-height:1.7}
#staffDemo{display:none;position:fixed;z-index:1000;right:18px;bottom:18px}
body.staff-preview #staffDemo{display:block}

/* Footer */
footer{padding:34px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#736653;font-size:9px}
.footer-brand{display:flex;align-items:center;gap:10px;color:#baa586}
.footer-brand img{width:40px}

@media(max-width:1050px){
 .nav button:not(.login){display:none}
 .intro-grid,.news-layout,.section-head,.forum-home,.changelog,.application,.docs,.city-layout,.profile-top,.profile-columns{grid-template-columns:1fr}
 .docs-side{position:relative;top:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;gap:4px;overflow:auto}
 .docs-side small{display:none}
 .docs-link{min-width:max-content;border-left:0;border-bottom:2px solid transparent}
 .docs-link.active{border-bottom-color:var(--gold)}
 .recruit-row{grid-template-columns:130px 1fr}
 .recruit-action{grid-column:2;justify-content:flex-start}
 .community-stat{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
 .staff-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .header{padding:0 18px}
 .brand span{display:none}
 .wrap{width:min(100% - 36px,1240px)}
 .section{padding:68px 0}
 .hero-content{width:min(100% - 36px,1200px)}
 .hero h1{font-size:54px}
 .hero-meta{display:none}
 .quick-nav,.onboarding,.staff-grid{grid-template-columns:1fr}
 .quick-link,.onboard{border-right:0;border-bottom:1px solid var(--line)}
 .gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,200px)}
 .gallery-item:first-child{grid-row:auto}
 .recruit-row{grid-template-columns:1fr;gap:8px}
 .recruit-action{grid-column:auto;justify-content:space-between}
 .forum-row{grid-template-columns:42px 1fr}
 .forum-meta,.forum-last{display:none}
 .form-grid{grid-template-columns:1fr}
 .profile-statuses{grid-template-columns:1fr}
 .support-band{align-items:flex-start;flex-direction:column}
}

/* ===== V27 COMMUNITY PLATFORM ===== */
.live-server{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px}.live-server>div{padding:20px 22px;border-right:1px solid var(--line);background:#0c0a08}.live-server>div:last-child{border-right:0}.live-server small{display:block;font-size:8px;color:#9c8a72;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.live-server b{font:400 20px var(--serif);color:#ead8bd}.live-server .main b{font-size:24px;color:#dceacb}.live-server p{margin:5px 0 0;color:#8f806c;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fae7b;box-shadow:0 0 8px rgba(143,174,123,.6);margin-right:8px}
.calendar-shell{display:grid;grid-template-columns:290px 1fr;gap:34px;margin-top:32px}.calendar-month{border-top:1px solid var(--line);padding-top:18px}.calendar-month h3{font:400 28px var(--serif);margin:0 0 10px}.calendar-month p{color:#93836f;font-size:12px;line-height:1.7}.calendar-list{border-top:1px solid var(--line)}.calendar-row{display:grid;grid-template-columns:82px 160px 1fr 140px;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.calendar-row .date{font:400 20px var(--serif);color:#d9b27e}.calendar-row .city{color:#bfa98b;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.calendar-row h4{font:400 18px var(--serif);margin:0 0 4px}.calendar-row p{margin:0;color:#8d7e6b;font-size:11px}.calendar-row .type{justify-self:end;border:1px solid var(--line);padding:6px 8px;font-size:8px;color:#bfa680;text-transform:uppercase;letter-spacing:.1em}
.registry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.registry-tabs{display:flex;gap:6px;flex-wrap:wrap}.registry-tab{border:1px solid var(--line);background:#0f0c0a;color:#9f8e77;padding:9px 12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.registry-tab.active{color:#fff;border-color:var(--line2)}.registry-search{display:flex;align-items:center;gap:8px;min-width:300px;border:1px solid var(--line);padding:0 11px;background:#0c0a08}.registry-search input{flex:1;background:transparent;border:0;outline:none;padding:11px 0}.registry-table{width:100%;border-collapse:collapse}.registry-table th,.registry-table td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:left}.registry-table th{font-size:8px;color:#a88e6d;text-transform:uppercase;letter-spacing:.11em}.registry-table td{font-size:12px;color:#c2b097}.registry-name{font:400 16px var(--serif);color:#f0e5d7}.badge{display:inline-flex;padding:5px 7px;border:1px solid var(--line);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.badge.ok{color:#b9d5a4}.badge.warn{color:#d6b06d}
.city-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.city-detail{border-top:1px solid var(--line);padding-top:18px}.city-detail small{font-size:8px;color:#a98b66;letter-spacing:.12em;text-transform:uppercase}.city-detail h4{font:400 20px var(--serif);margin:7px 0}.city-detail p{margin:0;color:#8f806c;font-size:12px;line-height:1.7}
.support-flow{display:grid;grid-template-columns:240px 1fr;gap:40px;margin-top:30px}.support-menu{border-right:1px solid var(--line);padding-right:24px}.support-option{width:100%;text-align:left;border:0;border-left:2px solid transparent;background:transparent;color:#94836e;padding:12px 10px;font-size:11px}.support-option.active{color:#fff;border-left-color:var(--gold);background:linear-gradient(90deg,rgba(196,154,100,.08),transparent)}.support-panel{display:none;max-width:760px}.support-panel.active{display:block}.support-panel h3{font:400 30px var(--serif);margin:0 0 12px}.support-panel p{color:#9a8a76;font-size:13px;line-height:1.75}
.changelog-timeline{border-left:1px solid var(--line2);padding-left:28px}.release{position:relative;padding:0 0 34px}.release:before{content:"";position:absolute;left:-33px;top:4px;width:9px;height:9px;border-radius:50%;background:#9a4034;border:2px solid #21140f}.release small{font-size:8px;color:#b16a4c;letter-spacing:.13em}.release h3{font:400 26px var(--serif);margin:6px 0 8px}.release p{color:#9c8b76;font-size:12px;line-height:1.7}.release ul{margin:10px 0 0;padding-left:18px;color:#c1af96;font-size:12px;line-height:1.7}
.profile-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:28px}.profile-mini{background:#0c0a08;padding:18px}.profile-mini small{display:block;font-size:8px;color:#9e8a6f;text-transform:uppercase;letter-spacing:.1em}.profile-mini b{display:block;margin-top:6px;font:400 18px var(--serif);color:#e5ceb0}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links button{border:0;background:transparent;color:#847560;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-links button:hover{color:#d9c3a1}
@media(max-width:980px){.live-server{grid-template-columns:1fr 1fr}.calendar-shell,.support-flow{grid-template-columns:1fr}.support-menu{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;gap:4px;overflow:auto}.support-option{min-width:max-content;border-left:0;border-bottom:2px solid transparent}.support-option.active{border-bottom-color:var(--gold)}.calendar-row{grid-template-columns:70px 120px 1fr}.calendar-row .type{display:none}.city-detail-grid,.profile-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.live-server,.city-detail-grid,.profile-mini-grid{grid-template-columns:1fr}.registry-toolbar{align-items:stretch;flex-direction:column}.registry-search{min-width:0;width:100%}.registry-table{display:block;overflow:auto}.calendar-row{grid-template-columns:64px 1fr}.calendar-row .city{grid-column:2}}


/* ===== V28 FINAL PROTOTYPE PASS ===== */
:root{
  --focus:rgba(196,154,100,.42);
}
button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:2px;
}
.nav button.active{
  color:#fff!important;
}
.loading-dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#8fae7b;box-shadow:0 0 8px rgba(143,174,123,.6);margin-right:8px
}
.notice{
  border-left:2px solid var(--gold);
  background:#0f0c09;
  padding:13px 15px;
  color:#aa9a84;
  font-size:11px;
  line-height:1.65;
}
.form-error{
  display:none;
  color:#d58a7d;
  font-size:10px;
  margin-top:5px;
}
.field.invalid input,.field.invalid textarea{
  border-color:#9c493e!important;
}
.field.invalid .form-error{display:block}
.registry-empty{
  display:none;
  padding:26px 0;
  color:#8f806c;
  font-size:13px;
}
.registry-empty.show{display:block}
.thread-panel{
  display:none;
  margin-top:28px;
  border-top:1px solid var(--line);
  padding-top:22px;
}
.thread-panel.active{display:block}
.thread-head{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px
}
.thread-head h3{font:400 27px var(--serif);margin:0 0 7px}
.thread-head p{margin:0;color:#90816d;font-size:11px}
.post{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:24px;
  padding:20px 0;
  border-top:1px solid var(--line);
}
.post-user{
  color:#a48f72;
  font-size:11px;
}
.post-user b{
  display:block;color:#e3cbaa;font:400 17px var(--serif);margin-bottom:6px
}
.post-body{
  color:#d7c9b8;font-size:13px;line-height:1.75
}
.thread-close{
  border:0;background:transparent;color:#a79071;font-size:10px;text-transform:uppercase
}
.character-detail{
  display:none;
  margin-top:18px;
  padding:18px 0;
  border-top:1px solid var(--line);
}
.character-detail.active{display:block}
.character-detail dl{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px 18px;
  margin:0;
}
.character-detail dt{
  color:#8e7f6b;font-size:10px;text-transform:uppercase;letter-spacing:.09em
}
.character-detail dd{
  margin:0;color:#d8c7af;font-size:12px
}
.city-actions{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:18px
}
.modal-backdrop{
  display:none;
  position:fixed;z-index:1500;inset:0;
  background:rgba(3,2,2,.78);
  backdrop-filter:blur(6px);
  align-items:center;justify-content:center;
  padding:24px;
}
.modal-backdrop.open{display:flex}
.modal{
  width:min(560px,100%);
  background:#0d0a08;
  border:1px solid var(--line2);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  padding:28px;
}
.modal h3{font:400 28px var(--serif);margin:0 0 10px}
.modal p{color:#9e8f7b;font-size:12px;line-height:1.7}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.status-good{color:#bfd9aa!important}
.status-warn{color:#d6b06d!important}
.staff-search{
  display:flex;gap:9px;margin:18px 0
}
.staff-search input{
  flex:1;background:#0c0a08;border:1px solid var(--line);padding:12px;outline:none
}
.staff-result{
  border-top:1px solid var(--line);padding-top:18px;margin-top:16px
}
.staff-result-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)
}
.staff-result-grid>div{
  background:#0c0a08;padding:14px
}
.staff-result-grid small{
  display:block;font-size:8px;color:#8f7d65;text-transform:uppercase
}
.staff-result-grid b{
  display:block;margin-top:5px;font:400 16px var(--serif)
}
.event-interest{
  border:1px solid var(--line);
  background:transparent;
  color:#baa587;
  padding:7px 9px;
  font-size:8px;
  text-transform:uppercase;
}
.event-interest.active{
  color:#dfead1;
  border-color:rgba(143,174,123,.35);
}
@media(max-width:750px){
  .post{grid-template-columns:1fr}
  .staff-result-grid{grid-template-columns:1fr 1fr}
}


/* ===== V30 PROFESSIONAL UI POLISH ===== */
:root{
  --ui-bg:#0b0908;
  --ui-bg-soft:#100d0b;
  --ui-panel:rgba(18,14,11,.90);
  --ui-panel-2:rgba(22,17,13,.88);
  --ui-line:rgba(229,207,174,.10);
  --ui-line-strong:rgba(229,207,174,.18);
  --ui-gold:#c89c67;
  --ui-gold-soft:#dfbd8d;
  --ui-red:#8d352b;
  --ui-red-2:#a54538;
  --ui-text:#f4eee7;
  --ui-muted:#9d8f7c;
  --ui-muted-2:#c9b8a1;
  --ui-radius:8px;
  --ui-shadow:0 18px 50px rgba(0,0,0,.22);
}

/* Global refinement */
.section{
  padding-top:88px !important;
  padding-bottom:88px !important;
}
.wrap{
  width:min(1260px,88vw) !important;
}
.section-head{
  gap:54px !important;
  margin-bottom:36px !important;
}
.section-head .copy{
  max-width:420px !important;
}
.kicker{
  letter-spacing:.18em !important;
  color:#b96b4e !important;
}
.display{
  letter-spacing:-.035em !important;
}
.copy{
  color:var(--ui-muted) !important;
  line-height:1.85 !important;
}

/* Header/nav */
.header{
  height:80px !important;
  background:rgba(8,7,6,.92) !important;
  backdrop-filter:blur(18px) saturate(1.05) !important;
  border-bottom:1px solid rgba(229,207,174,.08) !important;
}
.page{
  padding-top:80px !important;
}
.nav button{
  padding:11px 10px !important;
  border-radius:6px;
  transition:color .18s ease, background .18s ease !important;
}
.nav button:hover{
  background:rgba(255,255,255,.02) !important;
}
.nav .login{
  border:1px solid var(--ui-line-strong) !important;
  background:linear-gradient(180deg,rgba(24,19,15,.94),rgba(13,10,8,.98)) !important;
  padding:11px 14px !important;
}

/* Professional buttons */
.btn{
  position:relative !important;
  min-height:46px !important;
  padding:13px 19px !important;
  border-radius:6px !important;
  border:1px solid var(--ui-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(24,19,15,.96), rgba(13,10,8,.98)) !important;
  color:#eee2d4 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.12) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}
.btn:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
  pointer-events:none;
}
.btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(218,177,123,.34) !important;
  background:linear-gradient(180deg,rgba(29,22,17,.98),rgba(15,11,9,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.16) !important;
}
.btn.primary{
  background:linear-gradient(180deg,#9e4136,#7b2d25) !important;
  border-color:rgba(229,177,111,.42) !important;
  color:#fffaf4 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 9px 22px rgba(87,25,19,.24) !important;
}
.btn.primary:hover{
  background:linear-gradient(180deg,#aa493c,#853128) !important;
}
.btn svg{
  width:14px !important;
  height:14px !important;
}

/* Cards / panels */
.feature-story,
.city-main,
.modal{
  border-radius:10px !important;
  overflow:hidden !important;
}
.feature-story,
.city-main{
  box-shadow:var(--ui-shadow) !important;
}
.event,
.recruit-row,
.forum-line,
.calendar-row,
.change,
.character,
.activity,
.city-row{
  transition:background .16s ease, border-color .16s ease !important;
}
.event:hover,
.recruit-row:hover,
.forum-line:hover,
.calendar-row:hover,
.change:hover,
.character:hover,
.activity:hover,
.city-row:hover{
  background:rgba(255,255,255,.012) !important;
}

/* Quick links */
.quick-nav{
  border-top:1px solid var(--ui-line) !important;
  border-bottom:1px solid var(--ui-line) !important;
}
.quick-link{
  padding:28px 26px !important;
  background:transparent !important;
  transition:background .18s ease !important;
}
.quick-link:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent) !important;
}
.quick-icon{
  width:44px !important;
  height:44px !important;
  border-radius:7px !important;
  border:1px solid var(--ui-line-strong) !important;
  background:linear-gradient(180deg,rgba(24,19,15,.7),rgba(12,10,8,.3)) !important;
  color:var(--ui-gold-soft) !important;
}
.quick-link h3{
  font-size:22px !important;
}

/* Server status */
.live-server{
  border-radius:8px;
  overflow:hidden;
  border:1px solid var(--ui-line) !important;
  background:var(--ui-line) !important;
}
.live-server>div{
  border:0 !important;
  background:linear-gradient(180deg,#0e0b09,#0b0907) !important;
}
.live-server>div:hover{
  background:linear-gradient(180deg,#12100d,#0d0a08) !important;
}

/* Event list */
.event{
  grid-template-columns:68px 1fr !important;
  gap:17px !important;
  padding:22px 0 !important;
}
.event-date{
  width:68px !important;
  height:68px !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,rgba(21,17,13,.88),rgba(10,8,7,.96)) !important;
  border:1px solid var(--ui-line-strong) !important;
}
.event h4{
  font-size:21px !important;
}

/* Recruitment */
.recruit-list{
  border-top:1px solid var(--ui-line) !important;
}
.recruit-row{
  padding:26px 8px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.recruit-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.012),transparent) !important;
}
.recruit-row h3{
  font-size:26px !important;
}
.recruit-action .btn{
  min-width:104px;
}

/* Forum */
.forum-line{
  padding:22px 8px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.forum-line b{
  font-size:17px !important;
}
.community-stat{
  border-left:1px solid var(--ui-line) !important;
}
.stat-row{
  border-top:1px solid var(--ui-line) !important;
  padding:14px 0 !important;
}
.forum-row{
  padding:22px 6px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.forum-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.014),transparent) !important;
}
.forum-icon{
  width:46px !important;
  height:46px !important;
  border-radius:7px !important;
  border:1px solid var(--ui-line-strong) !important;
  background:linear-gradient(180deg,rgba(20,16,13,.85),rgba(11,9,7,.9)) !important;
}
.thread-panel{
  border-top:1px solid var(--ui-line) !important;
  padding-top:28px !important;
}
.post{
  border-top:1px solid var(--ui-line) !important;
  padding:22px 0 !important;
}

/* Gallery */
.gallery-grid{
  gap:10px !important;
}
.gallery-item{
  border-radius:8px !important;
}
.gallery-item img{
  transition:transform .28s ease,filter .28s ease !important;
}
.gallery-item:hover img{
  transform:scale(1.025) !important;
}

/* Onboarding */
.onboarding{
  border-top:1px solid var(--ui-line) !important;
  border-bottom:1px solid var(--ui-line) !important;
}
.onboard{
  padding:30px 26px !important;
  border-right:1px solid var(--ui-line) !important;
  transition:background .16s ease !important;
}
.onboard:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent) !important;
}
.onboard h3{
  font-size:23px !important;
}

/* Calendar */
.calendar-shell{
  gap:38px !important;
}
.calendar-list{
  border-top:1px solid var(--ui-line) !important;
}
.calendar-row{
  padding:19px 8px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.event-interest{
  border-radius:5px !important;
  background:linear-gradient(180deg,rgba(19,15,12,.8),rgba(11,9,7,.95)) !important;
}
.event-interest:hover{
  border-color:rgba(218,177,123,.3) !important;
}

/* Changelog */
.version{
  padding:5px 0 5px 30px !important;
}
.change-list{
  border-top:1px solid var(--ui-line) !important;
}
.change{
  padding:20px 8px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.support-band{
  border-top:1px solid var(--ui-line) !important;
  border-bottom:1px solid var(--ui-line) !important;
}

/* Registry */
.registry-tabs{
  gap:8px !important;
}
.registry-tab{
  border-radius:5px !important;
  background:linear-gradient(180deg,rgba(19,15,12,.88),rgba(11,9,7,.96)) !important;
  border:1px solid var(--ui-line) !important;
  transition:.16s !important;
}
.registry-tab:hover{
  border-color:rgba(218,177,123,.3) !important;
  color:#e9dac6 !important;
}
.registry-tab.active{
  border-color:rgba(207,164,109,.36) !important;
  background:linear-gradient(180deg,rgba(37,27,20,.96),rgba(18,13,10,.98)) !important;
  color:#fff !important;
}
.registry-search{
  border-radius:6px !important;
  background:#0d0a08 !important;
  border:1px solid var(--ui-line) !important;
}
.registry-search:focus-within{
  border-color:rgba(206,161,103,.34) !important;
}
.registry-table{
  overflow:hidden;
}
.registry-table tbody tr{
  transition:background .15s ease !important;
}
.registry-table tbody tr:hover{
  background:rgba(255,255,255,.013) !important;
}
.registry-table th,
.registry-table td{
  border-bottom:1px solid var(--ui-line) !important;
}
.badge{
  border-radius:4px !important;
  background:rgba(255,255,255,.01) !important;
}

/* Cities */
.city-layout{
  gap:28px !important;
}
.city-row{
  padding:14px 5px !important;
  border-bottom:1px solid var(--ui-line) !important;
  border-radius:6px;
}
.city-row img{
  border-radius:6px;
}
.city-detail-grid{
  gap:24px !important;
}
.city-detail{
  border-top:1px solid var(--ui-line) !important;
  padding-top:20px !important;
}

/* Profile */
.profile-top{
  border-top:1px solid var(--ui-line) !important;
  border-bottom:1px solid var(--ui-line) !important;
}
.avatar{
  border:1px solid var(--ui-line-strong) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.profile-statuses{
  border-radius:7px;
  overflow:hidden;
}
.profile-section{
  border-top:1px solid var(--ui-line) !important;
}
.character,
.activity{
  border-bottom:1px solid var(--ui-line) !important;
  padding:17px 6px !important;
  border-radius:5px;
}
.profile-mini-grid{
  border-radius:7px;
  overflow:hidden;
}
.profile-mini{
  background:linear-gradient(180deg,#0e0b09,#0b0907) !important;
}
.profile-actions{
  gap:12px !important;
}

/* Whitelist */
.application{
  gap:64px !important;
}
.app-side{
  border-right:1px solid var(--ui-line) !important;
}
.app-step{
  border-radius:0 5px 5px 0;
}
.app-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);
  padding:6px 0 0;
}
.field input,
.field textarea{
  border-radius:5px !important;
  background:#0d0a08 !important;
  border:1px solid var(--ui-line) !important;
}
.field input:focus,
.field textarea:focus{
  border-color:rgba(206,161,103,.35) !important;
  box-shadow:0 0 0 3px rgba(196,154,100,.05) !important;
}

/* Rules / FAQ */
.docs-side{
  border-right:1px solid var(--ui-line) !important;
}
.docs-link{
  border-radius:0 5px 5px 0;
}
.rule-item{
  padding-bottom:24px;
  border-bottom:1px solid rgba(229,207,174,.06);
}
.rule-item:last-child{
  border-bottom:0;
}
.faq-item{
  border-top:1px solid var(--ui-line) !important;
}
.faq-item:last-child{
  border-bottom:1px solid var(--ui-line) !important;
}
.faq-q{
  padding:20px 4px !important;
}
.faq-q:hover{
  color:#e9d5b7 !important;
}

/* Support */
.support-band{
  border-radius:7px;
  padding-left:20px !important;
  padding-right:20px !important;
  background:linear-gradient(90deg,rgba(139,52,43,.08),transparent) !important;
}

/* Staff */
.staff-tab{
  border-radius:5px !important;
  background:linear-gradient(180deg,rgba(19,15,12,.9),rgba(11,9,7,.96)) !important;
}
.staff-tab.active{
  border-color:rgba(218,177,123,.3) !important;
  color:#fff !important;
}
.staff-box{
  border-top:1px solid var(--ui-line) !important;
}
.staff-search input{
  border-radius:5px !important;
  border:1px solid var(--ui-line) !important;
}
.staff-result-grid{
  border-radius:6px;
  overflow:hidden;
}

/* Modal */
.modal-backdrop{
  background:rgba(3,2,2,.82) !important;
}
.modal{
  border-radius:10px !important;
  border:1px solid var(--ui-line-strong) !important;
  background:
    radial-gradient(circle at top right,rgba(140,52,42,.07),transparent 35%),
    #0d0a08 !important;
}
.modal-actions{
  gap:12px !important;
}

/* Footer */
footer{
  padding-top:38px !important;
  padding-bottom:38px !important;
  border-top:1px solid var(--ui-line) !important;
}
.footer-links{
  gap:18px !important;
}
.footer-links button{
  transition:color .15s ease !important;
}

/* Responsive polish */
@media(max-width:980px){
  .section-head{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}
@media(max-width:720px){
  .section{
    padding-top:68px !important;
    padding-bottom:68px !important;
  }
  .quick-link{
    padding:24px 20px !important;
  }
  .recruit-row{
    padding:22px 0 !important;
  }
  .btn{
    min-height:44px !important;
  }
}


/* ===== V31 REDCREEK GAMING COMMUNITY THEME ===== */
:root{
  --gt-bg:#09090a;
  --gt-bg2:#0f0d0d;
  --gt-panel:#151111;
  --gt-panel2:#1b1413;
  --gt-red:#8f2e26;
  --gt-red-bright:#b33f34;
  --gt-red-dark:#641f1b;
  --gt-gold:#c4935d;
  --gt-text:#f6f0e9;
  --gt-muted:#a99a87;
  --gt-line:rgba(235,216,189,.12);
  --gt-shadow:0 24px 55px rgba(0,0,0,.36);
}
body{
  background:
    radial-gradient(circle at 50% -12%,rgba(145,44,35,.10),transparent 34%),
    linear-gradient(180deg,#09090a,#0b0908 38%,#080706);
}

/* Header closer to gaming-community theme */
.header{
  height:88px!important;
  padding:0 4.5vw!important;
  background:rgba(8,8,9,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.page{padding-top:88px!important}
.brand img{
  width:58px!important;height:58px!important;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.4))
}
.brand b{font-size:19px!important}
.brand small{color:#a68165!important}
.nav{gap:5px!important}
.nav button{
  padding:13px 12px!important;
  font-size:9px!important;
  border-radius:4px!important;
}
.nav button:after{display:none!important}
.nav button.active,
.nav button:hover{
  background:rgba(143,46,38,.14)!important;
  color:#fff!important;
}
.nav .login{
  background:linear-gradient(180deg,var(--gt-red-bright),var(--gt-red-dark))!important;
  border-color:rgba(232,171,122,.22)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(84,22,18,.30)!important;
}

/* Massive gaming hero */
.hero{
  min-height:780px!important;
  height:calc(100vh - 88px)!important;
}
.hero:before{
  background:
    linear-gradient(90deg,rgba(5,5,6,.86) 0%,rgba(5,5,6,.56) 42%,rgba(5,5,6,.12) 70%),
    linear-gradient(180deg,rgba(5,5,6,.10),rgba(5,5,6,.34) 55%,#09090a 100%)!important;
}
.hero-content{
  width:min(1280px,90vw)!important;
  padding-bottom:70px!important;
}
.hero-logo{
  width:min(330px,50vw)!important;
}
.hero h1{
  font-size:clamp(62px,7vw,112px)!important;
  max-width:900px!important;
  line-height:.88!important;
  text-transform:uppercase;
}
.hero h1 em{
  color:#d7aa72!important;
  text-shadow:0 4px 20px rgba(0,0,0,.35)
}
.hero p{
  max-width:620px!important;
  font-size:16px!important;
  color:#d2c4b4!important;
}
.hero-meta{
  background:rgba(9,9,10,.52);
  backdrop-filter:blur(8px);
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding:15px 18px!important;
}

/* Gaming CTA buttons */
.btn{
  border-radius:3px!important;
  min-height:48px!important;
  padding:14px 22px!important;
  background:linear-gradient(180deg,#191515,#100d0d)!important;
  border:1px solid rgba(235,216,189,.13)!important;
  box-shadow:none!important;
}
.btn:hover{
  background:linear-gradient(180deg,#201817,#141010)!important;
  border-color:rgba(196,147,93,.34)!important;
  transform:translateY(-1px)!important;
}
.btn.primary{
  background:linear-gradient(180deg,var(--gt-red-bright),var(--gt-red-dark))!important;
  border-color:rgba(233,174,117,.28)!important;
  box-shadow:0 12px 28px rgba(86,22,18,.24)!important;
}
.btn.primary:hover{
  background:linear-gradient(180deg,#c04a3d,#74241f)!important;
}

/* Accent bars and section headings */
.kicker{
  color:#cc5a49!important;
  font-size:9px!important;
  letter-spacing:.19em!important;
}
.section-head{
  position:relative;
}
.section-head:before{
  content:"";
  position:absolute;
  left:0;top:-18px;
  width:52px;height:3px;
  background:linear-gradient(90deg,var(--gt-red-bright),var(--gt-gold));
}
.display em{
  color:#d2a26c!important;
}

/* status as stronger gaming strip */
.live-server{
  background:#111!important;
  border:0!important;
  box-shadow:var(--gt-shadow);
}
.live-server>div{
  background:linear-gradient(180deg,#131112,#0d0b0b)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  padding:23px 24px!important;
}
.live-server .main{
  border-left:3px solid var(--gt-red)!important;
}

/* intro */
.intro-grid{
  gap:86px!important;
}
.intro-grid .lead{
  font-size:23px!important;
}

/* Image cards closer to gaming template */
.feature-story{
  min-height:520px!important;
  border-radius:4px!important;
  box-shadow:var(--gt-shadow)!important;
}
.feature-story img{
  filter:brightness(.65) saturate(.9) contrast(1.04)!important;
}
.feature-story:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(8,5,5,.10) 35%,rgba(9,7,7,.92)),
    linear-gradient(90deg,rgba(120,28,24,.15),transparent 60%)!important;
}
.feature-story-content{
  left:36px!important;right:36px!important;bottom:34px!important;
}
.feature-story-content h3{
  font-size:38px!important;
}
.event{
  padding:22px 14px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.event:hover{
  background:linear-gradient(90deg,rgba(143,46,38,.08),transparent)!important;
}
.event-date{
  border-radius:3px!important;
  border-color:rgba(185,70,56,.28)!important;
  background:linear-gradient(180deg,#1a1313,#0e0b0b)!important;
  color:#e3bb8b!important;
}

/* quick menu cards become stronger */
.quick-nav{
  gap:12px!important;
  border:0!important;
}
.quick-link{
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(180deg,#141111,#0e0c0c)!important;
  min-height:180px!important;
  padding:28px!important;
  position:relative;
  overflow:hidden;
}
.quick-link:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--gt-red-bright),var(--gt-red-dark));
  opacity:.8;
}
.quick-link:hover{
  background:linear-gradient(180deg,#1a1413,#110d0d)!important;
  border-color:rgba(180,68,55,.18)!important;
}
.quick-icon{
  border-radius:3px!important;
  border-color:rgba(185,70,56,.22)!important;
  color:#dfb276!important;
  background:#110e0e!important;
}

/* recruit section becomes gaming roster-like */
.recruit-list{
  background:linear-gradient(180deg,rgba(19,15,15,.72),rgba(11,9,9,.72));
  border:1px solid rgba(255,255,255,.06)!important;
}
.recruit-row{
  padding:26px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.recruit-row:last-child{border-bottom:0!important}
.recruit-row:hover{
  background:linear-gradient(90deg,rgba(143,46,38,.07),transparent)!important;
}
.recruit-row h3{
  color:#f6eee6!important;
}
.recruit-row small{
  color:#c75b48!important;
}

/* forum widgets */
.forum-home{
  gap:34px!important;
}
.forum-feed{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.06)!important;
  border-top:3px solid var(--gt-red)!important;
}
.forum-line{
  padding:20px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.forum-line:hover{
  background:rgba(143,46,38,.06)!important;
}
.community-stat{
  border:1px solid rgba(255,255,255,.06)!important;
  border-top:3px solid var(--gt-gold)!important;
  background:#0f0d0d!important;
  padding:24px!important;
}
.forum-row{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.05)!important;
  margin-bottom:8px;
  padding:20px 18px!important;
}
.forum-row:hover{
  border-color:rgba(183,68,55,.16)!important;
  background:#151010!important;
}
.forum-icon{
  border-radius:3px!important;
  border-color:rgba(189,78,61,.22)!important;
  color:#d9aa70!important;
}

/* gallery with game-portal feel */
.gallery-grid{
  gap:12px!important;
}
.gallery-item{
  border-radius:3px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.gallery-item:before{
  content:"";
  position:absolute;z-index:2;
  left:0;bottom:0;width:3px;height:45%;
  background:linear-gradient(180deg,transparent,var(--gt-red));
}

/* onboarding cards */
.onboarding{
  gap:12px!important;
  border:0!important;
}
.onboard{
  border:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg,#131010,#0d0b0b)!important;
  min-height:210px!important;
  position:relative;
}
.onboard:before{
  content:"";
  position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--gt-red),transparent 70%);
}
.onboard:hover{
  background:linear-gradient(180deg,#181212,#100d0d)!important;
}
.onboard small{color:#ca5e4a!important}

/* calendar */
.calendar-row{
  background:#0e0c0c!important;
  margin-bottom:6px;
  border:1px solid rgba(255,255,255,.05)!important;
  padding:17px 16px!important;
}
.calendar-row:hover{
  background:#151010!important;
}
.event-interest{
  border-radius:3px!important;
}

/* changelog */
.version{
  background:linear-gradient(180deg,#121010,#0d0b0b);
  border:1px solid rgba(255,255,255,.06)!important;
  border-left:3px solid var(--gt-red)!important;
  padding:26px!important;
}
.change-list{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.06)!important;
}
.change{
  padding:18px 20px!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.support-band{
  background:linear-gradient(90deg,rgba(142,43,35,.14),rgba(19,15,15,.8))!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-left:3px solid var(--gt-red)!important;
  padding:26px!important;
}

/* subheroes stronger */
.subhero{
  min-height:390px!important;
}
.subhero:before{
  background:
    linear-gradient(90deg,rgba(7,7,8,.9),rgba(7,7,8,.48) 58%,rgba(7,7,8,.12)),
    linear-gradient(180deg,rgba(7,7,8,.12),rgba(8,7,7,.9))!important;
}
.subhero h1{
  text-transform:uppercase;
  letter-spacing:-.025em!important;
}

/* registry becomes game-directory styled */
.registry-tab{
  border-radius:3px!important;
  background:#121010!important;
}
.registry-tab.active{
  background:linear-gradient(180deg,var(--gt-red-bright),var(--gt-red-dark))!important;
  color:#fff!important;
}
.registry-search{
  border-radius:3px!important;
  background:#0f0d0d!important;
}
.registry-table{
  background:#0f0d0d!important;
  border:1px solid rgba(255,255,255,.055);
}
.registry-table th{
  background:#151111;
  color:#c9a279!important;
}
.registry-table td{
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.registry-table tbody tr:hover{
  background:rgba(143,46,38,.06)!important;
}
.badge{
  border-radius:2px!important;
}

/* city */
.city-main{
  border-radius:4px!important;
}
.city-list{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055);
  padding:8px 14px;
}
.city-row{
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.city-row:hover{
  background:rgba(143,46,38,.05)!important;
}
.city-row img{
  border-radius:3px!important;
}
.city-detail{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055)!important;
  padding:20px!important;
}

/* profile */
.profile-top{
  background:linear-gradient(180deg,#121010,#0d0b0b)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  padding:26px!important;
}
.avatar{
  border-radius:4px!important;
  background:linear-gradient(180deg,#241817,#130e0e)!important;
  border-color:rgba(190,74,58,.25)!important;
}
.profile-statuses{
  border-radius:3px!important;
}
.profile-section{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055)!important;
  padding:22px!important;
}
.character,.activity{
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.profile-mini-grid{
  border-radius:3px!important;
}

/* whitelist */
.application{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055);
  padding:30px;
}
.app-side{
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.app-step{
  border-radius:3px!important;
}
.app-step.active{
  background:linear-gradient(90deg,rgba(143,46,38,.16),transparent)!important;
  border-left-color:var(--gt-red-bright)!important;
}
.field input,.field textarea{
  border-radius:3px!important;
  background:#0c0b0b!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* rules/faq */
.docs{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055);
  padding:28px;
}
.docs-side{
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.docs-link.active{
  background:linear-gradient(90deg,rgba(143,46,38,.13),transparent)!important;
  border-left-color:var(--gt-red-bright)!important;
}
.rule-item{
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.faq-item{
  border-color:rgba(255,255,255,.055)!important;
}

/* support */
.recruit-list .recruit-row .btn.primary{
  min-width:132px;
}

/* staff */
.staff-tab.active{
  background:linear-gradient(180deg,var(--gt-red-bright),var(--gt-red-dark))!important;
  border-color:rgba(225,174,111,.28)!important;
}
.staff-box{
  background:#0f0d0d;
  border:1px solid rgba(255,255,255,.055)!important;
  border-top:2px solid rgba(143,46,38,.65)!important;
  padding:20px!important;
}

/* footer */
footer{
  background:#080708!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  min-height:130px;
}
.footer-links button:hover{
  color:#d4a26b!important;
}

@media(max-width:1050px){
  .quick-nav{grid-template-columns:1fr 1fr!important}
  .onboarding{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  .quick-nav,.onboarding{grid-template-columns:1fr!important}
  .application,.docs{padding:20px!important}
}


/* ===== V32 CLOUX-LIKE HOMEPAGE REBUILD ===== */
.cloux-hero{
  position:relative;
  height:calc(100vh - 88px);
  min-height:760px;
  overflow:hidden;
  background:#080808;
}
.cloux-slide{
  position:absolute;inset:0;
  background:center/cover no-repeat;
  opacity:0;visibility:hidden;
  transition:opacity .65s ease,visibility .65s;
}
.cloux-slide.active{opacity:1;visibility:visible}
.cloux-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.60) 38%,rgba(5,5,5,.16) 70%),
    linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.15) 58%,rgba(7,7,7,.92));
}
.cloux-hero-inner{
  position:relative;z-index:2;
  width:min(1240px,88vw);
  margin:auto;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-bottom:50px;
}
.cloux-logo{width:250px;max-height:135px;object-fit:contain;object-position:left;margin-bottom:8px}
.cloux-kicker,.cloux-section-label{
  font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#cc5a49
}
.cloux-hero h1{
  margin:13px 0 20px;
  max-width:870px;
  font:700 clamp(62px,7.2vw,112px)/.86 var(--serif);
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.cloux-hero h1 span,.cloux-about h2 span,.cloux-section-title h2 span,.cloux-feature h2 span,.cloux-cta h2 span{color:#d8a46a}
.cloux-hero p{
  max-width:620px;
  margin:0 0 28px;
  color:#d5c8ba;
  font-size:16px;
  line-height:1.75;
}
.cloux-actions{display:flex;gap:10px;flex-wrap:wrap}
.cloux-btn{
  min-height:48px;
  border:1px solid rgba(255,255,255,.13);
  padding:0 22px;
  background:#141111;
  color:#fff;
  text-transform:uppercase;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.cloux-btn.primary{
  background:linear-gradient(180deg,#a84236,#792820);
  border-color:rgba(227,175,111,.30);
}
.cloux-btn.ghost{background:rgba(14,13,13,.74)}
.cloux-btn:hover{filter:brightness(1.12)}
.cloux-slider-controls{
  position:absolute;z-index:5;
  right:6vw;bottom:72px;
  display:flex;align-items:center;gap:12px;
}
.cloux-arrow{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.15);
  background:rgba(8,8,8,.65);color:#fff;font-size:24px
}
.cloux-dots{display:flex;gap:7px}
.cloux-dot{
  width:26px;height:3px;border:0;background:rgba(255,255,255,.25);padding:0
}
.cloux-dot.active{background:#a84236;width:42px}
.cloux-status{
  position:absolute;z-index:5;
  left:6vw;bottom:30px;
  display:flex;gap:22px;align-items:center;
  color:#bcae9b;font-size:9px;text-transform:uppercase;letter-spacing:.1em
}
.cloux-status i{
  display:inline-block;width:6px;height:6px;border-radius:50%;background:#8faf78;box-shadow:0 0 8px #8faf78;margin-right:7px
}
.cloux-status strong{color:#ead5b4;font-weight:700}

/* about block */
.cloux-about{
  width:min(1240px,88vw);
  margin:0 auto;
  padding:110px 0;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
}
.cloux-about-image{position:relative;min-height:560px}
.cloux-about-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.88)}
.cloux-image-badge{
  position:absolute;right:-24px;bottom:28px;
  width:230px;padding:24px;
  background:#a03931;
  box-shadow:0 18px 40px rgba(0,0,0,.28)
}
.cloux-image-badge small{display:block;font-size:8px;letter-spacing:.18em;margin-bottom:8px}
.cloux-image-badge strong{font:400 24px var(--serif)}
.cloux-about-copy h2,.cloux-section-title h2,.cloux-feature h2,.cloux-cta h2{
  margin:10px 0 20px;
  font:700 clamp(42px,4.7vw,70px)/.92 var(--serif);
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.cloux-lead{font:400 20px/1.55 var(--serif);color:#dbcbb8}
.cloux-about-copy>p:not(.cloux-lead){color:#9f907d;font-size:14px;line-height:1.8}
.cloux-about-points{margin:25px 0 28px;border-top:1px solid rgba(255,255,255,.08)}
.cloux-about-points div{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.cloux-about-points b{color:#ba4a3d;font-size:10px}
.cloux-about-points span{font-size:13px;color:#d5c6b4}

/* Our Games-like section */
.cloux-games,.cloux-news{
  padding:100px max(6vw,calc((100vw - 1240px)/2));
  background:#0c0b0b;
}
.cloux-section-title{
  display:flex;align-items:end;justify-content:space-between;gap:40px;
  margin-bottom:38px
}
.cloux-section-title p{max-width:480px;color:#968774;font-size:13px;line-height:1.75;margin:0}
.cloux-section-title .cloux-btn{flex:none}
.cloux-game-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.cloux-game-card{
  position:relative;
  min-height:390px;
  overflow:hidden;
  background:#111;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(0,0,0,.22)
}
.cloux-game-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;filter:brightness(.74) saturate(.86)}
.cloux-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(7,6,6,.94))}
.cloux-game-card:before{
  content:"";position:absolute;z-index:3;left:0;bottom:0;width:4px;height:0;background:#a84236;transition:height .25s
}
.cloux-game-card:hover:before{height:100%}
.cloux-game-card:hover img{transform:scale(1.045)}
.cloux-game-content{position:absolute;z-index:2;left:24px;right:24px;bottom:23px}
.cloux-card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.cloux-card-tags span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#e0bd8e;border:1px solid rgba(224,189,142,.20);padding:5px 7px}
.cloux-game-content h3{font:600 28px var(--serif);margin:0 0 7px}
.cloux-game-content p{margin:0;color:#a99a86;font-size:12px;line-height:1.6}

/* full width feature */
.cloux-feature{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden}
.cloux-feature-bg{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.85)}
.cloux-feature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.92),rgba(7,7,7,.60) 48%,rgba(7,7,7,.16))}
.cloux-feature-content{position:relative;z-index:2;width:min(1240px,88vw);margin:auto}
.cloux-feature-content>p{max-width:620px;color:#bcae9b;font-size:14px;line-height:1.8}
.cloux-feature h2{max-width:780px}
.cloux-feature-stats{display:flex;gap:45px;margin:28px 0}
.cloux-feature-stats div{min-width:105px}
.cloux-feature-stats strong{display:block;font:700 34px var(--serif);color:#e4c091}
.cloux-feature-stats span{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#968673}

/* Blog/news cards */
.cloux-news{background:#090909}
.cloux-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cloux-news-card{background:#111010;border:1px solid rgba(255,255,255,.055)}
.cloux-news-image{height:230px;position:relative;overflow:hidden}
.cloux-news-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:.3s}
.cloux-news-card:hover .cloux-news-image img{transform:scale(1.035)}
.cloux-news-image span{position:absolute;left:14px;top:14px;background:#9b372f;color:#fff;padding:6px 9px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.cloux-news-body{padding:22px}
.cloux-news-body h3{font:600 23px/1.15 var(--serif);margin:0 0 11px}
.cloux-news-body p{margin:0;color:#978875;font-size:12px;line-height:1.7}
.cloux-news-meta{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06);color:#806f5d;font-size:8px;text-transform:uppercase}

/* CTA */
.cloux-cta{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden}
.cloux-cta-bg{position:absolute;inset:0;background:center/cover no-repeat}
.cloux-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(92,25,21,.92),rgba(11,9,9,.88))}
.cloux-cta-inner{
  position:relative;z-index:2;
  width:min(1240px,88vw);margin:auto;
  display:grid;grid-template-columns:150px 1fr auto;gap:36px;align-items:center
}
.cloux-cta-inner>img{width:140px;max-height:120px;object-fit:contain}
.cloux-cta h2{font-size:46px;margin:7px 0}
.cloux-cta p{margin:0;color:#d2c1ad;font-size:13px}

/* more Cloux-like header */
.header{
  background:#090909!important;
  box-shadow:none!important;
}
.brand img{width:62px!important;height:62px!important}
.nav .login{
  border-radius:0!important;
  min-height:44px;
}
.nav button{border-radius:0!important}
.nav button.active,.nav button:hover{background:transparent!important;color:#d9aa70!important}

/* subpage palette harmonization */
.subhero{border-bottom:3px solid #892e27}
.btn.primary,.registry-tab.active,.staff-tab.active{background:linear-gradient(180deg,#a84236,#792820)!important}
.quick-link:before,.onboard:before{background:#9e382f!important}
.support-band{border-left-color:#9e382f!important}

@media(max-width:1000px){
  .cloux-about{grid-template-columns:1fr}
  .cloux-about-image{min-height:480px}
  .cloux-image-badge{right:18px}
  .cloux-game-grid,.cloux-news-grid{grid-template-columns:1fr 1fr}
  .cloux-section-title{align-items:flex-start;flex-direction:column}
  .cloux-cta-inner{grid-template-columns:120px 1fr}
  .cloux-cta-inner .cloux-btn{grid-column:2}
}
@media(max-width:680px){
  .cloux-hero{min-height:680px}
  .cloux-hero-inner{width:calc(100% - 36px)}
  .cloux-hero h1{font-size:52px}
  .cloux-slider-controls{right:18px;bottom:28px}
  .cloux-status{display:none}
  .cloux-about{width:calc(100% - 36px);padding:70px 0}
  .cloux-about-image{min-height:390px}
  .cloux-games,.cloux-news{padding:70px 18px}
  .cloux-game-grid,.cloux-news-grid{grid-template-columns:1fr}
  .cloux-game-card{min-height:350px}
  .cloux-feature-content{width:calc(100% - 36px)}
  .cloux-feature h2{font-size:44px}
  .cloux-feature-stats{gap:22px;flex-wrap:wrap}
  .cloux-cta-inner{width:calc(100% - 36px);grid-template-columns:1fr;text-align:center;justify-items:center;padding:55px 0}
  .cloux-cta-inner .cloux-btn{grid-column:auto}
  .cloux-cta h2{font-size:38px}
}


/* ===== V34 HEADER / TOP NAV POLISH ===== */
.header{
  height:92px!important;
  padding:0 34px!important;
  background:
    linear-gradient(180deg,rgba(9,9,9,.98),rgba(9,9,9,.95))!important;
}
.brand{
  margin-right:16px!important;
}
.nav{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  margin-left:auto!important;
}
.nav button{
  position:relative!important;
  min-height:44px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:
    linear-gradient(180deg,rgba(20,17,17,.78),rgba(13,11,11,.86))!important;
  color:#d8c6a8!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  border-radius:4px!important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 4px 10px rgba(0,0,0,.10)!important;
}
.nav button:hover{
  color:#fff0dc!important;
  border-color:rgba(200,147,93,.24)!important;
  background:
    linear-gradient(180deg,rgba(34,24,22,.94),rgba(17,12,11,.96))!important;
  transform:translateY(-1px)!important;
}
.nav button.active{
  color:#fff5e9!important;
  border-color:rgba(222,170,108,.26)!important;
  background:
    linear-gradient(180deg,rgba(157,59,47,.96),rgba(113,36,29,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(87,22,18,.18)!important;
}
.nav button.active::after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:6px;height:2px;
  background:rgba(255,225,190,.7);
  border-radius:99px;
}
.top-chips{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:8px;
}
.top-chip{
  min-height:42px!important;
  padding:0 14px!important;
  background:
    linear-gradient(180deg,rgba(18,18,19,.96),rgba(11,11,12,.98))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  color:#bca68a!important;
  border-radius:4px!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.top-chip.status{
  color:#d7e6cb!important;
}
.top-chip.status .dot{
  display:inline-block;
  width:7px;height:7px;border-radius:50%;
  background:#83a96d;
  box-shadow:0 0 9px rgba(131,169,109,.65);
  margin-right:8px;
  vertical-align:middle;
}
.top-chip.discord{
  color:#d8c4a7!important;
}
.nav .login{
  margin-left:2px!important;
  min-width:132px!important;
  min-height:46px!important;
  padding:0 18px!important;
  border:1px solid rgba(226,173,108,.25)!important;
  background:
    linear-gradient(180deg,#b14a3d 0%, #8e342a 52%, #6d241d 100%)!important;
  color:#fff7ef!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 28px rgba(95,26,21,.24)!important;
}
.nav .login:hover{
  background:
    linear-gradient(180deg,#bf5244 0%, #9a3b30 52%, #77261f 100%)!important;
  border-color:rgba(236,188,122,.36)!important;
  transform:translateY(-1px)!important;
}

@media(max-width:1320px){
  .header{padding:0 18px!important}
  .nav{gap:6px!important}
  .nav button{padding:0 10px!important;font-size:8px!important}
  .top-chip{padding:0 10px!important}
}
@media(max-width:1180px){
  .top-chips{display:none}
  .nav button{padding:0 9px!important;min-height:42px!important}
  .nav .login{min-width:118px!important}
}
@media(max-width:980px){
  .nav{
    gap:6px!important;
    overflow:auto!important;
    scrollbar-width:none;
    padding-bottom:4px!important;
  }
  .nav::-webkit-scrollbar{display:none}
}


/* ===== V35 PREMIUM FINISH ===== */
body{background:radial-gradient(circle at 50% -14%,rgba(144,46,37,.08),transparent 34%),linear-gradient(180deg,#090909 0%,#0a0808 46%,#080707 100%)!important}
.header{transition:height .22s ease,background .22s ease,box-shadow .22s ease,padding .22s ease!important}
.header.header-scrolled{height:74px!important;background:rgba(8,8,8,.97)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
.header.header-scrolled .brand img{width:50px!important;height:50px!important}
.header.header-scrolled .nav button{min-height:40px!important}
.cloux-about,.cloux-games,.cloux-news{position:relative}
.cloux-about:before,.cloux-games:before,.cloux-news:before{content:"";position:absolute;left:50%;top:0;width:min(1240px,88vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(233,211,179,.18),transparent)}
.cloux-section-title{position:relative}
.cloux-section-title:after{content:"";position:absolute;left:0;bottom:-15px;width:58px;height:2px;background:linear-gradient(90deg,#bb4c3f,#d0a16b)}
.cloux-hero:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:110px;pointer-events:none;background:linear-gradient(180deg,transparent,#090909)}
.cloux-slide{transform:scale(1.015);transition:opacity .65s ease,visibility .65s,transform 8s ease!important}
.cloux-slide.active{transform:scale(1.045)}
.cloux-logo{filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.cloux-hero h1{ text-shadow:0 8px 30px rgba(0,0,0,.38)}
.cloux-hero p{ text-shadow:0 3px 16px rgba(0,0,0,.28)}
.cloux-btn{position:relative;overflow:hidden;min-height:50px!important;padding:0 24px!important;border-radius:4px!important;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.cloux-btn:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:transform .45s ease}
.cloux-btn:hover:before{transform:translateX(120%)}
.cloux-btn:hover{transform:translateY(-2px)}
.cloux-btn.primary{box-shadow:0 12px 28px rgba(110,30,24,.26)}
.cloux-btn.primary:hover{box-shadow:0 16px 34px rgba(110,30,24,.34)}
.cloux-about-image{box-shadow:0 22px 55px rgba(0,0,0,.30);overflow:hidden}
.cloux-about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));pointer-events:none}
.cloux-image-badge{border-left:3px solid #e0b074;box-shadow:0 22px 45px rgba(0,0,0,.32)!important}
.cloux-about-points div{transition:padding-left .18s ease,color .18s ease}
.cloux-about-points div:hover{padding-left:6px}
.cloux-about-points div:hover span{color:#f0e3d3}
.cloux-game-card{border:1px solid rgba(255,255,255,.05);border-radius:5px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cloux-game-card:hover{transform:translateY(-5px);border-color:rgba(177,65,52,.18);box-shadow:0 28px 55px rgba(0,0,0,.34)}
.cloux-card-tags span{background:rgba(10,8,8,.55);backdrop-filter:blur(5px)}
.cloux-feature{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.cloux-feature-content{padding-top:70px;padding-bottom:70px}
.cloux-feature-stats div{padding-right:28px;border-right:1px solid rgba(255,255,255,.08)}
.cloux-feature-stats div:last-child{border-right:0}
.cloux-news-card{border-radius:5px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cloux-news-card:hover{transform:translateY(-4px);border-color:rgba(183,70,56,.17);box-shadow:0 24px 50px rgba(0,0,0,.28)}
.cloux-news-card:hover .cloux-news-body h3{color:#e4b27b}
.quick-link,.forum-row,.recruit-row,.calendar-row,.city-detail,.profile-section,.staff-box{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.quick-link:hover,.forum-row:hover,.city-detail:hover,.profile-section:hover,.staff-box:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.16)}
.quick-link,.city-detail,.profile-section,.staff-box{border-radius:5px!important}
.field input,.field textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.field input:hover,.field textarea:hover{border-color:rgba(255,255,255,.11)!important}
.field input:focus,.field textarea:focus{background:#100d0d!important}
.badge.ok{background:rgba(111,145,88,.08)!important;border-color:rgba(126,158,104,.18)!important}
.badge.warn{background:rgba(173,127,64,.08)!important;border-color:rgba(173,127,64,.18)!important}
footer{position:relative;padding-top:44px!important;padding-bottom:44px!important;background:linear-gradient(180deg,#080707,#060606)!important}
footer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1240px,88vw);height:1px;background:linear-gradient(90deg,transparent,rgba(209,161,107,.18),transparent)}
.footer-links button{position:relative}
.footer-links button:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:#a64034;transform:scaleX(0);transition:.18s}
.footer-links button:hover:after{transform:scaleX(1)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ===== V36 FEATURE EXPANSION ===== */
.nav-drop{position:relative}
.nav-drop-btn{white-space:nowrap}
.nav-drop-menu{
  position:absolute;
  z-index:300;
  top:calc(100% + 10px);
  left:0;
  min-width:190px;
  padding:8px;
  background:#0c0b0b;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.18s;
}
.nav-drop:hover .nav-drop-menu,
.nav-drop.open .nav-drop-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.nav-drop-menu button{
  width:100%;
  text-align:left;
  border:0!important;
  background:transparent!important;
  min-height:38px!important;
  padding:0 10px!important;
}
.nav-drop-menu button:hover{
  background:rgba(157,59,47,.12)!important;
  color:#fff!important;
}
.city-subnav,
.profile-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:28px 0 22px;
}
.city-sub,
.profile-tab{
  border:1px solid rgba(255,255,255,.07);
  background:#121010;
  color:#9e8b73;
  min-height:40px;
  padding:0 14px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.city-sub.active,
.profile-tab.active{
  background:linear-gradient(180deg,#a84236,#792820);
  color:#fff;
  border-color:rgba(226,173,108,.24);
}
.city-tab-panel,
.profile-tab-panel{display:none}
.city-tab-panel.active,
.profile-tab-panel.active{display:block}
.profile-banner{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:#0f0d0d;
}
.profile-banner-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,6,6,.86),rgba(7,6,6,.35)),
    radial-gradient(circle at 80% 20%,rgba(157,59,47,.24),transparent 38%),
    linear-gradient(135deg,#181110,#0d0b0b);
}
.profile-banner-content{
  position:relative;
  z-index:2;
  height:100%;
  min-height:260px;
  display:flex;
  align-items:center;
  gap:22px;
  padding:34px;
}
.avatar.large{
  width:104px!important;
  height:104px!important;
  font-size:36px!important;
}
.profile-banner h2{
  font:400 40px var(--serif);
  margin:5px 0 10px;
}
.profile-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.profile-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border:1px solid rgba(193,150,96,.20);
  background:rgba(196,154,100,.06);
  color:#e2c79d;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.profile-badge.muted{
  color:#9f8e79;
  background:rgba(255,255,255,.02);
  border-color:rgba(255,255,255,.07);
}
.company-drawer{
  display:none;
  margin-top:18px;
  padding:22px;
  border:1px solid rgba(255,255,255,.07);
  background:#0f0d0d;
  position:relative;
}
.company-drawer.open{display:block}
.company-drawer h3{
  font:400 28px var(--serif);
  margin:6px 0 8px;
}
.company-drawer p{
  color:#9d8c77;
  font-size:12px;
}
.company-close{
  position:absolute;
  right:16px;
  top:14px;
  border:0;
  background:transparent;
  color:#9e8d77;
  font-size:9px;
  text-transform:uppercase;
}
.company-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(255,255,255,.06);
  margin-top:18px;
}
.company-meta>div{
  background:#0b0909;
  padding:14px;
}
.company-meta small{
  display:block;
  color:#8f7c67;
  font-size:8px;
  text-transform:uppercase;
}
.company-meta b{
  display:block;
  margin-top:5px;
  font:400 16px var(--serif);
}
.registry-more{
  border:1px solid rgba(255,255,255,.08);
  background:#121010;
  color:#d6c0a2;
  padding:6px 9px;
  font-size:8px;
  text-transform:uppercase;
}
.forum-toolbar{
  gap:14px!important;
}
@media(max-width:900px){
  .nav-drop-menu{position:fixed;left:18px;right:18px;top:88px}
  .profile-banner-content{align-items:flex-start;flex-direction:column}
  .company-meta{grid-template-columns:1fr}
}


/* ===== V37 PLATFORM POLISH ===== */
.header-tools{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:8px;
}
.header-icon-btn{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,#141111,#0d0b0b);
  color:#c7ae8b;
  border-radius:4px;
}
.header-icon-btn:hover{
  color:#fff;
  border-color:rgba(207,157,98,.26);
  background:#191313;
}
.header-icon-btn svg{width:16px;height:16px}
.mobile-toggle{display:none}

/* search overlay */
.site-search{
  display:none;
  position:fixed;
  z-index:1800;
  inset:0;
  background:rgba(5,5,5,.90);
  backdrop-filter:blur(10px);
  padding:90px 20px 30px;
}
.site-search.open{display:block}
.site-search-inner{
  width:min(900px,100%);
  margin:auto;
}
.site-search-head{
  display:flex;
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding-bottom:14px;
}
.site-search-head input{
  flex:1;
  background:transparent;
  border:0;
  outline:none;
  color:#fff;
  font:400 28px var(--serif);
}
.site-search-close{
  border:0;background:transparent;color:#aa9984;font-size:11px;text-transform:uppercase
}
.site-search-results{
  margin-top:22px;
  display:grid;
}
.search-result{
  display:grid;
  grid-template-columns:110px 1fr auto;
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  cursor:pointer;
}
.search-result small{
  color:#b76a4c;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.search-result b{
  font:400 18px var(--serif);
}
.search-result span{
  color:#82715d;
  font-size:9px;
}

/* richer live strip */
.live-server .pulse-wrap{
  display:flex;align-items:center;gap:8px
}
.live-pulse{
  width:7px;height:7px;border-radius:50%;
  background:#8faf78;
  box-shadow:0 0 0 rgba(143,175,120,.5);
  animation:livePulse 2s infinite;
}
@keyframes livePulse{
  0%{box-shadow:0 0 0 0 rgba(143,175,120,.45)}
  70%{box-shadow:0 0 0 9px rgba(143,175,120,0)}
  100%{box-shadow:0 0 0 0 rgba(143,175,120,0)}
}

/* event detail cards */
.calendar-row{
  cursor:pointer;
}
.calendar-row:hover h4{color:#e4b27b}
.event-detail-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:1700;
  background:rgba(4,4,4,.82);
  backdrop-filter:blur(7px);
  align-items:center;
  justify-content:center;
  padding:20px;
}
.event-detail-modal.open{display:flex}
.event-detail-card{
  width:min(620px,100%);
  background:#0e0c0c;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  padding:28px;
}
.event-detail-top{
  display:flex;justify-content:space-between;gap:18px;align-items:start
}
.event-detail-card h3{
  font:400 30px var(--serif);
  margin:7px 0 10px
}
.event-detail-card p{
  color:#9c8c77;
  font-size:13px;
  line-height:1.75
}
.event-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:20px;
  background:rgba(255,255,255,.06)
}
.event-meta-grid>div{
  background:#0a0909;
  padding:13px
}
.event-meta-grid small{
  display:block;color:#88745d;font-size:8px;text-transform:uppercase
}
.event-meta-grid b{
  display:block;margin-top:5px;font:400 15px var(--serif)
}

/* forum reactions */
.post-actions{
  display:flex;gap:7px;margin-top:14px
}
.react-btn{
  border:1px solid rgba(255,255,255,.07);
  background:#121010;
  color:#9f8c74;
  padding:6px 9px;
  font-size:9px;
}
.react-btn.active{
  color:#edcf9f;
  border-color:rgba(196,154,100,.24);
  background:rgba(196,154,100,.06)
}

/* company drawer richer */
.company-meta{
  margin-bottom:14px;
}
.company-actions{
  display:flex;gap:9px;flex-wrap:wrap;margin-top:17px
}
.company-highlight{
  margin-top:16px;
  border-left:2px solid #9e382f;
  padding:12px 14px;
  background:rgba(158,56,47,.06);
  color:#ac9a84;
  font-size:11px;
  line-height:1.65;
}

/* profile detail */
.profile-account-strip{
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.06);
  background:#0f0d0d;
}
.profile-account-strip span{
  color:#968773;font-size:11px
}
.profile-account-strip b{
  color:#d8c4a5
}

/* back to top */
.back-top{
  position:fixed;
  z-index:900;
  right:22px;
  bottom:22px;
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#191313,#0d0b0b);
  color:#d6b68a;
  display:grid;place-items:center;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.18s;
}
.back-top.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.back-top:hover{
  background:linear-gradient(180deg,#a84236,#792820);
  color:#fff;
}

/* improved dropdown labels */
.nav-drop-menu:before{
  content:"";
  position:absolute;
  top:-6px;left:18px;
  width:10px;height:10px;
  background:#0c0b0b;
  border-left:1px solid rgba(255,255,255,.08);
  border-top:1px solid rgba(255,255,255,.08);
  transform:rotate(45deg);
}

/* mobile menu */
@media(max-width:1060px){
  .mobile-toggle{display:grid}
  .nav{
    position:fixed!important;
    top:80px;
    right:16px;
    left:16px;
    max-height:calc(100vh - 100px);
    overflow:auto!important;
    display:none!important;
    padding:12px!important;
    background:#090909!important;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 55px rgba(0,0,0,.4);
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .nav.mobile-open{display:flex!important}
  .nav>button,
  .nav-drop,
  .nav-drop-btn{
    width:100%!important;
  }
  .nav-drop-menu{
    position:static!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    display:none;
    border:0!important;
    box-shadow:none!important;
    padding:5px 0 5px 12px!important;
    background:#0d0b0b!important;
  }
  .nav-drop.open .nav-drop-menu{display:block}
  .nav-drop-menu:before{display:none}
  .top-chips{display:none!important}
  .header-tools{margin-left:auto}
}
@media(max-width:680px){
  .site-search-head input{font-size:22px}
  .search-result{grid-template-columns:1fr}
  .search-result span{display:none}
  .event-meta-grid{grid-template-columns:1fr}
  .profile-account-strip{align-items:flex-start;flex-direction:column}
}


/* ===== V38 FOOTER CLEANUP ===== */
footer{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  gap:34px !important;
  align-items:center !important;
}
.footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.footer-brand div{
  display:grid;
  gap:4px;
}
.footer-brand b{
  color:#d7c2a3;
  font-size:11px;
  letter-spacing:.12em;
}
.footer-brand small{
  color:#756754;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer-secondary{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-secondary button{
  position:relative;
  border:0;
  background:transparent;
  color:#8d7c66;
  padding:8px 6px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.11em;
  transition:color .16s ease;
}
.footer-secondary button:after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:4px;
  height:1px;
  background:#9e382f;
  transform:scaleX(0);
  transition:transform .16s ease;
}
.footer-secondary button:hover{
  color:#d8bd97;
}
.footer-secondary button:hover:after{
  transform:scaleX(1);
}
.footer-copy{
  color:#6f6251 !important;
  font-size:8px !important;
  text-align:right;
  white-space:nowrap;
}
@media(max-width:980px){
  footer{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
  }
  .footer-copy{
    text-align:center !important;
    white-space:normal;
  }
}


/* ===== V39 HOME + RULES REFINEMENT ===== */
.home-jump{
  position:relative;
  z-index:7;
  width:min(1240px,88vw);
  margin:-26px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.07);
  background:#0d0b0b;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.home-jump button{
  min-height:58px;
  border:0;
  border-right:1px solid rgba(255,255,255,.06);
  background:transparent;
  color:#a69278;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
}
.home-jump button:last-child{border-right:0}
.home-jump button:hover{
  background:linear-gradient(180deg,rgba(158,56,47,.12),rgba(158,56,47,.02));
  color:#efd9b9;
}
.home-principles{
  width:min(1240px,88vw);
  margin:0 auto 100px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.06);
}
.home-principle{
  background:#0f0d0d;
  padding:28px;
}
.home-principle small{
  color:#b95243;
  font-size:8px;
  letter-spacing:.13em;
}
.home-principle h3{
  margin:8px 0 10px;
  font:400 24px var(--serif);
}
.home-principle p{
  margin:0;
  color:#8f806d;
  font-size:12px;
  line-height:1.7;
}

/* rules */
.rules-pro{
  width:min(1240px,88vw)!important;
  margin:auto;
}
.rules-topbar{
  display:grid;
  grid-template-columns:1fr auto;
  gap:48px;
  align-items:end;
  margin-bottom:30px;
}
.rules-meta{
  min-width:210px;
  padding:16px 18px;
  border-left:2px solid #9f392f;
  background:#0e0c0c;
}
.rules-meta span{
  display:block;
  color:#7e6e5c;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.rules-meta strong{
  display:block;
  margin-top:6px;
  color:#d3b992;
  font:400 15px var(--serif);
}
.rules-search{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  min-height:54px;
  padding:0 16px;
  margin-bottom:24px;
  border:1px solid rgba(255,255,255,.07);
  background:#0e0c0c;
}
.rules-search span{
  color:#b79a77;
  font-size:18px;
}
.rules-search input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#eee4d8;
  font-size:13px;
}
.rules-search small{
  color:#756653;
  font-size:8px;
  text-transform:uppercase;
}
.rules-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:42px;
  align-items:start;
}
.rules-sidebar{
  position:sticky;
  top:98px;
  border:1px solid rgba(255,255,255,.06);
  background:#0d0b0b;
  padding:10px;
}
.rules-sidebar-title{
  padding:11px 12px 13px;
  color:#725f4c;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.rule-cat{
  width:100%;
  min-height:44px;
  border:0;
  border-left:2px solid transparent;
  background:transparent;
  color:#9a8871;
  text-align:left;
  padding:0 12px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.rule-cat:hover{
  background:rgba(255,255,255,.025);
  color:#d8c2a3;
}
.rule-cat.active{
  border-left-color:#a94236;
  background:linear-gradient(90deg,rgba(169,66,54,.12),transparent);
  color:#f0d8b7;
}
.rules-help{
  margin-top:12px;
  padding:16px 12px 10px;
  border-top:1px solid rgba(255,255,255,.06);
}
.rules-help small{
  color:#a9473a;
  font-size:8px;
  letter-spacing:.12em;
}
.rules-help p{
  color:#81715e;
  font-size:11px;
  line-height:1.6;
}
.rules-content{
  min-width:0;
}
.rule-group{display:none}
.rule-group.active{display:block}
.rule-group-head{
  display:flex;
  align-items:center;
  gap:18px;
  padding-bottom:20px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.rule-group-head>span{
  color:#a94236;
  font:400 42px var(--serif);
  line-height:1;
}
.rule-group-head small{
  color:#766450;
  font-size:8px;
  letter-spacing:.13em;
}
.rule-group-head h3{
  margin:2px 0 0;
  font:400 30px var(--serif);
}
.rule-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  padding:22px 8px;
  border-bottom:1px solid rgba(255,255,255,.055);
  transition:background .16s ease,padding-left .16s ease;
}
.rule-card:hover{
  padding-left:14px;
  background:linear-gradient(90deg,rgba(158,56,47,.055),transparent);
}
.rule-card>b{
  color:#a84639;
  font-size:10px;
  letter-spacing:.08em;
}
.rule-card h4{
  margin:0 0 7px;
  color:#e8d8c4;
  font:400 19px var(--serif);
}
.rule-card p{
  margin:0;
  color:#968672;
  font-size:12px;
  line-height:1.75;
}
.rules-empty{
  display:none;
  padding:40px 0;
  color:#80705c;
  text-align:center;
}
.rule-card.hidden-by-search{display:none!important}
.rule-group.hidden-by-search{display:none!important}

@media(max-width:900px){
  .home-jump{grid-template-columns:1fr 1fr}
  .home-jump button:nth-child(2){border-right:0}
  .home-principles{grid-template-columns:1fr}
  .rules-topbar{grid-template-columns:1fr}
  .rules-layout{grid-template-columns:1fr}
  .rules-sidebar{
    position:static;
    display:flex;
    gap:6px;
    overflow:auto;
    padding:8px;
  }
  .rules-sidebar-title,.rules-help{display:none}
  .rule-cat{
    width:auto;
    flex:none;
    border-left:0;
    border-bottom:2px solid transparent;
  }
  .rule-cat.active{border-bottom-color:#a94236}
}
@media(max-width:600px){
  .home-jump{width:calc(100% - 28px);grid-template-columns:1fr}
  .home-jump button{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .home-principles{width:calc(100% - 36px)}
  .rules-pro{width:calc(100% - 36px)!important}
  .rule-card{grid-template-columns:42px 1fr}
}


/* ===== V40 REMOVE HOMEPAGE JUMP BAR ===== */
.home-jump{
  display:none!important;
}
.cloux-about{
  padding-top:78px!important;
}
.cloux-hero + .cloux-about,
.cloux-hero ~ .cloux-about{
  margin-top:0!important;
}
@media(max-width:680px){
  .cloux-about{
    padding-top:60px!important;
  }
}


/* ===== V41 FRONTPAGE HERO POLISH ===== */
.home-jump{
  display:none !important;
  height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.cloux-hero{
  height:min(100vh, 980px) !important;
  min-height:880px !important;
  background:#070707 !important;
}
.cloux-slide{
  background-size:110% auto !important;
  background-position:center center !important;
  transform:scale(1.03);
  transition:opacity .75s ease, visibility .75s ease, transform 12s ease !important;
}
.cloux-slide.active{
  transform:scale(1);
}
.cloux-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 22%, rgba(184,70,47,.22), transparent 34%),
    linear-gradient(180deg, rgba(8,8,8,.08) 0%, rgba(8,8,8,.26) 38%, rgba(8,8,8,.78) 100%);
  pointer-events:none;
}
.cloux-overlay{
  background:
    linear-gradient(90deg, rgba(6,6,6,.92) 0%, rgba(6,6,6,.70) 34%, rgba(6,6,6,.26) 68%, rgba(6,6,6,.18) 100%),
    linear-gradient(180deg, rgba(4,4,4,.18), rgba(4,4,4,.10) 24%, rgba(7,7,7,.94) 100%) !important;
}
.cloux-hero-inner{
  width:min(1320px, 90vw) !important;
  padding-bottom:104px !important;
  justify-content:flex-end !important;
}
.hero-panel{
  max-width:760px;
  padding:34px 38px 36px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(15,12,10,.72), rgba(8,8,8,.52));
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  backdrop-filter:blur(8px);
}
.hero-panel .cloux-logo{
  width:250px;
  max-height:118px;
  margin:0 0 18px;
}
.hero-panel .cloux-kicker{
  color:#e06b57;
  margin-bottom:12px;
}
.hero-panel h1{
  margin:0 0 16px !important;
  font-size:clamp(50px, 6vw, 88px) !important;
  line-height:.92 !important;
  max-width:680px !important;
}
.hero-panel p{
  max-width:620px !important;
  font-size:17px !important;
  line-height:1.8 !important;
  color:#eee4d5 !important;
  margin-bottom:26px !important;
}
.hero-panel .cloux-actions{
  gap:14px !important;
}
.cloux-btn{
  min-height:54px !important;
  padding:0 24px !important;
  border-radius:2px;
  font-size:10px !important;
  letter-spacing:.16em !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.cloux-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.cloux-btn.primary{
  background:linear-gradient(180deg, #bb4c3d 0%, #8a2f26 100%) !important;
  border-color:rgba(227,175,111,.40) !important;
}
.cloux-btn.ghost{
  background:rgba(15,13,12,.72) !important;
  border-color:rgba(255,255,255,.14) !important;
}
.cloux-image-badge{
  bottom:44px !important;
  right:5vw !important;
  background:rgba(12,10,9,.72) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.cloux-slider-controls{
  right:44px !important;
  top:36px !important;
}
.cloux-status{
  left:5vw !important;
  right:5vw !important;
  bottom:32px !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  padding:16px 22px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(14,12,11,.78), rgba(8,8,8,.62)) !important;
  backdrop-filter:blur(8px);
}
.cloux-status strong{
  color:#fff2dd !important;
}
.cloux-status span{
  color:#e1d0bb !important;
}
.cloux-about{
  padding-top:68px !important;
}
@media (max-width: 980px){
  .cloux-hero{
    min-height:760px !important;
  }
  .cloux-slide{
    background-size:cover !important;
  }
  .cloux-hero-inner{
    width:calc(100% - 34px) !important;
    padding-bottom:96px !important;
  }
  .hero-panel{
    padding:28px 24px 28px !important;
    max-width:100% !important;
  }
  .hero-panel h1{
    font-size:clamp(42px, 9vw, 66px) !important;
  }
  .cloux-status{
    gap:12px !important;
    flex-wrap:wrap !important;
    bottom:20px !important;
  }
}
@media (max-width: 640px){
  .cloux-hero{
    min-height:720px !important;
  }
  .hero-panel p{
    font-size:15px !important;
  }
  .cloux-status{
    left:14px !important;
    right:14px !important;
    padding:14px 16px !important;
  }
  .cloux-slider-controls{
    right:14px !important;
    top:18px !important;
  }
  .cloux-image-badge{
    display:none !important;
  }
}


/* ===== V42 STAFF / DEV / SUPPORT INTERNAL PORTAL ===== */
.staff-private{background:#070a0f!important;min-height:100vh}
.staff-shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 88px);background:linear-gradient(135deg,#080d15,#0d1115 64%,#13130f)}
.staff-side{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid rgba(88,145,201,.15);background:#09111f;display:flex;flex-direction:column;z-index:8}
.staff-side-brand{display:flex;gap:12px;align-items:center;padding:8px 9px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.staff-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#173659,#0d1f37);border:1px solid rgba(91,164,231,.25);color:#77bdf7;font-weight:900}
.staff-side-brand b{display:block;color:#edf5ff;font-size:14px}.staff-side-brand small{display:block;margin-top:3px;color:#6f829a;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.staff-nav{display:grid;gap:5px;margin-top:18px}.staff-nav button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 12px;border:1px solid transparent;background:transparent;color:#8798ad;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-radius:6px}.staff-nav button span{width:18px;text-align:center;color:#5d8bb6;font-size:14px}.staff-nav button:hover{background:#0e1929;color:#d9e8f8}.staff-nav button.active{background:linear-gradient(180deg,#16375b,#112a48);border-color:rgba(91,164,231,.24);color:#fff}
.staff-rolebox{margin-top:auto;padding:15px 9px;border-top:1px solid rgba(255,255,255,.06)}.staff-rolebox>small{color:#5f7187;font-size:7px;letter-spacing:.12em}.staff-role-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px}.staff-role-switch button{min-height:34px;border:1px solid rgba(255,255,255,.06);background:#0a1422;color:#72849b;font-size:7px;text-transform:uppercase}.staff-role-switch button.active{background:#1f5d93;color:white;border-color:#3d83bd}
.staff-exit{margin:0 9px;border:0;background:transparent;color:#66809b;text-align:left;font-size:8px;text-transform:uppercase}
.staff-main{padding:30px 32px 60px;min-width:0}.staff-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.staff-top h1{margin:5px 0 5px;font:700 38px/1 var(--serif);color:#eff6ff}.staff-top p{margin:0;color:#75869c;font-size:11px}.staff-top-actions{display:flex;gap:9px}
.staff-view{display:none}.staff-view.active{display:block}
.staff-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.staff-stat-grid article{padding:18px;border:1px solid rgba(91,164,231,.13);background:#0c1728;border-radius:9px}.staff-stat-grid span{display:block;color:#70849d;font-size:8px;text-transform:uppercase}.staff-stat-grid strong{display:block;margin:8px 0 3px;color:#e9f4ff;font:700 25px var(--serif)}.staff-stat-grid small{color:#53677f;font-size:8px}
.staff-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.staff-card{padding:20px;border:1px solid rgba(91,164,231,.13);background:#0c1728;border-radius:9px}.staff-card-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.staff-card-head small{color:#4e87ba;font-size:7px;letter-spacing:.12em}.staff-card-head h3{margin:4px 0 0;font:600 20px var(--serif);color:#eaf3fe}.staff-card-head>button{border:0;background:transparent;color:#6fa9dc;font-size:8px;text-transform:uppercase}
.staff-list-row{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.staff-list-row:last-child{border-bottom:0}.staff-list-row b{display:block;color:#d7e4f2;font-size:10px}.staff-list-row small{display:block;color:#61738a;font-size:8px;margin-top:3px}.staff-list-row em{font-style:normal;color:#758aa2;font-size:8px}.priority{width:7px;height:7px;border-radius:50%}.priority.high{background:#ed6a64}.priority.medium{background:#e2ad43}.priority.low{background:#68b98c}
.staff-case-mini{display:grid}.staff-case-mini>div{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.staff-case-mini span{color:#55799b;font-size:8px}.staff-case-mini b{color:#cbd9e7;font-size:9px}.tag{font-style:normal;padding:5px 7px;border-radius:99px;font-size:7px;text-transform:uppercase}.tag.open{color:#ffb0a8;background:#4c2427}.tag.waiting{color:#f5d47e;background:#423619}.tag.progress{color:#9bc8f3;background:#173555}.tag.done{color:#8ee2b3;background:#16392b}
.staff-recent{margin-top:14px}.activity-line{display:grid;grid-template-columns:8px 100px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.05)}.activity-line i{width:7px;height:7px;border-radius:50%;background:#3b86c4}.activity-line b{color:#cfe0ee;font-size:9px}.activity-line span{color:#778aa1;font-size:9px}.activity-line time{color:#53677e;font-size:8px}
.staff-toolbar,.case-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.staff-filter-row,.case-tabs,.registry-internal-tabs{display:flex;gap:6px;flex-wrap:wrap}.staff-filter-row button,.case-tabs button,.registry-internal-tabs button{min-height:36px;padding:0 12px;border:1px solid rgba(91,164,231,.12);background:#0b1524;color:#70859c;font-size:8px;text-transform:uppercase}.staff-filter-row button.active,.case-tabs button.active,.registry-internal-tabs button.active{background:#17395f;color:#fff;border-color:#2e6594}
.staff-inline-search{min-height:38px;min-width:250px;padding:0 12px;border:1px solid rgba(91,164,231,.14);background:#091421;color:#dce7f2;outline:none;border-radius:5px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.kanban-col{min-height:570px;border:1px solid rgba(91,164,231,.13);background:#0b1524;border-radius:9px}.kanban-col>header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.kanban-col>header>div{display:flex;align-items:center;gap:8px}.kanban-col b{font-size:9px;text-transform:uppercase;color:#bdcede}.kanban-count{font-style:normal;min-width:22px;height:20px;display:grid;place-items:center;border-radius:99px;background:#101f32;color:#7092b2;font-size:8px}.kanban-dot{width:7px;height:7px;border-radius:50%}.kanban-dot.todo{background:#e5aa39}.kanban-dot.progress{background:#568fc5}.kanban-dot.waiting{background:#b683de}.kanban-dot.done{background:#3bd297}.kanban-add{border:0;background:transparent;color:#91a8bd;font-size:18px}.kanban-drop{min-height:510px;padding:10px}
.task-card{padding:14px;margin-bottom:10px;border:1px solid rgba(91,164,231,.14);background:#0f1c30;border-radius:7px;cursor:pointer;transition:.15s}.task-card:hover{transform:translateY(-2px);border-color:rgba(91,164,231,.28);box-shadow:0 9px 22px rgba(0,0,0,.18)}.task-top{display:flex;justify-content:space-between;gap:8px}.task-team,.task-priority{font-size:6px;padding:4px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.08em}.task-team.dev{background:#142f4d;color:#71b3e8}.task-team.staff{background:#3a2f14;color:#e9c35f}.task-team.support{background:#16382d;color:#6fd3a5}.task-priority.high{color:#ff8e88;background:#412126}.task-priority.medium{color:#e2c276;background:#3e3219}.task-priority.low{color:#83cda2;background:#183326}.task-card h4{margin:11px 0 6px;color:#edf5fd;font:600 15px var(--serif)}.task-card p{margin:0;color:#75879b;font-size:9px;line-height:1.6}.task-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.task-tags span{padding:4px 6px;background:#0b1626;border:1px solid rgba(255,255,255,.05);color:#5f7b96;font-size:7px}.task-card footer{display:flex;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);color:#687f97;font-size:8px}
.case-table-wrap{overflow:auto;border:1px solid rgba(91,164,231,.13);background:#0b1524;border-radius:9px}.case-table{width:100%;border-collapse:collapse;min-width:780px}.case-table th{text-align:left;padding:12px;color:#55738f;background:#0d1a2c;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.case-table td{padding:13px 12px;border-top:1px solid rgba(255,255,255,.05);color:#a9b9ca;font-size:9px}.case-table tbody tr{cursor:pointer}.case-table tbody tr:hover{background:#0f1d31}.prio{font-size:7px}.prio.high{color:#ff8b86}.prio.medium{color:#e0bc64}.prio.low{color:#75c899}
.case-detail{display:none;margin-top:14px;padding:20px;border:1px solid rgba(91,164,231,.15);background:#0c1728;border-radius:9px}.case-detail.open{display:block}.case-detail-head{display:flex;justify-content:space-between;align-items:flex-start}.case-detail-head h3{margin:4px 0;color:#eef5fc;font:600 20px var(--serif)}.case-detail-head button{border:0;background:transparent;color:#7289a1}.case-detail p{color:#8394a6;font-size:10px}.case-note-area{display:grid;gap:8px;margin-top:18px}.case-note-area label{color:#688099;font-size:8px;text-transform:uppercase}.case-note-area textarea{min-height:100px;background:#091421;border:1px solid rgba(91,164,231,.13);color:#dce7f1;padding:12px;resize:vertical}
.dev-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.dev-summary article{padding:16px;border:1px solid rgba(91,164,231,.13);background:#0c1728;border-radius:8px}.dev-summary span{display:block;color:#70849b;font-size:8px;text-transform:uppercase}.dev-summary strong{display:block;color:#eaf4ff;font:700 24px var(--serif);margin-top:7px}.dev-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.bug-row,.release-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.05)}.bug-row b,.release-item span{color:#cbd9e6;font-size:9px}.bug-row small{display:block;color:#62768c;font-size:8px;margin-top:3px}.bug-row em,.release-item em{font-style:normal;color:#627a93;font-size:8px}.bug-sev{width:32px;height:28px;display:grid;place-items:center;border-radius:4px;font-size:8px;font-weight:800}.bug-sev.critical{background:#4a2025;color:#ff8a84}.bug-sev.high{background:#463719;color:#eec46c}.bug-sev.medium{background:#173451;color:#80b9ea}
.internal-registry{margin-top:12px}.docs-internal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.doc-card{padding:20px;border:1px solid rgba(91,164,231,.13);background:#0c1728;border-radius:8px}.doc-card>span{color:#4e87ba;font-size:7px;letter-spacing:.1em}.doc-card h3{margin:8px 0;color:#e5eef8;font:600 18px var(--serif)}.doc-card p{color:#75869a;font-size:9px;line-height:1.6;min-height:42px}
.audit-log>div{display:grid;grid-template-columns:60px 110px 1fr 110px;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.05);align-items:center}.audit-log time{color:#57718c;font-size:8px}.audit-log b{color:#cbdbea;font-size:9px}.audit-log span{color:#76899e;font-size:9px}.audit-log em{font-style:normal;color:#4f82b0;font-size:8px;text-align:right}
.staff-modal{display:none;position:fixed;z-index:2500;inset:0;background:rgba(3,7,12,.86);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.staff-modal.open{display:flex}.staff-modal-card{width:min(700px,100%);background:#0b1626;border:1px solid rgba(91,164,231,.22);box-shadow:0 28px 80px rgba(0,0,0,.45);padding:24px;border-radius:10px}.staff-modal-head{display:flex;justify-content:space-between;align-items:flex-start}.staff-modal-head small{color:#4e87ba;font-size:7px}.staff-modal-head h3{margin:5px 0;color:#edf5fd;font:600 23px var(--serif)}.staff-modal-head button{border:0;background:transparent;color:#758ba1}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.staff-form-grid label{display:grid;gap:6px}.staff-form-grid label.wide{grid-column:1/-1}.staff-form-grid span{color:#66809b;font-size:8px;text-transform:uppercase}.staff-form-grid input,.staff-form-grid select,.staff-form-grid textarea{width:100%;border:1px solid rgba(91,164,231,.15);background:#08131f;color:#dce7f2;padding:11px;outline:none}.staff-form-grid textarea{min-height:110px;resize:vertical}.staff-modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:18px}
@media(max-width:1180px){.staff-stat-grid{grid-template-columns:repeat(3,1fr)}.staff-dashboard-grid,.dev-grid{grid-template-columns:1fr}.docs-internal-grid{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:repeat(4,280px)}}
@media(max-width:900px){.staff-shell{grid-template-columns:1fr}.staff-side{position:relative;height:auto}.staff-nav{grid-template-columns:repeat(2,1fr)}.staff-rolebox{margin-top:16px}.staff-main{padding:22px 16px 50px}.staff-top{align-items:flex-start;flex-direction:column}.staff-stat-grid{grid-template-columns:1fr 1fr}.docs-internal-grid{grid-template-columns:1fr}.dev-summary{grid-template-columns:1fr 1fr}.audit-log>div{grid-template-columns:60px 1fr}.audit-log em,.audit-log span{grid-column:2}.staff-toolbar,.case-toolbar{align-items:stretch;flex-direction:column}.staff-inline-search{min-width:0;width:100%}}
@media(max-width:560px){.staff-nav{grid-template-columns:1fr}.staff-stat-grid,.dev-summary{grid-template-columns:1fr}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid label.wide{grid-column:auto}.staff-modal-actions{grid-template-columns:1fr 1fr}.staff-modal-actions>div{display:none}.staff-main{padding-left:10px;padding-right:10px}}


/* ===== V49 COMMUNITY PLACEMENT + CLEAN CTA ===== */
.v49-community{
  width:min(1240px,88vw);
  margin:0 auto 96px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:520px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#0c0a0a;
}
.v49-community-image{
  min-height:520px;
  background-position:center;
  background-size:cover;
  position:relative;
}
.v49-community-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.10),rgba(5,5,5,.18)),
    linear-gradient(180deg,rgba(5,5,5,.04),rgba(5,5,5,.38));
}
.v49-community-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 58px;
}
.v49-community-content h2{
  margin:10px 0 18px;
  font:400 clamp(34px,4vw,52px)/1 var(--serif);
}
.v49-community-content h2 span{color:#d8a46a}
.v49-community-content>p{
  max-width:570px;
  margin:0;
  color:#9c8a74;
  font-size:13px;
  line-height:1.85;
}
.v49-community-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:36px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.v49-community-stats>div{
  padding:0 18px;
  border-right:1px solid rgba(255,255,255,.07);
}
.v49-community-stats>div:first-child{padding-left:0}
.v49-community-stats>div:last-child{border-right:0}
.v49-community-stats strong{
  display:block;
  color:#ead7b9;
  font:400 30px var(--serif);
}
.v49-community-stats span{
  display:block;
  margin-top:4px;
  color:#786957;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.v49-text-link{
  width:max-content;
  margin-top:24px;
  padding:7px 0;
  border:0;
  background:transparent;
  color:#bca17d;
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.v49-text-link span{margin-left:7px;transition:.15s}
.v49-text-link:hover{color:#ead0aa}
.v49-text-link:hover span{margin-left:11px}

.home-principles{
  margin-top:0!important;
  margin-bottom:94px!important;
}

.v49-final-cta{
  width:min(1240px,88vw);
  margin:0 auto 92px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v49-final-cta-inner{
  min-height:210px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:42px;
  padding:38px 0;
}
.v49-final-cta h2{
  margin:8px 0 8px;
  font:400 clamp(32px,4vw,48px)/1 var(--serif);
}
.v49-final-cta h2 span{color:#d8a46a}
.v49-final-cta p{
  margin:0;
  max-width:650px;
  color:#8d7c68;
  font-size:12px;
  line-height:1.7;
}

/* Avoid making the final CTA feel like another giant promotional banner */
.v49-final-cta .cloux-btn{
  min-width:150px;
}

@media(max-width:920px){
  .v49-community{
    grid-template-columns:1fr;
  }
  .v49-community-image{
    min-height:360px;
  }
  .v49-community-content{
    padding:40px 28px 44px;
  }
  .v49-final-cta-inner{
    grid-template-columns:1fr;
    align-items:start;
  }
}
@media(max-width:600px){
  .v49-community,.v49-final-cta{
    width:calc(100% - 30px);
  }
  .v49-community-stats{
    grid-template-columns:1fr;
  }
  .v49-community-stats>div{
    padding:13px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .v49-community-stats>div:last-child{border-bottom:0}
}


/* ===== V50 HERO SLIDER CONTROL PLACEMENT ===== */
.cloux-slider-controls{
  top:auto !important;
  right:4.5vw !important;
  bottom:34px !important;
  left:auto !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:8px 10px !important;
  background:rgba(10,9,8,.62) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:blur(8px);
  z-index:8 !important;
}
.cloux-arrow{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(14,12,11,.72) !important;
  color:#f2e7d8 !important;
}
.cloux-dots{
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
  padding:0 4px !important;
}
.cloux-dot{
  width:26px !important;
  height:3px !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.20) !important;
}
.cloux-dot.active{
  background:#a94438 !important;
}
@media(max-width:700px){
  .cloux-slider-controls{
    right:14px !important;
    bottom:18px !important;
  }
}


/* V51 legacy nav icon system removed in V70 */
/* ===== V52 HOME LAYOUT REFINEMENT ===== */
#home{
  background:linear-gradient(180deg,#090807 0%,#090706 45%,#080706 100%);
}
.cloux-hero{
  min-height:840px !important;
}
.cloux-slide .cloux-hero-inner{
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:36px !important;
  padding-bottom:120px !important;
}
.v52-hero-card{
  max-width:min(760px,100%);
  padding:42px 44px 40px;
  background:linear-gradient(180deg,rgba(11,9,8,.78),rgba(11,9,8,.58));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
}
.v52-hero-card .cloux-logo{
  margin-bottom:12px;
}
.v52-hero-card .cloux-kicker{
  margin-bottom:6px;
}
.v52-hero-card h1{
  margin:10px 0 18px !important;
  max-width:760px !important;
}
.v52-hero-card p{
  margin:0 0 30px !important;
  max-width:600px !important;
  font-size:16px !important;
}
.cloux-actions{
  gap:14px !important;
}
.cloux-actions .cloux-btn,
.v49-final-cta .cloux-btn,
.cloux-about-copy .cloux-btn,
.v49-text-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 20px !important;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
}
.cloux-actions .cloux-btn:hover,
.v49-final-cta .cloux-btn:hover,
.cloux-about-copy .cloux-btn:hover,
.v49-text-link:hover{
  transform:translateY(-1px);
}
.cloux-status{
  left:6vw !important;
  bottom:34px !important;
  gap:10px !important;
  align-items:stretch !important;
}
.cloux-status > div{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:0 14px;
  background:rgba(10,9,8,.72);
  border:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
}
.cloux-slider-controls{
  right:6vw !important;
  bottom:34px !important;
  background:rgba(10,9,8,.72) !important;
  border-color:rgba(255,255,255,.07) !important;
}
.cloux-arrow{
  width:40px !important;
  height:40px !important;
}
.cloux-dots{
  gap:8px !important;
}
.cloux-about{
  position:relative;
  width:min(1240px,88vw) !important;
  margin:0 auto !important;
  padding:124px 0 100px !important;
  gap:84px !important;
  align-items:center !important;
}
.cloux-about:before,
.home-principles:before,
.v49-community:before,
.v49-final-cta:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:1px;
  background:linear-gradient(90deg,rgba(185,82,67,.95),rgba(216,164,106,0));
}
.cloux-about-image{
  min-height:580px !important;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
.cloux-about-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
  pointer-events:none;
}
.cloux-about-copy h2{
  margin:10px 0 16px !important;
  font:400 clamp(38px,4.5vw,58px)/.98 var(--serif) !important;
  letter-spacing:-.03em;
}
.cloux-about-copy .cloux-lead{
  margin:0 0 18px !important;
  max-width:560px;
  color:#ddcfbb !important;
  font:400 22px/1.55 var(--serif) !important;
}
.cloux-about-copy > p{
  max-width:590px;
  margin:0;
  color:#9d8c76 !important;
  font-size:14px !important;
  line-height:1.85 !important;
}
.cloux-about-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:32px 0 34px !important;
  border-top:0 !important;
}
.cloux-about-points div{
  display:block !important;
  padding:18px 18px 16px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  background:#100d0c;
  min-height:112px;
}
.cloux-about-points div:hover{
  padding-left:18px !important;
  transform:translateY(-2px);
}
.cloux-about-points b{
  display:block !important;
  margin-bottom:12px;
  color:#b95243 !important;
  font-size:9px !important;
  letter-spacing:.13em;
}
.cloux-about-points span{
  display:block;
  color:#e8dccb !important;
  font-size:14px !important;
  line-height:1.5;
}
.home-principles{
  position:relative;
  width:min(1240px,88vw) !important;
  margin:0 auto 108px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px !important;
  background:transparent !important;
  border:0 !important;
}
.home-principle{
  position:relative;
  background:linear-gradient(180deg,#0f0d0d,#0c0a0a) !important;
  border:1px solid rgba(255,255,255,.07);
  padding:30px 30px 28px !important;
  min-height:210px;
}
.home-principle:before{
  content:"";
  position:absolute;
  left:30px;
  top:0;
  width:58px;
  height:2px;
  background:linear-gradient(90deg,#b95243,#d8a46a);
}
.home-principle small{
  display:block;
  margin-bottom:14px;
  color:#c7634f !important;
  font-size:8px !important;
  letter-spacing:.15em !important;
}
.home-principle h3{
  margin:0 0 12px !important;
  font:400 28px/1.1 var(--serif) !important;
}
.home-principle p{
  color:#93836f !important;
  font-size:13px !important;
  line-height:1.75 !important;
}
.v49-community{
  position:relative;
  width:min(1240px,88vw) !important;
  margin:0 auto 108px !important;
  display:grid !important;
  grid-template-columns:.98fr 1.02fr !important;
  min-height:560px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  background:#0b0908 !important;
}
.v49-community-image{
  order:2;
  min-height:560px !important;
}
.v49-community-content{
  order:1;
  justify-content:center !important;
  padding:64px 64px 62px !important;
}
.v49-community-content h2{
  margin:10px 0 18px !important;
  font:400 clamp(36px,4.2vw,54px)/1 var(--serif) !important;
}
.v49-community-content > p{
  max-width:560px !important;
  color:#9d8c76 !important;
  font-size:14px !important;
  line-height:1.85 !important;
}
.v49-community-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px !important;
  margin-top:34px !important;
  padding:0 !important;
  border:0 !important;
}
.v49-community-stats > div{
  padding:18px 18px 16px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  background:#100d0c;
}
.v49-community-stats > div:first-child{padding-left:18px !important}
.v49-community-stats strong{
  font:400 31px var(--serif) !important;
}
.v49-community-stats span{
  margin-top:8px !important;
  color:#7f705f !important;
  font-size:8px !important;
  letter-spacing:.12em !important;
}
.v49-text-link{
  width:max-content !important;
  margin-top:26px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#110e0c !important;
  color:#e8dccb !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
}
.v49-final-cta{
  position:relative;
  width:min(1240px,88vw) !important;
  margin:0 auto 108px !important;
  border:0 !important;
}
.v49-final-cta-inner{
  min-height:228px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:42px !important;
  padding:40px 42px !important;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#0f0d0c,#0b0908);
}
.v49-final-cta h2{
  margin:10px 0 10px !important;
  font:400 clamp(34px,4vw,52px)/1 var(--serif) !important;
}
.v49-final-cta p{
  max-width:620px !important;
  color:#968572 !important;
  font-size:14px !important;
  line-height:1.8 !important;
}
@media(max-width:1100px){
  .cloux-about,
  .v49-community{
    gap:56px !important;
  }
  .cloux-about-points,
  .v49-community-stats{
    grid-template-columns:1fr !important;
  }
  .cloux-about-points div,
  .v49-community-stats > div{
    min-height:auto;
  }
}
@media(max-width:920px){
  .cloux-slide .cloux-hero-inner{
    padding-bottom:168px !important;
  }
  .v52-hero-card{
    padding:34px 26px 32px;
  }
  .cloux-status,
  .cloux-slider-controls{
    left:15px !important;
    right:15px !important;
    width:auto;
  }
  .cloux-slider-controls{
    justify-content:space-between;
    bottom:82px !important;
  }
  .cloux-status{
    bottom:20px !important;
    flex-wrap:wrap;
  }
  .cloux-about{
    grid-template-columns:1fr !important;
    padding:104px 0 88px !important;
  }
  .home-principles{
    grid-template-columns:1fr !important;
  }
  .v49-community{
    grid-template-columns:1fr !important;
  }
  .v49-community-image{
    order:1;
    min-height:340px !important;
  }
  .v49-community-content{
    order:2;
    padding:40px 28px 42px !important;
  }
  .v49-final-cta-inner{
    grid-template-columns:1fr !important;
    align-items:start !important;
    padding:34px 28px !important;
  }
}
@media(max-width:600px){
  .cloux-about,
  .home-principles,
  .v49-community,
  .v49-final-cta{
    width:calc(100% - 30px) !important;
  }
  .v52-hero-card{
    max-width:none;
  }
  .cloux-hero h1{
    font-size:clamp(46px,12vw,72px) !important;
  }
}


/* ===== V53 HERO CLEAN CENTERED REWORK ===== */
.cloux-hero{
  position:relative;
  overflow:hidden;
}
.cloux-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 34%, rgba(0,0,0,.14), rgba(0,0,0,0) 32%),
    linear-gradient(180deg, rgba(6,5,5,.38) 0%, rgba(6,5,5,.10) 24%, rgba(6,5,5,.18) 58%, rgba(6,5,5,.58) 100%);
}
.cloux-slide .cloux-hero-inner{
  position:relative;
  z-index:2;
  align-items:center !important;
  justify-content:center !important;
  min-height:calc(100vh - 150px);
  padding-top:86px !important;
  padding-bottom:168px !important;
  text-align:center !important;
}
.v52-hero-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(920px,86vw);
  max-width:920px !important;
  padding:0 18px 6px !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.v52-hero-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  transform:translate(-50%,-46%);
  width:min(900px,92vw);
  height:440px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(13,11,10,.74) 0%, rgba(13,11,10,.50) 34%, rgba(13,11,10,.24) 56%, rgba(13,11,10,0) 76%);
  filter:blur(12px);
}
.v52-hero-card .cloux-logo{
  width:118px !important;
  margin:0 auto 18px !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));
}
.v52-hero-card .cloux-kicker{
  margin:0 auto 12px !important;
  text-align:center !important;
}
.v52-hero-card h1{
  margin:0 auto 18px !important;
  max-width:840px !important;
  font-size:clamp(76px,10vw,154px) !important;
  line-height:.88 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
  text-wrap:balance;
  text-shadow:0 10px 32px rgba(0,0,0,.28);
}
.v52-hero-card p{
  margin:0 auto 34px !important;
  max-width:720px !important;
  color:#ded2c1 !important;
  font-size:20px !important;
  line-height:1.7 !important;
  text-align:center !important;
  text-shadow:0 6px 22px rgba(0,0,0,.22);
}
.v52-hero-card .cloux-actions{
  width:100%;
  display:flex;
  justify-content:center !important;
  align-items:center;
  flex-wrap:wrap;
  gap:16px !important;
}
.v52-hero-card .cloux-actions .cloux-btn{
  min-width:208px;
}
.cloux-status{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%);
  bottom:30px !important;
  width:auto !important;
  gap:10px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.cloux-status span,
.cloux-status strong{
  display:flex !important;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  background:rgba(10,9,8,.66);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.cloux-status strong{
  color:#ead5b4 !important;
}
.cloux-slider-controls{
  right:5vw !important;
  bottom:30px !important;
  background:rgba(10,9,8,.62) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}
@media(max-width: 920px){
  .cloux-slide .cloux-hero-inner{
    min-height:760px;
    padding-top:84px !important;
    padding-bottom:188px !important;
  }
  .v52-hero-card::before{
    width:min(680px,96vw);
    height:360px;
  }
  .v52-hero-card .cloux-logo{
    width:104px !important;
  }
  .v52-hero-card h1{
    font-size:clamp(62px,12vw,112px) !important;
  }
  .v52-hero-card p{
    max-width:620px !important;
    font-size:18px !important;
  }
  .cloux-status{
    bottom:24px !important;
    flex-wrap:wrap;
    justify-content:center;
  }
  .cloux-slider-controls{
    right:50% !important;
    transform:translateX(50%);
    bottom:100px !important;
  }
}
@media(max-width: 640px){
  .cloux-slide .cloux-hero-inner{
    min-height:700px;
    padding-top:60px !important;
    padding-bottom:200px !important;
  }
  .v52-hero-card{
    width:min(92vw, 92vw);
    padding:0 6px 6px !important;
  }
  .v52-hero-card::before{
    width:96vw;
    height:330px;
    transform:translate(-50%,-48%);
  }
  .v52-hero-card h1{
    font-size:clamp(50px,13vw,82px) !important;
    line-height:.9 !important;
  }
  .v52-hero-card p{
    font-size:16px !important;
    margin-bottom:26px !important;
  }
  .v52-hero-card .cloux-actions{
    gap:12px !important;
  }
  .v52-hero-card .cloux-actions .cloux-btn{
    min-width:unset;
    width:100%;
  }
  .cloux-status{
    width:calc(100% - 24px) !important;
    gap:8px !important;
  }
  .cloux-status span,
  .cloux-status strong{
    flex:1 1 auto;
    justify-content:center;
    padding:0 10px;
    font-size:11px !important;
  }
  .cloux-slider-controls{
    bottom:144px !important;
  }
}


/* ===== V55 SAFE DISCORD/TICKET CLEANUP ===== */
.header .top-chips{
  margin-left:auto;
}
.header .top-chips .top-chip.status{
  margin-right:0;
}
.header .nav{
  gap:8px;
}

/* Discord/ticket actions remain only where they make sense:
   Support page and profile/connect flows. */


/* ===== V56 PREMIUM POLISH ===== */
:root{
  --v56-warm:#d9b17a;
  --v56-red:#a94438;
  --v56-line:rgba(236,216,188,.10);
}

.header{
  height:82px !important;
  padding:0 3.4vw !important;
  background:linear-gradient(180deg,rgba(10,8,7,.94),rgba(8,7,6,.86)) !important;
  border-bottom:1px solid rgba(236,216,188,.08) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  transition:height .22s ease,background .22s ease,box-shadow .22s ease;
}
.header.v56-compact{
  height:70px !important;
  background:rgba(8,7,6,.96) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.header .brand img{width:54px !important;height:54px !important;transition:transform .18s ease}
.header .brand:hover img{transform:scale(1.035)}
.header .brand b{font-size:17px !important;letter-spacing:.12em !important}
.header .brand small{color:#8e7c67 !important}
.header .nav{gap:4px !important}
.header .nav > button[data-page],.header .nav-drop-btn{
  min-height:46px !important;
  padding:0 12px !important;
  border-radius:0 !important;
}
.header .nav > button[data-page]:after{
  bottom:4px !important;
  left:12px !important;
  right:12px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,#c48e5a,transparent) !important;
}
.header .top-chip.status{
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  color:#aa9a86 !important;
}

/* Hero polish */
.cloux-hero{min-height:860px !important}
.cloux-slide .cloux-hero-inner{padding-top:82px !important}
.v52-hero-card::before{opacity:.72 !important}
.v52-hero-card .cloux-logo{width:126px !important;margin-bottom:20px !important}
.v52-hero-card h1{text-shadow:0 12px 40px rgba(0,0,0,.32) !important}
.v52-hero-card p{color:#ded1bf !important}
.cloux-overlay{
  background:
    radial-gradient(circle at 50% 40%,rgba(20,13,9,.08),transparent 40%),
    linear-gradient(90deg,rgba(5,4,3,.50),rgba(5,4,3,.15) 42%,rgba(5,4,3,.13)),
    linear-gradient(180deg,rgba(5,4,3,.18),rgba(5,4,3,.06) 45%,rgba(7,6,5,.88) 100%) !important;
}
.cloux-slide{
  animation:v56HeroDrift 18s ease-in-out infinite alternate;
  transform-origin:center;
}
@keyframes v56HeroDrift{
  from{background-size:106% auto}
  to{background-size:112% auto}
}
.cloux-btn{border-radius:0 !important;box-shadow:none !important}
.cloux-btn.primary{
  background:linear-gradient(180deg,#ad483b,#843027) !important;
  border-color:rgba(229,181,119,.38) !important;
}
.cloux-btn.primary:hover{filter:brightness(1.07) !important;transform:translateY(-2px) !important}
.cloux-btn.ghost{
  background:rgba(11,9,8,.58) !important;
  border-color:rgba(255,255,255,.12) !important;
  backdrop-filter:blur(8px);
}
.cloux-status span,.cloux-status strong,.cloux-slider-controls{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(10,8,7,.62) !important;
  backdrop-filter:blur(10px);
}
.cloux-slider-controls{padding:7px 9px !important}
.cloux-arrow{background:rgba(255,255,255,.02) !important}
.cloux-arrow:hover{background:rgba(255,255,255,.07) !important}

/* About */
.cloux-about{padding-top:132px !important;padding-bottom:112px !important}
.cloux-about-image{
  min-height:600px !important;
  border:0 !important;
  box-shadow:0 26px 62px rgba(0,0,0,.24) !important;
}
.cloux-about-image:before{
  content:"";
  position:absolute;
  inset:-12px 12px 12px -12px;
  border:1px solid rgba(199,154,99,.18);
  pointer-events:none;
  z-index:-1;
}
.cloux-about-image>img{filter:saturate(.88) contrast(1.03) brightness(.92)}
.cloux-image-badge{
  background:rgba(10,8,7,.72) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:blur(8px);
}
.cloux-about-copy h2{max-width:540px}
.cloux-about-copy > p{max-width:560px !important}
.cloux-about-points{
  display:block !important;
  border-top:1px solid var(--v56-line) !important;
  margin:34px 0 30px !important;
}
.cloux-about-points div{
  display:grid !important;
  grid-template-columns:48px 1fr;
  align-items:center;
  min-height:58px !important;
  padding:15px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--v56-line) !important;
  transform:none !important;
}
.cloux-about-points div:hover{padding-left:8px !important}
.cloux-about-points b{margin:0 !important;color:#b65546 !important}
.cloux-about-points span{font-size:14px !important;color:#d6c8b7 !important}
.cloux-about-copy .cloux-btn{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(216,164,106,.36) !important;
  padding:0 2px !important;
  min-height:38px !important;
  color:#d5b17f !important;
}

/* Principles */
.home-principles{
  gap:0 !important;
  border-top:1px solid var(--v56-line) !important;
  border-bottom:1px solid var(--v56-line) !important;
}
.home-principle{
  min-height:190px !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid var(--v56-line) !important;
  padding:34px 34px 32px !important;
}
.home-principle:last-child{border-right:0 !important}
.home-principle:before{display:none !important}
.home-principle small{color:#b45647 !important}
.home-principle h3{font-size:27px !important}

/* Community */
.v49-community{
  border:0 !important;
  background:#0b0908 !important;
  overflow:hidden;
  box-shadow:0 26px 64px rgba(0,0,0,.18);
}
.v49-community-image:after{
  background:linear-gradient(90deg,rgba(5,4,3,.02),rgba(5,4,3,.25)),linear-gradient(180deg,rgba(5,4,3,.02),rgba(5,4,3,.44)) !important;
}
.v49-community-content{background:linear-gradient(135deg,#0d0a09,#0a0807) !important}
.v49-community-stats{
  gap:0 !important;
  border-top:1px solid var(--v56-line) !important;
  border-bottom:1px solid var(--v56-line) !important;
}
.v49-community-stats > div{
  background:transparent !important;
  border:0 !important;
  border-right:1px solid var(--v56-line) !important;
  padding:18px 20px !important;
}
.v49-community-stats > div:first-child{padding-left:0 !important}
.v49-community-stats > div:last-child{border-right:0 !important}
.v49-text-link{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  min-height:38px !important;
  color:#cdae84 !important;
}

/* Final CTA */
.v49-final-cta-inner{
  background:linear-gradient(90deg,rgba(13,10,9,.96),rgba(13,10,9,.86)) !important;
  border-color:rgba(255,255,255,.075) !important;
}
.v49-final-cta .cloux-btn{min-width:190px !important}

/* Footer */
.v56-footer{
  margin-top:0;
  padding:0 !important;
  background:linear-gradient(180deg,#090706,#070605) !important;
  border-top:1px solid rgba(236,216,188,.08) !important;
}
.v56-footer-main{
  width:min(1240px,88vw);
  margin:auto;
  display:grid;
  grid-template-columns:1.05fr 1.4fr .65fr;
  gap:70px;
  padding:64px 0 48px;
  align-items:start;
}
.v56-footer-brand{display:flex;align-items:center;gap:16px}
.v56-footer-brand img{width:66px;height:66px;object-fit:contain}
.v56-footer-brand b{display:block;font:600 18px/1.1 var(--serif);letter-spacing:.11em}
.v56-footer-brand small{
  display:block;margin-top:7px;color:#766957;font-size:8px;letter-spacing:.14em;text-transform:uppercase;
}
.v56-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.v56-footer-links > div{display:grid;gap:9px;align-content:start}
.v56-footer-links span{
  margin-bottom:7px;color:#c1a57e;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.v56-footer-links button{
  width:max-content;padding:0;border:0;background:transparent;color:#847563;font-size:10px;text-align:left;
  transition:color .15s ease,transform .15s ease;
}
.v56-footer-links button:hover{color:#d6c2a6;transform:translateX(3px)}
.v56-footer-status{padding-left:24px;border-left:1px solid var(--v56-line)}
.v56-footer-status span{display:block;color:#9d8b75;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.v56-footer-status i{
  display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#86a873;
  box-shadow:0 0 8px rgba(134,168,115,.5);
}
.v56-footer-status strong{display:block;margin:12px 0 5px;color:#e0c89f;font:400 27px var(--serif)}
.v56-footer-status small{color:#6e6253;font-size:9px}
.v56-footer-bottom{
  width:min(1240px,88vw);margin:auto;display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px;
  border-top:1px solid var(--v56-line);color:#655a4c;font-size:8px;letter-spacing:.08em;text-transform:uppercase;
}

/* Subtle section reveals */
.v56-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
.v56-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1120px){
  .v56-footer-main{grid-template-columns:1fr 1fr;gap:45px}
  .v56-footer-status{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid var(--v56-line);padding-top:22px}
}
@media(max-width:920px){
  .header{height:74px !important}
  .home-principle{border-right:0 !important;border-bottom:1px solid var(--v56-line) !important}
  .home-principle:last-child{border-bottom:0 !important}
  .v56-footer-main{grid-template-columns:1fr;gap:34px}
  .v56-footer-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .cloux-about-image:before{display:none}
  .v56-footer-main,.v56-footer-bottom{width:calc(100% - 30px)}
  .v56-footer-links{grid-template-columns:1fr 1fr;gap:28px}
  .v56-footer-bottom{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .cloux-slide{animation:none !important}
  .v56-reveal{opacity:1 !important;transform:none !important;transition:none !important}
}


/* ===== V57 HERO + DISCORD REFINEMENT ===== */
.top-chip.discord{
  min-width:165px !important;
  justify-content:center !important;
  text-align:center !important;
  background:linear-gradient(180deg,rgba(98,110,255,.18),rgba(72,82,210,.10)) !important;
  border-color:rgba(148,158,255,.28) !important;
  color:#eef1ff !important;
}
.top-chip.discord:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 26px rgba(64,74,175,.18) !important;
}

.v57-hero-center{
  width:min(1200px,90vw) !important;
  min-height:calc(100vh - 82px);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding-top:110px !important;
  padding-bottom:110px !important;
  margin:0 auto !important;
}
.v57-hero-copy{
  width:min(980px,100%);
  margin:0 auto;
}
.v57-hero-copy .cloux-kicker{
  margin-bottom:18px !important;
  color:#d8a46a !important;
  letter-spacing:.34em !important;
}
.v57-hero-title{
  margin:0 !important;
  font-size:clamp(74px, 9vw, 146px) !important;
  line-height:.9 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
  color:#f5efe8 !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.22),
    0 10px 28px rgba(0,0,0,.38) !important;
}
.v57-hero-title span{
  color:#d6a05c !important;
}
.v57-hero-motto{
  max-width:760px !important;
  margin:26px auto 0 !important;
  color:#e6d7c4 !important;
  font-size:clamp(18px,1.7vw,26px) !important;
  line-height:1.5 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.32) !important;
}
.v57-hero-copy .cloux-actions{
  justify-content:center !important;
  margin-top:34px !important;
}
.v57-hero-copy .cloux-actions .cloux-btn{
  min-width:210px !important;
}

@media(max-width:900px){
  .v57-hero-center{
    min-height:700px;
    padding-top:100px !important;
    padding-bottom:90px !important;
  }
  .v57-hero-title{
    font-size:clamp(56px, 13vw, 96px) !important;
    line-height:.95 !important;
  }
  .v57-hero-motto{
    max-width:560px !important;
    font-size:18px !important;
  }
}
@media(max-width:640px){
  .v57-hero-copy .cloux-kicker{
    letter-spacing:.22em !important;
  }
  .v57-hero-copy .cloux-actions{
    flex-direction:column !important;
    align-items:center !important;
  }
  .v57-hero-copy .cloux-actions .cloux-btn{
    width:min(100%, 320px) !important;
  }
}


/* ===== V59 header + hero refinement ===== */
.v59-header{
  position:fixed !important;
  top:0; left:0; right:0;
  z-index:1200 !important;
  height:88px !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  background:linear-gradient(180deg, rgba(7,7,8,.97) 0%, rgba(10,9,10,.92) 72%, rgba(10,9,10,.84) 100%) !important;
  border-bottom:1px solid rgba(214,160,92,.10) !important;
  backdrop-filter:blur(12px) !important;
}
.v59-header-left,
.v59-header-right{
  display:flex;
  align-items:center;
}
.v59-header-left{justify-content:flex-start}
.v59-header-right{
  justify-content:flex-end;
  gap:8px;
}
.v59-nav{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.v59-nav > button,
.v59-nav .nav-drop-btn{
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(19,18,20,.92), rgba(9,9,10,.9)) !important;
  color:#f2ede6 !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18);
}
.v59-nav > button:hover,
.v59-nav .nav-drop-btn:hover{
  color:#f5d1a0 !important;
  border-color:rgba(214,160,92,.22) !important;
  transform:translateY(-1px);
}
.v59-nav > button.active{
  background:linear-gradient(180deg, #a44735, #7d2a22) !important;
  border-color:rgba(229,173,114,.30) !important;
  color:#ffe7c8 !important;
  box-shadow:0 14px 28px rgba(125,42,34,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.v59-nav .nav-drop{
  display:flex;
  align-items:center;
}
.v59-nav .nav-drop-menu{
  top:calc(100% + 10px) !important;
  border:1px solid rgba(214,160,92,.12) !important;
}
.v59-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:82px !important;
  height:82px !important;
  margin:0 auto !important;
  cursor:pointer;
}
.v59-brand img{
  width:62px !important;
  height:62px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.v59-brand span{display:none !important}
.v59-profile-btn{
  min-height:44px;
  padding:0 18px 0 16px;
  border:0;
  border-left:1px solid rgba(255,255,255,.10);
  background:transparent;
  color:#d8a35f;
  font:inherit;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  margin-right:2px;
}
.v59-profile-btn:hover{color:#ffe7c8}
.v59-icon-link{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d8d4ce;
  text-decoration:none;
  transition:transform .18s ease, color .18s ease, opacity .18s ease;
  position:relative;
}
.v59-icon-link:hover{
  color:#ffffff;
  transform:translateY(-1px);
}
.v59-icon-link svg{
  width:18px;
  height:18px;
}
.v59-icon-link + .v59-icon-link::before{
  content:"";
  position:absolute;
  left:-4px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:16px;
  background:rgba(255,255,255,.08);
}

.cloux-hero{
  min-height:100vh !important;
}
.v59-slide{
  background-position:center center !important;
}
.v59-overlay{
  background:
    linear-gradient(180deg, rgba(7,7,8,.36) 0%, rgba(7,7,8,.18) 16%, rgba(7,7,8,.18) 62%, rgba(7,7,8,.80) 100%) !important;
  opacity:1 !important;
}
.v59-hero-inner{
  width:min(1480px, 94vw) !important;
  min-height:100vh !important;
  padding:156px 0 120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.v59-hero-copy{
  width:min(1200px, 92vw);
  margin:0 auto;
}
.v59-hero-copy .cloux-kicker{
  margin-bottom:18px !important;
  color:#d8a46a !important;
  letter-spacing:.34em !important;
  font-size:12px !important;
  text-transform:uppercase !important;
}
.v59-hero-title{
  margin:0 auto 20px !important;
  font-family:var(--serif) !important;
  font-size:clamp(64px, 8.4vw, 152px) !important;
  line-height:.88 !important;
  letter-spacing:-.06em !important;
  text-transform:uppercase !important;
  color:#f5f0e9 !important;
  text-shadow:0 8px 34px rgba(0,0,0,.34) !important;
  white-space:nowrap;
}
.v59-hero-title span{
  color:#dca75e !important;
}
.v59-hero-motto{
  max-width:760px !important;
  margin:0 auto 30px !important;
  color:#f2ede7 !important;
  font-size:19px !important;
  line-height:1.7 !important;
  text-shadow:0 4px 16px rgba(0,0,0,.28);
}
.v59-actions{
  justify-content:center !important;
  gap:14px !important;
}
.v59-actions .cloux-btn{
  min-width:210px !important;
}

@media (max-width: 1240px){
  .v59-header{
    padding:0 16px !important;
    grid-template-columns:1fr auto 1fr !important;
  }
  .v59-nav{
    gap:6px !important;
  }
  .v59-nav > button,
  .v59-nav .nav-drop-btn{
    padding:0 14px !important;
  }
}
@media (max-width: 1024px){
  .v59-header{
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:10px 16px 14px !important;
    gap:8px !important;
  }
  .v59-brand{
    order:1;
    width:100% !important;
    height:auto !important;
  }
  .v59-header-left{
    order:2;
    justify-content:center;
  }
  .v59-header-right{
    order:3;
    justify-content:center;
  }
  .v59-nav{
    flex-wrap:wrap !important;
    justify-content:center !important;
  }
  .v59-hero-inner{
    padding-top:210px !important;
  }
  .v59-hero-title{
    white-space:normal;
  }
}
@media (max-width: 720px){
  .v59-nav > button,
  .v59-nav .nav-drop-btn{
    min-height:40px !important;
    padding:0 12px !important;
    font-size:9px !important;
  }
  .v59-profile-btn{
    border-left:none;
    padding:0 8px;
  }
  .v59-hero-inner{
    padding:196px 0 100px !important;
  }
  .v59-hero-copy .cloux-kicker{
    font-size:10px !important;
    letter-spacing:.24em !important;
  }
  .v59-hero-title{
    font-size:clamp(46px, 12vw, 74px) !important;
    line-height:.94 !important;
  }
  .v59-hero-motto{
    font-size:16px !important;
  }
  .v59-actions{
    flex-direction:column !important;
    align-items:center !important;
  }
  .v59-actions .cloux-btn{
    width:min(100%, 320px) !important;
  }
}


/* ===== V60 FULLSCREEN CINEMATIC HERO + CLEAN FOOTER ===== */

/* Full-screen front image, closer to the reference layout */
#home .cloux-hero{
  min-height:100svh !important;
  height:100svh !important;
  overflow:hidden !important;
  background:#050505;
}
#home .cloux-slide{
  inset:0 !important;
  min-height:100svh !important;
  height:100svh !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  will-change:transform, background-position;
}
#home .cloux-slide.active{
  animation:v60CinematicMove 20s ease-in-out infinite alternate !important;
}
@keyframes v60CinematicMove{
  0%{
    transform:scale(1.00);
    background-position:50% 48%;
  }
  100%{
    transform:scale(1.075);
    background-position:53% 46%;
  }
}
#home .cloux-slide > *{
  transform:scale(.93);
  transform-origin:center;
}
#home .cloux-overlay.v59-overlay{
  background:
    linear-gradient(180deg,rgba(5,5,5,.30) 0%,rgba(5,5,5,.12) 28%,rgba(5,5,5,.13) 58%,rgba(5,5,5,.72) 100%),
    radial-gradient(circle at 50% 44%,rgba(255,189,112,.08),transparent 38%) !important;
}
#home .v59-hero-inner{
  min-height:100svh !important;
  height:100svh !important;
  padding:110px 0 90px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#home .v59-hero-copy{
  width:min(1180px,92vw);
}
#home .v59-hero-copy .cloux-kicker{
  margin-bottom:15px !important;
  font-size:10px !important;
  letter-spacing:.28em !important;
}
#home .v59-hero-title{
  font-size:clamp(62px,8vw,138px) !important;
  line-height:.91 !important;
  white-space:nowrap !important;
  text-shadow:0 12px 38px rgba(0,0,0,.42) !important;
}
#home .v59-hero-motto{
  max-width:680px !important;
  margin:22px auto 28px !important;
  font-size:18px !important;
  line-height:1.65 !important;
  color:#efe4d7 !important;
}
#home .v59-actions{
  margin-top:0 !important;
}

/* Keep controls sitting inside the image, not below it */
#home .cloux-status{
  bottom:24px !important;
  z-index:8 !important;
}
#home .cloux-slider-controls{
  bottom:24px !important;
  z-index:8 !important;
}

/* Footer: no horizontal overflow, calmer hierarchy */
.v60-footer{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(150,74,54,.055),transparent 35%),
    linear-gradient(180deg,#0b0908,#070605) !important;
  border-top:1px solid rgba(228,198,157,.08) !important;
  color:#cabba7;
}
.v60-footer-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:54px 0 40px;
  display:grid;
  grid-template-columns:1.15fr 1.65fr .62fr;
  gap:64px;
  align-items:start;
}
.v60-footer-brand{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.v60-footer-brand img{
  width:58px;
  height:58px;
  object-fit:contain;
  flex:0 0 auto;
}
.v60-footer-brand strong{
  display:block;
  color:#e5d7c3;
  font:500 18px/1.15 var(--serif);
  letter-spacing:.08em;
  white-space:nowrap;
}
.v60-footer-brand span{
  display:block;
  margin-top:7px;
  color:#796b5c;
  font-size:8px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.v60-footer-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}
.v60-footer-nav > div{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v60-footer-nav b{
  margin-bottom:6px;
  color:#cfa365;
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.v60-footer-nav button{
  width:max-content;
  max-width:100%;
  padding:2px 0;
  border:0;
  background:transparent;
  color:#908170;
  font-size:10px;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  transition:color .15s ease,transform .15s ease;
}
.v60-footer-nav button:hover{
  color:#e4d2ba;
  transform:translateX(2px);
}
.v60-footer-status{
  min-width:0;
  padding-left:24px;
  border-left:1px solid rgba(228,198,157,.09);
}
.v60-status-label{
  color:#8e806f;
  font-size:8px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.v60-status-label i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:#86a873;
  box-shadow:0 0 9px rgba(134,168,115,.45);
}
.v60-footer-status strong{
  display:block;
  margin:10px 0 4px;
  color:#e2bc7a;
  font:400 27px/1 var(--serif);
  letter-spacing:.02em;
}
.v60-footer-status strong span{
  color:#806f5d;
  font-size:15px;
}
.v60-footer-status small{
  color:#6f6254;
  font-size:8px;
  letter-spacing:.04em;
}
.v60-footer-bottom{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:18px 0 20px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(228,198,157,.075);
  color:#62584c;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Prevent page-level horizontal scrollbar from footer/header */
html,body{
  max-width:100%;
  overflow-x:hidden !important;
}

@media(max-width:980px){
  .v60-footer-wrap{
    grid-template-columns:1fr 1fr;
    gap:38px 42px;
  }
  .v60-footer-nav{
    grid-template-columns:repeat(3,1fr);
  }
  .v60-footer-status{
    grid-column:1/-1;
    padding:20px 0 0;
    border-left:0;
    border-top:1px solid rgba(228,198,157,.09);
  }
}
@media(max-width:720px){
  #home .v59-hero-title{
    white-space:normal !important;
    font-size:clamp(48px,13vw,76px) !important;
  }
  #home .v59-hero-motto{
    width:min(560px,88vw);
    font-size:16px !important;
  }
  .v60-footer-wrap,
  .v60-footer-bottom{
    width:calc(100% - 30px);
  }
  .v60-footer-wrap{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:42px;
  }
  .v60-footer-nav{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .v60-footer-status{
    grid-column:auto;
  }
  .v60-footer-bottom{
    flex-direction:column;
    gap:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  #home .cloux-slide.active{
    animation:none !important;
  }
}






/* ===== V72 CONSOLIDATED HEADER / HERO ===== */

/* One icon system only: the actual Redcreek images embedded in the button. */
header.v65-header .v65-nav-btn::before,
header.v65-header .v65-nav-btn::after,
header.v65-header .nav-drop-btn::before,
header.v65-header .v65-profile-btn::before,
header.v65-header .v65-profile-btn::after,
header.v65-header .v65-social-btn::before,
header.v65-header .v65-social-btn::after{
  content:none !important;
  display:none !important;
}

/* Header shell */
header.v65-header{
  height:78px !important;
  min-height:78px !important;
  padding:0 !important;
  display:block !important;
  background:linear-gradient(180deg,rgba(7,6,6,.985),rgba(10,8,8,.955)) !important;
  border-bottom:1px solid rgba(205,157,96,.12) !important;
}

header.v65-header .v65-header-shell{
  width:min(1480px,calc(100% - 48px)) !important;
  height:78px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
  align-items:center !important;
  gap:24px !important;
}

header.v65-header .v65-left-nav{
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

header.v65-header .v65-nav-btn{
  height:44px !important;
  min-height:44px !important;
  padding:0 15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  border:1px solid rgba(221,181,129,.12) !important;
  background:linear-gradient(180deg,rgba(20,16,14,.96),rgba(9,8,8,.96)) !important;
  color:#eee4d5 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  line-height:1 !important;
}

header.v65-header .v65-nav-btn.active{
  background:linear-gradient(180deg,#a84738,#7e2c24) !important;
  border-color:rgba(231,181,120,.28) !important;
}

header.v65-header .v65-btn-icon{
  display:block !important;
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  min-height:19px !important;
  flex:0 0 19px !important;
  margin:0 !important;
  padding:0 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));
}

header.v65-header .v65-center-logo{
  justify-self:center !important;
  width:88px !important;
  height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

header.v65-header .v65-center-logo img{
  width:56px !important;
  height:56px !important;
  object-fit:contain !important;
}

header.v65-header .v65-right-nav{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

header.v65-header .v65-profile-btn{
  min-width:110px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid rgba(221,181,129,.12) !important;
  background:linear-gradient(180deg,rgba(20,16,14,.96),rgba(9,8,8,.96)) !important;
  color:#eee4d5 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.11em !important;
  line-height:1 !important;
}

header.v65-header .v65-social-btn{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  flex:0 0 44px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid rgba(221,181,129,.12) !important;
  background:linear-gradient(180deg,rgba(20,16,14,.96),rgba(9,8,8,.96)) !important;
}

header.v65-header .v65-right-icon{
  display:block !important;
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));
}

header.v65-header .v65-profile-btn .v65-right-icon{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
}

header.v65-header .v65-nav-btn:hover,
header.v65-header .v65-profile-btn:hover,
header.v65-header .v65-social-btn:hover{
  border-color:rgba(225,174,110,.28) !important;
  transform:translateY(-1px);
}

/* Hero: one image, true centered content, no hidden slider system. */
#home .cloux-slide{
  transform:none !important;
}

#home .v59-hero-inner{
  position:absolute !important;
  inset:78px 0 0 !important;
  width:100% !important;
  height:calc(100svh - 78px) !important;
  min-height:calc(100svh - 78px) !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  transform:none !important;
}

#home .v59-hero-copy{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:min(1160px,88vw) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

#home .v59-hero-copy .cloux-kicker,
#home .v59-hero-title,
#home .v59-hero-motto{
  text-align:center !important;
}

#home .v59-hero-title{
  width:100% !important;
  max-width:none !important;
  margin:0 auto 18px !important;
  white-space:nowrap !important;
  font-size:clamp(50px,5.7vw,98px) !important;
  line-height:.96 !important;
}

#home .v59-hero-motto{
  width:min(700px,86vw) !important;
  margin:0 auto 28px !important;
}

#home .v59-actions{
  width:100% !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
}

#home .v59-actions .cloux-btn{
  width:205px !important;
  min-width:205px !important;
  margin:0 !important;
}

/* No slider controls anywhere. */
#home .cloux-slider-controls,
#home .cloux-dots,
#home .cloux-arrow{
  display:none !important;
}

/* Prevent stale edge overflow. */
html,body,#home,.cloux-hero{
  max-width:100% !important;
  overflow-x:hidden !important;
}

@media(max-width:1100px){
  header.v65-header .v65-header-shell{
    width:calc(100% - 24px) !important;
    gap:12px !important;
  }
  header.v65-header .v65-nav-btn{
    padding:0 11px !important;
    gap:6px !important;
  }
}

@media(max-width:1040px){
  header.v65-header{
    height:auto !important;
  }
  header.v65-header .v65-header-shell{
    height:auto !important;
    min-height:78px !important;
    grid-template-columns:1fr !important;
    padding:8px 0 !important;
  }
  header.v65-header .v65-center-logo{
    order:1 !important;
    width:100% !important;
    height:54px !important;
  }
  header.v65-header .v65-left-nav{
    order:2 !important;
    justify-self:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
  }
  header.v65-header .v65-right-nav{
    order:3 !important;
    justify-self:center !important;
  }
  #home .v59-hero-inner{
    inset:150px 0 0 !important;
    height:calc(100svh - 150px) !important;
    min-height:calc(100svh - 150px) !important;
  }
}



/* ===== V73 LEFT NAV + CLEAN HERO ===== */

/* Use nearly the full viewport width so the left menu actually sits left,
   while the center logo remains mathematically centered. */
header.v65-header .v65-header-shell{
  width:calc(100% - 40px) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
  gap:18px !important;
}

header.v65-header .v65-left-nav{
  justify-self:start !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

header.v65-header .v65-right-nav{
  justify-self:end !important;
  margin-right:0 !important;
  padding-right:0 !important;
}

/* Remove the old semi-transparent hero card / glow entirely. */
#home .v52-hero-card{
  display:contents !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}
#home .v52-hero-card::before,
#home .v52-hero-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
}

/* Also make sure the actual hero copy itself has no box. */
#home .v59-hero-copy{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Team colors:
   main title = white
   kicker + line underneath = warm Redcreek gold */
#home .v59-hero-title,
#home .v59-hero-title span,
#home .v59-hero-title .v61-title-main,
#home .v59-hero-title .v61-title-accent{
  color:#f7f2eb !important;
}

#home .v59-hero-copy .cloux-kicker{
  color:#d8a45f !important;
}

#home .v59-hero-motto{
  color:#d8a45f !important;
  font-weight:500 !important;
  text-shadow:0 3px 14px rgba(0,0,0,.42) !important;
}

/* Keep the center stack clean and optically centered. */
#home .v59-hero-copy{
  width:min(1120px,86vw) !important;
}
#home .v59-hero-title{
  font-size:clamp(48px,5.5vw,94px) !important;
  letter-spacing:-.03em !important;
}

/* Desktop left/right edge breathing room */
@media(min-width:1200px){
  header.v65-header .v65-header-shell{
    width:calc(100% - 56px) !important;
  }
}

/* Smaller screens keep safe margins. */
@media(max-width:1100px){
  header.v65-header .v65-header-shell{
    width:calc(100% - 24px) !important;
  }
}



#home .v52-hero-card,
#home .hero-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
#home .v52-hero-card::before,
#home .v52-hero-card::after,
#home .hero-panel::before,
#home .hero-panel::after{
  content:none !important;
  display:none !important;
}



/* ===== V75 screenshot fix ===== */

/* Header: move left controls to the actual left side while keeping logo centered. */
header.v65-header .v65-header-shell{
  width:100% !important;
  max-width:none !important;
  height:78px !important;
  margin:0 !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;
}

header.v65-header .v65-left-nav{
  justify-self:start !important;
  margin:0 !important;
  padding:0 !important;
}

header.v65-header .v65-right-nav{
  justify-self:end !important;
  margin:0 !important;
  padding:0 !important;
}

/* This was the visible semi-transparent rectangle:
   old CSS scaled every direct child of the hero slide to 93%. */
#home .cloux-slide > *{
  transform:none !important;
  transform-origin:center !important;
}

#home .cloux-overlay,
#home .cloux-overlay.v59-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  border:0 !important;
  outline:0 !important;
}

/* No card, panel, blur or hidden rectangle around the center content. */
#home .v59-hero-copy,
#home .v52-hero-card,
#home .hero-panel,
#home .cloux-hero-inner{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

#home .v59-hero-copy::before,
#home .v59-hero-copy::after,
#home .v52-hero-card::before,
#home .v52-hero-card::after,
#home .hero-panel::before,
#home .hero-panel::after{
  content:none !important;
  display:none !important;
}

/* Exact requested colors:
   title = white
   line underneath = Redcreek gold */
#home h1.v59-hero-title,
#home h1.v59-hero-title span,
#home h1.v59-hero-title .v61-title-main,
#home h1.v59-hero-title .v61-title-accent{
  color:#f8f4ee !important;
  -webkit-text-fill-color:#f8f4ee !important;
}

#home .v59-hero-motto{
  color:#d9a35d !important;
  -webkit-text-fill-color:#d9a35d !important;
  font-weight:600 !important;
}

#home .v59-hero-copy .cloux-kicker{
  color:#d9a35d !important;
}

/* Keep the center block truly centered and slightly more compact. */
#home .v59-hero-copy{
  width:min(1080px,86vw) !important;
  max-width:1080px !important;
  text-align:center !important;
}

#home .v59-hero-title{
  font-size:clamp(48px,5.2vw,90px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  margin:0 auto 18px !important;
}

#home .v59-hero-motto{
  margin:0 auto 28px !important;
  text-align:center !important;
}

#home .v59-actions{
  justify-content:center !important;
}



/* ===== V76 HERO TYPOGRAPHY ===== */

/* Western display title, but still readable */
#home .v59-hero-title,
#home .v59-hero-title span,
#home .v59-hero-title .v61-title-main,
#home .v59-hero-title .v61-title-accent{
  font-family:'Rye', Georgia, serif !important;
  font-weight:400 !important;
  letter-spacing:.015em !important;
  text-transform:uppercase !important;
  color:#f8f4ee !important;
  -webkit-text-fill-color:#f8f4ee !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.28),
    0 7px 24px rgba(0,0,0,.42) !important;
}

/* Small top line: clean, elegant western/editorial feel */
#home .v59-hero-copy .cloux-kicker{
  font-family:'Libre Baskerville', Georgia, serif !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:#d9a35d !important;
}

/* Motto: calmer serif so it does not compete with the title */
#home .v59-hero-motto{
  font-family:'Libre Baskerville', Georgia, serif !important;
  font-weight:700 !important;
  font-size:17px !important;
  line-height:1.7 !important;
  letter-spacing:.01em !important;
  color:#d9a35d !important;
  -webkit-text-fill-color:#d9a35d !important;
}

/* Slightly smaller title so the decorative font has breathing room */
#home .v59-hero-title{
  font-size:clamp(46px,4.9vw,84px) !important;
  line-height:1.02 !important;
  margin-bottom:20px !important;
}



/* =========================================================
   V77 — REDCREEK PREMIUM POLISH
   Keeps the current structure but makes the whole page feel
   calmer, more deliberate and more professional.
   ========================================================= */

:root{
  --v77-red:#9f3e32;
  --v77-red-dark:#6f241e;
  --v77-gold:#d5a15d;
  --v77-gold-soft:#b98a50;
  --v77-ivory:#f5f0e8;
  --v77-muted:#a99a86;
  --v77-line:rgba(224,190,143,.12);
}

/* ---------- TOPBAR ---------- */
header.v65-header{
  background:
    linear-gradient(180deg,rgba(9,7,7,.99),rgba(10,8,8,.965)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.22) !important;
  border-bottom:1px solid rgba(214,160,92,.11) !important;
}

header.v65-header .v65-header-shell{
  height:80px !important;
}

header.v65-header .v65-left-nav,
header.v65-header .v65-right-nav{
  gap:7px !important;
}

header.v65-header .v65-nav-btn,
header.v65-header .v65-profile-btn,
header.v65-header .v65-social-btn{
  border-color:rgba(226,190,139,.10) !important;
  background:
    linear-gradient(180deg,rgba(21,17,15,.97),rgba(10,8,8,.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 7px 18px rgba(0,0,0,.14) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    color .16s ease !important;
}

header.v65-header .v65-nav-btn{
  padding:0 15px !important;
  font-size:8.7px !important;
}

header.v65-header .v65-nav-btn.active{
  background:
    linear-gradient(180deg,#a64638,#76271f) !important;
  border-color:rgba(233,184,121,.28) !important;
  color:#fff0dc !important;
}

header.v65-header .v65-nav-btn:hover,
header.v65-header .v65-profile-btn:hover,
header.v65-header .v65-social-btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(220,168,104,.28) !important;
  background:
    linear-gradient(180deg,rgba(35,25,21,.98),rgba(14,10,9,.98)) !important;
}

header.v65-header .v65-btn-icon{
  width:18px !important;
  height:18px !important;
  flex-basis:18px !important;
}

header.v65-header .v65-center-logo img{
  width:58px !important;
  height:58px !important;
  filter:
    drop-shadow(0 5px 13px rgba(0,0,0,.38))
    saturate(.94) !important;
}

header.v65-header .v65-right-icon{
  width:21px !important;
  height:21px !important;
}

/* ---------- HERO BACKGROUND ---------- */
#home .cloux-hero{
  background:#070606 !important;
}

#home .cloux-slide{
  background-position:center 48% !important;
  background-size:cover !important;
}

/* More cinematic, but no visible box/panel. */
#home .cloux-overlay,
#home .cloux-overlay.v59-overlay{
  background:
    radial-gradient(circle at 50% 43%,rgba(246,190,112,.055),transparent 32%),
    linear-gradient(90deg,rgba(5,4,4,.28),rgba(5,4,4,.07) 35%,rgba(5,4,4,.07) 65%,rgba(5,4,4,.28)),
    linear-gradient(180deg,rgba(5,4,4,.17),rgba(5,4,4,.04) 45%,rgba(5,4,4,.52) 100%) !important;
}

/* Gentle vignette only. */
#home .cloux-hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:
    radial-gradient(ellipse at center,
      transparent 48%,
      rgba(0,0,0,.16) 78%,
      rgba(0,0,0,.32) 100%) !important;
}

/* ---------- HERO TYPOGRAPHY ---------- */
#home .v59-hero-copy{
  z-index:4 !important;
  width:min(1160px,88vw) !important;
}

#home .v59-hero-copy .cloux-kicker{
  position:relative !important;
  width:max-content !important;
  max-width:90vw !important;
  margin:0 auto 18px !important;
  padding:0 22px !important;

  font-family:'Libre Baskerville', Georgia, serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.28em !important;
  color:var(--v77-gold) !important;
  text-transform:uppercase !important;
}

/* Small elegant gold lines around the kicker. */
#home .v59-hero-copy .cloux-kicker::before,
#home .v59-hero-copy .cloux-kicker::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:50% !important;
  width:38px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,var(--v77-gold-soft)) !important;
  opacity:.7 !important;
}
#home .v59-hero-copy .cloux-kicker::before{
  right:100% !important;
}
#home .v59-hero-copy .cloux-kicker::after{
  left:100% !important;
  transform:scaleX(-1) !important;
}

#home .v59-hero-title,
#home .v59-hero-title span,
#home .v59-hero-title .v61-title-main,
#home .v59-hero-title .v61-title-accent{
  font-family:'Cinzel', Georgia, serif !important;
  color:var(--v77-ivory) !important;
  -webkit-text-fill-color:var(--v77-ivory) !important;
}

#home .v59-hero-title{
  font-weight:700 !important;
  font-size:clamp(46px,5.15vw,88px) !important;
  line-height:.99 !important;
  letter-spacing:-.025em !important;
  text-shadow:
    0 3px 0 rgba(0,0,0,.20),
    0 12px 36px rgba(0,0,0,.42) !important;
  margin-bottom:20px !important;
}

#home .v59-hero-motto{
  max-width:720px !important;
  margin:0 auto 31px !important;

  font-family:'Libre Baskerville', Georgia, serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.65 !important;
  letter-spacing:.015em !important;
  color:var(--v77-gold) !important;
  -webkit-text-fill-color:var(--v77-gold) !important;
  text-shadow:0 4px 18px rgba(0,0,0,.40) !important;
}

/* ---------- HERO ACTIONS ---------- */
#home .v59-actions{
  gap:12px !important;
}

#home .v59-actions .cloux-btn{
  position:relative !important;
  width:204px !important;
  min-width:204px !important;
  height:48px !important;
  min-height:48px !important;

  font-size:9px !important;
  letter-spacing:.13em !important;
  border-radius:0 !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    filter .16s ease !important;
}

#home .v59-actions .cloux-btn.primary{
  background:
    linear-gradient(180deg,#a8493b,#7b2c24) !important;
  border:1px solid rgba(235,187,127,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 28px rgba(0,0,0,.20) !important;
}

#home .v59-actions .cloux-btn.ghost{
  background:rgba(12,9,8,.68) !important;
  border:1px solid rgba(231,205,170,.13) !important;
  backdrop-filter:blur(5px) !important;
}

#home .v59-actions .cloux-btn:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.07) !important;
}

/* ---------- BELOW-HERO SECTIONS ---------- */
#home .cloux-about,
#home .v49-community,
#home .home-principles,
#home .v49-final-cta{
  position:relative !important;
}

/* More breathing room and a common visual rhythm. */
#home .cloux-about{
  padding-top:120px !important;
  padding-bottom:110px !important;
}

#home .cloux-about-copy .cloux-kicker,
#home .v49-community .cloux-kicker,
#home .v49-final-cta .cloux-kicker{
  color:var(--v77-gold) !important;
  letter-spacing:.17em !important;
}

/* Make content headings feel closer to the refined hero. */
#home .cloux-about-copy h2,
#home .v49-community h2,
#home .v49-final-cta h2{
  font-family:'Cinzel', Georgia, serif !important;
  font-weight:700 !important;
  letter-spacing:-.015em !important;
}

/* Calm down borders/cards so the page is not box-heavy. */
#home .cloux-about-points div,
#home .home-principle,
#home .v49-community-stats > div{
  border-color:var(--v77-line) !important;
}

/* ---------- FOOTER ---------- */
.v60-footer{
  background:
    radial-gradient(circle at 50% 0%,rgba(150,70,48,.045),transparent 38%),
    linear-gradient(180deg,#0a0807,#060504) !important;
  border-top-color:rgba(223,183,128,.08) !important;
}

.v60-footer-nav b{
  color:var(--v77-gold) !important;
}

.v60-footer-nav button:hover{
  color:#ead8bf !important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  #home .v59-hero-title{
    font-size:clamp(42px,9vw,68px) !important;
    white-space:normal !important;
  }
  #home .v59-hero-motto{
    font-size:15px !important;
  }
  #home .v59-hero-copy .cloux-kicker::before,
  #home .v59-hero-copy .cloux-kicker::after{
    width:24px !important;
  }
}

@media(max-width:640px){
  #home .v59-hero-copy .cloux-kicker{
    padding:0 12px !important;
    letter-spacing:.20em !important;
  }

  #home .v59-actions{
    flex-direction:column !important;
    gap:10px !important;
  }

  #home .v59-actions .cloux-btn{
    width:min(310px,86vw) !important;
  }
}



/* =========================================================
   V78 — WEBSITE POLISH
   ========================================================= */

:root{
  --v78-gold:#d5a15d;
  --v78-red:#9f3e32;
  --v78-ivory:#f5f0e8;
  --v78-muted:#9d8d79;
  --v78-line:rgba(222,188,140,.11);
  --v78-panel:#0e0b0a;
}

/* Custom scrollbar */
html{
  scroll-behavior:smooth;
  scrollbar-color:#8b4b34 #090706;
  scrollbar-width:thin;
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#090706}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#9a4936,#6f3025);
  border:2px solid #090706;
}
::-webkit-scrollbar-thumb:hover{background:#ad5942}

/* Loading screen */
.v78-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:#080605;
  transition:opacity .45s ease,visibility .45s ease;
}
.v78-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.v78-loader-inner{
  width:min(360px,82vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.v78-loader img{
  width:82px;
  height:82px;
  object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.4));
}
.v78-loader span{
  margin-top:16px;
  font-family:'Cinzel',Georgia,serif;
  color:#eee5d8;
  font-size:15px;
  letter-spacing:.18em;
}
.v78-loader small{
  margin-top:6px;
  color:#766754;
  font-size:8px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.v78-loader i{
  width:130px;
  height:1px;
  margin-top:24px;
  background:rgba(255,255,255,.08);
  position:relative;
  overflow:hidden;
}
.v78-loader i:after{
  content:"";
  position:absolute;
  inset:0;
  width:44%;
  background:linear-gradient(90deg,transparent,var(--v78-gold),transparent);
  animation:v78load 1.15s ease-in-out infinite;
}
@keyframes v78load{from{transform:translateX(-120%)}to{transform:translateX(260%)}}

/* Page transitions */
.page.active{
  animation:v78PageIn .36s ease both;
}
@keyframes v78PageIn{
  from{opacity:.25;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

/* Hero scroll cue */
.v78-scroll-cue{
  position:absolute;
  z-index:12;
  left:50%;
  bottom:25px;
  transform:translateX(-50%);
  border:0;
  background:transparent;
  color:#a89984;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-size:7px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
}
.v78-scroll-cue i{
  width:1px;
  height:28px;
  background:linear-gradient(180deg,var(--v78-gold),transparent);
  animation:v78scroll 1.8s ease-in-out infinite;
}
@keyframes v78scroll{
  0%,100%{transform:scaleY(.55);transform-origin:top;opacity:.5}
  50%{transform:scaleY(1);transform-origin:top;opacity:1}
}

/* Subtle reveal */
.v78-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .62s ease,transform .62s ease;
}
.v78-reveal.v78-visible{
  opacity:1;
  transform:none;
}

/* Mobile navigation */
.v78-mobile-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid var(--v78-line);
  background:#100d0c;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.v78-mobile-toggle span{
  width:18px;
  height:1px;
  background:#dfc7a7;
  transition:.18s ease;
}
.v78-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.v78-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.v78-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* Dropdown polish */
header .nav-drop-menu{
  min-width:210px !important;
  padding:8px !important;
  background:rgba(11,9,8,.98) !important;
  border:1px solid rgba(219,178,122,.14) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.36) !important;
  backdrop-filter:blur(16px);
}
header .nav-drop-menu button{
  min-height:42px !important;
  padding:0 12px !important;
  color:#a99a86 !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}
header .nav-drop-menu button:last-child{border-bottom:0 !important}
header .nav-drop-menu button:hover{
  background:rgba(164,70,56,.10) !important;
  color:#edd8bb !important;
}

/* Whitelist */
.v78-whitelist-guide{
  max-width:1180px;
  margin:0 auto 46px;
  padding:34px 0 38px;
  border-top:1px solid var(--v78-line);
  border-bottom:1px solid var(--v78-line);
  display:grid;
  grid-template-columns:.8fr 1.6fr;
  gap:52px;
  align-items:center;
}
.v78-guide-intro h2{
  margin:7px 0 10px;
  font:700 30px/1.15 'Cinzel',Georgia,serif;
}
.v78-guide-intro p{
  margin:0;
  color:#948572;
  font-size:12px;
  line-height:1.8;
}
.v78-guide-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.v78-guide-step{
  min-height:112px;
  padding:4px 24px;
  border-left:1px solid var(--v78-line);
  display:grid;
  grid-template-columns:34px 1fr;
  gap:13px;
}
.v78-guide-step>span{
  color:#a74839;
  font:700 16px 'Cinzel',serif;
}
.v78-guide-step b{
  display:block;
  color:#e3d6c4;
  font-size:11px;
  margin-bottom:7px;
}
.v78-guide-step small{
  color:#776a5a;
  font-size:9px;
  line-height:1.65;
}
.v78-app-progress{
  grid-column:1/-1;
  margin-bottom:2px;
  padding:14px 18px;
  background:#0b0908;
  border:1px solid rgba(222,188,140,.09);
}
.v78-app-progress-copy{
  display:flex;
  justify-content:space-between;
  color:#7f715f;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.v78-app-progress-copy b{color:#c6a16f}
.v78-app-progress-track{
  height:2px;
  margin-top:10px;
  background:rgba(255,255,255,.055);
  overflow:hidden;
}
.v78-app-progress-track i{
  display:block;
  width:25%;
  height:100%;
  background:linear-gradient(90deg,#9f3e32,#d5a15d);
  transition:width .28s ease;
}
.application{
  border-color:var(--v78-line) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.12);
}
.app-side{
  background:linear-gradient(180deg,#0e0b0a,#0a0807) !important;
}
.app-step{
  border-color:rgba(255,255,255,.055) !important;
}
.app-step.active{
  color:#edd8b9 !important;
  background:rgba(159,62,50,.09) !important;
}

/* Rules */
.v78-rules-overview{
  display:grid;
  grid-template-columns:130px 130px 130px 1fr;
  gap:0;
  max-width:1180px;
  margin:0 auto 28px;
  border-top:1px solid var(--v78-line);
  border-bottom:1px solid var(--v78-line);
}
.v78-rules-overview>div{
  padding:19px 22px;
  border-right:1px solid var(--v78-line);
}
.v78-rules-overview strong{
  display:block;
  color:#d4ad75;
  font:600 22px 'Cinzel',serif;
}
.v78-rules-overview span{
  color:#716554;
  font-size:7px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.v78-rules-overview p{
  margin:0;
  padding:18px 24px;
  color:#8b7c69;
  font-size:10px;
  line-height:1.65;
  align-self:center;
}
.rules-sidebar{
  position:sticky !important;
  top:102px !important;
  align-self:start !important;
}
.rules-search:focus-within{
  border-color:rgba(213,161,93,.35) !important;
  box-shadow:0 0 0 2px rgba(213,161,93,.05);
}
.rule-card{
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.rule-card:hover{
  border-color:rgba(213,161,93,.17) !important;
  background:rgba(255,255,255,.012) !important;
  transform:translateX(3px);
}

/* Forum */
.v78-forum-strip{
  display:flex;
  align-items:center;
  gap:28px;
  padding:13px 0;
  margin-bottom:28px;
  border-top:1px solid var(--v78-line);
  border-bottom:1px solid var(--v78-line);
  color:#796c5c;
  font-size:8px;
  letter-spacing:.06em;
}
.v78-forum-strip>div{
  display:flex;
  align-items:center;
  gap:8px;
  color:#c5a67d;
}
.v78-live-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7f9d6e;
  box-shadow:0 0 8px rgba(127,157,110,.5);
}
.forum-row{
  transition:background .18s ease,padding-left .18s ease,border-color .18s ease !important;
}
.forum-row:hover{
  padding-left:10px !important;
  background:rgba(255,255,255,.012) !important;
}

/* Profile */
.v78-profile-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0 0 28px;
  border-top:1px solid var(--v78-line);
  border-bottom:1px solid var(--v78-line);
}
.v78-profile-summary>div{
  padding:17px 22px;
  border-right:1px solid var(--v78-line);
}
.v78-profile-summary>div:last-child{border-right:0}
.v78-profile-summary small{
  display:block;
  color:#716554;
  font-size:7px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.v78-profile-summary strong{
  display:block;
  margin-top:6px;
  color:#dfcfba;
  font-size:11px;
}

/* Support */
#support .recruit-row{
  padding-top:21px !important;
  padding-bottom:21px !important;
}
#support .recruit-row:hover{
  background:rgba(255,255,255,.012);
}
#support .support-band{
  border-color:rgba(159,62,50,.22) !important;
  background:linear-gradient(90deg,rgba(159,62,50,.06),transparent) !important;
}

/* Footer */
.v78-footer-social{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:21px 0;
  border-top:1px solid var(--v78-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.v78-footer-social b{
  display:block;
  color:#cba570;
  font-size:8px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.v78-footer-social span{
  display:block;
  margin-top:4px;
  color:#695e50;
  font-size:9px;
}
.v78-footer-social-links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v78-footer-social-links button{
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(222,188,140,.09);
  background:#0d0a09;
  color:#857663;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.v78-footer-social-links button:hover{
  color:#dfc9aa;
  border-color:rgba(213,161,93,.22);
}

/* Responsive */
@media(max-width:1040px){
  .v78-mobile-toggle{
    display:flex;
    position:absolute;
    left:0;
    top:14px;
    z-index:20;
  }
  header.v65-header .v65-left-nav,
  header.v65-header .v65-right-nav{
    display:none !important;
  }
  header.v65-header.v78-mobile-open .v65-left-nav,
  header.v65-header.v78-mobile-open .v65-right-nav{
    display:flex !important;
  }
  header.v65-header.v78-mobile-open .v65-left-nav{
    width:100%;
    padding-top:8px !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  header.v65-header.v78-mobile-open .v65-left-nav .v65-nav-btn,
  header.v65-header.v78-mobile-open .v65-left-nav .nav-drop{
    width:100%;
  }
  header.v65-header.v78-mobile-open .v65-left-nav .v65-nav-btn{
    justify-content:flex-start !important;
  }
  header.v65-header.v78-mobile-open .v65-right-nav{
    width:100%;
    padding-top:7px !important;
    justify-content:center !important;
  }
  header.v65-header.v78-mobile-open .v65-header-shell{
    padding-bottom:12px !important;
  }
  .v78-whitelist-guide{
    grid-template-columns:1fr;
    gap:26px;
  }
  .v78-rules-overview{
    grid-template-columns:repeat(3,1fr);
  }
  .v78-rules-overview p{
    grid-column:1/-1;
    border-top:1px solid var(--v78-line);
  }
}
@media(max-width:720px){
  .v78-scroll-cue{display:none}
  .v78-guide-steps{grid-template-columns:1fr}
  .v78-guide-step{
    border-left:0;
    border-top:1px solid var(--v78-line);
    padding:16px 0;
    min-height:auto;
  }
  .v78-rules-overview{
    grid-template-columns:repeat(3,1fr);
  }
  .v78-rules-overview>div{
    padding:15px 10px;
    text-align:center;
  }
  .v78-profile-summary{
    grid-template-columns:1fr 1fr;
  }
  .v78-profile-summary>div:nth-child(2){border-right:0}
  .v78-profile-summary>div:nth-child(-n+2){border-bottom:1px solid var(--v78-line)}
  .v78-footer-social{
    width:calc(100% - 30px);
    flex-direction:column;
    align-items:flex-start;
  }
  .v78-footer-social-links{
    justify-content:flex-start;
  }
}

@media(prefers-reduced-motion:reduce){
  .v78-loader i:after,.v78-scroll-cue i{animation:none}
  .v78-reveal{opacity:1;transform:none;transition:none}
}



/* =========================================================
   V79 — DEEP POLISH
   ========================================================= */

:root{
  --v79-gold:#d5a15d;
  --v79-gold-dim:#a87c46;
  --v79-red:#9e4034;
  --v79-line:rgba(224,190,143,.105);
  --v79-paper:#e8ddce;
  --v79-muted:#8f806d;
}

/* Site reading progress */
.v79-site-progress{
  position:fixed;
  left:0;
  top:0;
  right:0;
  height:2px;
  z-index:100000;
  pointer-events:none;
  background:transparent;
}
.v79-site-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#8e362d,var(--v79-gold));
  box-shadow:0 0 10px rgba(213,161,93,.24);
}

/* Header refinements */
header.v65-header{
  transition:background .2s ease,box-shadow .2s ease !important;
}
header.v65-header.v79-scrolled{
  background:rgba(8,6,6,.985) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.30) !important;
}
header.v65-header .v65-nav-btn span:last-child,
header.v65-header .v65-profile-btn span:last-child{
  transform:translateY(.3px);
}
header.v65-header .v65-social-btn{
  position:relative;
}
header.v65-header .v65-social-btn:after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid transparent;
  transition:border-color .15s ease;
}
header.v65-header .v65-social-btn:hover:after{
  border-color:rgba(213,161,93,.14);
}

/* Internal page hero treatment */
.page:not(#home) .subhero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--v79-line);
}
.page:not(#home) .subhero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:90px;
  background:linear-gradient(180deg,transparent,rgba(7,5,5,.34));
  pointer-events:none;
}
.page:not(#home) .subhero-inner,
.page:not(#home) .subhero > .wrap{
  position:relative;
  z-index:2;
}
.v79-subhero-label{
  color:var(--v79-gold);
  font-size:7px;
  font-weight:800;
  letter-spacing:.23em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.page:not(#home) .subhero h1{
  font-family:'Cinzel',Georgia,serif !important;
  letter-spacing:-.025em !important;
}
.page:not(#home) .subhero p{
  color:#9c8d79 !important;
  max-width:720px;
}

/* Form fields everywhere */
.field input,
.field textarea,
.field select,
.forum-search input,
.rules-search input{
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
}
.field input:focus,
.field textarea:focus,
.field select:focus,
.forum-search input:focus,
.rules-search input:focus{
  outline:none !important;
  border-color:rgba(213,161,93,.32) !important;
  background:rgba(255,255,255,.018) !important;
  box-shadow:0 0 0 3px rgba(213,161,93,.045) !important;
}

/* Whitelist: cleaner hierarchy */
#whitelist .application{
  overflow:hidden;
}
#whitelist .app-panel h3{
  font-family:'Cinzel',Georgia,serif !important;
  font-size:28px !important;
}
#whitelist .field label{
  color:#b6a48e !important;
  font-size:8px !important;
  letter-spacing:.08em;
}
#whitelist .form-actions{
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.045);
}
#whitelist .form-error{
  border-color:rgba(168,65,51,.22) !important;
  background:rgba(168,65,51,.05) !important;
}

/* Rules */
#rules .rules-content{
  position:relative;
}
#rules .rule-group{
  scroll-margin-top:112px;
}
#rules .rule-group-head{
  padding-bottom:15px !important;
  border-bottom:1px solid var(--v79-line);
}
#rules .rule-group-head h3{
  font-family:'Cinzel',Georgia,serif !important;
  font-size:22px !important;
}
#rules .rule-card{
  padding-top:20px !important;
  padding-bottom:20px !important;
}
#rules .rule-card strong{
  color:#dfcfba !important;
}

/* FAQ */
.v79-faq-intro{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:28px;
  align-items:center;
  margin-bottom:25px;
  padding:16px 0;
  border-top:1px solid var(--v79-line);
  border-bottom:1px solid var(--v79-line);
}
.v79-faq-intro span{
  color:var(--v79-gold);
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.v79-faq-intro p{
  margin:0;
  color:#827461;
  font-size:10px;
  line-height:1.65;
}
#faq .docs-side{
  position:sticky;
  top:102px;
  align-self:start;
}
#faq .faq-item{
  border-color:var(--v79-line) !important;
  transition:border-color .17s ease,background .17s ease !important;
}
#faq .faq-item:hover{
  border-color:rgba(213,161,93,.19) !important;
  background:rgba(255,255,255,.01);
}
#faq .faq-q{
  font-size:12px !important;
}
#faq .faq-a{
  color:#8f806d !important;
  line-height:1.75 !important;
}

/* Forum */
#forum .forum-toolbar{
  border-bottom:1px solid var(--v79-line);
  padding-bottom:20px !important;
}
#forum .forum-row{
  border-color:var(--v79-line) !important;
}
#forum .forum-icon{
  border-color:rgba(213,161,93,.12) !important;
  background:#100d0b !important;
}
#forum .forum-last{
  color:#746755 !important;
}
#forum .thread-panel{
  box-shadow:0 25px 60px rgba(0,0,0,.22) !important;
}

/* Cities */
.v79-world-strip{
  display:grid;
  grid-template-columns:120px 120px 180px 1fr;
  margin:26px 0 34px;
  border-top:1px solid var(--v79-line);
  border-bottom:1px solid var(--v79-line);
}
.v79-world-strip>div{
  padding:19px 20px;
  border-right:1px solid var(--v79-line);
}
.v79-world-strip strong{
  display:block;
  color:#d6ad72;
  font:600 22px 'Cinzel',serif;
}
.v79-world-strip span{
  display:block;
  margin-top:4px;
  color:#706353;
  font-size:7px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v79-world-strip p{
  margin:0;
  padding:17px 24px;
  align-self:center;
  color:#887966;
  font-size:10px;
  line-height:1.65;
}
#cities .city-list{
  border-color:var(--v79-line) !important;
}
#cities .city-sub{
  transition:background .16s ease,color .16s ease,padding-left .16s ease !important;
}
#cities .city-sub:hover{
  padding-left:14px !important;
}
#cities .city-sub.active{
  color:#e3c493 !important;
  background:rgba(159,64,52,.08) !important;
}

/* Profile */
#profile .profile-banner{
  overflow:hidden;
}
#profile .profile-banner:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 30%,rgba(5,4,4,.42));
}
#profile .profile-banner-content{
  position:relative;
  z-index:2;
}
#profile .profile-tab{
  transition:color .15s ease,border-color .15s ease !important;
}
#profile .profile-tab.active{
  color:#e0bd88 !important;
  border-color:var(--v79-gold) !important;
}
#profile .character,
#profile .profile-section{
  border-color:var(--v79-line) !important;
}

/* News */
.v79-news-intro{
  margin-bottom:34px;
  padding:20px 0;
  border-top:1px solid var(--v79-line);
  border-bottom:1px solid var(--v79-line);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}
.v79-news-intro span{
  display:block;
  color:var(--v79-gold);
  font-size:7px;
  font-weight:800;
  letter-spacing:.15em;
}
.v79-news-intro strong{
  display:block;
  margin-top:7px;
  color:#dfd2c0;
  font:600 18px 'Cinzel',serif;
}
.v79-news-intro p{
  margin:0;
  color:#7f7160;
  font-size:10px;
  line-height:1.7;
}
#news .release{
  border-color:var(--v79-line) !important;
  position:relative;
}
#news .release:before{
  content:"";
  position:absolute;
  left:-1px;
  top:19px;
  bottom:19px;
  width:2px;
  background:linear-gradient(180deg,var(--v79-red),transparent);
  opacity:.7;
}

/* Support */
.v79-support-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  margin:24px 0 30px;
  padding:14px 0;
  border-top:1px solid var(--v79-line);
  border-bottom:1px solid var(--v79-line);
}
.v79-support-status>div{
  display:flex;
  align-items:center;
  gap:9px;
}
.v79-support-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7e9e6e;
  box-shadow:0 0 8px rgba(126,158,110,.45);
}
.v79-support-status span{
  color:#c5aa80;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v79-support-status small{
  color:#756858;
  font-size:9px;
}
#support .recruit-row{
  border-color:var(--v79-line) !important;
  transition:background .16s ease,padding-left .16s ease !important;
}
#support .recruit-row:hover{
  padding-left:8px !important;
}

/* Footer */
.v79-footer-signoff{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:24px 0 18px;
  border-top:1px solid var(--v79-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}
.v79-footer-signoff span{
  color:#b8925f;
  font-family:'Cinzel',serif;
  font-size:10px;
  letter-spacing:.12em;
}
.v79-footer-signoff p{
  margin:0;
  color:#62574a;
  font-size:9px;
  text-align:right;
}

/* Button consistency */
.btn,
.cloux-btn,
.v78-footer-social-links button{
  transition:transform .16s ease,border-color .16s ease,filter .16s ease,background .16s ease !important;
}
.btn:hover,
.cloux-btn:hover,
.v78-footer-social-links button:hover{
  transform:translateY(-1px);
}

/* Better selection */
::selection{
  background:rgba(159,64,52,.72);
  color:#fff4e5;
}

/* Responsive */
@media(max-width:900px){
  .v79-world-strip{
    grid-template-columns:repeat(3,1fr);
  }
  .v79-world-strip p{
    grid-column:1/-1;
    border-top:1px solid var(--v79-line);
  }
  .v79-news-intro{
    grid-template-columns:1fr;
    gap:14px;
  }
}

@media(max-width:720px){
  .v79-faq-intro{
    grid-template-columns:1fr;
    gap:8px;
  }
  .v79-support-status{
    align-items:flex-start;
    flex-direction:column;
  }
  .v79-world-strip{
    grid-template-columns:repeat(3,1fr);
  }
  .v79-world-strip>div{
    padding:15px 8px;
    text-align:center;
  }
  .v79-footer-signoff{
    width:calc(100% - 30px);
    flex-direction:column;
    align-items:flex-start;
  }
  .v79-footer-signoff p{
    text-align:left;
  }
}



/* =========================================================
   V80 — PRODUCTION PASS + FOOTER REBUILD
   ========================================================= */

:root{
  --rc-bg:#080605;
  --rc-panel:#0d0a09;
  --rc-panel-2:#120e0c;
  --rc-line:rgba(225,190,141,.11);
  --rc-line-strong:rgba(225,190,141,.18);
  --rc-gold:#d5a15d;
  --rc-gold-soft:#ad8350;
  --rc-ivory:#f3ece2;
  --rc-text:#cabcaa;
  --rc-muted:#7f7161;
  --rc-red:#9e4034;
}

/* Accessibility */
.v80-skip-link{
  position:fixed;
  left:16px;
  top:-60px;
  z-index:200000;
  padding:10px 14px;
  background:#14100e;
  border:1px solid var(--rc-gold);
  color:#fff;
  font-size:11px;
  text-decoration:none;
  transition:top .15s ease;
}
.v80-skip-link:focus{top:12px}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid rgba(213,161,93,.75) !important;
  outline-offset:3px !important;
}

/* Slightly cleaner base rendering */
html{
  background:var(--rc-bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body{
  background:var(--rc-bg);
}

/* ===== Footer rebuilt for readability ===== */
.v60-footer{
  position:relative !important;
  margin-top:0 !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(158,64,52,.055),transparent 30%),
    linear-gradient(180deg,#0b0807 0%,#070504 100%) !important;
  border-top:1px solid rgba(225,190,141,.09) !important;
  color:var(--rc-text) !important;
}

.v80-footer-shell{
  width:min(1320px,calc(100% - 64px));
  margin:0 auto;
  padding:54px 0 22px;
}

.v80-footer-top{
  display:grid;
  grid-template-columns:minmax(330px,1.75fr) repeat(3,minmax(145px,.75fr));
  gap:56px;
  align-items:start;
}

.v80-footer-brand{
  max-width:480px;
}

.v80-footer-brand-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}

.v80-footer-brand-head img{
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.36));
}

.v80-footer-brand-head strong{
  display:block;
  color:var(--rc-ivory);
  font:700 15px/1.15 'Cinzel',Georgia,serif;
  letter-spacing:.08em;
}

.v80-footer-brand-head span{
  display:block;
  margin-top:5px;
  color:var(--rc-gold-soft);
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.v80-footer-brand>p{
  max-width:455px;
  margin:0;
  color:#8f806d;
  font-size:10px;
  line-height:1.85;
}

.v80-footer-status{
  display:flex;
  align-items:center;
  gap:11px;
  width:max-content;
  max-width:100%;
  margin-top:24px;
  padding:11px 14px;
  background:rgba(255,255,255,.018);
  border:1px solid var(--rc-line);
}

.v80-footer-status>i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#7d9b6d;
  box-shadow:0 0 10px rgba(125,155,109,.34);
}

.v80-footer-status b{
  display:block;
  color:#cdb38d;
  font-size:8px;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.v80-footer-status span{
  display:block;
  margin-top:3px;
  color:#746858;
  font-size:8px;
}

.v80-footer-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}

.v80-footer-col>b{
  margin-bottom:13px;
  color:var(--rc-gold);
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.v80-footer-col button{
  width:auto;
  min-height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#837563;
  font-size:9px;
  text-align:left;
  cursor:pointer;
  transition:color .15s ease,transform .15s ease;
}

.v80-footer-col button:hover{
  color:#e1ccb0;
  transform:translateX(3px);
}

.v80-footer-divider{
  height:1px;
  margin:44px 0 18px;
  background:linear-gradient(90deg,transparent,var(--rc-line-strong) 14%,var(--rc-line) 86%,transparent);
}

.v80-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-height:42px;
}

.v80-footer-bottom-left,
.v80-footer-bottom-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.v80-footer-bottom span,
.v80-footer-bottom button{
  color:#62574a;
  font-size:8px;
  line-height:1.5;
}

.v80-footer-bottom button{
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
}

.v80-footer-bottom button:hover{
  color:#bea071;
}

.v80-dot{
  opacity:.5;
}

#v80BackTop{
  margin-left:10px;
  color:#9f835d !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Hide old footer fragments if any were accidentally left by previous layers */
.v60-footer-wrap,
.v60-footer-brand,
.v60-footer-nav,
.v60-footer-bottom:not(.v80-footer-bottom),
.v78-footer-social,
.v79-footer-signoff{
  display:none !important;
}

/* Slight section separation near bottom of homepage */
#home .v49-final-cta{
  padding-bottom:110px !important;
}
#home .v49-final-cta:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:48px;
  width:min(920px,74vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(213,161,93,.17),transparent);
}

/* Production footer responsive behavior */
@media(max-width:1000px){
  .v80-footer-shell{
    width:calc(100% - 40px);
  }
  .v80-footer-top{
    grid-template-columns:1.35fr repeat(2,1fr);
    gap:36px 34px;
  }
  .v80-footer-brand{
    grid-column:1/-1;
    max-width:none;
  }
}

@media(max-width:680px){
  .v80-footer-shell{
    width:calc(100% - 28px);
    padding-top:38px;
  }
  .v80-footer-top{
    grid-template-columns:1fr 1fr;
    gap:32px 24px;
  }
  .v80-footer-brand{
    grid-column:1/-1;
  }
  .v80-footer-brand-head img{
    width:46px;
    height:46px;
  }
  .v80-footer-brand>p{
    font-size:9px;
  }
  .v80-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .v80-footer-bottom-right{
    align-items:flex-start;
  }
}

@media(max-width:430px){
  .v80-footer-top{
    grid-template-columns:1fr;
  }
  .v80-footer-col{
    padding-top:18px;
    border-top:1px solid var(--rc-line);
  }
  .v80-footer-status{
    width:100%;
    box-sizing:border-box;
  }
}



/* =========================================================
   V81 — HEADER READABILITY + NEW MOTTO
   ========================================================= */

/* Slightly larger top controls so text is easier to read */
header.v65-header{
  min-height:84px !important;
}

header.v65-header .v65-header-shell{
  height:84px !important;
}

header.v65-header .v65-nav-btn{
  height:48px !important;
  min-height:48px !important;
  padding:0 17px !important;
  gap:9px !important;
  font-size:9.7px !important;
  letter-spacing:.095em !important;
}

header.v65-header .v65-profile-btn{
  height:48px !important;
  min-height:48px !important;
  min-width:118px !important;
  padding:0 16px !important;
  gap:9px !important;
  font-size:9.7px !important;
  letter-spacing:.095em !important;
}

header.v65-header .v65-social-btn{
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  flex-basis:48px !important;
}

header.v65-header .v65-btn-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  flex-basis:20px !important;
}

header.v65-header .v65-right-icon{
  width:23px !important;
  height:23px !important;
}

header.v65-header .v65-profile-btn .v65-right-icon{
  width:20px !important;
  height:20px !important;
  flex-basis:20px !important;
}

header.v65-header .v65-center-logo{
  height:84px !important;
}

header.v65-header .v65-center-logo img{
  width:60px !important;
  height:60px !important;
}

/* Keep hero aligned after the taller header */
#home .v59-hero-inner{
  inset:84px 0 0 0 !important;
  height:calc(100svh - 84px) !important;
  min-height:calc(100svh - 84px) !important;
}

/* New motto gets a touch more presence */
#home .v59-hero-motto{
  font-size:17px !important;
  letter-spacing:.02em !important;
  color:#d5a15d !important;
  -webkit-text-fill-color:#d5a15d !important;
}

/* Mobile keeps controls practical */
@media(max-width:1040px){
  header.v65-header{
    min-height:84px !important;
  }

  header.v65-header .v65-header-shell{
    min-height:84px !important;
    height:auto !important;
  }

  #home .v59-hero-inner{
    inset:156px 0 0 0 !important;
    height:calc(100svh - 156px) !important;
    min-height:calc(100svh - 156px) !important;
  }
}



/* =========================================================
   V82 — FOOTER READABILITY / BETTER BALANCE
   ========================================================= */

.v60-footer{
  background:
    radial-gradient(circle at 24% 0%,rgba(158,64,52,.055),transparent 34%),
    linear-gradient(180deg,#0c0908 0%,#070504 100%) !important;
}

.v80-footer-shell{
  width:min(1420px,calc(100% - 110px)) !important;
  margin:0 auto !important;
  padding:64px 0 26px !important;
}

.v80-footer-top{
  grid-template-columns:minmax(390px,1.9fr) repeat(3,minmax(170px,.72fr)) !important;
  gap:72px !important;
  align-items:start !important;
}

/* Brand block: larger and more readable */
.v80-footer-brand{
  max-width:520px !important;
}

.v80-footer-brand-head{
  gap:16px !important;
  margin-bottom:22px !important;
}

.v80-footer-brand-head img{
  width:60px !important;
  height:60px !important;
}

.v80-footer-brand-head strong{
  font-size:17px !important;
  letter-spacing:.075em !important;
}

.v80-footer-brand-head span{
  margin-top:6px !important;
  font-size:9px !important;
  letter-spacing:.17em !important;
}

.v80-footer-brand>p{
  max-width:500px !important;
  color:#a39480 !important;
  font-size:11.2px !important;
  line-height:1.9 !important;
}

/* Server status: larger but still compact */
.v80-footer-status{
  margin-top:28px !important;
  padding:13px 16px !important;
  min-width:240px !important;
  border-color:rgba(225,190,141,.14) !important;
  background:rgba(255,255,255,.022) !important;
}

.v80-footer-status>i{
  width:8px !important;
  height:8px !important;
  flex-basis:8px !important;
}

.v80-footer-status b{
  font-size:8.8px !important;
  color:#d6b484 !important;
}

.v80-footer-status span{
  margin-top:4px !important;
  font-size:8.8px !important;
  color:#887a68 !important;
}

/* Navigation columns: significantly more readable */
.v80-footer-col>b{
  margin-bottom:16px !important;
  font-size:9px !important;
  letter-spacing:.15em !important;
  color:#dfa85f !important;
}

.v80-footer-col button{
  min-height:36px !important;
  color:#9c8e7a !important;
  font-size:10.2px !important;
  line-height:1.25 !important;
}

.v80-footer-col button:hover{
  color:#f0dcc0 !important;
  transform:translateX(4px) !important;
}

/* Pull the right-side columns a little further right visually */
.v80-footer-col:nth-child(2){
  margin-left:18px !important;
}
.v80-footer-col:nth-child(3){
  margin-left:24px !important;
}
.v80-footer-col:nth-child(4){
  margin-left:30px !important;
}

/* Bottom line: less spread out, more readable */
.v80-footer-divider{
  margin:50px 0 20px !important;
}

.v80-footer-bottom{
  min-height:48px !important;
  gap:26px !important;
}

.v80-footer-bottom-left,
.v80-footer-bottom-right{
  gap:12px !important;
}

.v80-footer-bottom span,
.v80-footer-bottom button{
  font-size:8.8px !important;
  color:#7d7060 !important;
}

.v80-footer-bottom button:hover{
  color:#d4ad78 !important;
}

.v80-footer-bottom-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
  text-align:right !important;
}

#v80BackTop{
  margin-left:14px !important;
  color:#bc965f !important;
  font-weight:700 !important;
}

/* Remove excessive empty feeling by constraining footer height/content rhythm */
.v80-footer-top,
.v80-footer-bottom{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:1180px){
  .v80-footer-shell{
    width:calc(100% - 48px) !important;
  }
  .v80-footer-top{
    grid-template-columns:minmax(320px,1.5fr) repeat(3,minmax(145px,.7fr)) !important;
    gap:36px !important;
  }
  .v80-footer-col:nth-child(2),
  .v80-footer-col:nth-child(3),
  .v80-footer-col:nth-child(4){
    margin-left:0 !important;
  }
}

@media(max-width:900px){
  .v80-footer-top{
    grid-template-columns:1fr 1fr !important;
    gap:36px 34px !important;
  }
  .v80-footer-brand{
    grid-column:1/-1 !important;
    max-width:none !important;
  }
  .v80-footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .v80-footer-bottom-right{
    margin-left:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
}

@media(max-width:560px){
  .v80-footer-shell{
    width:calc(100% - 28px) !important;
    padding-top:42px !important;
  }
  .v80-footer-top{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .v80-footer-col{
    padding-top:16px !important;
    border-top:1px solid rgba(225,190,141,.09) !important;
  }
}



/* =========================================================
   V83 — FOOTER STRETCHED ACROSS THE PAGE
   ========================================================= */

/* Use almost the full viewport width instead of keeping the footer compressed */
.v80-footer-shell{
  width:calc(100% - 48px) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:64px 0 26px !important;
}

/* Spread the four main footer areas across the full width */
.v80-footer-top{
  display:grid !important;
  grid-template-columns:minmax(390px,500px) repeat(3,minmax(150px,190px)) !important;
  justify-content:space-between !important;
  column-gap:clamp(36px,4vw,88px) !important;
  row-gap:36px !important;
  align-items:start !important;
}

/* Remove the artificial per-column nudges from V82 */
.v80-footer-col:nth-child(2),
.v80-footer-col:nth-child(3),
.v80-footer-col:nth-child(4){
  margin-left:0 !important;
}

/* Let the brand text breathe a little more */
.v80-footer-brand{
  max-width:500px !important;
}

/* Move the last social column visually toward the far right */
.v80-footer-col:nth-child(4){
  justify-self:end !important;
  min-width:170px !important;
}

/* Keep middle columns balanced */
.v80-footer-col:nth-child(2),
.v80-footer-col:nth-child(3){
  justify-self:center !important;
  min-width:160px !important;
}

/* Bottom row now stretches cleanly from left edge to right edge */
.v80-footer-bottom{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}

.v80-footer-bottom-left{
  justify-content:flex-start !important;
}

.v80-footer-bottom-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
  text-align:right !important;
}

/* Slightly stronger divider so the wider footer still feels structured */
.v80-footer-divider{
  width:100% !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(225,190,141,.13) 4%,
    rgba(225,190,141,.13) 96%,
    transparent
  ) !important;
}

/* Desktop: keep everything visually pulled toward both sides */
@media(min-width:1400px){
  .v80-footer-shell{
    width:calc(100% - 56px) !important;
  }

  .v80-footer-top{
    grid-template-columns:minmax(420px,520px) 170px 170px 180px !important;
    column-gap:clamp(70px,6vw,130px) !important;
  }
}

/* Medium screens fall back gracefully */
@media(max-width:1180px){
  .v80-footer-shell{
    width:calc(100% - 40px) !important;
  }

  .v80-footer-top{
    grid-template-columns:minmax(320px,1.4fr) repeat(3,minmax(135px,.7fr)) !important;
    justify-content:stretch !important;
    column-gap:30px !important;
  }

  .v80-footer-col:nth-child(2),
  .v80-footer-col:nth-child(3),
  .v80-footer-col:nth-child(4){
    justify-self:start !important;
    min-width:0 !important;
  }
}

/* Tablet/mobile stay readable instead of forced wide */
@media(max-width:900px){
  .v80-footer-top{
    grid-template-columns:1fr 1fr !important;
    justify-content:stretch !important;
  }

  .v80-footer-brand{
    grid-column:1/-1 !important;
  }
}

@media(max-width:560px){
  .v80-footer-shell{
    width:calc(100% - 28px) !important;
  }

  .v80-footer-top{
    grid-template-columns:1fr !important;
  }
}



/* =========================================================
   V84 — FOOTER MORE STRETCHED + MUCH MORE READABLE
   ========================================================= */

/* Full footer zone */
footer{
  background:
    linear-gradient(180deg, rgba(9,7,6,.98), rgba(8,6,6,.99)) !important;
}

/* Pull the whole footer closer to the screen edges */
.v80-footer-shell{
  width:calc(100vw - 32px) !important;
  max-width:1760px !important;
  margin:0 auto !important;
  padding:72px 0 30px !important;
}

/* Stretch columns more across the width */
.v80-footer-top{
  display:grid !important;
  grid-template-columns:minmax(440px,1.75fr) minmax(180px,.7fr) minmax(180px,.7fr) minmax(200px,.8fr) !important;
  justify-content:space-between !important;
  align-items:start !important;
  column-gap:clamp(46px,5vw,140px) !important;
  row-gap:44px !important;
}

/* Left information block */
.v80-footer-brand{
  max-width:640px !important;
}

.v80-footer-brand-head{
  gap:18px !important;
  align-items:center !important;
}

.v80-footer-brand-head img{
  width:60px !important;
  height:60px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.v80-footer-brand-head strong{
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:.06em !important;
  color:#f2e2ca !important;
}

.v80-footer-brand-head span{
  font-size:11px !important;
  line-height:1.5 !important;
  letter-spacing:.16em !important;
  color:#d7a967 !important;
}

.v80-footer-brand > p{
  margin:22px 0 0 !important;
  max-width:590px !important;
  font-size:15px !important;
  line-height:1.9 !important;
  color:#d8c3a6 !important;
}

/* Status card */
.v80-footer-status{
  margin-top:24px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:76px !important;
  width:min(100%, 360px) !important;
  padding:18px 20px !important;
  border:1px solid rgba(215,169,103,.18) !important;
  background:linear-gradient(180deg, rgba(50,23,14,.22), rgba(18,11,9,.55)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  border-radius:4px !important;
}

.v80-footer-status > i{
  width:10px !important;
  height:10px !important;
  flex:0 0 10px !important;
  box-shadow:0 0 0 5px rgba(142,185,119,.08) !important;
}

.v80-footer-status b{
  display:block !important;
  margin:0 0 6px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  color:#f0dcb8 !important;
  text-transform:uppercase !important;
}

.v80-footer-status span{
  font-size:13px !important;
  line-height:1.7 !important;
  color:#c9b18f !important;
}

/* Navigation columns */
.v80-footer-col{
  padding-top:3px !important;
}

.v80-footer-col > b{
  display:block !important;
  margin-bottom:16px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  color:#dfb06b !important;
  text-transform:uppercase !important;
}

.v80-footer-col button{
  display:block !important;
  margin:0 0 8px !important;
  padding:5px 0 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  letter-spacing:.01em !important;
  color:#d8c2a4 !important;
}

.v80-footer-col button:hover{
  color:#fff0d7 !important;
  transform:translateX(3px) !important;
}

/* Divider */
.v80-footer-divider{
  margin:34px 0 20px !important;
  height:1px !important;
  width:100% !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(225,190,141,.16) 3%,
    rgba(225,190,141,.16) 97%,
    transparent 100%
  ) !important;
}

/* Bottom row */
.v80-footer-bottom{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:28px !important;
}

.v80-footer-bottom-left,
.v80-footer-bottom-right{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.v80-footer-bottom-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
  text-align:right !important;
}

.v80-footer-bottom span,
.v80-footer-bottom button{
  font-size:13px !important;
  line-height:1.8 !important;
  color:#b49a7a !important;
}

.v80-footer-bottom button{
  letter-spacing:.01em !important;
}

.v80-footer-bottom button:hover{
  color:#f0d7b2 !important;
}

.v80-footer-bottom .v80-footer-top-link{
  font-size:13px !important;
  letter-spacing:.12em !important;
  color:#d8a660 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

/* Nudge last column further right on large screens */
.v80-footer-col:nth-child(4){
  justify-self:end !important;
}

.v80-footer-col:nth-child(2),
.v80-footer-col:nth-child(3){
  justify-self:center !important;
}

/* Wide desktop: even more edge-to-edge balance */
@media (min-width: 1500px){
  .v80-footer-shell{
    width:calc(100vw - 24px) !important;
  }

  .v80-footer-top{
    grid-template-columns:minmax(470px,1.85fr) 190px 190px 220px !important;
    column-gap:clamp(64px,6vw,170px) !important;
  }
}

/* Laptop */
@media (max-width: 1280px){
  .v80-footer-shell{
    width:calc(100vw - 28px) !important;
  }

  .v80-footer-top{
    grid-template-columns:minmax(360px,1.3fr) repeat(3, minmax(150px,.7fr)) !important;
    column-gap:28px !important;
  }

  .v80-footer-brand > p{
    font-size:14px !important;
  }
}

/* Tablet */
@media (max-width: 980px){
  .v80-footer-shell{
    width:calc(100vw - 24px) !important;
    padding-top:54px !important;
  }

  .v80-footer-top{
    grid-template-columns:1fr 1fr !important;
    column-gap:26px !important;
    row-gap:28px !important;
  }

  .v80-footer-brand{
    grid-column:1 / -1 !important;
    max-width:none !important;
  }

  .v80-footer-col:nth-child(2),
  .v80-footer-col:nth-child(3),
  .v80-footer-col:nth-child(4){
    justify-self:start !important;
  }

  .v80-footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .v80-footer-bottom-right{
    margin-left:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
}

/* Mobile */
@media (max-width: 620px){
  .v80-footer-shell{
    width:calc(100vw - 18px) !important;
    padding-top:42px !important;
    padding-bottom:24px !important;
  }

  .v80-footer-top{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .v80-footer-brand-head img{
    width:52px !important;
    height:52px !important;
  }

  .v80-footer-brand-head strong{
    font-size:16px !important;
  }

  .v80-footer-brand > p,
  .v80-footer-col button,
  .v80-footer-bottom span,
  .v80-footer-bottom button{
    font-size:13px !important;
  }

  .v80-footer-status{
    width:100% !important;
  }

  .v80-footer-col{
    padding-top:12px !important;
    border-top:1px solid rgba(225,190,141,.09) !important;
  }
}



/* =========================================================
   V85 — FOOTER BALANCED LEFT SIDE + PREMIUM PLACEMENT
   ========================================================= */

footer{
  background:
    radial-gradient(circle at 12% 28%, rgba(125, 35, 18, .14), transparent 32%),
    linear-gradient(180deg, rgba(8,7,6,.985), rgba(7,6,6,.995)) !important;
  overflow:hidden !important;
}

/* safer left/right spacing so nothing gets cut off */
.v80-footer-shell{
  width:min(1720px, calc(100vw - 72px)) !important;
  max-width:1720px !important;
  margin:0 auto !important;
  padding:74px clamp(12px, 1.3vw, 24px) 34px !important;
  box-sizing:border-box !important;
}

/* more premium grid balance */
.v80-footer-top{
  display:grid !important;
  grid-template-columns:minmax(420px, 1.45fr) minmax(180px, .62fr) minmax(180px, .62fr) minmax(190px, .68fr) !important;
  align-items:start !important;
  column-gap:clamp(38px, 4vw, 110px) !important;
  row-gap:34px !important;
}

/* left feature area */
.v80-footer-brand{
  max-width:none !important;
  padding:18px 22px 22px !important;
  border:1px solid rgba(214,162,91,.12) !important;
  background:linear-gradient(180deg, rgba(46,21,14,.18), rgba(12,10,9,.24)) !important;
  border-radius:8px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.14) !important;
}

.v80-footer-brand-head{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin-bottom:12px !important;
}

.v80-footer-brand-head img{
  width:62px !important;
  height:62px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.24)) !important;
}

.v80-footer-brand-head strong{
  display:block !important;
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:.06em !important;
  color:#f6e6cf !important;
}

.v80-footer-brand-head span{
  display:block !important;
  margin-top:6px !important;
  font-size:11px !important;
  line-height:1.45 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#d8a65f !important;
}

.v80-footer-brand > p{
  margin:0 !important;
  max-width:620px !important;
  font-size:15px !important;
  line-height:1.85 !important;
  color:#ddc8a8 !important;
}

/* stronger server status card */
.v80-footer-status{
  margin-top:24px !important;
  width:min(100%, 390px) !important;
  min-height:80px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px 20px !important;
  border:1px solid rgba(214,162,91,.22) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg, rgba(54,23,13,.26), rgba(17,12,10,.54)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}

.v80-footer-status > i{
  width:10px !important;
  height:10px !important;
  flex:0 0 10px !important;
  box-shadow:0 0 0 5px rgba(145,187,119,.10) !important;
}

.v80-footer-status b{
  display:block !important;
  margin:0 0 6px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:#f2ddb8 !important;
}

.v80-footer-status span{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#ceb28d !important;
}

/* make the other columns look more deliberate */
.v80-footer-col{
  min-height:100% !important;
  padding:18px 20px 18px !important;
  border:1px solid rgba(214,162,91,.10) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg, rgba(30,18,14,.16), rgba(12,10,9,.18)) !important;
}

.v80-footer-col > b{
  display:block !important;
  margin-bottom:16px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#dfb06b !important;
}

.v80-footer-col button{
  display:block !important;
  margin:0 0 10px !important;
  padding:4px 0 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  color:#deccb0 !important;
  transition:transform .18s ease, color .18s ease, opacity .18s ease !important;
}

.v80-footer-col button:hover{
  color:#fff0d6 !important;
  transform:translateX(4px) !important;
}

/* line between top and bottom */
.v80-footer-divider{
  margin:34px 0 20px !important;
  width:100% !important;
  height:1px !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(214,162,91,.10) 3%,
    rgba(214,162,91,.18) 14%,
    rgba(214,162,91,.18) 86%,
    rgba(214,162,91,.10) 97%,
    transparent 100%
  ) !important;
}

/* bottom row */
.v80-footer-bottom{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:28px !important;
  width:100% !important;
}

.v80-footer-bottom-left,
.v80-footer-bottom-right{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

.v80-footer-bottom-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
  text-align:right !important;
}

.v80-footer-bottom span,
.v80-footer-bottom button{
  font-size:13px !important;
  line-height:1.75 !important;
  color:#bda486 !important;
}

.v80-footer-bottom button:hover{
  color:#efd4ad !important;
}

.v80-footer-bottom .v80-footer-top-link{
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#d7a25a !important;
}

/* better distribution */
.v80-footer-col:nth-child(2),
.v80-footer-col:nth-child(3){
  justify-self:center !important;
  width:100% !important;
  max-width:250px !important;
}

.v80-footer-col:nth-child(4){
  justify-self:end !important;
  width:100% !important;
  max-width:250px !important;
}

@media (min-width: 1500px){
  .v80-footer-shell{
    width:min(1760px, calc(100vw - 82px)) !important;
  }
  .v80-footer-top{
    grid-template-columns:minmax(450px,1.55fr) 210px 210px 220px !important;
    column-gap:clamp(48px, 4vw, 120px) !important;
  }
}

@media (max-width: 1280px){
  .v80-footer-shell{
    width:min(1600px, calc(100vw - 40px)) !important;
  }

  .v80-footer-top{
    grid-template-columns:minmax(350px,1.2fr) repeat(3, minmax(160px,.65fr)) !important;
    column-gap:26px !important;
  }

  .v80-footer-brand{
    padding:16px 18px 20px !important;
  }
}

@media (max-width: 980px){
  .v80-footer-shell{
    width:calc(100vw - 28px) !important;
    padding-top:52px !important;
  }

  .v80-footer-top{
    grid-template-columns:1fr 1fr !important;
    gap:24px !important;
  }

  .v80-footer-brand{
    grid-column:1 / -1 !important;
  }

  .v80-footer-col:nth-child(2),
  .v80-footer-col:nth-child(3),
  .v80-footer-col:nth-child(4){
    justify-self:stretch !important;
    max-width:none !important;
  }

  .v80-footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .v80-footer-bottom-right{
    margin-left:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
}

@media (max-width: 620px){
  .v80-footer-shell{
    width:calc(100vw - 18px) !important;
    padding:40px 10px 22px !important;
  }

  .v80-footer-top{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .v80-footer-brand-head img{
    width:54px !important;
    height:54px !important;
  }

  .v80-footer-brand-head strong{
    font-size:16px !important;
  }

  .v80-footer-brand > p,
  .v80-footer-col button,
  .v80-footer-bottom span,
  .v80-footer-bottom button,
  .v80-footer-status span{
    font-size:13px !important;
  }

  .v80-footer-status{
    width:100% !important;
  }
}



/* =========================================================
   V86 — LUXURY WESTERN FOOTER
   ========================================================= */

.v80-footer-shell{
  position:relative !important;
}

.v80-footer-shell::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:22px !important;
  width:min(1120px,72vw) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(213,161,93,.08) 14%,
    rgba(213,161,93,.24) 50%,
    rgba(213,161,93,.08) 86%,
    transparent
  ) !important;
}

/* Brand block gets a more crafted western identity */
.v80-footer-brand{
  position:relative !important;
  overflow:hidden !important;
}

.v80-footer-brand::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:3px !important;
  background:linear-gradient(180deg,#b34a36,#d5a15d 52%,transparent) !important;
  opacity:.85 !important;
}

.v80-footer-brand::after{
  content:"" !important;
  position:absolute !important;
  width:190px !important;
  height:190px !important;
  right:-88px !important;
  top:-84px !important;
  border:1px solid rgba(213,161,93,.06) !important;
  border-radius:50% !important;
  box-shadow:
    0 0 0 24px rgba(213,161,93,.025),
    0 0 0 48px rgba(213,161,93,.015) !important;
  pointer-events:none !important;
}

.v86-footer-motto{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:20px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(213,161,93,.10) !important;
}

.v86-footer-motto span{
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.19em !important;
  color:#a77b48 !important;
}

.v86-footer-motto b{
  font-family:'Libre Baskerville',Georgia,serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  color:#c9ad87 !important;
}

/* Footer cards */
.v80-footer-col{
  position:relative !important;
  overflow:hidden !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

.v80-footer-col::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:18px !important;
  width:44px !important;
  height:1px !important;
  background:linear-gradient(90deg,#a94736,#d5a15d) !important;
  opacity:.65 !important;
}

.v80-footer-col:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(213,161,93,.20) !important;
  background:linear-gradient(180deg, rgba(48,27,20,.20), rgba(14,10,9,.24)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.13) !important;
}

/* More refined link hover */
.v80-footer-col button{
  position:relative !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.v80-footer-col button::after{
  content:"→" !important;
  position:absolute !important;
  right:2px !important;
  opacity:0 !important;
  color:#c99b5b !important;
  transform:translateX(-5px) !important;
  transition:opacity .15s ease,transform .15s ease !important;
}

.v80-footer-col button:hover::after{
  opacity:.8 !important;
  transform:translateX(0) !important;
}

/* social/profile icons */
.v86-footer-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  opacity:.9 !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.24)) !important;
}

/* Server status as an elegant "live" unit */
.v80-footer-status{
  position:relative !important;
  overflow:hidden !important;
}

.v80-footer-status::before{
  content:"LIVE" !important;
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  font-size:7px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  color:#7f9f70 !important;
  opacity:.72 !important;
}

.v80-footer-status::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:38% !important;
  height:1px !important;
  background:linear-gradient(90deg,#79976c,transparent) !important;
  opacity:.55 !important;
}

/* Bottom bar a little more premium */
.v80-footer-bottom{
  min-height:54px !important;
  padding:2px 0 0 !important;
}

.v80-footer-bottom-left{
  position:relative !important;
}

.v80-footer-bottom-left::before{
  content:"" !important;
  display:block !important;
  width:6px !important;
  height:6px !important;
  border:1px solid rgba(213,161,93,.42) !important;
  transform:rotate(45deg) !important;
  margin-right:2px !important;
}

#v80BackTop{
  min-height:34px !important;
  padding:0 12px !important;
  border:1px solid rgba(213,161,93,.11) !important;
  background:rgba(255,255,255,.012) !important;
  border-radius:4px !important;
}

#v80BackTop:hover{
  border-color:rgba(213,161,93,.28) !important;
  background:rgba(213,161,93,.035) !important;
}

/* On mobile, don't show decorative arrows where space is limited */
@media(max-width:620px){
  .v80-footer-col button::after{
    display:none !important;
  }

  .v86-footer-motto{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:6px !important;
  }
}



/* =========================================================
   V87 — FOOTER TEXT ONLY
   ========================================================= */

.v80-footer-col button{
  gap:0 !important;
  padding-left:0 !important;
}

.v80-footer-col .v86-footer-icon{
  display:none !important;
}



/* =========================================================
   V88 — TEAMET BAG REDCREEK
   ========================================================= */

#team .subhero{
  background-position:center 38% !important;
}

.v88-team-section{
  padding-top:78px !important;
  padding-bottom:105px !important;
}

.v88-team-intro{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 72px;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);
  gap:90px;
  align-items:end;
  padding-bottom:38px;
  border-bottom:1px solid rgba(213,161,93,.12);
}

.v88-team-intro h2,
.v88-team-principles h2,
.v88-team-join h2{
  margin:8px 0 0;
  font-family:'Cinzel',Georgia,serif;
  color:#f1e5d4;
  font-weight:700;
  letter-spacing:-.02em;
}

.v88-team-intro h2{
  font-size:clamp(30px,3vw,48px);
  line-height:1.12;
}

.v88-team-intro > p{
  margin:0;
  color:#a4937e;
  font-size:13px;
  line-height:1.9;
}

.v88-team-groups{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 92px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(213,161,93,.10);
  border:1px solid rgba(213,161,93,.10);
}

.v88-team-group{
  min-height:250px;
  padding:34px 34px 36px;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:22px;
  background:
    linear-gradient(180deg,rgba(20,14,12,.96),rgba(10,8,7,.98));
  transition:background .18s ease,transform .18s ease;
}

.v88-team-group:hover{
  background:
    linear-gradient(180deg,rgba(35,20,16,.98),rgba(12,9,8,.98));
}

.v88-team-number{
  color:#9c4938;
  font:700 17px/1 'Cinzel',Georgia,serif;
}

.v88-team-group small{
  display:block;
  color:#b58952;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.v88-team-group h3{
  margin:7px 0 13px;
  font:700 25px/1.1 'Cinzel',Georgia,serif;
  color:#e8dbc8;
}

.v88-team-group p{
  margin:0;
  color:#8e7f6c;
  font-size:11px;
  line-height:1.85;
}

.v88-team-principles{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 88px;
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);
  gap:70px;
  align-items:start;
}

.v88-team-principles-copy{
  position:sticky;
  top:120px;
}

.v88-team-principles h2{
  font-size:clamp(28px,2.5vw,42px);
  line-height:1.15;
}

.v88-team-principles-copy p{
  margin:17px 0 0;
  color:#8f806d;
  font-size:11px;
  line-height:1.85;
}

.v88-team-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(213,161,93,.10);
}

.v88-team-values > div{
  min-height:170px;
  padding:26px 26px 28px;
  background:#0d0a09;
  border:1px solid rgba(213,161,93,.08);
}

.v88-team-values b{
  display:block;
  margin-bottom:17px;
  color:#924436;
  font:700 14px 'Cinzel',serif;
}

.v88-team-values strong{
  display:block;
  margin-bottom:8px;
  color:#dfcfba;
  font-size:12px;
}

.v88-team-values span{
  display:block;
  color:#796c5c;
  font-size:10px;
  line-height:1.7;
}

.v88-team-join{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  padding:38px 42px;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:42px;
  align-items:center;
  border-top:1px solid rgba(213,161,93,.14);
  border-bottom:1px solid rgba(213,161,93,.14);
  background:
    linear-gradient(90deg,rgba(150,54,40,.055),transparent 60%);
}

.v88-team-join small{
  color:#ad8150;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
}

.v88-team-join h2{
  font-size:25px;
  line-height:1.2;
}

.v88-team-join p{
  margin:0;
  color:#897a68;
  font-size:10px;
  line-height:1.75;
}

.v88-team-join .btn{
  min-width:160px;
  min-height:45px;
}

@media(max-width:900px){
  .v88-team-intro,
  .v88-team-principles{
    grid-template-columns:1fr;
    gap:30px;
  }

  .v88-team-principles-copy{
    position:static;
  }

  .v88-team-join{
    grid-template-columns:1fr;
    gap:20px;
  }
}

@media(max-width:650px){
  .v88-team-section{
    padding-top:54px !important;
  }

  .v88-team-intro,
  .v88-team-groups,
  .v88-team-principles,
  .v88-team-join{
    width:calc(100% - 28px);
  }

  .v88-team-groups,
  .v88-team-values{
    grid-template-columns:1fr;
  }

  .v88-team-group{
    min-height:auto;
    padding:26px 22px;
  }

  .v88-team-join{
    padding:28px 22px;
  }
}



/* =========================================================
   V89 — TEAM ROSTER
   ========================================================= */

.v89-team-roster{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 92px;
}

.v89-roster-head{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:end;
  margin-bottom:28px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(213,161,93,.12);
}

.v89-roster-head h2{
  margin:8px 0 0;
  font:700 clamp(28px,2.7vw,44px)/1.12 'Cinzel',Georgia,serif;
  color:#f0e3d2;
  letter-spacing:-.02em;
}

.v89-roster-head p{
  margin:0;
  color:#8e7f6c;
  font-size:11px;
  line-height:1.8;
}

.v89-roster-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.v89-staff-card{
  position:relative;
  min-height:190px;
  display:grid;
  grid-template-columns:76px 1fr auto;
  gap:20px;
  align-items:start;
  padding:26px;
  border:1px solid rgba(213,161,93,.10);
  background:
    radial-gradient(circle at 0% 0%,rgba(158,64,52,.07),transparent 34%),
    linear-gradient(180deg,#100c0a,#0a0807);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.v89-staff-card:hover{
  transform:translateY(-2px);
  border-color:rgba(213,161,93,.22);
  background:
    radial-gradient(circle at 0% 0%,rgba(158,64,52,.11),transparent 36%),
    linear-gradient(180deg,#15100d,#0b0908);
}

.v89-staff-card::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-72px;
  width:150px;
  height:150px;
  border:1px solid rgba(213,161,93,.04);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(213,161,93,.015);
}

.v89-avatar{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border:1px solid rgba(213,161,93,.22);
  background:linear-gradient(145deg,#5d241d,#1c0f0c);
  color:#e8c28c;
  font:700 16px 'Cinzel',serif;
  letter-spacing:.08em;
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.16),0 8px 22px rgba(0,0,0,.18);
}

.v89-staff-copy{
  position:relative;
  z-index:2;
}

.v89-staff-copy small{
  display:block;
  color:#ad8150;
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
}

.v89-staff-copy h3{
  margin:6px 0 6px;
  font:700 22px/1.15 'Cinzel',serif;
  color:#e9dcc9;
}

.v89-staff-copy > span{
  display:block;
  margin-bottom:12px;
  color:#a58e6f;
  font-size:9px;
  letter-spacing:.04em;
}

.v89-staff-copy p{
  margin:0;
  max-width:500px;
  color:#7e7160;
  font-size:10px;
  line-height:1.75;
}

.v89-role-badge{
  position:relative;
  z-index:2;
  padding:7px 9px;
  border:1px solid rgba(213,161,93,.12);
  background:rgba(255,255,255,.015);
  color:#b79262;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v89-dev{
  background:
    radial-gradient(circle at 0% 0%,rgba(70,111,146,.075),transparent 34%),
    linear-gradient(180deg,#0e0d0c,#090807);
}

.v89-support{
  background:
    radial-gradient(circle at 0% 0%,rgba(90,127,94,.07),transparent 34%),
    linear-gradient(180deg,#0e0d0b,#090807);
}

.v89-builder{
  background:
    radial-gradient(circle at 0% 0%,rgba(135,101,58,.08),transparent 34%),
    linear-gradient(180deg,#100d0a,#090807);
}

.v89-team-contact{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 34px;
  padding:26px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border:1px solid rgba(213,161,93,.12);
  background:
    linear-gradient(90deg,rgba(158,64,52,.06),rgba(213,161,93,.02),transparent);
}

.v89-team-contact small{
  display:block;
  color:#b48650;
  font-size:7px;
  font-weight:800;
  letter-spacing:.17em;
}

.v89-team-contact strong{
  display:block;
  margin-top:6px;
  color:#e6d6bf;
  font:700 18px 'Cinzel',serif;
}

.v89-team-contact p{
  margin:8px 0 0;
  max-width:760px;
  color:#806f5e;
  font-size:10px;
  line-height:1.7;
}

.v89-team-contact .btn{
  flex:0 0 auto;
  min-width:150px;
}

@media(max-width:900px){
  .v89-roster-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .v89-roster-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .v89-team-roster,
  .v89-team-contact{
    width:calc(100% - 28px);
  }
  .v89-staff-card{
    grid-template-columns:58px 1fr;
    padding:22px 18px;
  }
  .v89-avatar{
    width:52px;
    height:52px;
    font-size:13px;
  }
  .v89-role-badge{
    grid-column:2;
    justify-self:start;
  }
  .v89-team-contact{
    align-items:flex-start;
    flex-direction:column;
  }
}



/* =========================================================
   V90 — COMMUNITY & WORLD EXPANSION
   ========================================================= */

.v90-section{
  position:relative;
  padding:112px max(6vw,28px);
  border-top:1px solid rgba(213,161,93,.075);
  background:
    radial-gradient(circle at 12% 18%,rgba(145,57,42,.045),transparent 25%),
    linear-gradient(180deg,#0a0807,#080706);
}

.v90-section-head{
  width:min(1240px,100%);
  margin:0 auto 46px;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);
  gap:80px;
  align-items:end;
}

.v90-section-head h2,
.v90-city-life h2,
.v90-world-systems h2{
  margin:8px 0 0;
  font:700 clamp(30px,3vw,48px)/1.12 'Cinzel',Georgia,serif;
  letter-spacing:-.025em;
  color:#f1e5d3;
}

.v90-section-head>p,
.v90-community-copy p{
  margin:0;
  color:#91816e;
  font-size:12px;
  line-height:1.85;
}

.v90-world-grid{
  width:min(1240px,100%);
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(213,161,93,.10);
}

.v90-world-feature{
  min-height:245px;
  padding:30px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
  background:#0d0a09;
}

.v90-world-number{
  color:#8f4034;
  font:700 16px 'Cinzel',serif;
}

.v90-world-feature small,
.v90-community-grid small{
  display:block;
  color:#ad8150;
  font-size:7px;
  font-weight:800;
  letter-spacing:.16em;
}

.v90-world-feature h3,
.v90-community-grid h3{
  margin:8px 0 12px;
  color:#e5d5bf;
  font:700 21px/1.2 'Cinzel',serif;
}

.v90-world-feature p,
.v90-community-grid p{
  margin:0;
  color:#7e7060;
  font-size:10px;
  line-height:1.78;
}

.v90-city-rail{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(213,161,93,.12);
  border-bottom:1px solid rgba(213,161,93,.12);
}

.v90-city-rail button{
  min-height:110px;
  padding:18px 16px;
  border:0;
  border-right:1px solid rgba(213,161,93,.08);
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}

.v90-city-rail button:last-child{border-right:0}
.v90-city-rail button:hover{
  background:rgba(159,64,52,.06);
  transform:translateY(-2px);
}

.v90-city-rail span{
  display:block;
  color:#74352d;
  font:700 11px 'Cinzel',serif;
}

.v90-city-rail b{
  display:block;
  margin-top:8px;
  color:#d7c6ae;
  font:700 14px 'Cinzel',serif;
}

.v90-city-rail small{
  display:block;
  margin-top:5px;
  color:#6f6253;
  font-size:8px;
  line-height:1.5;
}

/* Community */
.v90-community{
  background:
    radial-gradient(circle at 85% 25%,rgba(213,161,93,.035),transparent 27%),
    linear-gradient(180deg,#090706,#0b0807);
}

.v90-section-head-split{
  align-items:center;
}

.v90-community-copy{
  padding-left:34px;
  border-left:1px solid rgba(213,161,93,.12);
}

.v90-text-link{
  margin-top:14px;
  padding:0;
  border:0;
  background:transparent;
  color:#c6975d;
  font-size:9px;
  letter-spacing:.08em;
  cursor:pointer;
}

.v90-community-grid{
  width:min(1240px,100%);
  margin:0 auto 38px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.v90-community-grid article{
  min-height:245px;
  padding:28px 25px;
  border:1px solid rgba(213,161,93,.095);
  background:linear-gradient(180deg,rgba(20,14,12,.82),rgba(10,8,7,.9));
  transition:transform .18s ease,border-color .18s ease;
}

.v90-community-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(213,161,93,.21);
}

.v90-community-grid article>span{
  display:block;
  margin-bottom:22px;
  color:#79362d;
  font:700 13px 'Cinzel',serif;
}

.v90-community-pulse{
  width:min(1240px,100%);
  margin:0 auto;
  padding:18px 22px;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:24px;
  align-items:center;
  border-top:1px solid rgba(213,161,93,.10);
  border-bottom:1px solid rgba(213,161,93,.10);
}

.v90-pulse-title small{
  display:block;
  color:#a77b48;
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
}

.v90-pulse-title strong{
  display:block;
  margin-top:5px;
  color:#d8c7ad;
  font-size:11px;
}

.v90-pulse-items{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
}

.v90-pulse-items span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7d705f;
  font-size:9px;
}

.v90-pulse-items i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#8da476;
  box-shadow:0 0 8px rgba(141,164,118,.3);
}

/* Cities page */
.v90-city-life,
.v90-world-systems{
  margin:42px 0 54px;
  padding:34px 0;
  border-top:1px solid rgba(213,161,93,.10);
  border-bottom:1px solid rgba(213,161,93,.10);
}

.v90-city-life-head,
.v90-world-systems{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:60px;
  align-items:start;
}

.v90-city-life-head>p,
.v90-world-systems-copy p{
  margin:0;
  color:#8a7a67;
  font-size:11px;
  line-height:1.8;
}

.v90-city-life-grid{
  grid-column:1/-1;
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  background:rgba(213,161,93,.09);
}

.v90-city-life-grid>div{
  min-height:175px;
  padding:22px 19px;
  background:#0d0a09;
}

.v90-city-life-grid small{
  color:#a77946;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v90-city-life-grid strong{
  display:block;
  margin:8px 0 9px;
  color:#decdb6;
  font:700 14px 'Cinzel',serif;
}

.v90-city-life-grid span{
  color:#746756;
  font-size:9px;
  line-height:1.7;
}

.v90-world-systems{
  margin-top:62px;
}

.v90-world-systems-copy{
  position:sticky;
  top:110px;
}

.v90-system-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(213,161,93,.08);
}

.v90-system-list>div{
  min-height:135px;
  padding:22px;
  background:#0c0908;
}

.v90-system-list b{
  display:block;
  color:#d9c5aa;
  font-size:11px;
}

.v90-system-list span{
  display:block;
  margin-top:7px;
  color:#756858;
  font-size:9px;
  line-height:1.7;
}

/* Forum highlights */
.v90-forum-highlights{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:24px;
}

.v90-forum-highlights button{
  min-height:122px;
  padding:18px;
  border:1px solid rgba(213,161,93,.09);
  background:#0d0a09;
  text-align:left;
  cursor:pointer;
  transition:border-color .17s ease,transform .17s ease;
}

.v90-forum-highlights button:hover{
  transform:translateY(-2px);
  border-color:rgba(213,161,93,.20);
}

.v90-forum-highlights small{
  display:block;
  color:#a77c49;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
}

.v90-forum-highlights b{
  display:block;
  margin-top:8px;
  color:#d9c8af;
  font-size:11px;
}

.v90-forum-highlights span{
  display:block;
  margin-top:6px;
  color:#746756;
  font-size:8px;
  line-height:1.6;
}

/* News categories */
.v90-news-categories{
  margin:0 0 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(213,161,93,.09);
}

.v90-news-categories>div{
  padding:21px 23px;
  background:#0d0a09;
}

.v90-news-categories small{
  display:block;
  color:#a77c49;
  font-size:7px;
  font-weight:800;
  letter-spacing:.15em;
}

.v90-news-categories b{
  display:block;
  margin-top:6px;
  color:#ddcdb7;
  font:700 15px 'Cinzel',serif;
}

.v90-news-categories span{
  display:block;
  margin-top:5px;
  color:#736655;
  font-size:9px;
}

/* Responsive */
@media(max-width:1000px){
  .v90-section-head,
  .v90-city-life-head,
  .v90-world-systems{
    grid-template-columns:1fr;
    gap:25px;
  }

  .v90-world-grid{
    grid-template-columns:1fr;
  }

  .v90-city-rail{
    grid-template-columns:repeat(2,1fr);
  }

  .v90-community-grid{
    grid-template-columns:1fr 1fr;
  }

  .v90-community-pulse{
    grid-template-columns:1fr;
  }

  .v90-city-life-grid{
    grid-template-columns:1fr 1fr;
  }

  .v90-world-systems-copy{
    position:static;
  }

  .v90-forum-highlights{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .v90-section{
    padding:74px 18px;
  }

  .v90-section-head{
    grid-template-columns:1fr;
  }

  .v90-community-copy{
    padding-left:0;
    border-left:0;
  }

  .v90-city-rail,
  .v90-community-grid,
  .v90-city-life-grid,
  .v90-system-list,
  .v90-forum-highlights,
  .v90-news-categories{
    grid-template-columns:1fr;
  }

  .v90-city-rail button{
    border-right:0;
    border-bottom:1px solid rgba(213,161,93,.08);
  }
}