:root{--blue:#2857a7;--ink:#0b0b0b;--cream:#f6eadc}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.page{min-height:100vh;background:linear-gradient(180deg,#fbf8f2 0%,#f1dcc5 72%,#f6eadc 100%)}
.hero{min-height:760px;height:82vh;max-height:930px;display:grid;grid-template-columns:minmax(500px,45%) 1fr;position:relative;overflow:hidden;background:#faf7f1}.hero__copy{position:relative;z-index:2;padding:48px 20px 54px clamp(46px,6.6vw,118px);display:flex;flex-direction:column;justify-content:center}.brand{width:210px;height:125px;object-fit:contain;object-position:left center;display:block;margin:0 0 25px;background:transparent}.hero h1{font-size:clamp(58px,5.1vw,92px);line-height:.91;letter-spacing:-.055em;margin:0 0 22px;font-weight:900}.hero h1 span{color:var(--blue)}.lead{font-size:clamp(18px,1.25vw,23px);line-height:1.4;margin:0 0 38px;letter-spacing:-.01em}.stats{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));width:min(620px,100%)}.stats>div{padding:0 18px;border-left:1px solid rgba(0,0,0,.45);text-align:center}.stats>div:first-child{border-left:0}.stats strong{display:block;color:var(--blue);font-size:38px;line-height:1;font-weight:800;margin-bottom:10px}.stats small{display:block;font-size:9px;line-height:1.35;letter-spacing:.14em}.hero__visual{position:relative;background-image:linear-gradient(90deg,#faf7f1 0%,rgba(250,247,241,.68) 5%,rgba(250,247,241,0) 18%),url('assets/hero-success-desktop.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}.bridge{position:relative;margin-top:-120px;z-index:3;min-height:205px;display:grid;place-items:end center;padding-bottom:32px;background:linear-gradient(180deg,rgba(238,216,192,0) 0%,rgba(238,216,192,.82) 42%,#f3e3d1 100%)}.portfolio{text-align:center}.portfolio span{font-size:12px;letter-spacing:.34em}.portfolio span:before,.portfolio span:after{content:"";display:inline-block;width:74px;height:1px;background:rgba(0,0,0,.5);vertical-align:middle;margin:0 22px}.portfolio h2{font-size:clamp(30px,3vw,48px);font-weight:400;letter-spacing:.28em;margin:10px 0 0;padding-left:.28em}.team{padding:26px 20px 58px;background:linear-gradient(180deg,#f3e3d1,#f8f2e9)}.team__eyebrow{text-align:center;font-size:9px;letter-spacing:.34em;margin:0 0 24px}.team__grid{width:min(560px,92vw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px 52px}.person{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center}.person img{width:64px;height:76px;object-fit:cover;display:block}.person h3{font-size:10px;letter-spacing:.15em;margin:0 0 7px;font-weight:800}.person p{font-size:7.5px;line-height:1.45;letter-spacing:.15em;margin:0}
@media(max-width:820px){.hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#faf7f1}.hero__copy{padding:24px 20px 26px;justify-content:flex-start}.brand{width:128px;height:100px;object-fit:contain;object-position:left center;margin:0 0 18px}.hero h1{font-size:clamp(43px,12.2vw,58px);line-height:.94;margin-bottom:18px}.lead{font-size:16px;line-height:1.42;margin-bottom:28px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;align-items:start}.stats>div{padding:0 7px;min-width:0}.stats strong{font-size:28px;margin-bottom:8px}.stats small{font-size:6.3px;line-height:1.25;letter-spacing:.08em}.hero__visual{height:auto;min-height:0;aspect-ratio:3/4;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url('assets/hero-success-mobile.jpg')}.bridge{margin-top:-58px;min-height:160px;padding:72px 12px 26px;background:linear-gradient(180deg,rgba(238,216,192,0) 0%,rgba(238,216,192,.9) 44%,#f3e3d1 100%)}.portfolio span{font-size:9px}.portfolio span:before,.portfolio span:after{width:38px;margin:0 12px}.portfolio h2{font-size:28px;letter-spacing:.22em}.team{padding-top:20px}.team__grid{width:min(390px,94vw);gap:18px 18px}.person{grid-template-columns:50px 1fr;gap:9px}.person img{width:50px;height:60px}.person h3{font-size:8px}.person p{font-size:6.2px}.team__eyebrow{font-size:7px}}
@media(max-width:420px){.hero__copy{padding-left:18px;padding-right:18px}.brand{width:118px;height:92px}.hero h1{font-size:12vw}.stats>div{padding:0 5px}.stats small{font-size:5.7px}.hero__visual{aspect-ratio:3/4}.bridge{margin-top:-42px;padding-top:58px}.team__grid{gap:16px 10px}.person{grid-template-columns:46px 1fr}.person img{width:46px;height:56px}}