.brand-system-hero .capability-hero__wash{background-image:linear-gradient(115deg,rgba(5,24,30,.9),rgba(8,40,48,.45)),url("../../assets/lab/brand-system-concept-01.jpg");background-position:center;background-size:cover}
.brand-system-hero h1{max-width:10ch}
.brand-system-hero .capability-hero__foot{align-items:center;gap:32px}
.brand-system-hero .capability-hero__foot .button{flex:none}
.brand-compass{background-color:#f3efe4;background-image:var(--surface-sand)}
.brand-compass .evidence-section__heading{align-items:end}
.brand-compass .evidence-section__heading h2,.brand-work .evidence-section__heading h2{margin:32px 0 0;font-size:clamp(58px,8vw,112px);font-weight:500;line-height:.84;letter-spacing:-.07em}
.brand-compass .evidence-section__heading h2 i,.brand-work .evidence-section__heading h2 i{color:var(--coral);font-family:Georgia,serif;font-weight:400}
.brand-compass__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(16,47,56,.28);border-bottom:1px solid rgba(16,47,56,.28)}
.brand-compass__grid article{min-height:230px;padding:24px;border-right:1px solid rgba(16,47,56,.2)}
.brand-compass__grid article:last-child{border-right:0}
.brand-compass__grid article>span{font:500 10px "DM Mono",monospace;letter-spacing:.08em}
.brand-compass__grid h3{margin:52px 0 12px;font-size:21px;letter-spacing:-.03em}
.brand-compass__grid p{max-width:30ch;margin:0;color:#55564f;font-size:14px;line-height:1.55}
.brand-compass__note{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:#55564f;font-size:13px}
.brand-work{background-color:#e7eee9;background-image:var(--surface-mist)}
.brand-work .evidence-section__heading{margin-bottom:46px}
.brand-work__card{display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#faf7ef}
.brand-work__mark{display:flex;min-height:480px;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:30px;background:var(--surface-ocean);color:#fff;text-align:center}
.brand-work__mark img{width:min(160px,40%);height:auto;border:1px solid rgba(255,255,255,.4);border-radius:50%}
.brand-work__mark strong{font-size:clamp(28px,4vw,48px);line-height:.9;letter-spacing:-.05em}
.brand-work__mark>span:last-child{font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.brand-work__details{display:flex;align-items:flex-start;flex-direction:column;gap:18px;padding:clamp(26px,4vw,54px)}
.brand-work__details h3{max-width:15ch;margin:0;font-size:clamp(28px,3.8vw,46px);line-height:1;letter-spacing:-.05em}
.brand-work__details>p{max-width:58ch;margin:0;color:#55564f;font-size:15px;line-height:1.6}
.brand-work__details figure{width:100%;margin:10px 0 0;padding:14px;border:1px solid rgba(16,47,56,.16);background:#101e22}
.brand-work__details figure img{display:block;width:100%;height:auto}
.brand-work__details figcaption{margin-top:10px;color:#dce7e1;font:500 9px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.brand-scope{background-color:#f3efe4;background-image:var(--surface-sand)}
.brand-scope__body{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin:60px 0 34px}
.brand-scope h2{margin:0;font-size:clamp(58px,8vw,112px);font-weight:500;line-height:.84;letter-spacing:-.07em}
.brand-scope h2 i{color:var(--coral);font-family:Georgia,serif;font-weight:400}
.brand-scope ul{display:grid;gap:0;margin:0;padding:0;border-top:1px solid rgba(16,47,56,.24);list-style:none}
.brand-scope li{padding:17px 0;border-bottom:1px solid rgba(16,47,56,.24);font-size:16px;line-height:1.4}
.brand-scope__status{max-width:62ch;margin:24px 0 0;color:#55564f;font:500 11px/1.6 "DM Mono",monospace;letter-spacing:.04em}
.pilot-note--brand{background:var(--surface-ocean);color:#fff}
.pilot-note--brand h2 i{color:var(--mint)}
.pilot-note--brand p{color:#e4eee8}
@media(max-width:760px){.brand-system-hero{min-height:740px}.brand-system-hero h1{font-size:clamp(56px,13vw,84px)}.brand-system-hero .capability-hero__foot{align-items:flex-start;flex-direction:column;gap:24px}.brand-system-hero .capability-hero__foot .button{width:100%;justify-content:space-between}.brand-compass .evidence-section__heading{display:block}.brand-compass__grid{grid-template-columns:1fr 1fr}.brand-compass__grid article{min-height:0;padding:20px 14px;border-bottom:1px solid rgba(16,47,56,.2)}.brand-compass__grid article:nth-child(2){border-right:0}.brand-compass__grid article:nth-last-child(-n+2){border-bottom:0}.brand-compass__grid h3{margin:32px 0 10px;font-size:18px}.brand-compass__grid p{font-size:13px}.brand-compass__note{align-items:flex-start;flex-direction:column}.brand-work .evidence-section__heading{display:block}.brand-work__card{grid-template-columns:1fr}.brand-work__mark{min-height:340px}.brand-scope__body{grid-template-columns:1fr;gap:28px;margin-top:42px}.brand-scope li{font-size:15px}}
@media(prefers-reduced-motion:reduce){.brand-system-page *{scroll-behavior:auto}}