/*
Theme Name: Becoming Ventures
Author: Becoming Ventures
Version: 1.0
Description: Custom WordPress theme for Who Am I Becoming?
*/
:root{--navy:#102b4e;--gold:#a67b2d;--cream:#f6efe2;--paper:#fffdf8;--ink:#25272b;--muted:#6f6b64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7;font-size:18px}a{color:var(--navy)}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(800px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.95);border-bottom:1px solid rgba(16,43,78,.12);backdrop-filter:blur(10px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--navy);text-transform:uppercase;letter-spacing:.16em;font-size:14px}.brand span{display:block;color:var(--gold);font-size:10px;letter-spacing:.22em}.menu{list-style:none;margin:0;padding:0;display:flex;gap:24px}.menu a{text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:700 12px Arial,sans-serif}.menu-toggle{display:none;background:none;border:1px solid rgba(16,43,78,.2);padding:8px 11px}
.hero{min-height:790px;display:grid;align-items:center;color:white;background:linear-gradient(90deg,rgba(8,24,43,.88),rgba(8,24,43,.55) 48%,rgba(8,24,43,.08)),url('assets/images/original-book-cover.png') center/cover no-repeat}.hero-copy{max-width:650px;padding:110px 0}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font:700 12px Arial,sans-serif;color:#d5b56d}.hero h1{font-weight:400;font-size:clamp(54px,8vw,96px);line-height:1.02;margin:14px 0}.hero p{font-size:clamp(22px,2.5vw,31px);line-height:1.45}.hero em{color:#d5b56d}.button{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font:700 12px Arial,sans-serif;background:var(--gold);color:white;padding:15px 22px;border:1px solid var(--gold);margin:8px 8px 0 0}.button.alt{background:transparent;border-color:white}
.section{padding:100px 0}.cream{background:var(--cream)}.navy{background:#091c33;color:white}.center{text-align:center}.section-title{color:var(--navy);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.1;margin:12px 0 26px}.navy .section-title{color:white}.lead{font-size:24px}.statement{font-size:clamp(30px,4vw,52px);line-height:1.35;text-align:center;color:var(--navy)}.statement strong{color:var(--gold);font-weight:400}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cover{max-width:440px;margin:auto;box-shadow:0 22px 55px rgba(0,0,0,.15)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{padding:30px;border:1px solid rgba(16,43,78,.14);background:white}.card h3{font-weight:400;color:var(--navy);font-size:25px;margin-top:0}.card p{color:var(--muted);font-size:16px}.quote{padding:90px 0;background:#091c33;color:white;text-align:center;font-size:clamp(34px,5vw,60px);line-height:1.35}.quote em{color:#d5b56d}
.page-hero{background:#091c33;color:white;text-align:center;padding:110px 0 85px}.page-hero h1{font-weight:400;font-size:clamp(48px,7vw,78px);margin:10px 0}.page-hero p{max-width:780px;margin:auto;font-size:22px;color:rgba(255,255,255,.8)}.content{padding:90px 0 120px}.content h2{color:var(--navy);font-weight:400;font-size:38px}.callout{background:var(--cream);border-left:4px solid var(--gold);padding:30px;margin:40px 0;font-size:24px;color:var(--navy)}
.site-footer{background:#071727;color:rgba(255,255,255,.72);padding:65px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.site-footer h3,.site-footer h4{color:white;font-weight:400}.site-footer a{color:white}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:22px;font:12px Arial,sans-serif}
@media(max-width:850px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column}.menu.open{display:flex}.grid-two,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{background-position:62% center}}