.company-overview { background:white; border-bottom:1px solid var(--line); }
.company-intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,74px); padding-block:clamp(48px,6vw,88px); }
.company-intro h2 { font-size:clamp(2.35rem,4.25vw,4.7rem); text-wrap:balance; }
.company-intro p+p,.company-intro .button { margin-top:14px; }
.company-services { background:var(--pale); padding-block:clamp(44px,6vw,80px); }
.company-services-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.company-services-grid article { padding:18px; background:white; border:1px solid var(--line); border-radius:8px; }
.service-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#fff1d2; color:#825100; margin-bottom:13px; }
.service-icon svg { width:22px; height:22px; }
.company-services-grid h3 { font-size:1.2rem; line-height:1.1; }
.company-services-grid p { margin-top:8px; font-size:.94rem; }
.company-brand-preview { background:white; padding-block:clamp(44px,6vw,80px); border-bottom:1px solid var(--line); }
.brand-sample { display:flex; flex-wrap:wrap; gap:9px; padding:0; margin:0 0 20px; list-style:none; }
.brand-sample li { padding:8px 12px; border:1px solid var(--line); border-radius:5px; background:var(--pale); font-weight:700; }
.company-facts { padding:24px; background:white; border:1px solid var(--line); border-top:3px solid var(--blue); }
.brand-directory { display:grid; gap:34px; }
.brand-group h2 { margin-bottom:14px; font-size:clamp(1.7rem,3.4vw,3rem); }
.brand-entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.brand-entry { padding:13px 17px; display:flex; justify-content:space-between; align-items:center; gap:10px; border:1px solid var(--line); border-radius:6px; background:white; }
.brand-entry h3 { font-size:1.1rem; }
.brand-entry p { margin-top:5px; font-size:.88rem; }
.brand-entry a { flex:none; font-size:.85rem; }
@media(max-width:1020px) {
  .nav nav { gap:clamp(7px,1.2vw,15px); }
  .company-services-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:680px) {
  .nav-inner { display:grid; grid-template-columns:1fr auto; gap:0 8px; padding-top:8px; }
  .nav nav { grid-row:2; grid-column:1/-1; justify-content:space-between; gap:5px; }
  .nav nav a { font-size:clamp(.66rem,2.4vw,.83rem); }
  .nav-quote { grid-row:1; grid-column:2; }
  .company-intro,.brand-entries { grid-template-columns:1fr; }
  .company-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.company-tagline { font-weight:750; }
.studio-copy .company-tagline { color:var(--blue-dark); margin-top:20px; }
.studio-copy .company-tagline + .studio-lede { margin-top:8px; }
.about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.about-grid article { padding:clamp(20px,3vw,42px); background:white; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:8px; }
.about-grid h2,.about-portfolio h2,.company-contact h2 { font-size:clamp(1.85rem,3.6vw,3.65rem); text-wrap:initial; }
.about-grid p,.about-grid ul { margin-top:14px; color:var(--muted); }
.about-grid ul { padding-inline-start:22px; }
.about-grid li + li { margin-top:6px; }
.about-portfolio ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; gap:8px; margin-block:22px; }
.about-portfolio li { padding:12px 15px; background:white; border:1px solid var(--line); border-inline-start:3px solid var(--blue); border-radius:5px; }
.company-contact { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-block:48px; }
.company-contact p { margin-top:7px; }
@media(max-width:680px) { .about-grid,.about-portfolio ul { grid-template-columns:1fr; } }