:root{
  --blue:#0878e8; --blue2:#0b3d91; --ink:#070b11; --panel:#101722;
  --steel:#7d8794; --white:#f7f9fc; --muted:#aab3bf; --line:#263241;
  --gold:#d6a419; --max:1180px; --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#cad2dc;background:#05080d;border-bottom:1px solid #17202b}
.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
header{position:sticky;top:0;z-index:50;background:rgba(7,11,17,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.05em}
.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #314258}
.brand span{display:block;font-size:1rem}.brand small{display:block;color:var(--blue);font-size:.72rem;letter-spacing:.22em}
nav{display:flex;align-items:center;gap:19px;font-size:.91rem;font-weight:700}
nav a:hover{color:#5aaaff}.menu{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 12px;border-radius:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#005ec1);font-weight:900;border:1px solid #1688f5;box-shadow:0 12px 30px rgba(0,119,231,.2)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)} .btn.alt{background:transparent;border-color:#526173;box-shadow:none}.btn.small{padding:8px 14px;font-size:.83rem}
.hero{min-height:720px;display:grid;align-items:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(4,7,12,.96) 0%,rgba(4,7,12,.77) 52%,rgba(4,7,12,.22) 100%),
url('assets/project-1.jpeg') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink))}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:85px 0}
.kicker{color:#4da2ff;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900;margin-bottom:13px}
h1,h2,h3{line-height:1.02;margin:0 0 16px;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.015em}
h1{font-size:clamp(4.1rem,8vw,8rem);text-transform:uppercase;max-width:780px} h1 span{color:var(--blue)}
h2{font-size:clamp(2.4rem,5vw,4.8rem);text-transform:uppercase} h3{font-size:1.7rem}
.hero p{font-size:1.15rem;max-width:680px;color:#d6dde7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-card{justify-self:end;width:min(420px,100%);background:rgba(9,14,22,.72);border:1px solid #334154;border-radius:30px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.hero-card img{border-radius:22px;aspect-ratio:1/1;object-fit:cover}
section{padding:84px 0}.dark{background:#0b111a}.light{background:#f2f5f8;color:#10151d}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-head p{max-width:520px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:linear-gradient(180deg,#121b27,#0d131d);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.card:hover{transform:translateY(-5px);border-color:#3a5c82}.card img{width:100%;height:250px;object-fit:cover}.card-body{padding:23px}.card p{color:var(--muted)}
.tag{display:inline-block;color:#4ea5ff;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.feature{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0e151f}
.feature img{width:100%;height:100%;min-height:500px;object-fit:cover}.feature-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}.feature-copy p{color:var(--muted)}
.stats{padding:0 0 30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0c121b}
.stat{padding:28px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;color:var(--blue);font:3rem Impact}.stat span{color:#c5ced9;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.quote{font:clamp(3rem,7vw,6rem)/.97 Impact;text-transform:uppercase}.quote span{color:var(--blue)}
.list{display:grid;gap:14px;margin-top:24px}.list div{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:14px}.list b{color:var(--blue)}
.poster{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35)}
.cta{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:45px;border:1px solid #2f4661;border-radius:28px;background:linear-gradient(135deg,#0e1c2d,#09111b)}
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.logo-box{min-height:100px;display:grid;place-items:center;border:1px dashed #425269;border-radius:16px;color:#7f8da1;background:#0d141e}
form{display:grid;gap:13px}input,textarea,select{width:100%;border:1px solid #344153;background:#0a1018;color:#fff;padding:14px 16px;border-radius:12px;font:inherit}textarea{min-height:160px}
.page-hero{padding:100px 0 70px;background:radial-gradient(circle at 80% 20%,#0f3c6c 0,transparent 36%),#090e15;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(3.5rem,7vw,6.8rem)}.page-hero p{font-size:1.15rem;max-width:750px;color:#c5ced9}
.profile{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:start}.profile img{border-radius:26px;border:1px solid var(--line)}
.timeline{display:grid;gap:12px}.event{display:grid;grid-template-columns:145px 1fr auto;gap:22px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:17px;background:#0d141d}.date{color:#4ea5ff;font-weight:900}
footer{padding:55px 0 28px;background:#05080d;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}footer p,footer a{color:#9ca8b7}footer a:hover{color:#fff}.copyright{border-top:1px solid #1d2632;margin-top:35px;padding-top:18px;color:#778494}
.notice{padding:15px 18px;border:1px solid #284b71;background:#0b2036;border-radius:14px;color:#cde7ff}
@media(max-width:900px){
 nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080d14;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
 nav.open{display:flex}.menu{display:block}.hero-grid,.feature,.split,.profile{grid-template-columns:1fr}.hero-card{justify-self:start}.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}
 .stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.section-head,.cta{align-items:flex-start;flex-direction:column}.logo-wall{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr}.event{grid-template-columns:1fr}.feature img{min-height:330px}.feature-copy{padding:30px}
}
@media(max-width:560px){h1{font-size:3.6rem}.hero{min-height:650px}.hero-grid{padding:60px 0}.grid4,.stats-grid,.logo-wall{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.topbar .wrap{display:block}.actions .btn{width:100%}}

.syms-hero{min-height:560px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(4,7,12,.97),rgba(4,7,12,.54)),url('assets/syms-company-profile.webp') center/cover no-repeat}
.syms-hero .wrap{padding-bottom:30px}.lead{font-size:1.35rem;max-width:760px;color:#d5dee9}
blockquote{margin:24px 0 0;padding:20px 24px;border-left:5px solid var(--blue);background:#0b1522;color:#dce8f5;font-size:1.08rem}

.v2-hero{background:radial-gradient(circle at 75% 30%,#123f73 0,transparent 34%),linear-gradient(135deg,#04070c,#0b1522)}
.lane-hero{min-height:540px;background:linear-gradient(90deg,rgba(5,8,13,.98),rgba(5,8,13,.48)),url('assets/lane-harper-community-spotlight.jpeg') center/cover no-repeat}
.will-hero{background:radial-gradient(circle at 80% 25%,#0a4f91 0,transparent 38%),#080d15}
.cottages-hero{background:radial-gradient(circle at 75% 20%,#20394f 0,transparent 42%),#081018}
.founder-hero{background:linear-gradient(90deg,#060a10,#0b315d)}
.editorial-cover{min-height:500px;display:flex;flex-direction:column;justify-content:end;padding:40px;background:linear-gradient(145deg,#06101c,#083f78);color:#fff}
.editorial-cover span,.editorial-mini span{color:#5fb2ff;font-size:.8rem;font-weight:900;letter-spacing:.16em}
.editorial-cover strong{font:clamp(3.5rem,7vw,6rem)/.92 Impact;text-transform:uppercase}
.editorial-cover small{font-size:1.1rem;color:#ced9e7;margin-top:12px}
.cottages-cover{background:linear-gradient(145deg,#0d2437,#0b5e7c)}
.editorial-mini{height:250px;padding:26px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#06101c,#0b4d88)}
.editorial-mini strong{font:2.3rem/1 Impact;text-transform:uppercase;margin-top:10px}
.cottages-mini{background:linear-gradient(145deg,#112537,#146a78)}
.no-photo{overflow:hidden}
.recognition-seal{aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:8px double #228df1;background:radial-gradient(circle,#10243a,#05090f);box-shadow:0 25px 70px rgba(0,0,0,.4)}
.recognition-seal span{font:5rem Impact;color:#218cf0}.recognition-seal strong{font:1.5rem Impact;text-transform:uppercase}.recognition-seal small{color:#aeb9c7}
.respect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.respect-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101925,#091019);transition:.2s}
.respect-card:hover{transform:translateY(-4px);border-color:#288eef}
.respect-card span{display:block;color:#4fa6ff;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:900}
.respect-card strong{display:block;font:2rem Impact;margin:8px 0}.respect-card small{color:#aeb8c6}
@media(max-width:900px){.respect-grid{grid-template-columns:1fr}.recognition-seal{max-width:420px}}