/*
Theme Name: Noble Fighter — The Reveal
Description: Minimal curiosity-led coming soon theme.
Version: 1.0.0
*/
:root{--black:#050505;--white:#f4f1e9;--red:#c51b22;--muted:#aaa59c}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
.nf-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#050505}
.nf-bg{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 40%,rgba(5,5,5,.22) 72%,rgba(5,5,5,.6) 100%),
url('assets/images/nf-neon.png') 78% 50%/min(72vw,900px) auto no-repeat}
.nf-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 50%,rgba(197,27,34,.13),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.48))}
.nf-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 42px));padding:54px 0}
.nf-identity{position:absolute;top:36px;left:0}
.nf-brand{font-weight:800;letter-spacing:.15em;font-size:.92rem}
.nf-values{margin-top:8px;color:#bbb5ac;letter-spacing:.18em;font-size:.66rem}
.nf-content{max-width:720px}
.nf-eyebrow{color:#aaa59c;letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;margin-bottom:18px}
h1{font-size:clamp(3.7rem,9vw,8.4rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 28px}
.nf-line{width:54px;height:2px;background:var(--red);margin:0 0 28px}
.nf-statement{font-size:clamp(1.15rem,2.1vw,1.65rem);line-height:1.35;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}
.nf-statement strong{color:#fff}
.nf-sub{color:#b6b1a9;margin:0 0 30px}
.nf-btn{display:inline-block;border:1px solid rgba(255,255,255,.75);background:rgba(8,8,8,.68);color:#fff;padding:15px 23px;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;cursor:pointer;backdrop-filter:blur(6px)}
.nf-btn:hover{background:#fff;color:#080808}
.nf-after{margin-top:14px;color:#85817a;font-size:.75rem;letter-spacing:.08em}
.nf-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.88)}
.nf-modal.open{display:flex}
.nf-card{width:min(480px,100%);background:#0b0b0b;border:1px solid #292929;padding:30px}
.nf-cardtop{display:flex;justify-content:space-between;gap:20px;align-items:start}
.nf-card h2{margin:5px 0 8px;text-transform:uppercase;font-size:1.8rem}
.nf-card p{color:#aaa59c;margin:0 0 20px}
.nf-close{border:0;background:none;color:#fff;font-size:1.7rem;cursor:pointer}
.nf-form{display:grid;gap:12px}
.nf-form input{background:#050505;border:1px solid #303030;color:#fff;padding:14px;font:inherit}
.nf-form button{border:0;background:#f3f0e8;color:#050505;padding:14px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;cursor:pointer}
.nf-success{padding:14px;border:1px solid #324a35;background:#0c190e;color:#d9eddc}
.nf-foot{position:absolute;bottom:28px;left:0;color:#696660;font-size:.7rem;letter-spacing:.08em}
@media(max-width:780px){
 .nf-page{align-items:end}
 .nf-shell{padding:120px 0 70px}
 .nf-bg{background:
 linear-gradient(180deg,rgba(5,5,5,.25) 0%,rgba(5,5,5,.58) 42%,rgba(5,5,5,.98) 76%),
 url('assets/images/nf-neon.png') 50% 12%/110vw auto no-repeat}
 .nf-identity{top:28px}
 h1{font-size:clamp(3.5rem,18vw,6rem)}
 .nf-content{padding-top:46vh}
 .nf-foot{display:none}
}