/*
Theme Name: B2Alpha
Author: B2Alpha
Description: Minimal one-page brand theme for B2Alpha, an equity and real estate investment holding company. No plugins required.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: b2alpha
*/
:root{--navy:#0E1A2B;--charcoal:#1C232E;--gold:#B8975A;--ivory:#F6F3EC;--muted:#8A93A3;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:'Inter','Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--charcoal);background:var(--ivory);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .5em}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
.site-header{position:absolute;top:0;left:0;right:0;z-index:5;color:var(--ivory)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;height:96px}
.site-header .logo{color:var(--ivory);display:block;width:190px}.site-header .logo svg{display:block;width:100%;height:auto}
.site-header nav a{text-decoration:none;font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-left:28px;opacity:.85}.site-header nav a:hover{opacity:1;color:var(--gold)}
@media(max-width:640px){.site-header nav{display:none}}
.hero{min-height:min(100vh,860px);display:flex;align-items:center;background:radial-gradient(ellipse at 70% 20%,#1d2d47 0%,var(--navy) 55%,#080f1a 100%);color:var(--ivory);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-12vw;bottom:-12vw;width:48vw;height:48vw;border:1px solid rgba(184,151,90,.25);transform:rotate(45deg)}
.hero .wrap{position:relative;z-index:1}
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 24px}
.hero h1{font-size:clamp(52px,9vw,112px);letter-spacing:.02em;margin:0}
.hero .tagline{font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);font-style:italic;color:#d8d2c4;max-width:720px;margin:16px 0 40px}
.rule{width:64px;height:1px;background:var(--gold);border:0;margin:0 0 32px}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:14px 34px;text-decoration:none;font-size:12px;letter-spacing:.25em;text-transform:uppercase;transition:all .2s}
.btn:hover{background:var(--gold);color:var(--navy)}
section{padding:120px 0}@media(max-width:700px){section{padding:80px 0}}
.about .grid{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.about h2{font-size:clamp(34px,4vw,48px)}.about p{font-size:19px;color:#3a4352;margin:0 0 1em}
.focus{background:var(--charcoal);color:var(--ivory)}.focus h2{font-size:clamp(34px,4vw,48px);margin-bottom:56px}
.focus .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(184,151,90,.3)}
.card{background:var(--charcoal);padding:48px 36px}.card .num{font-family:var(--serif);color:var(--gold);font-size:18px;letter-spacing:.2em}
.card h3{font-size:30px;margin:18px 0 12px}.card p{color:#b9bfca;font-size:15.5px;margin:0}
@media(max-width:800px){.about .grid,.focus .cards{grid-template-columns:1fr}.about .grid{gap:24px}}
.contact{text-align:center}.contact h2{font-size:clamp(34px,4vw,48px)}.contact p{color:#4a5262;max-width:560px;margin:0 auto 32px}
.contact .btn{color:var(--navy);border-color:var(--navy)}.contact .btn:hover{background:var(--navy);color:var(--ivory)}
.site-footer{background:var(--navy);color:var(--muted);font-size:13px;padding:36px 0}
.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.site-footer .logo{width:130px;color:var(--ivory)}
.entry{max-width:760px;margin:0 auto;padding:160px 24px 100px}
.team{background:#fff}.team h2{font-size:clamp(34px,4vw,48px);margin-bottom:56px}
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:56px}
.person img{display:block;width:200px;height:200px;object-fit:cover;border:1px solid var(--gold);padding:6px;background:var(--ivory);margin-bottom:24px}
.person h3{font-size:32px;margin:0 0 4px;color:var(--navy)}.person .role{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.person p{color:#3a4352;font-size:16px;margin:0}
@media(max-width:800px){.people{grid-template-columns:1fr;gap:48px}}

/* 1.0.4 polish */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.card{padding:40px 0}}