
:root{
  --black:#0a0a09; --charcoal:#11110f; --charcoal2:#171612;
  --ivory:#f2ecdf; --cream:#d8d0c2; --muted:#aaa093;
  --gold:#c4a15e; --gold2:#9a7b42; --line:#332d22;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--black);color:var(--ivory);
  font-family: Georgia, "Times New Roman", serif;line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,10,9,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(196,161,94,.18)
}
.nav{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.nav-left,.nav-right{display:flex;align-items:center;gap:26px;font-family:Arial,sans-serif;font-size:.73rem;letter-spacing:.17em;text-transform:uppercase}
.nav-right{justify-content:flex-end}
.logo img{height:62px;width:auto}
.nav a:hover{color:var(--gold)}
.menu{display:none;background:none;border:0;color:var(--ivory);font-size:1.5rem}
.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:610px;border-bottom:1px solid var(--line)}
.hero-copy{
  padding:95px max(40px,calc((100vw - 1180px)/2)) 70px;
  display:flex;flex-direction:column;justify-content:center;
  background:radial-gradient(circle at 85% 45%,rgba(196,161,94,.08),transparent 36%),#0b0b0a;
}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;color:var(--gold);font-weight:700}
h1,h2,h3{font-weight:400;line-height:1.07;margin:0;color:var(--ivory)}
h1{font-size:clamp(3.8rem,7vw,6.7rem);letter-spacing:-.035em;max-width:700px}
h1 em{font-weight:400}
h2{font-size:clamp(2.45rem,4.2vw,4.25rem);letter-spacing:-.025em}
h3{font-size:1.55rem}
.hero-rule,.gold-rule{height:1px;background:var(--gold);position:relative}
.hero-rule{width:210px;margin:24px 0}
.hero-rule:after{content:"◆";position:absolute;left:58%;top:-10px;color:var(--gold);font-size:.72rem;background:#0b0b0a;padding:0 8px}
.lede{font-size:1.25rem;color:var(--cream);max-width:650px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 22px;border:1px solid var(--gold2);font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase}
.btn.primary{background:linear-gradient(90deg,#b9944f,#d0af70);color:#0a0a09;border-color:transparent;font-weight:700}
.btn:hover{border-color:var(--gold);color:var(--gold)}
.btn.primary:hover{color:#0a0a09;filter:brightness(1.05)}
.hero-image{background:url('assets/hero-main.png') center/cover no-repeat;min-height:610px}

.section{padding:86px 0;border-bottom:1px solid var(--line)}
.section-head{text-align:center;margin-bottom:34px}
.section-title{display:flex;align-items:center;justify-content:center;gap:18px}
.section-title:before,.section-title:after{content:"";width:48px;height:1px;background:var(--gold)}
.section-title span{font-family:Arial,sans-serif;color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:.69rem}
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.book-card{background:linear-gradient(180deg,#131311,#0d0d0c);border:1px solid #242017;overflow:hidden}
.book-visual{height:420px;width:100%;object-fit:contain;background:#0c0c0b;padding:10px}
.book-body{padding:18px 18px 20px}
.book-body p{color:#c0b6a9;margin:.55rem 0 1rem}
.learn{font-family:Arial,sans-serif;color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.learn:before{content:"";display:inline-block;width:31px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}

.about-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px}
.about-image{background:url('assets/about-main.png') center/cover no-repeat}
.about-copy{padding:70px clamp(34px,6vw,85px);background:linear-gradient(135deg,#171612,#0f0f0e)}
.about-copy .eyebrow{display:flex;align-items:center;gap:14px}
.about-copy .eyebrow:after{content:"";width:55px;height:1px;background:var(--gold)}
.about-copy p{color:#c1b8ab;font-size:1.05rem}

.community{
  position:relative;
  overflow:hidden;
  padding:70px 20px 74px;
  text-align:center;
  background:
    radial-gradient(circle at 50% -30%, rgba(196,161,94,.19), transparent 43%),
    linear-gradient(180deg,#17140f 0%,#0d0d0b 100%);
  border-top:1px solid rgba(196,161,94,.22);
  border-bottom:1px solid rgba(196,161,94,.22);
}
.community:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(196,161,94,.10) 38.2% 38.5%,transparent 38.7%),
    linear-gradient(65deg,transparent 0 61%,rgba(196,161,94,.08) 61.2% 61.5%,transparent 61.7%);
}
.community .container{position:relative;z-index:1}
.community h2{font-size:2.45rem;color:var(--ivory)}
.community .eyebrow{color:var(--gold)}
.community p{color:#c9c0b3}
.subscribe{display:flex;max-width:610px;margin:22px auto 0}
.subscribe input{flex:1;background:rgba(8,14,19,.72);border:1px solid rgba(242,236,224,.55);color:white;padding:14px 15px}
.subscribe button{width:155px;background:linear-gradient(90deg,#b9944f,#d0af70);border:0;color:#0a0a09;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;font-weight:700}

.page-hero{padding:115px 0 75px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 15%,rgba(196,161,94,.08),transparent 25%)}
.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:930px}
.page-lede{max-width:760px;color:#c5bcae;font-size:1.25rem;margin-top:24px}
.content{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}
.content-image{
  border:1px solid var(--line);
  background:radial-gradient(circle at 50% 40%,rgba(196,161,94,.06),transparent 48%), #0f0f0d;
  min-height:520px;display:flex;align-items:center;justify-content:center;padding:32px;
}
.content-image img{width:auto;height:auto;max-width:100%;max-height:620px;object-fit:contain;min-height:0;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))}

.panel-image{
  min-height:560px;
  background:#111 center/cover no-repeat;
  border:0;
}
.panel-image.about-panel{background-image:url('assets/about-main.png')}
.panel-image.industry-panel{background-image:url('assets/industry-main.png')}

.prose{font-size:1.08rem;color:#c3baad}
.prose p{margin:0 0 1.35rem}
.prose h3{margin-top:2rem}
.callout{border-left:2px solid var(--gold);padding-left:22px;color:var(--ivory);font-size:1.25rem}
.form-card{max-width:700px;padding:30px;border:1px solid var(--line);background:#11110f}
form{display:grid;gap:12px}
input,select,textarea{width:100%;background:#0a0a09;border:1px solid #3a3226;color:var(--ivory);padding:14px 15px;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{min-height:150px;resize:vertical}
button.submit{background:var(--gold);border:0;padding:14px;color:#0a0a09;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-weight:700;cursor:pointer}
.note{font-family:Arial,sans-serif;font-size:.72rem;color:#8e8578}

.editorial-banner{
  margin-top:48px;border:1px solid var(--line);overflow:hidden;background:#0f0f0e
}
.editorial-banner img{width:100%;height:320px;object-fit:cover}
.editorial-banner.small img{height:280px}
.banner-caption{padding:18px 22px;color:#bcae9b;font-size:1rem}

footer{padding:38px 0 28px;background:#090908}
.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}
.footer-logo img{width:180px}
.footer-nav{display:flex;justify-content:center;gap:25px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;color:#c8bfb1}
.footer-tag{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#b4aa9c;line-height:1.7}
.footer-bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:.66rem;color:#7f776d}

@media(max-width:880px){
 .nav{grid-template-columns:1fr auto}.nav-left,.nav-right{display:none}.logo{justify-self:start}.menu{display:block}
 .hero{grid-template-columns:1fr}.hero-copy{padding:78px 24px}.hero-image{min-height:420px}
 .books{grid-template-columns:1fr}.book-visual{height:480px}
 .about-split,.content{grid-template-columns:1fr}.about-image{min-height:380px}
 .footer-grid{grid-template-columns:1fr}.footer-nav{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}
 .editorial-banner img{height:240px}
}
@media(max-width:560px){
 .subscribe{flex-direction:column}.subscribe button{width:100%;padding:14px}.container{width:min(100% - 28px,1180px)}
 h1{font-size:3.45rem}.book-visual{height:360px}
}
