.brand-hero{padding:82px 0 88px;border-bottom:1px solid var(--line)}
.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:64px;align-items:center}
.brand-hero h1{font-size:clamp(46px,6vw,84px);max-width:760px;letter-spacing:-.055em;line-height:1.02}
.brand-hero .lede{max-width:690px;font-size:clamp(19px,2vw,23px);margin-top:28px}
.brand-sign{border-radius:20px;overflow:hidden;background:#111}
.brand-sign img{display:block;width:100%;height:auto}
.brand-story-copy{max-width:920px}.brand-story-copy h2{max-width:800px}.brand-story-copy p:not(.eyebrow){font-size:19px;line-height:1.72;color:var(--muted);margin:20px 0 0}.brand-story-copy strong{color:var(--ink)}
.brand-intro{max-width:860px}.brand-intro h2{max-width:760px}
.brand-intro p{color:var(--muted);font-size:19px;margin-top:22px;line-height:1.7}
.brand-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:18px;background:var(--line);overflow:hidden;margin-top:42px}
.brand-part{background:#fff;padding:40px}.brand-part .label{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.brand-part h3{font-size:clamp(28px,3vw,42px);margin-bottom:18px}.brand-part p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.brand-part p+p{margin-top:18px}
.brand-promise{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:38px}
.brand-promise article{background:#fff;padding:32px}.brand-promise h3{font-size:23px;margin-bottom:12px}.brand-promise p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.brand-spelling{max-width:880px}.brand-spelling p{font-size:19px;line-height:1.7;color:var(--muted);margin:20px 0 0}.brand-spelling strong{color:var(--ink)}
@media(max-width:850px){.brand-hero-grid{grid-template-columns:1fr;gap:36px}.brand-sign{max-width:560px}.brand-pair{grid-template-columns:1fr}}
@media(max-width:640px){.brand-hero{padding:52px 0 60px}.brand-hero h1{font-size:clamp(43px,11vw,64px)}.brand-part{padding:30px 26px}.brand-promise{grid-template-columns:1fr}.brand-promise article{padding:27px}.brand-intro p,.brand-spelling p,.brand-story-copy p:not(.eyebrow){font-size:17px}}
