.brandguide-hero,.brandguide-elements-section,.brandguide-coherence-section,.brandguide-signals-section,.brandguide-beforeafter-section,.brandguide-mistakes-section,.brandguide-final-section{padding:5rem 0;background:var(--color-bg)}.brandguide-context-section,.brandguide-touchpoints-section,.brandguide-vehicles-section,.brandguide-system-section,.brandguide-when-section{padding:5rem 0;background:var(--color-surface)}.brandguide-wrap{width:min(100% - 2.5rem,1240px);margin:0 auto}.brandguide-pill{display:inline-flex;width:fit-content;margin:0 0 1rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-brand);font-size:.875rem;font-weight:900}.brandguide-hero__grid,.brandguide-context-layout,.brandguide-coherence-layout,.brandguide-vehicles-layout,.brandguide-when-layout,.brandguide-final-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:2rem;align-items:start}.brandguide-hero__copy h1,.section-intro h2,.brandguide-context-copy h2,.brandguide-coherence-copy h2,.brandguide-vehicles-copy h2,.brandguide-when-copy h2,.brandguide-final-copy h2{margin:0;color:var(--color-text);font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:1.03;letter-spacing:-.05em;font-weight:900}.brandguide-hero__lead,.section-intro p,.brandguide-context-copy>p,.brandguide-coherence-copy>p,.brandguide-vehicles-copy>p,.brandguide-when-copy>p,.brandguide-final-copy>p{margin:1.4rem 0 0;color:var(--color-muted);font-size:1.08rem;line-height:1.8}.brandguide-hero__text{margin:1rem 0 0;color:var(--color-muted);line-height:1.8}.brandguide-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.25rem;border-radius:999px;font-weight:900;text-decoration:none}.button-primary{background:var(--color-brand);color:#fff;box-shadow:0 16px 34px #425d1b2e}.button-secondary{border:1px solid var(--color-border);background:#fff;color:var(--color-text)}.brand-snapshot-card,.coherence-panel,.street-panel,.when-panel,.final-brand-card{border:1px solid var(--color-border);border-radius:2rem;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff;padding:1.7rem;box-shadow:0 18px 45px #1f241c0f}.brand-snapshot-card__top,.coherence-panel__top,.street-panel__top,.when-panel__top,.final-brand-card__top{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:1.25rem}.brand-snapshot-card__top>span,.coherence-panel__top>span,.street-panel__top>span,.when-panel__top>span,.final-brand-card__top>span{display:flex;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border-radius:1.1rem;background:var(--color-bg);font-size:1.45rem}.brand-snapshot-card__top p,.coherence-panel__top p,.street-panel__top p,.when-panel__top p{margin:0 0 .45rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.brand-snapshot-card__top h2,.coherence-panel__top h3,.street-panel__top h3,.when-panel__top h3,.final-brand-card__top h3{margin:0;color:var(--color-text);font-size:1.45rem;line-height:1.18;font-weight:900}.brand-touchpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.brand-touchpoints article{border:1px solid var(--color-border);border-radius:1.25rem;background:#ffffffb8;padding:1rem}.brand-touchpoints span{display:flex;width:2.6rem;height:2.6rem;align-items:center;justify-content:center;border-radius:.9rem;background:var(--color-bg);font-size:1.2rem;margin-bottom:.8rem}.brand-touchpoints p{margin:0;color:var(--color-text);font-weight:850;line-height:1.45}.brandguide-context-cards{display:grid;gap:1rem}.brandguide-context-cards article,.brand-element-card,.signals-grid article,.brand-system-grid article,.mistake-board article{border:1px solid var(--color-border);border-radius:1.75rem;background:#fff;padding:1.5rem;box-shadow:0 18px 45px #1f241c0d}.brandguide-context-cards span,.signals-grid span,.mistake-board span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.3rem;margin-bottom:1rem}.brandguide-context-cards h3,.signals-grid h3,.brand-system-grid h3,.mistake-board h3{margin:0;color:var(--color-text);font-size:1.24rem;line-height:1.2;font-weight:900}.brandguide-context-cards p,.signals-grid p,.brand-system-grid p,.mistake-board p{display:block;margin:.8rem 0 0;color:var(--color-muted);line-height:1.7}.section-intro{max-width:900px;margin-bottom:2.5rem}.brand-elements-board{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1rem}.brand-element-card--main{grid-row:span 2;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.brand-element-card__icon,.brand-system-grid div{display:flex;width:3.1rem;height:3.1rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.25rem;font-weight:900;margin-bottom:1rem}.brand-element-card p{display:inline-flex;margin:0 0 1rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.brand-element-card h3{margin:0;color:var(--color-text);font-size:1.32rem;line-height:1.18;font-weight:900}.brand-element-card span{display:block;margin-top:.9rem;color:var(--color-muted);line-height:1.7}.coherence-list,.street-list,.when-list{display:grid;gap:.85rem}.coherence-list article,.street-list article,.when-list article{border:1px solid var(--color-border);border-radius:1.25rem;background:#ffffffb8;padding:1rem}.coherence-list strong,.street-list strong,.when-list strong{display:block;margin-bottom:.4rem;color:var(--color-text);font-size:.96rem}.coherence-list span,.street-list span,.when-list span{color:var(--color-muted);line-height:1.6}.touchpoint-table{border:1px solid var(--color-border);border-radius:2rem;overflow:hidden;background:#fff;box-shadow:0 18px 45px #1f241c0d}.touchpoint-row{display:grid;grid-template-columns:.75fr 1fr 1.25fr;gap:1rem;padding:1rem 1.2rem;border-top:1px solid var(--color-border)}.touchpoint-row:first-child{border-top:0}.touchpoint-row span{color:var(--color-muted);line-height:1.5}.touchpoint-row--head{background:var(--color-brand)}.touchpoint-row--head span{color:#fff;font-weight:900}.signals-grid,.brand-system-grid,.mistake-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.brand-compare{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.brand-compare-card{border:1px solid var(--color-border);border-radius:2rem;background:#fff;padding:1.6rem;box-shadow:0 18px 45px #1f241c0d}.brand-compare-card--strong{background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.brand-compare-card p{display:inline-flex;margin:0 0 1rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.brand-compare-card h3{margin:0;color:var(--color-text);font-size:1.34rem;line-height:1.18;font-weight:900}.brand-compare-card span{display:block;margin-top:.9rem;color:var(--color-muted);line-height:1.7}.final-brand-card ul{margin:0;padding:0;list-style:none}.final-brand-card li{position:relative;padding-left:1.6rem;color:var(--color-text);line-height:1.65;font-weight:800}.final-brand-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--color-brand);font-weight:900}.final-brand-card li+li{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}@media(max-width:1100px){.brand-elements-board,.signals-grid,.brand-system-grid,.mistake-board{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-element-card--main{grid-row:auto}}@media(max-width:900px){.brandguide-hero__grid,.brandguide-context-layout,.brandguide-coherence-layout,.brandguide-vehicles-layout,.brandguide-when-layout,.brandguide-final-layout,.brand-compare{grid-template-columns:1fr}.touchpoint-row{grid-template-columns:1fr;gap:.45rem}.touchpoint-row--head{display:none}.touchpoint-row span:first-child{color:var(--color-brand);font-weight:900}}@media(max-width:640px){.brandguide-wrap{width:min(100% - 1.75rem,1240px)}.brandguide-hero,.brandguide-context-section,.brandguide-elements-section,.brandguide-coherence-section,.brandguide-touchpoints-section,.brandguide-signals-section,.brandguide-vehicles-section,.brandguide-beforeafter-section,.brandguide-system-section,.brandguide-mistakes-section,.brandguide-when-section,.brandguide-final-section{padding:4rem 0}.brandguide-hero__actions{flex-direction:column}.button-primary,.button-secondary{width:100%}.brand-snapshot-card,.brandguide-context-cards article,.brand-element-card,.coherence-panel,.touchpoint-row,.signals-grid article,.street-panel,.brand-compare-card,.brand-system-grid article,.mistake-board article,.when-panel,.final-brand-card{padding:1.4rem}.brand-snapshot-card__top,.coherence-panel__top,.street-panel__top,.when-panel__top,.final-brand-card__top,.brand-touchpoints,.brand-elements-board,.signals-grid,.brand-system-grid,.mistake-board{grid-template-columns:1fr}}
