/*
 * Local-area story refinement
 * Hero integration, decision visuals, recruitment content, CTA and services.
 */

/* Hero: make the information map feel like part of the dark canvas. */
.single-local-area .local-area-hero-concept{
  width:min(100%,470px);
}

.single-local-area .local-area-hero-concept::before{
  inset:38px 22px;
  border-color:rgba(255,255,255,.12);
  border-radius:2px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
}

.single-local-area .local-area-hero-concept::after{
  top:116px;
  left:92px;
  width:286px;
  height:286px;
  border-color:rgba(255,92,78,.32);
}

.single-local-area .local-area-hero-concept__line{
  stroke:rgba(255,255,255,.24);
  stroke-dasharray:3 9;
  animation-duration:16s;
}

.single-local-area .local-area-hero-concept__sources span,
.single-local-area .local-area-hero-concept__outcomes span{
  width:70px;
  min-height:46px;
  border-color:rgba(255,255,255,.2);
  border-radius:2px;
  background:rgba(20,20,23,.76);
  box-shadow:none;
  color:rgba(255,255,255,.72);
  font-size:11px;
  letter-spacing:.06em;
  backdrop-filter:blur(8px);
}

.single-local-area .local-area-hero-concept__outcomes span{
  border-color:rgba(255,96,82,.6);
  color:#ff9589;
}

.single-local-area .local-area-hero-concept__sources span:nth-child(2),
.single-local-area .local-area-hero-concept__outcomes span:nth-child(2){
  animation:none;
}

.single-local-area .local-area-hero-concept__browser{
  top:23.5%;
  left:17%;
  width:66%;
  height:53%;
  border-color:rgba(255,255,255,.28);
  border-radius:3px;
  background:rgba(24,24,27,.84);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  transform:none;
  backdrop-filter:blur(14px);
}

.single-local-area .local-area-hero-concept__browser-bar{
  height:34px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
}

.single-local-area .local-area-hero-concept__browser-bar i{
  background:rgba(255,255,255,.25);
}

.single-local-area .local-area-hero-concept__browser-body{
  height:calc(100% - 34px);
  padding:30px 32px;
}

.single-local-area .local-area-hero-concept__browser-body > span:first-child,
.single-local-area .local-area-hero-concept__browser-body small{
  color:rgba(255,255,255,.42);
}

.single-local-area .local-area-hero-concept__browser-body strong{
  margin-top:16px;
  color:#fff;
  font-size:clamp(20px,2.25vw,31px);
  line-height:1.45;
  letter-spacing:.03em;
}

.single-local-area .local-area-hero-concept__browser-body strong span{
  display:block;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}

.single-local-area .local-area-hero-concept__browser-body strong span + span{
  margin-top:.08em;
  color:#ff8c81;
}

.single-local-area .local-area-hero-concept__browser-line{
  height:1px;
  margin-top:20px;
  background:linear-gradient(90deg,#ff715e 0 56%,rgba(255,255,255,.16) 56%);
}

.single-local-area .local-area-hero-concept__cursor{
  right:28px;
  bottom:34px;
  border-top-color:#ff7769;
  filter:none;
}

/* Recruitment: a local business issue, expressed as a practical comparison. */
.local-area-recruitment{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);
  gap:clamp(40px,6vw,92px);
  margin-top:clamp(72px,8vw,118px);
  padding:clamp(54px,6vw,86px) 0 0;
  border-top:1px solid var(--local-area-line);
}

.local-area-recruitment__lead{
  align-self:start;
}

.local-area-recruitment__lead .overline{
  color:var(--local-area-accent);
}

.local-area-recruitment__lead h2{
  max-width:13em;
  margin:18px 0 0;
  font-size:clamp(28px,3vw,46px);
  line-height:1.46;
  letter-spacing:.025em;
}

.local-area-recruitment__lead > p:not(.overline){
  max-width:42em;
  margin:24px 0 0;
  color:var(--local-area-muted);
  font-size:14px;
  line-height:2;
}

.local-area-recruitment__lead .text-link{
  margin-top:28px;
}

.local-area-recruitment__visual{
  position:relative;
  padding:clamp(30px,4vw,50px);
  border:1px solid rgba(16,17,19,.14);
  background:
    linear-gradient(rgba(16,17,19,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,17,19,.035) 1px,transparent 1px),
    rgba(255,255,255,.42);
  background-size:30px 30px;
}

.local-area-recruitment__compare{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}

.local-area-recruitment__compare > div{
  padding:24px;
  border:1px solid rgba(16,17,19,.12);
  background:rgba(250,248,243,.88);
}

.local-area-recruitment__compare > div:last-child{
  border-color:rgba(255,85,70,.34);
}

.local-area-recruitment__compare .en{
  margin:0;
  color:rgba(16,17,19,.38);
  font-size:9px;
  font-style:italic;
  letter-spacing:.13em;
}

.local-area-recruitment__compare h3{
  margin:10px 0 0;
  font-size:16px;
  line-height:1.5;
}

.local-area-recruitment__compare ul{
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.local-area-recruitment__compare li{
  position:relative;
  padding:8px 0 8px 16px;
  border-top:1px solid rgba(16,17,19,.08);
  color:rgba(16,17,19,.66);
  font-size:12px;
  line-height:1.55;
}

.local-area-recruitment__compare li::before{
  position:absolute;
  top:15px;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--local-area-accent);
  content:"";
}

.local-area-recruitment__plus{
  display:grid;
  place-items:center;
  color:var(--local-area-accent);
  font-family:serif;
  font-size:28px;
}

.local-area-recruitment__outcome{
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:center;
  margin:30px 0 0;
  padding:16px 18px;
  color:#fff;
  background:#1b1b1e;
}

.local-area-recruitment__outcome .en{
  color:rgba(255,255,255,.42);
  font-size:9px;
  font-style:italic;
  letter-spacing:.14em;
}

.local-area-recruitment__outcome strong{
  font-size:14px;
}

.local-area-recruitment__points{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0;
  border-top:1px solid var(--local-area-line);
  border-bottom:1px solid var(--local-area-line);
  list-style:none;
}

.local-area-recruitment__points li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:14px;
  padding:30px clamp(20px,3vw,38px);
}

.local-area-recruitment__points li + li{
  border-left:1px solid var(--local-area-line);
}

.local-area-recruitment__points > li > .en{
  padding-top:3px;
  color:var(--local-area-accent);
  font-size:10px;
}

.local-area-recruitment__points h3{
  margin:0;
  font-size:16px;
  line-height:1.55;
}

.local-area-recruitment__points p{
  margin:9px 0 0;
  color:var(--local-area-muted);
  font-size:12px;
  line-height:1.8;
}

/* About CTA: continue the preceding flow instead of floating as a separate panel. */
.single-local-area .local-area-about__cta{
  margin-top:0;
  border:1px solid var(--local-area-line);
  border-top:0;
  color:var(--local-area-ink);
  background:
    linear-gradient(90deg,rgba(255,100,82,.08),transparent 42%),
    #eee9df;
}

.single-local-area .local-area-about__cta .overline{
  color:rgba(16,17,19,.42);
}

.single-local-area .local-area-about__cta div > p:last-child{
  color:var(--local-area-muted);
}

.single-local-area .local-area-about__cta .btn--light{
  border-color:#1a1a1d;
  background:#1a1a1d;
  color:#fff;
}

.single-local-area .local-area-about__cta-link{
  border-color:rgba(16,17,19,.44);
  color:var(--local-area-ink);
}

.single-local-area .local-area-cta-button{
  position:relative;
  isolation:isolate;
  animation:localAreaCtaNudge 6.8s ease-in-out infinite;
}

.single-local-area .local-area-cta-button::after{
  position:absolute;
  z-index:-1;
  inset:-7px;
  border:1px solid rgba(255,87,73,.34);
  content:"";
  opacity:0;
  pointer-events:none;
  animation:localAreaCtaRing 6.8s ease-out infinite;
}

/* Decisions: one editorial sequence, with a different visual answer in each row. */
.local-area-decision{
  margin-top:clamp(62px,7vw,98px);
  padding-top:clamp(54px,6vw,86px);
  border-top:1px solid var(--local-area-line);
}

.local-area-decision__head{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(320px,.7fr);
  gap:clamp(40px,8vw,120px);
  align-items:end;
}

.local-area-decision__head h2{
  margin:18px 0 0;
  font-size:clamp(28px,3vw,46px);
  line-height:1.48;
}

.local-area-decision__head > p{
  margin:0;
  color:var(--local-area-muted);
  font-size:14px;
  line-height:2;
}

.local-area-decision__list{
  margin-top:clamp(40px,5vw,68px);
  border-top:1px solid var(--local-area-line);
}

.local-area-decision-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(330px,.82fr) minmax(0,1fr);
  gap:clamp(42px,7vw,110px);
  align-items:center;
  min-height:400px;
  padding:clamp(44px,6vw,80px) clamp(20px,3vw,44px);
  border-bottom:1px solid var(--local-area-line);
}

.local-area-decision-card:nth-child(even) .local-area-decision-card__visual{
  grid-column:2;
  grid-row:1;
}

.local-area-decision-card:nth-child(even) .local-area-decision-card__copy{
  grid-column:1;
  grid-row:1;
}

.local-area-decision-card__meta{
  position:absolute;
  top:22px;
  left:0;
  display:flex;
  gap:18px;
  color:rgba(16,17,19,.36);
  font-size:9px;
  font-style:italic;
  letter-spacing:.13em;
}

.local-area-decision-card__meta span:first-child{
  color:var(--local-area-accent);
}

.local-area-decision-card__copy h3{
  max-width:16em;
  margin:0;
  font-size:clamp(22px,2.3vw,34px);
  line-height:1.55;
}

.local-area-decision-card__copy > p{
  max-width:46em;
  margin:20px 0 0;
  color:var(--local-area-muted);
  font-size:14px;
  line-height:1.95;
}

.local-area-decision-card__copy > ul{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
}

.local-area-decision-card__copy > ul li{
  padding:.58em .8em;
  border:1px solid rgba(16,17,19,.12);
  background:rgba(255,255,255,.44);
  color:rgba(16,17,19,.62);
  font-size:10px;
  line-height:1.4;
}

.local-area-decision-visual{
  position:relative;
  min-height:250px;
  overflow:hidden;
  border:1px solid rgba(16,17,19,.13);
  background:
    linear-gradient(rgba(16,17,19,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,17,19,.035) 1px,transparent 1px),
    rgba(255,255,255,.4);
  background-size:28px 28px;
}

.local-area-decision-visual--audience{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:36px;
  align-items:center;
  padding:30px;
}

.local-area-audience-hub{
  position:relative;
  z-index:1;
  display:grid;
  width:118px;
  height:118px;
  place-content:center;
  border:1px solid rgba(255,82,70,.5);
  border-radius:50%;
  text-align:center;
  background:#f8f5ef;
}

.local-area-audience-hub::after{
  position:absolute;
  top:50%;
  left:100%;
  width:70px;
  height:1px;
  background:linear-gradient(90deg,var(--local-area-accent),rgba(16,17,19,.12));
  content:"";
}

.local-area-audience-hub .en{
  color:var(--local-area-accent);
  font-size:9px;
  letter-spacing:.13em;
}

.local-area-audience-hub strong{
  margin-top:6px;
  font-size:13px;
}

.local-area-audience-nodes{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.local-area-audience-nodes li{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:4px 9px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(16,17,19,.12);
  background:rgba(250,248,243,.9);
}

.local-area-audience-nodes .en{
  color:rgba(16,17,19,.38);
  font-size:8px;
}

.local-area-audience-nodes strong{
  font-size:13px;
}

.local-area-audience-nodes small{
  grid-column:2;
  color:var(--local-area-accent);
  font-size:10px;
}

.local-area-decision-visual--reach{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:32px;
  align-items:center;
  padding:32px;
}

.local-area-decision-reach__origin{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1;
  border:1px solid rgba(255,82,70,.45);
  border-radius:50%;
  background:rgba(250,248,243,.92);
}

.local-area-decision-reach__origin::before,
.local-area-decision-reach__origin::after{
  position:absolute;
  border:1px solid rgba(255,82,70,.18);
  border-radius:50%;
  content:"";
}

.local-area-decision-reach__origin::before{inset:-12px;}
.local-area-decision-reach__origin::after{inset:-24px;}

.local-area-decision-reach__origin span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--local-area-accent);
}

.local-area-decision-reach__origin strong{
  font-size:12px;
}

.local-area-decision-reach__lanes{
  display:grid;
  gap:12px;
}

.local-area-decision-reach__lanes > div{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:14px 16px;
  border-left:2px solid var(--local-area-accent);
  background:rgba(250,248,243,.88);
}

.local-area-decision-reach__lanes .en{
  color:rgba(16,17,19,.34);
  font-size:8px;
}

.local-area-decision-reach__lanes strong{font-size:12px;}
.local-area-decision-reach__lanes small{color:var(--local-area-muted);font-size:10px;}

.local-area-decision-visual--operation{
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  gap:30px;
  align-items:center;
  padding:30px;
}

.local-area-operation-loop{
  position:relative;
  display:grid;
  width:118px;
  height:118px;
  place-items:center;
}

.local-area-operation-loop__ring{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,82,70,.5);
  border-right-color:rgba(16,17,19,.12);
  border-radius:50%;
}

.local-area-operation-loop__ring::after{
  position:absolute;
  right:4px;
  bottom:18px;
  width:8px;
  height:8px;
  border-right:2px solid var(--local-area-accent);
  border-bottom:2px solid var(--local-area-accent);
  content:"";
  transform:rotate(-8deg);
}

.local-area-operation-loop__core{
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  border-radius:50%;
  background:#1b1b1e;
  color:#fff;
  font-size:12px;
}

.local-area-operation-roles{
  display:grid;
  gap:10px;
}

.local-area-operation-roles > div{
  padding:14px 16px;
  border:1px solid rgba(16,17,19,.12);
  background:rgba(250,248,243,.9);
}

.local-area-operation-roles .en{
  display:block;
  color:var(--local-area-accent);
  font-size:8px;
}

.local-area-operation-roles strong{
  display:block;
  margin-top:5px;
  font-size:13px;
}

.local-area-operation-roles small{
  display:block;
  margin-top:4px;
  color:var(--local-area-muted);
  font-size:10px;
}

/* Services: a calm continuation of the page, not a separate black landing page. */
body.single-local_area .site-scroll-root > main.single-local-area > section.local-area-service-pickup-section{
  position:relative;
  padding:clamp(78px,8vw,116px) 0;
  border-top:1px solid rgba(16,17,19,.08);
  color:var(--local-area-ink);
  background:
    radial-gradient(circle at 90% 12%,rgba(255,93,75,.09),transparent 28%),
    #ebe6dc !important;
}

body.single-local_area .site-scroll-root > main.single-local-area > section.local-area-service-pickup-section::before{
  position:absolute;
  top:38px;
  right:4vw;
  color:rgba(16,17,19,.035);
  font-family:serif;
  font-size:clamp(80px,15vw,220px);
  line-height:1;
  content:"SERVICES";
  pointer-events:none;
}

.single-local-area .local-area-service-pickup .local-area-section__head{
  position:relative;
  max-width:860px;
}

.single-local-area .local-area-service-pickup .local-area-section__head .overline{
  color:var(--local-area-accent);
}

.single-local-area .local-area-service-pickup .local-area-section__title{
  color:var(--local-area-ink);
}

.single-local-area .local-area-service-pickup .local-area-section__lead{
  color:var(--local-area-muted);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-list{
  position:relative;
  gap:1px;
  padding:1px;
  background:rgba(16,17,19,.12);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card__link.service-scroll-card__link{
  min-height:378px;
  border:0;
  background:rgba(248,245,239,.92);
  color:var(--local-area-ink);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card__link.service-scroll-card__link:hover,
.single-local-area .local-area-service-pickup .local-area-service-visual-card__link.service-scroll-card__link:focus-visible{
  background:#fdfbf7;
  box-shadow:inset 0 3px 0 var(--local-area-accent);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card__count{
  color:rgba(16,17,19,.26);
}

.single-local-area .local-area-service-visual-card__need{
  color:rgba(16,17,19,.7);
}

.single-local-area .local-area-service-visual-card__need span{
  color:var(--local-area-accent);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card .service-scroll-card__title{
  color:var(--local-area-ink);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card .service-scroll-card__desc{
  color:var(--local-area-muted);
}

.single-local-area .local-area-service-visual-card__points li{
  border-color:rgba(16,17,19,.1);
  background:#eee9df;
  color:rgba(16,17,19,.58);
}

.single-local-area .local-area-service-pickup .local-area-service-visual-card .service-scroll-card__button{
  color:var(--local-area-ink);
}

/* Reveal only after the small enhancement script is ready; content remains visible without JS. */
.is-local-area-story-ready [data-local-area-story]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);
}

.is-local-area-story-ready [data-local-area-story].is-story-visible{
  opacity:1;
  transform:none;
}

.is-local-area-story-ready .local-area-decision-card:nth-child(2){transition-delay:.04s;}
.is-local-area-story-ready .local-area-decision-card:nth-child(3){transition-delay:.08s;}

.is-story-visible .local-area-audience-hub::after{
  animation:localAreaStoryLine 1.1s .2s ease-out both;
  transform-origin:left center;
}

.is-story-visible .local-area-decision-reach__origin::before,
.is-story-visible .local-area-decision-reach__origin::after{
  animation:localAreaStoryRing 1.2s ease-out both;
}

.is-story-visible .local-area-operation-loop__ring{
  animation:localAreaStoryRotate 1.5s cubic-bezier(.22,.61,.36,1) both;
}

@keyframes localAreaCtaNudge{
  0%,74%,100%{transform:translateY(0);}
  78%{transform:translateY(-2px);}
  82%{transform:translateY(0);}
  86%{transform:translateY(-1px);}
}

@keyframes localAreaCtaRing{
  0%,73%,100%{opacity:0;transform:scale(.98);}
  78%{opacity:.8;transform:scale(1);}
  86%{opacity:0;transform:scale(1.04);}
}

@keyframes localAreaStoryLine{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes localAreaStoryRing{from{opacity:0;transform:scale(.72);}to{opacity:1;transform:scale(1);}}
@keyframes localAreaStoryRotate{from{transform:rotate(-75deg);opacity:.2;}to{transform:rotate(0);opacity:1;}}

@media (max-width:1100px){
  .local-area-recruitment{
    grid-template-columns:minmax(0,.72fr) minmax(450px,1.1fr);
    gap:42px;
  }

  .local-area-decision-card{
    grid-template-columns:minmax(310px,.9fr) minmax(0,1fr);
    gap:48px;
  }

  .local-area-decision-visual--audience,
  .local-area-decision-visual--reach,
  .local-area-decision-visual--operation{
    padding:24px;
  }
}

@media (max-width:920px){
  .local-area-recruitment,
  .local-area-decision__head{
    grid-template-columns:1fr;
  }

  .local-area-recruitment__lead h2{
    max-width:18em;
  }

  .local-area-recruitment__points{
    grid-template-columns:1fr;
  }

  .local-area-recruitment__points li + li{
    border-top:1px solid var(--local-area-line);
    border-left:0;
  }

  .local-area-decision-card,
  .local-area-decision-card:nth-child(even){
    grid-template-columns:1fr;
    gap:30px;
  }

  .local-area-decision-card:nth-child(even) .local-area-decision-card__visual,
  .local-area-decision-card:nth-child(even) .local-area-decision-card__copy{
    grid-column:auto;
    grid-row:auto;
  }

  .local-area-decision-card__copy{
    max-width:720px;
  }
}

@media (min-width:761px) and (max-width:980px){
  .single-local-area .local-area-about-step{
    grid-template-columns:70px 72px minmax(150px,.72fr) minmax(230px,1fr);
    gap:18px;
  }

  .single-local-area .local-area-about-step__number,
  .single-local-area .local-area-about-step__mark,
  .single-local-area .local-area-about-step h3,
  .single-local-area .local-area-about-step > p:last-child{
    margin-top:0;
  }
}

@media (max-width:840px){
  .single-local-area .local-area-hero--concept .local-area-hero__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row;
    gap:clamp(34px,6vw,50px);
  }

  .single-local-area .local-area-hero--concept .local-area-hero__body{
    order:0;
    width:100%;
    max-width:none;
  }

  .single-local-area .local-area-hero-concept{
    order:1;
    width:min(100%,470px);
    margin:0 auto;
  }
}

@media (max-width:680px){
  .single-local-area .local-area-hero--concept .local-area-hero__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row;
    gap:34px;
  }

  .single-local-area .local-area-hero--concept .local-area-hero__body{
    order:0;
    width:100%;
    max-width:none;
  }

  .single-local-area .local-area-hero-concept{
    order:1;
    width:100%;
    max-width:430px;
    margin:0 auto;
  }

  .single-local-area .local-area-hero-concept__browser-body{
    padding:20px 22px;
  }

  .single-local-area .local-area-hero-concept__browser-body strong{
    font-size:clamp(18px,5.8vw,27px);
  }

  .local-area-recruitment__compare{
    grid-template-columns:1fr;
  }

  .local-area-recruitment__plus{
    height:24px;
  }

  .local-area-recruitment__outcome{
    flex-direction:column;
    gap:6px;
  }

  .local-area-decision-card{
    min-height:0;
    padding-right:0;
    padding-left:0;
  }

  .local-area-decision-visual--audience,
  .local-area-decision-visual--reach,
  .local-area-decision-visual--operation{
    grid-template-columns:1fr;
    gap:24px;
  }

  .local-area-audience-hub,
  .local-area-decision-reach__origin,
  .local-area-operation-loop{
    justify-self:center;
  }

  .local-area-audience-hub::after{
    top:100%;
    left:50%;
    width:1px;
    height:30px;
    background:linear-gradient(var(--local-area-accent),rgba(16,17,19,.12));
    transform-origin:center top;
  }

  .local-area-audience-nodes li{
    grid-template-columns:58px minmax(0,1fr);
  }

  .single-local-area .local-area-about__cta h3 br{
    display:none;
  }

  body.single-local_area .site-scroll-root > main.single-local-area > section.local-area-service-pickup-section::before{
    top:54px;
    font-size:72px;
  }
}

@media (prefers-reduced-motion:reduce){
  .single-local-area .local-area-cta-button,
  .single-local-area .local-area-cta-button::after,
  .is-story-visible .local-area-audience-hub::after,
  .is-story-visible .local-area-decision-reach__origin::before,
  .is-story-visible .local-area-decision-reach__origin::after,
  .is-story-visible .local-area-operation-loop__ring{
    animation:none;
  }

  .is-local-area-story-ready [data-local-area-story]{
    opacity:1;
    transform:none;
    transition:none;
  }
}