/*
Theme Name: Wasteland Rising — Coming Soon
Theme URI: https://example.com/
Author: Wasteland Rising
Description: Cinematic launch landing page with hero gallery and confirmed release notification signups.
Version: 1.3.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: wasteland-rising
*/
:root{--gold:#ffc16c;--red:#f04b30;--bg:#090b0e;--muted:#c4b9b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f2eb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.top{position:absolute;z-index:5;top:0;left:0;right:0;background:linear-gradient(#050505d9,#05050500)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.brand{font-weight:950;letter-spacing:.12em;font-size:17px}.brand span{color:var(--red)}nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}nav a:hover{color:var(--gold)}.btn{display:inline-block;border:1px solid #fa8d45;background:linear-gradient(110deg,#b82417,#f25c26);padding:15px 25px;color:white;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 30px #e43b1747}.btn:hover{filter:brightness(1.16)}.btn.ghost{background:#070a0dba;border-color:#8d7464}.hero{position:relative;min-height:780px;display:flex;align-items:flex-end;overflow:hidden;background:#18130f}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07080865 0%,#0b090816 27%,#090b0e 96%),url('assets/hero.webp') center 38%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b0ee8,#090b0e45 55%,#090b0e10);pointer-events:none}.hero .wrap{position:relative;z-index:2;padding:170px 0 105px}.eyebrow{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.25em;text-transform:uppercase}.hero h1{font-size:clamp(52px,8.5vw,118px);line-height:.91;letter-spacing:-.06em;max-width:850px;margin:20px 0;text-transform:uppercase;text-shadow:0 5px 35px #000}.hero h1 em{display:block;font-style:normal;color:#fa5936}.lead{max-width:600px;font-size:clamp(17px,2vw,23px);line-height:1.6;color:#eee2d6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.platforms{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.platforms span{border:1px solid #b7a39166;padding:9px 15px;background:#0a0a0aaa;font-weight:750;font-size:13px}.section{padding:100px 0}.section h2{font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.04em;text-transform:uppercase;margin:12px 0 24px}.section-intro{max-width:770px;color:var(--muted);font-size:18px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.feature{background:linear-gradient(135deg,#232026,#121417);border:1px solid #5a423d;padding:28px;min-height:200px}.feature strong{font-size:21px}.feature p{color:var(--muted);line-height:1.6}.feature .symbol{font-size:30px;margin-bottom:20px}.characters{background:linear-gradient(180deg,#111014,#1d1110 52%,#0b0c0e)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:42px}.character{border:1px solid #69534a;background:#171416;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.character:hover{transform:translateY(-5px);border-color:var(--gold)}.character img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#120f10}.character .name{padding:13px 10px;text-align:center;font-size:18px;font-weight:950;letter-spacing:.1em}.signup{position:relative;background:radial-gradient(ellipse at top right,#692314,#121014 55%,#08090b);border-top:1px solid #6b3527;border-bottom:1px solid #6b3527}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.signup form{padding:30px;border:1px solid #845040;background:#0d0d10d9}.signup label{display:block;font-size:13px;font-weight:800;margin-bottom:10px}.signup input[type=email]{width:100%;background:#1b1b20;border:1px solid #74605c;color:white;padding:16px;margin-bottom:16px}.signup .btn{width:100%}.fine{color:#bfb4ae;font-size:13px;line-height:1.6}.notice{padding:13px 16px;border:1px solid #9c6b4a;margin-bottom:18px;background:#36221a}.footer{padding:35px 0;color:#b7a7a0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{text-decoration:underline}.honeypot{position:absolute;left:-9999px}.wp-content{padding:160px 0 90px;min-height:65vh}.wp-content p{line-height:1.8;color:#d4c9c3}@media(max-width:850px){.feature-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.signup-grid{grid-template-columns:1fr}nav{gap:12px;font-size:11px}.hero{min-height:710px}}@media(max-width:560px){.top .wrap{align-items:flex-start;flex-direction:column}.brand{font-size:15px}nav{flex-wrap:wrap}.hero .wrap{padding:185px 0 70px}.hero{min-height:720px}.feature-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character .name{font-size:15px}.section{padding:65px 0}}

/* v1.1: full uncropped survivor cards, maintaining original artwork proportions */
.character img{width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:auto;}

/* v1.2 — identical card dimensions, full artwork visible, consistent metal frame */
.card-grid{align-items:stretch}
.character{display:flex;flex-direction:column;min-width:0;border:2px solid #9c6d4a;background:#151113;box-shadow:inset 0 0 0 2px #30221d,0 8px 24px #0008}
.character-art{position:relative;width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3b221c,#100e11 80%);border-bottom:2px solid #8f5e3f;padding:5px}
.character-art::after{content:"";position:absolute;inset:4px;border:2px solid #c27d47;box-shadow:inset 0 0 0 1px #261714,0 0 12px #e36a2440;pointer-events:none}
.character .character-art img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;aspect-ratio:auto;background:transparent}
.character-details{flex:1;display:flex;flex-direction:column;padding:12px 14px 17px;background:linear-gradient(160deg,#261c1a,#100f12)}
.character .name{padding:0 0 10px;text-align:center;color:#ffcc88;text-shadow:0 1px 8px #000;font-size:19px}
.skills{margin:0;padding:0;list-style:none;display:grid;gap:7px;color:#e3d4c8;font-size:13px;line-height:1.35}
.skills li{position:relative;padding-left:15px}
.skills li::before{content:"◆";position:absolute;left:0;color:#f46a37;font-size:10px;top:2px}
@media(max-width:560px){.character-details{padding:10px 8px 13px}.character .name{font-size:15px}.skills{font-size:11px;gap:6px}.skills li{padding-left:12px}}

/* v1.3 — Iron Reign Studios branding and developer introduction */
.studio-presents{max-width:580px;margin:0 0 36px;text-align:left;filter:drop-shadow(0 8px 20px #000)}
.studio-presents img{display:block;width:min(390px,100%);height:auto;max-height:200px;object-fit:contain;object-position:left center}
.present-label{font-size:13px;letter-spacing:.4em;color:#ffcf9b;font-weight:900;margin:6px 0 8px}
.present-title{font-weight:1000;font-size:clamp(24px,3.8vw,52px);letter-spacing:.025em;line-height:1.05;text-shadow:0 4px 18px #000}
.present-title span{color:#ff5837}
.studio-section{background:radial-gradient(ellipse at 20% 40%,#482016,#111115 62%,#080a0d);border-top:1px solid #6c3b2d;border-bottom:1px solid #6c3b2d}
.studio-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);gap:60px;align-items:center}
.studio-mark{background:linear-gradient(140deg,#271712,#08090c);border:2px solid #98603c;box-shadow:0 14px 50px #0009;padding:18px}
.studio-mark img{display:block;width:100%;height:auto}
.studio-tagline{color:#ffbd70;letter-spacing:.13em;font-weight:900;margin-bottom:24px}
.studio-copy .section-intro{font-size:17px;margin:14px 0}
@media(max-width:850px){.studio-grid{grid-template-columns:1fr;gap:30px}.studio-mark{max-width:560px}.studio-presents{margin-bottom:26px}}
@media(max-width:560px){.studio-presents img{max-height:140px}.present-label{font-size:11px}.studio-tagline{font-size:13px}}