/* Selected Live Production: metrics layout modelled on the About hero.
   Scoped to this page only; leaves all other pages untouched. */
body.page-live-production .page-hero.live-hero-rich{
  background:radial-gradient(ellipse at 83% 24%,rgba(89,69,62,.24),transparent 53%),#171919;
}
body.page-live-production .page-hero.live-hero-rich > .live-hero-inner{
  width:min(1330px,calc(100% - 100px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(370px,.68fr);
  align-items:center;
  gap:clamp(36px,4.6vw,82px);
}
body.page-live-production .live-hero-intro{min-width:0}
body.page-live-production .live-hero-intro h1{
  font-size:clamp(48px,5.45vw,81px);
  line-height:1.04;
  letter-spacing:-.078em;
  margin:22px 0 29px;
  max-width:none;
}
body.page-live-production .live-hero-intro h1 i{font-size:.78em}
body.page-live-production .live-hero-intro p{
  max-width:600px;
  color:#b5afa8;
  font-size:15px;
  line-height:1.85;
}
body.page-live-production .live-hero-right{
  min-width:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:37px;
  border-left:1px solid rgba(255,255,255,.19);
  padding:12px 0 12px 30px;
}
body.page-live-production .live-hero-side-heading{
  display:block;
  color:#c1b3a4;
  font-size:10px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.17em;
}
body.page-live-production .live-hero-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:-16px;
}
body.page-live-production .live-metric{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
body.page-live-production .live-metric strong{
  display:block;
  font-family:var(--d);
  font-size:clamp(31px,2.65vw,41px);
  line-height:1;
  letter-spacing:-.07em;
  color:#f4eee8;
}
body.page-live-production .live-metric span{
  display:block;
  font-size:10px;
  line-height:1.55;
  color:#bdb5ac;
}
body.page-live-production .live-hero-projects{
  display:grid;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:21px;
}
body.page-live-production .live-hero-projects p{
  margin:0;
  max-width:none;
  font-size:12px;
  line-height:1.85;
  color:#d5cbc1;
}
body.page-live-production .live-hero-projects p span{color:#93877c;padding-inline:3px}
body.page-live-production .live-hero-jump{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:20px;
  padding:7px 0 8px;
  border-bottom:1px solid #aa9b8c;
  font-size:11px;
  font-weight:700;
  color:#eee7df;
}
body.page-live-production .live-hero-jump:hover{color:#fff;border-color:#eee7df}
body.page-live-production .live-hero-jump:focus-visible{outline:2px solid #e7d4c0;outline-offset:4px}
@media(max-width:1100px){
  body.page-live-production .page-hero.live-hero-rich > .live-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:34px}
  body.page-live-production .live-hero-right{padding-left:24px}
  body.page-live-production .live-hero-intro h1{font-size:clamp(46px,5.6vw,68px)}
  body.page-live-production .live-hero-numbers{gap:8px}
}
@media(max-width:900px){
  body.page-live-production .page-hero.live-hero-rich{
    height:auto;
    min-height:600px;
    padding:70px 0;
  }
  body.page-live-production .page-hero.live-hero-rich > .live-hero-inner{
    width:min(calc(100% - 48px),750px);
    grid-template-columns:1fr;
    align-items:start;
    gap:35px;
  }
  body.page-live-production .live-hero-intro h1{font-size:clamp(49px,7.2vw,77px);margin:19px 0 25px}
  body.page-live-production .live-hero-right{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.19);
    padding:25px 0 0;
    gap:26px;
  }
  body.page-live-production .live-hero-numbers{gap:22px;margin-top:-10px}
  body.page-live-production .live-metric strong{font-size:clamp(34px,5vw,45px)}
}
@media(max-width:540px){
  body.page-live-production .page-hero.live-hero-rich{height:auto;min-height:0;padding:52px 0 56px}
  body.page-live-production .page-hero.live-hero-rich > .live-hero-inner{width:calc(100% - 40px);gap:27px}
  body.page-live-production .live-hero-intro h1{font-size:clamp(43px,10.6vw,58px);line-height:1.06;letter-spacing:-.075em;margin:18px 0 22px}
  body.page-live-production .live-hero-intro p{font-size:14px;line-height:1.76}
  body.page-live-production .live-hero-numbers{gap:13px}
  body.page-live-production .live-metric strong{font-size:clamp(31px,9vw,40px)}
  body.page-live-production .live-metric span{font-size:9px}
  body.page-live-production .live-hero-projects p{font-size:11px}
}