@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
:root{--night:#17232a;--night2:#24343c;--ivory:#f6f3ed;--sand:#e6dfd2;--white:#fff;--gold:#b49461;--gold-light:#d8c19b;--gold-ink:#80643d;--text:#29333a;--muted:#58646a;--rule:#d9d2c7;--warm-rule:#c7bcaa;--corner-feature:24px;--corner-card:18px;--corner-action:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font:16px/1.75 Lato,Arial,sans-serif}
a{color:inherit}
a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.wrap{width:min(1220px,calc(100% - 80px));margin:auto}
.top{background:#101c22;color:#e9e4da;padding:11px 0;letter-spacing:.19em;text-transform:uppercase;font-size:11px}
.top .wrap,.nav .wrap,.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}
.nav{position:sticky;top:0;z-index:30;background:var(--night);color:var(--white);border-bottom:1px solid #48545b;transition:box-shadow .35s ease,background-color .35s ease}
.nav.is-scrolled{background:rgba(20,31,38,.94);box-shadow:0 12px 35px rgba(9,18,24,.16)}
.nav .wrap{min-height:94px}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-light);font:300 23px/1 Lato,Arial,sans-serif;letter-spacing:-.08em;padding-right:2px}
.brand-descriptor{color:#f2eee6;font:400 11px/1.4 Lato,Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em}
.links{display:flex;gap:30px;align-items:center}
.links a{text-decoration:none;font:700 12px/1.4 Lato,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
.links a:hover,.footer a:hover{color:var(--gold-light)}
.mobile-nav{display:none}
.nav-call{border:1px solid var(--gold);padding:14px 18px;color:var(--gold-light)}
.hero{min-height:710px;display:flex;flex-direction:column;justify-content:center;color:white;background:linear-gradient(90deg,rgba(10,22,29,.93) 0%,rgba(10,22,29,.74) 41%,rgba(10,22,29,.2) 100%),url('/assets/woodland-hills-home.png') center 55%/cover;padding:100px max(40px,calc((100vw - 1220px)/2));position:relative}
.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 32%,transparent 32%)}
.hero h1{font:300 clamp(52px,5.6vw,76px)/1.06 Lato,Arial,sans-serif;letter-spacing:-.035em;max-width:860px;margin:0 0 29px;text-wrap:balance}
.hero-name,.hero-role{display:block}
.hero-role{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:.025em;margin-top:16px}
.hero .lede{font-size:18px;line-height:1.8;max-width:615px;margin:0 0 40px;color:#f0eee9}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn,button.btn{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:15px 27px;background:var(--gold-light);color:var(--night);border:1px solid var(--gold-light);font:700 11px/1.3 Lato,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.btn:hover,button.btn:hover{background:white;border-color:white}
.btn-outline{background:transparent;color:white;border-color:rgba(255,255,255,.7)}
.btn-outline:hover{background:white;color:var(--night)}
.services{padding:100px max(40px,calc((100vw - 1220px)/2)) 118px}
.services h2,.about-teaser h2{font:300 clamp(43px,4.5vw,58px)/1.12 Lato,Arial,sans-serif;letter-spacing:-.022em;margin:0 0 49px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule);counter-reset:service}
.service-card{background:transparent;min-height:205px;padding:33px 46px 38px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);counter-increment:service;position:relative}
.service-card:before{content:counter(service,decimal-leading-zero);color:var(--gold);font:600 11px Lato,Arial,sans-serif;letter-spacing:.12em}
.service-card h3{font:300 29px/1.22 Lato,Arial,sans-serif;margin:16px 0 10px}
.service-card p{color:var(--muted);font-size:15px;line-height:1.75;margin:0;max-width:470px}
.about-teaser{padding:115px max(40px,calc((100vw - 1220px)/2)) 130px;background:var(--night2);color:white;position:relative}
.about-teaser:before{content:"";display:block;width:72px;height:1px;background:var(--gold-light);margin-bottom:30px}
.about-teaser h2{margin-bottom:22px}
.about-teaser p{max-width:850px;color:#d9dfe0;font-size:18px;line-height:1.9}
.about-teaser a{display:inline-block;color:var(--gold-light);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold-light);padding-bottom:5px;margin-top:17px}
.post{max-width:900px;margin:0 auto;padding:100px 40px 140px;background:transparent}
.post h1{font:300 clamp(42px,4.6vw,63px)/1.12 Lato,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 24px}
.post .post-meta{color:var(--gold-ink);font-size:12px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:40px}
.post h2{font:300 38px/1.2 Lato,Arial,sans-serif;margin:55px 0 14px}
.post h3{font:300 27px/1.25 Lato,Arial,sans-serif}
.post p,.post li{font-size:17px;line-height:1.85;color:#39464b}
.post li{margin:11px 0}
.post a{color:var(--gold-ink);text-underline-offset:4px}
.post a:hover{color:var(--night)}
.post ul,.post ol{padding-left:27px}
.post blockquote{margin:35px 0;padding:4px 0 4px 24px;border-left:2px solid var(--gold)}
.post table{display:block;overflow-x:auto;border-collapse:collapse}
.post td,.post th{border:1px solid var(--rule);padding:12px}
.post img{max-width:100%;height:auto}
.contact-form{background:white;border:1px solid var(--rule);padding:42px;margin:42px 0}
.form-field{margin-bottom:21px}
.form-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.form-field input,.form-field textarea{width:100%;border:1px solid #bbb9b1;background:#faf9f6;padding:14px 15px;font:inherit}
.form-field textarea{min-height:150px}
.form-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;margin:24px 0}
.form-consent input{margin-top:4px}
.honeypot-field{position:absolute;left:-9999px}
.footer{background:#101c22;color:#d9dfe0;padding:43px 0;font-size:12px;line-height:1.8}
.footer-links{display:flex;gap:26px}
.footer a{text-decoration:none}
@media(max-width:920px){.links{gap:14px}.links a{font-size:10px}.wrap{width:calc(100% - 48px)}.hero{padding-left:24px;padding-right:24px}.services,.about-teaser{padding-left:24px;padding-right:24px}}
@media(max-width:710px){.wrap{width:calc(100% - 36px)}.top .wrap span:last-child{display:none}.nav .wrap{min-height:75px;gap:10px}.brand-mark{width:39px;height:39px;font-size:20px}.brand-descriptor{font-size:9px;letter-spacing:.16em}.links a:not(.nav-call){display:none}.nav-call{padding:11px 12px}.hero{min-height:640px;background-position:62% center;padding:80px 18px}.hero h1{font-size:clamp(48px,12vw,65px);max-width:550px}.hero-role{font-size:clamp(24px,6vw,32px)}.hero .lede{font-size:16px}.services{padding:88px 18px 96px}.services h2,.about-teaser h2{font-size:54px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:27px 25px}.about-teaser{padding:90px 18px}.post{padding:67px 18px 90px}.post h1{font-size:53px}.post h2{font-size:34px}.contact-form{padding:22px}.footer .wrap{display:block}.footer-links{margin-top:20px}}
@media(max-width:390px){.brand strong{font-size:22px}.hero h1{font-size:46px}.services h2,.about-teaser h2{font-size:47px}}
@media(max-width:710px){
.nav .wrap{position:relative}
.links{display:none}
.mobile-nav{display:block;margin-left:auto}
.mobile-nav summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 12px;list-style:none;cursor:pointer;color:var(--gold-light);font:700 12px/1.4 Lato,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary:focus-visible,.mobile-nav nav a:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.menu-icon{display:flex;flex-direction:column;gap:4px;width:21px}
.menu-icon i{display:block;width:21px;height:2px;background:currentColor}
.mobile-nav nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--night);border:1px solid #48545b;border-top:0;box-shadow:0 18px 28px rgba(9,18,24,.22);padding:10px 18px 16px}
.mobile-nav nav a{display:block;padding:14px 4px;color:var(--white);text-decoration:none;font:700 14px/1.4 Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #48545b}
.mobile-nav nav a:last-child{color:var(--gold-light);border-bottom:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{margin:8px 8px 0;border:0;border-radius:12px;overflow:hidden;min-height:max(680px, calc(100svh - 70px))}
.hero:after{display:none}
.service-grid{border:0;gap:18px}
.service-card{background:#fff;border:1px solid var(--rule);border-radius:var(--corner-card);box-shadow:0 12px 30px rgba(23,35,42,.035)}
.btn,button.btn{border-radius:var(--corner-action)}
.nav-call{border-radius:var(--corner-action)}
.contact-form{border-radius:var(--corner-card);box-shadow:0 18px 45px rgba(23,35,42,.05)}
.form-field input,.form-field textarea{border-radius:var(--corner-action)}
@media(max-width:710px){:root{--corner-feature:18px;--corner-card:16px;--corner-action:10px}.hero{margin:6px 6px 0;border-radius:10px;min-height:max(625px, calc(100svh - 70px))}.service-grid{gap:12px}}

.buyer-image-note{font-size:13px!important;color:var(--muted)!important;margin:18px 0 0}
.buyer-step{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px;align-items:center;padding:45px 0;border-top:1px solid var(--rule)}
.buyer-step:first-of-type{margin-top:54px}
.buyer-step:last-of-type{border-bottom:1px solid var(--rule);margin-bottom:62px}
.buyer-step-image{margin:0;overflow:hidden;border-radius:var(--corner-card);aspect-ratio:3/2;background:#e8e2d8}
.buyer-step-image img{display:block;width:100%;height:100%;object-fit:cover}
.buyer-step-copy h2{margin:0 0 13px;font-size:35px}
.buyer-step-copy p{margin:0;font-size:16px;line-height:1.8}
.buyer-step-2 .buyer-step-image,.buyer-step-4 .buyer-step-image,.buyer-step-6 .buyer-step-image,.buyer-step-8 .buyer-step-image{order:2}
.buyer-step-2 .buyer-step-copy,.buyer-step-4 .buyer-step-copy,.buyer-step-6 .buyer-step-copy,.buyer-step-8 .buyer-step-copy{order:1}
@media(max-width:710px){.buyer-step{grid-template-columns:1fr;gap:18px;padding:34px 0}.buyer-step:first-of-type{margin-top:32px}.buyer-step-copy h2{font-size:32px}.buyer-step-image,.buyer-step-2 .buyer-step-image,.buyer-step-4 .buyer-step-image,.buyer-step-6 .buyer-step-image,.buyer-step-8 .buyer-step-image{order:2}.buyer-step-copy,.buyer-step-2 .buyer-step-copy,.buyer-step-4 .buyer-step-copy,.buyer-step-6 .buyer-step-copy,.buyer-step-8 .buyer-step-copy{order:1}}

@media(prefers-reduced-motion:no-preference){
.motion-ready .reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .scroll-rise{transform:translate3d(0,var(--rise-offset,0px),0);transition:transform .12s linear;will-change:transform}
}

main{position:relative;isolation:isolate}
.hero{position:relative;top:auto;z-index:0}
.services{position:relative;z-index:2;background:var(--ivory);margin-top:0}
.services-inner{max-width:1220px;margin:auto}
.services-inner:before{content:"";display:block;width:72px;height:1px;background:var(--gold);margin-bottom:30px}
.about-teaser{position:relative;z-index:3;margin-top:0}
@media(max-width:710px){.services{margin-top:0}.about-teaser{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero{position:relative;top:auto}.services{margin-top:0}}

.group-proof{position:relative;z-index:1;background:var(--sand);color:var(--night);margin:8px 8px 0;border-radius:12px;padding:45px max(40px,calc((100vw - 1220px)/2)) 56px}
.group-proof-inner{max-width:1220px;margin:auto}
.group-proof h2{font:400 clamp(27px,2.8vw,37px)/1.18 Lato,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 8px}
.group-proof-affiliation{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 23px}
.group-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.group-proof-stat{padding:19px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative}
.group-proof-stat::before{content:"";position:absolute;top:0;left:0;width:56px;border-top:1px solid var(--gold-ink)}
.group-proof-stat strong{font:400 clamp(36px,4vw,51px)/1 Lato,Arial,sans-serif;letter-spacing:-.05em;color:#17232a}
.group-proof-stat span{text-transform:uppercase;letter-spacing:.115em;font-size:11px;font-weight:700;line-height:1.6;color:var(--muted);max-width:240px}
.group-proof-source{font-size:9.5px;line-height:1.45;color:var(--muted);margin:11px 0 0;max-width:750px}
.group-proof-source a{color:var(--gold-ink);text-underline-offset:3px}
@media(max-width:920px){.group-proof{padding-left:24px;padding-right:24px}}
@media(max-width:710px){.group-proof{margin:6px 6px 0;border-radius:10px;padding:38px 18px 42px}.group-proof h2{font-size:30px;margin-bottom:8px}.group-proof-affiliation{font-size:10px;margin-bottom:18px}.group-proof-grid{grid-template-columns:1fr;gap:18px}.group-proof-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:17px 0 0}.group-proof-stat strong{font-size:clamp(27px,8vw,35px);white-space:nowrap}.group-proof-stat span{text-align:right;max-width:165px;font-size:10px}}

.services,.about-teaser{margin:8px 8px 0;border-radius:12px;overflow:hidden}
@media(max-width:710px){.services,.about-teaser{margin:6px 6px 0;border-radius:10px}}

.about-teaser{padding-top:70px;padding-bottom:0}
.about-teaser:before{margin-bottom:25px}
.about-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:42px;align-items:end}
.about-copy{padding:0 0 92px}
.about-teaser .about-kicker{font-size:12px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);margin:0 0 17px}
.about-teaser h2{margin:0 0 24px}
.about-teaser .about-copy>p:not(.about-kicker){max-width:620px}
.about-teaser .about-credential{font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-light);margin:26px 0 4px}
.about-portrait{margin:0;min-width:0;display:flex;align-items:end;justify-content:center}
.about-portrait img{display:block;width:min(100%,480px);height:auto;max-height:560px;object-fit:contain;object-position:bottom}
@media(max-width:710px){.about-teaser{padding-top:68px;padding-bottom:0}.about-inner{display:flex;flex-direction:column;align-items:stretch;gap:8px}.about-copy{padding-bottom:24px}.about-portrait img{width:min(100%,360px);max-height:none}.about-teaser h2{font-size:clamp(42px,11vw,54px)}}
