.page-hero--reference {
  display: flex;
  min-height: calc(100svh - 83px);
  padding-block: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: var(--brand-navy);
  color: var(--brand-white);
}

.service-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 4.5rem);
}

.service-hero__grid--text {
  grid-template-columns: minmax(0, 58rem);
  justify-content: start;
}

.service-hero__grid--text .service-hero__copy h1 {
  max-width: 13ch;
}

.service-hero__copy h1 {
  margin-bottom: 1.5rem;
  color: var(--brand-white);
  font-size: clamp(2.9rem, 4.25vw, 5.4rem);
  font-weight: 450;
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.service-hero__copy > p:not(.eyebrow) {
  max-width: 34rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.08rem;
}

.page-hero--reference .portfolio-photo figcaption { color: rgba(255, 255, 255, 0.7); }

@media (min-width: 901px) and (max-height: 800px) {
  .page-hero--reference { padding-block: 2rem; }

  .service-hero__grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .service-hero__copy .eyebrow { margin-bottom: 0.8rem; }

  .service-hero__copy h1 {
    margin-bottom: 1rem;
    font-size: clamp(2.65rem, 4.25vw, 4rem);
  }

  .service-hero__copy > p:not(.eyebrow) {
    margin-bottom: 1.1rem;
    font-size: 1rem;
    line-height: 1.45;
  }

  .page-hero--reference .portfolio-photo figcaption {
    padding-top: 0.45rem;
    font-size: 0.66rem;
    line-height: 1.25;
  }
}

@media (max-width: 900px) {
  .service-hero__grid { grid-template-columns: 1fr; }
  .service-hero__copy h1 { max-width: 11ch; }
}

@media (prefers-reduced-motion: reduce) {
  .page-hero--reference * { animation: none !important; transition: none !important; }
}



.breadcrumb-shell {
  padding-block: 0.8rem;
  border-bottom: 1px solid rgba(17, 31, 41, 0.12);
  background: var(--brand-paper);
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 0.45rem;
  list-style: none;
  color: var(--brand-muted);
  font-size: 0.88rem;
}

.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.breadcrumbs li + li::before {
  content: "/";
  color: rgba(17, 31, 41, 0.45);
}

.breadcrumbs a {
  color: var(--brand-ink);
  text-underline-offset: 0.2em;
}

.breadcrumbs [aria-current="page"] {
  font-weight: 650;
}
/* Inner-page presentation; loaded with breadcrumbs to keep it off the homepage. */
.breadcrumb-shell{border:0;padding-block:1rem;background:var(--brand-paper)}
.breadcrumbs ol{font-size:.8rem}
.page-hero{padding-block:3rem 4.5rem;min-height:0;background:var(--brand-paper)}
.page-hero h1{font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:1.065;letter-spacing:-.05em;max-width:17ch;font-weight:750}
.page-hero__grid{grid-template-columns:1.15fr .85fr;gap:5rem;align-items:end}
.page-hero__aside>p{font-size:1.04rem;color:var(--muted)}
.page-hero--reference{background:var(--brand-navy);padding-block:3.5rem 4rem;min-height:0}
.service-hero__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem}
.service-hero__grid--text{grid-template-columns:minmax(0,58rem)}
.service-hero__copy h1{font-size:clamp(2.7rem,4.3vw,4.5rem);max-width:17ch;line-height:1.05;font-weight:750;letter-spacing:-.045em}
.service-hero__copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#c8d0d2}
.page-hero--reference .trade-photo figcaption{color:#c8d0d2}
.page-hero--reference .portfolio-photo figcaption span:first-child{color:#fff}
.page-hero--reference .trade-photo img{aspect-ratio:1.1}
.editorial-grid{grid-template-columns:.85fr 1.15fr;gap:5rem}
.body-copy--large p{font-size:1.04rem;line-height:1.8}
.rule-list li{padding-block:1.2rem}
.rule-list p{font-size:1rem}
.check-list li{font-size:1rem}
.related-services__grid{border:0;gap:1.3rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.related-services__grid>a,.related-services__grid>article{border:1px solid var(--rule);background:var(--brand-white);border-radius:.75rem}
.related-services__grid>a,.related-services__grid>article>a{padding:1.8rem;min-height:240px}
.related-services__grid h2,.related-services__grid h3{font-size:1.6rem;line-height:1.15}
.related-services__grid p{font-size:.9rem}
.related-services__grid strong{font-size:.875rem}
.principle-grid{gap:1.5rem;border:0}
.principle-grid article{background:transparent;border:0;border-top:1px solid var(--rule);padding:1.6rem 0}
.principle-grid h3{font-size:1.5rem}
.principle-grid p{font-size:.9rem}
.marketing-contents{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;border-top:1px solid var(--rule);padding-top:1.2rem;margin-top:2.4rem}
.marketing-contents a{font-size:.875rem;min-height:34px;display:inline-flex;align-items:center;color:var(--muted)}
.marketing-body{display:grid;grid-template-columns:.6fr 1.4fr;gap:5rem;padding-block:4rem 5rem}
.marketing-body__aside{align-self:start;position:sticky;top:120px}
.marketing-body__aside h2{font-size:2.2rem;max-width:12ch}
.marketing-body__aside p{font-size:.93rem;color:var(--muted);max-width:28ch}
.marketing-body__section{border-top:1px solid var(--rule);padding-block:2.5rem;scroll-margin-top:110px}
.marketing-body__section:first-child{padding-top:1.5rem}
.marketing-body__section h2{font-size:1.9rem;margin-bottom:1.2rem;max-width:30ch}
.marketing-body__section p{font-size:.97rem;line-height:1.8}
.marketing-body__section .eyebrow{font-size:.8rem;margin-bottom:.7rem}
.marketing-body__section .button-row{gap:.5rem 1.5rem;margin-top:1rem}
.marketing-body__section .text-link{font-size:.875rem}
.marketing-body__aside .trade-photo{margin-top:2rem}
.marketing-body__aside .trade-photo img{aspect-ratio:1.15}
.guide-card{border-radius:4px}
.page-hero--reference .creative-showcase figcaption{color:#c8d0d2}
.page-hero--reference .creative-showcase figcaption strong{color:#fff}
.service-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2.5rem}
.service-gallery__item{min-width:0}
.service-gallery__item>a{display:block;text-decoration:none}
.service-gallery__item figure{margin:0;min-width:0}
.service-gallery__item figure img{display:block;aspect-ratio:1.5;object-fit:cover;border-radius:1rem}
.service-gallery__item figure figcaption{display:flex;flex-direction:column;gap:.35rem;padding-top:.8rem;font-size:.8rem;line-height:1.5}
.service-gallery__copy{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:1.5rem 0 0}
.service-gallery__number{font-size:.875rem;font-weight:700;color:#a94321;padding-top:.4rem}
.service-gallery__copy h2{font-size:clamp(1.8rem,2.7vw,2.7rem);margin-bottom:.8rem}
.service-gallery__copy p{font-size:1rem;color:var(--muted);max-width:46ch}
.service-gallery__copy strong{display:flex;gap:1rem;align-items:center;font-size:.875rem;min-height:44px}
.service-gallery__copy strong>span{font-size:1.3rem}
.service-gallery__item>a:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.service-gallery__item:last-child{grid-column:1/-1}
.service-gallery__item:last-child>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}
@media(max-width:1100px){.service-hero__grid,.page-hero__grid,.editorial-grid{gap:3rem}.marketing-body{gap:3rem}.related-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.page-hero__grid,.editorial-grid,.service-hero__grid{grid-template-columns:1fr;gap:1.8rem}.page-hero{padding-block:1.8rem 3.3rem}.page-hero h1{max-width:20ch;font-size:clamp(2.6rem,7.5vw,4rem)}.page-hero--reference{padding-block:2.7rem}.service-hero__copy h1{max-width:19ch;font-size:clamp(2.5rem,7.6vw,4rem)}.service-hero__copy>p:not(.eyebrow){font-size:1rem}.page-hero--reference .portfolio-photo img,.page-hero--reference .trade-photo img{aspect-ratio:1.5;object-fit:cover}.page-hero--reference .portfolio-photo figcaption{font-size:.8rem}.marketing-body{grid-template-columns:1fr;gap:2rem;padding-block:2.7rem}.marketing-body__aside{position:static}.marketing-body__aside h2{max-width:none}.marketing-body__aside p{max-width:none}.marketing-body__aside .trade-photo{max-width:460px}.marketing-body__aside .trade-photo img{aspect-ratio:1.6}.marketing-contents{gap:.2rem 1rem}.related-services__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.related-services__grid{grid-template-columns:1fr}.page-hero__aside>p{font-size:.97rem}.marketing-body__section h2{font-size:1.65rem}}

@media(max-width:1100px){.service-gallery{gap:3rem 1.5rem}}
@media(max-width:800px){.service-gallery{grid-template-columns:1fr}.service-gallery__item:last-child>a{grid-template-columns:1fr;gap:0}.service-gallery__copy{padding-top:1.2rem}.service-gallery__copy h2{font-size:2rem}}