:root { --brand-deep:#102c1d; --brand-green:#1f4a31; --brand-cream:#f2eee4; --brand-gold:#d1a24d; }
.brand-page { margin:0; background:var(--brand-cream); color:#1d2c23; }
.brand-shell { width:min(calc(100% - 48px),1120px); margin-inline:auto; }
.brand-header { position:absolute; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; width:min(calc(100% - 48px),1120px); margin:auto; padding:22px 0; }
.brand-header img { width:190px; height:auto; object-fit:contain; filter:brightness(1.65); }
.brand-header nav { display:flex; gap:24px; }
.brand-header a { color:#fff; font-weight:750; }
.brand-hero { position:relative; min-height:92vh; display:grid; align-items:end; overflow:hidden; color:#fff; }
.brand-hero>img,.brand-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.brand-hero>img { object-fit:cover; }
.brand-hero-shade { background:linear-gradient(90deg,rgba(8,31,19,.9),rgba(8,31,19,.25)),linear-gradient(0deg,rgba(8,31,19,.7),transparent 55%); }
.brand-hero-copy { position:relative; z-index:2; padding-bottom:10vh; }
.brand-hero-copy>span,.brand-kicker,.brand-section-head span,.brand-contact span { color:var(--brand-gold); font-size:13px; font-weight:850; letter-spacing:.16em; }
.brand-hero h1 { max-width:900px; margin:18px 0 24px; font-size:clamp(48px,7.2vw,92px); line-height:1.08; }
.brand-hero p { max-width:650px; margin:0 0 30px; color:rgba(255,255,255,.76); font-size:18px; line-height:1.85; }
.brand-intro { padding:120px 0; }
.brand-intro h2,.brand-section-head h2,.brand-proof h2,.brand-contact h2 { margin:18px 0 26px; color:var(--brand-deep); font-size:clamp(42px,6vw,72px); line-height:1.12; }
.brand-intro p { max-width:760px; color:#5f6b64; font-size:18px; line-height:1.9; }
.brand-values { padding:110px 0; background:var(--brand-deep); color:#fff; }
.brand-section-head { margin-bottom:48px; }
.brand-section-head h2 { color:#fff; }
.brand-value-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.brand-value-grid article { min-height:330px; padding:26px 22px; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(255,255,255,.05); }
.brand-value-grid b { color:var(--brand-gold); font-size:12px; }
.brand-value-grid h3 { margin:52px 0 18px; font-size:25px; }
.brand-value-grid p { color:rgba(255,255,255,.65); line-height:1.75; }
.brand-proof { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding:120px 0; }
.brand-proof-copy p { color:#5f6b64; font-size:18px; line-height:1.9; }
.brand-contact { padding:100px 0; background:#d8c9a7; }
.brand-contact-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; }
.brand-contact p { max-width:620px; line-height:1.85; }
.brand-contact figure { display:grid; grid-template-columns:190px 1fr; gap:24px; align-items:center; margin:0; }
.brand-contact figure img { width:190px; height:auto; aspect-ratio:888 / 1131; object-fit:contain; border-radius:20px; }
.brand-contact figcaption { font-size:22px; font-weight:800; line-height:1.5; }
.brand-contact figcaption small,.brand-official { color:#5b5c50; font-size:14px; font-weight:500; }
.brand-official { margin-top:22px; }
.brand-footer { display:flex; justify-content:space-between; gap:20px; padding:28px max(24px,calc((100% - 1120px)/2)); background:#0c2116; color:rgba(255,255,255,.62); }
.brand-footer a { color:#fff; }
@media(max-width:900px){.brand-value-grid{grid-template-columns:repeat(2,1fr)}.brand-proof,.brand-contact-grid{grid-template-columns:1fr}.brand-contact figure{max-width:480px}}
@media(max-width:560px){.brand-shell,.brand-header{width:min(calc(100% - 32px),1120px)}.brand-header nav a:first-child{display:none}.brand-header img{width:150px}.brand-hero{min-height:86svh}.brand-hero h1{font-size:46px}.brand-intro,.brand-proof{padding:82px 0}.brand-values,.brand-contact{padding:78px 0}.brand-value-grid{grid-template-columns:1fr}.brand-value-grid article{min-height:0}.brand-value-grid h3{margin-top:28px}.brand-contact figure{grid-template-columns:120px 1fr}.brand-contact figure img{width:120px}.brand-footer{display:grid}}
