.hero.hero-banner{height:auto;min-height:0;padding:108px var(--gutter) 28px;background:#e8e8e0;color:#202321;overflow:visible}
.banner-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:.9fr 1.15fr;gap:clamp(28px,5vw,78px);align-items:center}
.banner-intro{padding:6px 0 16px}.banner-kicker{display:flex;gap:10px;align-items:center;font:700 11px/1.5 "Archivo",sans-serif;letter-spacing:.16em;margin:0 0 24px;color:#5c645d}.banner-kicker>span{height:8px;width:8px;background:#ff8a00;display:inline-block}
.banner-intro h1{font-size:clamp(64px,7.5vw,116px);line-height:.88;letter-spacing:-.07em;font-weight:900;font-variation-settings:"wdth" 115;margin:0 0 30px;position:relative}.banner-intro h1>span{color:#3d5145}.banner-intro h1 small{display:inline-block;font:400 20px/1 sans-serif;letter-spacing:0;margin-left:18px;color:#788075;vertical-align:5px}
.banner-role{font-size:clamp(17px,1.6vw,23px);font-weight:750;letter-spacing:-.02em;line-height:1.35;margin:0 0 18px}
.banner-copy{font-size:clamp(18px,1.7vw,24px);line-height:1.5;max-width:32ch;margin:0 0 15px;color:#353d36}.banner-experience{font-size:14px;line-height:1.7;color:#657064;max-width:43ch;margin-bottom:25px}.banner-experience strong{color:#3b463b;font-weight:600}
.banner-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.banner-actions a{font-size:13px;text-decoration:none;display:flex;align-items:center;gap:20px;min-height:48px;font-weight:700}.banner-primary{background:#202a23;color:#f5f5ec;padding:12px 20px}.banner-primary:hover{background:#ff8a00;color:#1c1e21}.banner-secondary{border-bottom:1px solid #71816d;padding:5px 0;color:#455840}.banner-secondary:hover{color:#1a2119}
.banner-showcase{min-width:0}.banner-topline{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.15em;color:#6c766b;margin-bottom:12px}
.banner-feature{display:block;position:relative;height:clamp(400px,43vw,555px);overflow:hidden;background:#1b2722;color:#fff;text-decoration:none;border-radius:3px}
.banner-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#111a16e8 100%);pointer-events:none}
.banner-feature>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.banner-feature:hover>img{transform:scale(1.035)}.banner-feature-caption{position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.banner-feature-caption div>span{font-size:10px;letter-spacing:.12em;color:#d4dcca}.banner-feature-caption h2{font-size:clamp(24px,2.5vw,40px);letter-spacing:-.035em;line-height:1.1;margin:10px 0}.banner-feature-caption p{font-size:12px;color:#d0d9ce;margin:0;line-height:1.45}.banner-arrow{font-size:28px;line-height:1;border:1px solid #ffffff60;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;flex-shrink:0}
.banner-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}.banner-tabs button{font:600 11px/1.4 "Archivo",sans-serif;text-align:left;border:0;border-top:2px solid #bec4b8;background:transparent;color:#737d70;padding:12px 0;min-width:0;display:flex;gap:8px}.banner-tabs button>span{font-size:9px;opacity:.6}.banner-tabs button[aria-pressed=true]{color:#243d2b;border-top-color:#243d2b}.banner-tabs button:hover{color:#101810;border-top-color:#ff8a00}
.banner-current{max-width:1440px;margin:32px auto 0;border-top:1px solid #bbc3b5;display:grid;grid-template-columns:.9fr 1fr 1fr;gap:28px;padding-top:20px}.banner-current>a{display:flex;gap:14px;align-items:center;text-decoration:none;color:#354831;min-width:0}.banner-current>a>div{flex:1}.banner-current>a>span:last-child{font-size:22px}.banner-current strong{font-size:13px;font-weight:750;display:block}.banner-current small{font-size:11px;line-height:1.5;color:#7c8676;display:block}.banner-current>a:hover strong{color:#161f13;text-decoration:underline}.banner-mini{width:52px;height:46px;flex-shrink:0;object-fit:cover;object-position:center;border-radius:3px;background:#3d5145}.ex-mini{display:grid;place-items:center;color:#dbe7cc;font-weight:800;font-size:23px;letter-spacing:-.07em}.banner-now{display:flex;align-items:center;gap:13px}.banner-now>div>small{font-size:9px;letter-spacing:.12em;color:#8b9582}.banner-now>div>span{font-size:13px;color:#596a50}.banner-dot{width:6px;height:6px;background:#ff8a00;border-radius:50%;flex-shrink:0}
@media(max-width:1000px){.banner-grid{gap:30px;grid-template-columns:1fr 1.1fr}.banner-intro h1{font-size:83px}.banner-intro h1 small{font-size:16px}.banner-feature{height:480px}.banner-feature-caption{padding:22px}.banner-tabs{gap:10px}.banner-tabs button{font-size:10px}.banner-current{gap:20px}}
@media(max-width:760px){.hero.hero-banner{padding:96px 22px 24px}.banner-grid{grid-template-columns:1fr;gap:32px}.banner-intro{padding:0}.banner-kicker{margin-bottom:22px}.banner-intro h1{font-size:clamp(78px,16vw,116px);margin-bottom:25px}.banner-intro h1 br{display:none}.banner-intro h1 small{font-size:17px;margin-left:15px;vertical-align:3px}.banner-role{font-size:20px}.banner-copy{font-size:22px;max-width:32ch}.banner-experience{font-size:14px;max-width:45ch}.banner-actions{gap:22px}.banner-showcase{width:100%}.banner-feature{height:390px}.banner-feature-caption h2{font-size:32px}.banner-topline{font-size:9px}.banner-tabs button{font-size:11px}.banner-current{grid-template-columns:1fr 1fr;margin-top:25px;gap:18px}.banner-now{grid-column:1/-1}.banner-current>a{gap:10px}.banner-mini{width:38px;height:38px}.banner-current strong{font-size:12px}.banner-current small{font-size:10px}.banner-current>a>span:last-child{font-size:17px}}
@media(max-width:420px){.banner-intro h1{font-size:78px}.banner-intro h1 small{display:block;margin:15px 0 0;font-size:16px}.banner-intro h1{margin-bottom:24px}.banner-copy{font-size:20px}.banner-role{font-size:18px}.banner-feature{height:340px}.banner-feature-caption{padding:20px}.banner-feature-caption h2{font-size:28px}.banner-tabs button{font-size:10px;display:block}.banner-tabs button>span{display:block;margin-bottom:4px}.banner-current{grid-template-columns:1fr}.banner-current>a{padding:4px 0}.banner-current small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.banner-feature>img{transition:none}}