*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101d19;color:#f4eddd;font:16px/1.65 Georgia,serif}a{color:#dfbc74}header{position:sticky;top:0;background:#10201df2;border-bottom:1px solid #6e613e;z-index:5}nav{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;flex-wrap:wrap}nav .links{display:flex;flex-wrap:wrap;gap:14px;font:13px Arial,sans-serif}nav a{text-decoration:none}.brand{font:bold 19px Georgia;letter-spacing:2px;color:#f6d58d}.hero{padding:110px 20px 95px;text-align:center;background:radial-gradient(ellipse at center,#385144 0%,#14251f 55%,#0c1814 100%);border-bottom:1px solid #685b3e}.eyebrow{color:#e4c789;text-transform:uppercase;letter-spacing:3px;font:12px Arial}.hero h1{font-size:clamp(45px,9vw,95px);line-height:1.06;margin:20px 0;color:#f5dfac;letter-spacing:4px}.hero p{max-width:700px;margin:0 auto 25px;font-size:21px}.button{display:inline-block;padding:12px 23px;border:1px solid #e2bf77;border-radius:3px;margin:7px;text-decoration:none;background:#d2ac63;color:#13221c;font:bold 13px Arial}.button.alt{background:transparent;color:#e5c582}.wrap{max-width:1080px;margin:auto;padding:65px 22px}h2{color:#e6c27b;font-size:34px;line-height:1.2}h3{color:#eed39b}p{max-width:850px}.muted{color:#c7c9bc}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.card{background:#1b3028;border:1px solid #4d5a46;padding:23px;border-radius:4px}.card h3{margin-top:0}.tag{font:11px Arial;letter-spacing:1px;color:#e7c77f;text-transform:uppercase}.light{background:#e9e0ca;color:#23352c}.light h2,.light h3{color:#45542f}.light .card{background:#fffaf0;color:#27362c;border-color:#d2c6a9}.light a{color:#72521d}.callout{border-left:4px solid #d5b26d;padding:12px 22px;background:#23372c}.light .callout{background:#f5eddb}footer{border-top:1px solid #5d604a;padding:30px 22px;text-align:center;color:#c5c5b8;font:13px Arial}details{margin:12px 0;border:1px solid #65715d;padding:15px}summary{cursor:pointer;font-weight:bold;color:#e4c27e}.light summary{color:#5d4924}.small{font:13px Arial,sans-serif}input,textarea{width:100%;padding:11px;background:#fff;color:#222;border:1px solid #9a9a9a;margin:5px 0 15px;font:15px Arial}label{font:13px Arial}button{cursor:pointer}ul{padding-left:22px}@media(max-width:600px){.hero{padding:65px 18px}.wrap{padding:42px 18px}}
/* Approved cinematic concept used as actual homepage artwork; hotspots keep its six tiles functional. */
body{background:#090b0a}header{background:#080b0bf5} .cinematic{position:relative;max-width:1600px;margin:auto;line-height:0} .cinematic img{display:block;width:100%;height:auto} .cinematic-hotspots{position:absolute;left:0;right:0;top:54%;height:19%;display:grid;grid-template-columns:repeat(6,1fr);gap:.6%} .cinematic-hotspots a{display:block;outline-offset:-4px} .cinematic-hotspots a:hover,.cinematic-hotspots a:focus-visible{outline:3px solid #f0c77b;background:#f0c77b18} .cinematic-mobile-links{display:none} .intro-actions{text-align:center;background:linear-gradient(180deg,#080a08,#1b1610);padding:28px 20px 38px;border-top:1px solid #886335;border-bottom:1px solid #886335}.intro-actions h1{font-size:clamp(30px,5vw,55px);letter-spacing:.12em;color:#d8b77e;margin:10px 0}.intro-actions p{margin:8px auto 12px} .light{background:#201b15;color:#f4e6d1}.light h2,.light h3{color:#e6c27b}.light .card{background:#151510;color:#f4e6d1;border-color:#6e5634}.light a{color:#e7c27e}.card{background:#1b1a15;border-color:#80653c} .callout{background:#2d2419} .wrap{padding-top:55px;padding-bottom:55px} @media(max-width:700px){.cinematic-hotspots{display:none}.cinematic-mobile-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;background:#090b0a}.cinematic-mobile-links a{padding:12px;text-align:center;border:1px solid #85673b;text-decoration:none;background:#1d1b15}.cinematic{overflow:hidden}.cinematic img{width:150%;max-width:none;transform:translateX(-16.7%)} }

/* CINEMATIC SITE-WIDE VISUALS */
:root{--gold:#dcb778}body{background:#080908;color:#f2e4ce}header{background:#070808f5}h1,h2,h3,.brand{font-family:Georgia,serif}h1,h2{color:#e6bd7d}.wrap{position:relative}.light{background:linear-gradient(135deg,#18130e,#0b0c0a)}.card{background:linear-gradient(150deg,#201b15,#10100e);box-shadow:0 14px 40px #0008}.cinematic-page-hero{min-height:340px;display:flex;align-items:end;background:linear-gradient(0deg,#080908 0%,#08090844 60%,#08090811 100%),url('warriors-lookout.jpg') center 39%/cover no-repeat;border-bottom:1px solid #ad824c}.cinematic-page-hero>div{width:min(1100px,100%);margin:auto;padding:85px 22px 36px;text-shadow:0 2px 12px #000}.cinematic-page-hero h1{font-size:clamp(34px,6vw,72px);margin:0;line-height:1.05;letter-spacing:.03em}.cinematic-page-hero p{font-size:18px;max-width:680px}.ancestral-feature{background:linear-gradient(90deg,#0b0b0bf0,#0b0b0b4a),url('ancestral-warriors.jpg') center/cover no-repeat;min-height:260px;padding:55px max(24px,calc((100vw - 1080px)/2));border-block:1px solid #87683b}.ancestral-feature h2{max-width:600px}.cinematic img{width:100%}.panel{background:#17130ff0!important;border-color:#856537!important}.intro-actions{background:#0a0a09}.wrap h2{color:#e6bd7d}nav a:hover{color:#fff4d8}@media(max-width:700px){.cinematic-page-hero{min-height:260px;background-position:27% center}.cinematic-page-hero>div{padding:55px 18px 25px}.ancestral-feature{padding:45px 22px}}

/* MySQL portal staging integration */
.portal-main{max-width:1020px;margin:42px auto;padding:24px;min-height:55vh}.portal-main section,.portal-main .panel{background:#192b24;border:1px solid #97743c;border-radius:8px;padding:22px;margin:20px 0}.portal-main input,.portal-main textarea,.portal-main select{max-width:100%;padding:10px;margin:6px 0 14px;background:#fff;color:#161616;border:1px solid #9d814a}.portal-main button{padding:12px 20px;cursor:pointer}.portal-main label{display:block;margin-top:10px}.portal-main .notice{color:#ead4a7}.portal-main table{max-width:100%;display:block;overflow-x:auto}