.branding-page{background:#f4f0e8;color:#151516}.branding-page h1,.branding-page h2,.branding-page h3{letter-spacing:-.045em}.branding-hero{padding:clamp(5rem,9vw,9rem) 0 3rem;background:#101015;color:#f7f3eb;overflow:hidden}.branding-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,7rem);align-items:center}.branding-hero h1{font-size:clamp(3.8rem,7vw,8rem);line-height:.91;max-width:11ch;margin:.35rem 0 1.5rem}.branding-hero .lead{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;max-width:45rem;color:#d8d3ca}.branding-hero-visual{margin:0;background:#ebe5db;aspect-ratio:1.414/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.branding-hero-visual img{width:100%;height:100%;object-fit:contain}.branding-page .button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.branding-page .eyebrow{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.branding-intro,.branding-projects,.brand-components,.brand-guidelines,.brand-production,.brand-clients,.brand-services,.brand-process,.brand-refresh,.brand-deliverables,.brand-connections,.brand-culture,.brand-insights,.brand-faq{padding:clamp(4.5rem,8vw,8rem) 0}.branding-intro-grid,.brand-guidelines-grid,.brand-production-grid,.brand-connections-grid,.brand-culture-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}.branding-intro h2,.brand-section-head h2,.brand-components h2,.brand-guidelines h2,.brand-production h2,.brand-connections h2,.brand-culture h2,.brand-faq h2{font-size:clamp(2.5rem,4.8vw,5.4rem);line-height:.98;margin:.5rem 0 1.5rem}.branding-intro-copy{font-size:1.1rem;line-height:1.7}.brand-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.brand-parts div{border-top:1px solid #b9b1a5;padding:1rem 0}.brand-parts strong{display:block;font-size:1rem}.brand-parts span{color:#5c5852;font-size:.9rem}.brand-clients{background:#ddd5c9}.brand-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.55fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.brand-section-head>p{font-size:1.05rem;line-height:1.65}.brand-situations,.brand-service-grid,.brand-process-grid,.brand-deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#aaa196;border:1px solid #aaa196}.brand-situations article,.brand-service-grid article,.brand-deliverable-grid article{background:#f4f0e8;padding:2rem}.brand-situations h3,.brand-service-grid h3,.brand-deliverable-grid h3{font-size:1.55rem;margin:.7rem 0}.brand-situations ul,.brand-service-grid ul,.brand-deliverable-grid ul{padding-left:1.2rem;line-height:1.65}.branding-projects{background:#101015;color:#f5f1e9}.branding-projects .brand-section-head>p{color:#c9c3b9}.brand-project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.brand-project{background:#1b1b21;display:flex;flex-direction:column}.brand-project.flagship{grid-column:span 12;display:grid;grid-template-columns:1.35fr .65fr}.brand-project.medium{grid-column:span 6}.brand-project.small{grid-column:span 4}.brand-project-media{background:#ede7dc;overflow:hidden;min-height:18rem}.flagship .brand-project-media{min-height:34rem}.brand-project-media img{width:100%;height:100%;object-fit:contain;display:block}.brand-project-copy{padding:clamp(1.5rem,3vw,2.6rem);display:flex;flex-direction:column;align-items:flex-start;flex:1}.brand-project-copy h3{font-size:clamp(2rem,3vw,3.7rem);line-height:1;margin:.5rem 0 1rem}.brand-project-copy p{color:#cec8be;line-height:1.65}.brand-project-copy .text-link{margin-top:auto;padding-top:1rem;color:#fff}.brand-project-copy .text-link:focus-visible{outline:2px solid #fff;outline-offset:5px}.brand-components{background:#ebe4d9}.brand-component-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;margin-top:2.5rem}.brand-component-grid figure{margin:0;background:#f7f3ec;min-height:26rem}.brand-component-grid img{width:100%;height:100%;object-fit:contain}.component-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#b9b1a6}.component-list article{padding:1.5rem;background:#f7f3ec}.component-list span{font-family:var(--font-mono);font-size:.72rem}.component-list h3{font-size:1.25rem;margin:.5rem 0}.brand-guidelines{background:#c7b9a7}.brand-guidelines-media,.brand-production-media,.brand-connection-media{margin:0;background:#eee8de}.brand-guidelines-media img,.brand-production-media img,.brand-connection-media img{width:100%;height:auto;object-fit:contain;display:block}.brand-guidelines ul,.brand-production ul{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.5rem;padding-left:1.2rem;line-height:1.5}.brand-production{background:#17171c;color:#f7f3eb}.brand-production p,.brand-production li{color:#d1cbc2}.brand-services{background:#f4f0e8}.brand-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-process{background:#2a2830;color:#f7f3eb}.brand-process-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#5f5a62}.brand-process-grid article{background:#2a2830;padding:1.5rem}.brand-process-grid span{font-family:var(--font-mono);font-size:.75rem;color:#bcb4aa}.brand-process-grid h3{font-size:1.35rem;margin:1rem 0 .6rem}.brand-process-grid p{font-size:.9rem;color:#cdc7be;line-height:1.55}.brand-refresh{background:#ddd5c9}.brand-refresh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#a9a097}.brand-refresh-grid article{padding:clamp(2rem,4vw,4rem);background:#f4f0e8}.brand-refresh-grid h3{font-size:clamp(2rem,3.5vw,3.6rem);margin:.5rem 0 1rem}.brand-refresh-grid ul{padding-left:1.2rem;line-height:1.8}.brand-deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-file-note{margin-top:2rem;padding:1.5rem;border:1px solid #aaa196;display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.brand-file-note p{margin:0;line-height:1.65}.brand-connections{background:#ebe4d9}.brand-connection-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.brand-culture{background:#152c31;color:#f5f1e9}.brand-culture p{color:#d0d7d5;line-height:1.7}.brand-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa196}.brand-insight-grid a{display:block;background:#f4f0e8;padding:2rem;color:inherit}.brand-insight-grid h3{font-size:1.6rem}.brand-faq{background:#ddd5c9}.brand-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem}.brand-faq details{border-top:1px solid #8c857c;padding:1.2rem 0}.brand-faq details:last-child{border-bottom:1px solid #8c857c}.brand-faq summary{font-size:1.15rem;font-weight:700;cursor:pointer}.brand-faq details p{line-height:1.65;max-width:48rem}.branding-final{padding:clamp(5rem,9vw,9rem) 0;background:#101015;color:#fff;text-align:center}.branding-final h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.94;max-width:15ch;margin:.5rem auto 1.5rem}.branding-final p{color:#cbc5bb;font-size:1.15rem}.branding-final .button-row{justify-content:center}.branding-page a:focus-visible,.branding-page summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:980px){.branding-hero-grid,.branding-intro-grid,.brand-guidelines-grid,.brand-production-grid,.brand-connections-grid,.brand-culture-grid,.brand-section-head,.brand-faq-grid{grid-template-columns:1fr}.brand-project.flagship{grid-template-columns:1fr}.brand-project.medium,.brand-project.small{grid-column:span 6}.brand-service-grid{grid-template-columns:repeat(2,1fr)}.brand-process-grid{grid-template-columns:repeat(3,1fr)}.brand-component-grid{grid-template-columns:1fr}.brand-guidelines ul,.brand-production ul{grid-template-columns:1fr}.brand-file-note{grid-template-columns:1fr}.branding-hero-visual{max-height:48rem}}
@media(max-width:680px){.branding-hero{padding-top:4rem}.branding-hero h1{font-size:clamp(3.2rem,15vw,5.1rem)}.branding-hero-grid{gap:2rem}.branding-page .button-row{flex-direction:column}.branding-page .button{width:100%;text-align:center}.brand-parts,.brand-situations,.brand-service-grid,.brand-deliverable-grid,.brand-process-grid,.brand-refresh-grid,.component-list,.brand-insight-grid{grid-template-columns:1fr}.brand-project.medium,.brand-project.small{grid-column:span 12}.brand-project-media,.flagship .brand-project-media{min-height:0;aspect-ratio:1.414/1}.brand-guidelines,.brand-production,.brand-clients,.brand-services,.brand-process,.brand-refresh,.brand-deliverables,.brand-connections,.brand-culture,.brand-insights,.brand-faq,.branding-projects,.brand-components,.branding-intro{padding:4rem 0}.brand-section-head{gap:1rem}.brand-section-head h2,.branding-intro h2,.brand-components h2,.brand-guidelines h2,.brand-production h2,.brand-connections h2,.brand-culture h2,.brand-faq h2{font-size:clamp(2.4rem,11vw,3.8rem)}.brand-guidelines-media,.brand-production-media,.brand-connection-media{overflow:auto}.brand-guidelines-media img,.brand-production-media img,.brand-connection-media img{min-width:0}.branding-final h2{font-size:clamp(2.8rem,13vw,4.4rem)}}

/* Keep the service hero balanced at wide desktop sizes. */
@media(min-width:981px){
  .branding-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,4.5vw,5rem)}
  .branding-hero h1{font-size:clamp(3.75rem,4.8vw,5.75rem);line-height:.96;max-width:12ch}
}

/* Give FAQ disclosure controls comfortable space from every card edge. */
.brand-faq details{padding:1.35rem clamp(1.25rem,2vw,2rem)}
.brand-faq details p{margin-right:0}

@media(max-width:680px){
  .brand-faq details{padding:1.2rem 1.1rem}
}