.agency-hero{
  --agency-serif:"Cormorant Garamond",Georgia,serif;
  position:relative;
  height:430px;
  color:#fff;
  overflow:hidden;
  background:#252525;
}
.agency-hero__background{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 40%;
}
.agency-hero__background.is-empty{background:#252525}
.agency-hero__overlay{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(12,18,22,.58) 0%,rgba(12,18,22,.32) 48%,rgba(12,18,22,.16) 100%);
}
.agency-hero.is-strong .agency-hero__overlay{
  background:linear-gradient(90deg,rgba(12,18,22,.70) 0%,rgba(12,18,22,.48) 48%,rgba(12,18,22,.25) 100%);
}
.agency-hero__container{
  position:relative;z-index:1;height:100%;
  display:grid;align-content:center;
  grid-template-columns:minmax(0,1fr) minmax(180px,280px);
  gap:12px 40px;
  padding:28px 0 32px;
  text-align:left;
}
.agency-hero__breadcrumb{
  grid-column:1/-1;
  margin:0 0 40px;
  font-size:14px;font-weight:400;line-height:1.4;
  color:rgba(255,255,255,.88);
}
.agency-hero__copy{grid-column:1;max-width:760px}
.agency-hero__eyebrow{
  display:inline-flex;align-items:center;gap:14px;margin:0 0 10px;
  font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;
}
.agency-hero__eyebrow:after{
  content:"";width:55px;height:2px;background:#D6B77A;flex:none;
}
.agency-hero h1.agency-hero__title{
  margin:0;max-width:760px;color:#fff;
  font-family:var(--agency-serif);font-weight:500;
  font-size:clamp(52px,4.4vw,70px);line-height:1.02;letter-spacing:-.02em;
}
.agency-hero__subtitle{
  margin:16px 0 0;max-width:620px;
  font-size:17px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.92);
}
.agency-hero__editorial{
  grid-column:2;align-self:end;justify-self:end;
  margin:0 0 18px;max-width:300px;
  text-align:right;color:rgba(255,255,255,.92);
  font-family:var(--agency-serif);font-style:italic;font-weight:400;
  font-size:clamp(25px,2vw,31px);line-height:1.15;
  transform:rotate(-6deg);
}
.agency-hero__editorial:after{
  content:"";display:block;width:90px;height:3px;margin:14px 0 0 auto;background:#D6B77A;
  transform:rotate(-4deg);transform-origin:right center;
}

@media(max-width:1199px){
  .agency-hero{height:400px}
  .agency-hero h1.agency-hero__title{font-size:clamp(48px,5vw,60px)}
}
@media(max-width:1024px){
  .agency-hero__editorial{display:none}
  .agency-hero__container{grid-template-columns:1fr}
}
@media(max-width:767px){
  .agency-hero{height:auto;min-height:390px}
  .agency-hero__container{padding:56px 0;align-content:center}
  .agency-hero__breadcrumb{margin-bottom:28px;font-size:13px}
  .agency-hero h1.agency-hero__title{font-size:clamp(40px,12vw,54px);line-height:1}
}
.agency-hero :focus-visible{outline:2px solid #8E1212;outline-offset:3px}