/* Page-specific compositions; shared type and navigation live in studio-pages.css. */
.work-hero .hero-grid { grid-template-columns: 1fr 1.08fr; gap: 64px; padding-block: 64px; }
.work-page .pa-script-sample { margin: 0; padding: 28px 30px 22px; background: #f4f3ee; color: #202426; border: 1px solid #dddcd5; border-radius: 4px; box-shadow: 0 24px 64px #0003; }
.pa-sample-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; color: #606861; font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.pa-sample-heading p { margin: 0; color: #606861; }
.work-page .pa-script-sample h2 { margin: 16px 0 18px; font-size: 31px; line-height: 1.15; letter-spacing: -.04em; }
.pa-script-sample h2 > span { color: #77807b; font-size: 18px; font-weight: 500; letter-spacing: 0; padding-inline: 6px; }
.pa-venue { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; color: #667069; font-size: 10px; font-weight: 650; letter-spacing: .13em; }
.pa-venue-blank { display: block; width: 170px; height: 16px; border-bottom: 1px solid #959d96; }
.pa-sample-cues { list-style: none; padding: 0; margin: 0; }
.pa-sample-cues li { padding: 18px 0; border-top: 1px solid #cdd2cb; }
.pa-sample-cue-heading { display: flex; align-items: baseline; gap: 13px; }
.pa-sample-cue-heading > span { color: #a34536; font-size: 10px; font-variant-numeric: tabular-nums; }
.work-page .pa-sample-cue-heading h3 { margin: 0; color: #202426; font-size: 12px; font-weight: 750; line-height: 1.5; letter-spacing: .035em; }
.pa-script-sample .pa-department-line { margin: 5px 0 11px 27px; color: #647168; font-size: 11px; line-height: 1.5; }
.pa-script-sample .pa-read { margin: 0 0 0 27px; color: #29332e; font-size: 15px; line-height: 1.65; }
.pa-variable { color: #3e6151; font-size: .88em; font-weight: 700; letter-spacing: .02em; }
.pa-script-sample .pa-production-note { margin: 0 0 0 27px; color: #29332e; font-size: 14px; line-height: 1.6; }
.pa-production-note strong { display: block; margin-bottom: 3px; color: #647168; font-size: 10px; font-weight: 650; letter-spacing: .025em; }
.work-page .work-hero .hero-art .pa-script-sample figcaption { display: block; margin-top: 2px; padding-top: 16px; border-top: 1px solid #cdd2cb; color: #626e65; font-size: 10px; line-height: 1.6; letter-spacing: .015em; }
@media (max-width: 1000px) { .work-hero .hero-grid { gap: 36px; } .work-page .pa-script-sample { padding: 24px; } }
@media (max-width: 900px) { .work-hero .hero-grid { grid-template-columns: 1fr; gap: 36px; padding-block: 48px; } .work-hero .hero-copy { max-width: 660px; } .work-hero .hero-art { max-width: 660px; } }
@media (max-width: 680px) { .work-hero .hero-grid { padding-block: 44px 40px; } .work-page .pa-script-sample { padding: 23px 20px 19px; } .work-page .pa-script-sample h2 { font-size: 29px; } .pa-script-sample .pa-read { font-size: 14px; } .pa-sample-cues li { padding-block: 16px; } }
.offerings-page .blueprint-visual .cue-sheet>.eyebrow{color:#59636d}
@media(min-width:1201px){.offerings-page .services-hero .hero-grid{padding-bottom:26px}}
@media(min-width:901px){
 .offerings-page .hero:not(.services-hero) .hero-art .venue-image{height:510px;mask-image:linear-gradient(to bottom,#000 65%,#0009)}
 .offerings-page .hero:not(.services-hero) .hero-art .cue-sheet{bottom:0;padding:18px 22px}
 .offerings-page .hero:not(.services-hero) .cue-sheet li{padding:10px 0;margin:0}
 .offerings-page .hero:not(.services-hero) .cue-sheet h2{margin-bottom:12px}
 .offerings-page .hero:not(.services-hero) .cue-sheet small{margin-top:2px}
 .offerings-page .content-hero h1{font-size:80px;line-height:1.04}
 .offerings-page :is(.for-teams-hero,.for-sponsors-hero,.for-producers-hero) h1{font-size:64px;line-height:1.06}
}
@media(max-width:900px){.offerings-page .hero .hero-art .cue-sheet{position:relative;bottom:auto;right:auto;width:100%;margin-top:-14px;padding:18px 20px}.offerings-page .hero .hero-art .venue-image{height:260px;mask-image:none}.offerings-page .hero .hero-art figcaption{display:none}}
.offerings-page .cue-sheet.service-sequence li{grid-template-columns:70px minmax(0,1fr) 18px;gap:16px;padding:7px 0;margin:0}
.offerings-page .cue-sheet.service-sequence li>span{padding:0;color:#c5cbd2}
.offerings-page .cue-sheet.service-sequence time{font-size:13px}
.offerings-page .cue-sheet.service-sequence strong{font-size:14px}
.offerings-page .cue-sheet.service-sequence{background:#111315f5;padding:17px 22px 9px}
.offerings-page .hero .hero-art .cue-sheet.service-sequence{padding:17px 22px 9px}
.offerings-page .hero .hero-art .cue-sheet.service-sequence li{padding:5px 0;line-height:1.5}
.offerings-page .hero .hero-art .cue-sheet.service-sequence .cue-heading>.eyebrow{font-size:10px}
.services-hero .hero-copy .button-light{background:#d63c2e;color:white;font-weight:650;font-size:16px}
.services-hero .hero-copy .button-light:hover{background:#bd3326}
.services-hero .hero-copy .eyebrow{letter-spacing:.17em}
@media(min-width:901px){
 .services-hero .hero-grid{padding-top:62px;padding-bottom:48px;gap:70px}
 .offerings-page .services-hero .hero-art{position:static;align-self:stretch;animation:none;transform:none}
 .offerings-page .services-hero .hero-art .feature-media{position:absolute;top:0;bottom:0;right:0;width:65%;pointer-events:none}
 .offerings-page .services-hero .hero-art .venue-image{height:100%;object-position:55% center;mask-image:linear-gradient(to right,transparent 0%,#0009 28%,#000 55%);opacity:.87}
 .services-hero .hero-art figcaption{display:none}
 .offerings-page .services-hero .hero-art .cue-sheet{bottom:34px;right:max(72px,calc((100% - 1280px)/2));width:min(610px,calc((100% - 144px)*.49));z-index:2;background:#111315f5}
 .services-overview{padding-block:56px}
}
.offerings-page .hero-art {
  position: relative;
  min-width: 0;
}
.offerings-page .hero-art .feature-media {
  margin: 0;
  overflow: hidden;
}
.offerings-page .hero-art .venue-image {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: 58% center;
}
.offerings-page .hero-art figcaption {
  padding-top: 12px;
  font-size: 11px;
  line-height: 1.5;
  color: #a3abb2;
}
.offerings-page .hero-art .cue-sheet {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 24px;
  background: #151c23;
  border: 1px solid #48505a;
  border-radius: 4px;
}
.offerings-page .service-sequence {
  padding: 18px 24px 8px;
}
.offerings-page .cue-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: baseline;
  padding-bottom: 12px;
}
.offerings-page .cue-heading > .eyebrow {
  margin: 0;
  font-size: 9px;
  letter-spacing: 0.12em;
}
.offerings-page .cue-heading > span {
  color: #acb5bc;
  font-size: 10px;
}
.offerings-page .service-sequence li {
  grid-template-columns: 62px minmax(0, 1fr) 18px;
  align-items: center;
}
.offerings-page .service-sequence time {
  color: #aeb7c1;
  padding-left: 10px;
  border-left: 3px solid #ff7566;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.offerings-page .service-sequence li > span {
  color: #bcc4cb;
  padding: 0;
  font-size: 16px;
}
.offerings-page .overview-links .editorial-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 24px;
  gap: 20px;
  align-items: start;
  padding: 24px 0;
  border-bottom: 1px solid #ccd1d6;
  text-decoration: none;
}
.offerings-page .overview-links .editorial-row:first-child {
  padding-top: 0;
}
.offerings-page .overview-links .editorial-row:last-child {
  border-bottom: 0;
}
.offerings-page .overview-links h3 {
  font-size: 20px;
  margin: 0 0 7px;
}
.offerings-page .overview-links p {
  font-size: 14px;
  margin: 0;
  color: #6b7580;
}
.offerings-page .overview-links .step-number {
  margin: 2px 0 0;
  color: #7a8590;
  font-size: 14px;
}
.offerings-page .cue-sheet > .eyebrow {
  margin-bottom: 12px;
  font-size: 9px;
  letter-spacing: 0.12em;
}
.offerings-page .cue-sheet h2 {
  margin: 0 0 18px;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.offerings-page .cue-sheet ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.offerings-page .cue-sheet li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid #39424a;
}
.offerings-page .cue-sheet li > span {
  padding-top: 2px;
  color: #ff7566;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.offerings-page .cue-sheet strong,
.offerings-page .cue-sheet small {
  display: block;
}
.offerings-page .cue-sheet strong {
  font-size: 13px;
  font-weight: 600;
}
.offerings-page .cue-sheet small {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.5;
  color: #acb5bc;
}
.offerings-page .audit-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  margin-top: 64px;
}
.offerings-page .audit-columns h3 {
  margin-bottom: 20px;
}
.offerings-page .audit-terms {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  padding-top: 36px;
  margin-top: 44px;
  border-top: 1px solid #d7dce0;
}
.offerings-page .audit-terms p {
  max-width: 760px;
  font-size: 14px;
  line-height: 1.7;
}
.offerings-page .process-line {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px;
  margin: 52px 0 0;
  padding: 0;
  list-style: none;
}
.offerings-page .process-line li {
  border-top: 1px solid #cbd0d5;
  padding-top: 18px;
}
.offerings-page .step-number {
  display: block;
  margin-bottom: 26px;
  color: #ae4b3d;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.offerings-page .process-line h3 {
  font-size: 21px;
  margin-bottom: 10px;
}
.offerings-page .process-line p {
  font-size: 14px;
  line-height: 1.7;
}
.offerings-page .offerings-index {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 30px;
  padding: 24px 0;
  border-top: 1px solid #d7dce0;
  border-bottom: 1px solid #d7dce0;
}
.offerings-page .offerings-index a {
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}
.offerings-page .offerings-index a:hover {
  color: #ab4234;
}
.offerings-page .scope-list {
  padding-left: 18px;
  margin: 22px 0 28px;
  font-size: 14px;
  line-height: 1.75;
}
.offerings-page .scope-list li::marker {
  color: #ab4234;
}
.offerings-page .service-chapter h2 {
  font-size: clamp(25px, 2.3vw, 34px);
  line-height: 1.16;
  letter-spacing: -0.03em;
}
.offerings-page .proof-note {
  max-width: 900px;
  margin-bottom: 64px;
  padding-left: 24px;
  border-left: 2px solid #b65749;
  color: #5e6670;
  font-size: 14px;
  line-height: 1.8;
}
.offerings-page .blueprint-entry {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 72px;
  padding: 72px 0;
  border-top: 1px solid #d7dce0;
  scroll-margin-top: 108px;
}
.offerings-page .blueprint-entry h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.13;
  letter-spacing: -0.035em;
  margin-bottom: 28px;
}
.offerings-page .project-type {
  color: #626c77;
  font-size: 12px;
  margin: 12px 0 18px;
}
.offerings-page .blueprint-details {
  margin: 0 0 30px;
}
.offerings-page .blueprint-details > div {
  display: grid;
  grid-template-columns: 95px minmax(0, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.offerings-page .blueprint-details dt {
  font-size: 12px;
  font-weight: 600;
  padding-top: 3px;
}
.offerings-page .blueprint-details dd {
  margin: 0;
  color: #626c77;
  font-size: 14px;
  line-height: 1.75;
}
.offerings-page .blueprint-visual {
  position: relative;
  margin: 0;
  padding: 38px;
  background: #eef0f2;
  color: #151d25;
  border: 1px solid #dde1e4;
  border-radius: 4px;
}
.offerings-page .blueprint-visual .cue-sheet {
  background: transparent;
  border: 0;
  padding: 0;
}
.offerings-page .blueprint-visual .cue-sheet h2 {
  font-size: 25px;
  margin-bottom: 30px;
}
.offerings-page .blueprint-visual .cue-sheet li {
  padding: 22px 0;
  border-color: #ccd1d6;
}
.offerings-page .blueprint-visual .cue-sheet li > span {
  color: #ad4a3c;
}
.offerings-page .blueprint-visual .cue-sheet strong {
  font-size: 17px;
}
.offerings-page .blueprint-visual .cue-sheet small {
  color: #606a75;
  font-size: 13px;
}
.offerings-page .blueprint-visual figcaption,
.offerings-page .format-studies figcaption {
  margin-top: 24px;
  font-size: 11px;
  line-height: 1.6;
  color: #65717b;
}
.offerings-page .concert-visual {
  background: #171e25;
  color: #f6f7f8;
  overflow: hidden;
}
.offerings-page .concert-visual figcaption {
  color: #b0b9c2;
}
.offerings-page .concert-visual > .eyebrow {
  color: #c7d0d8;
}
.offerings-page .concert-lines {
  display: flex;
  gap: 18px;
  position: absolute;
  right: 16px;
  top: 0;
  height: 100%;
  transform: skewX(-15deg);
  pointer-events: none;
}
.offerings-page .concert-lines i {
  display: block;
  width: 1px;
  background: #48413d;
}
.offerings-page .diagram-statement {
  color:inherit;
  margin: 50px 0;
  font-size: clamp(40px, 4vw, 56px);
  line-height: 1.06;
  font-weight: 600;
  letter-spacing: -0.035em;
}
.offerings-page .phase-list {
  list-style: none;
  counter-reset: phase;
  padding: 0;
  margin: 24px 0 0;
}
.offerings-page .phase-list li {
  counter-increment: phase;
  border-top: 1px solid #ccd1d6;
  padding: 13px 0;
  font-size: 20px;
}
.offerings-page .phase-list li::before {
  content: "0" counter(phase);
  display: inline-block;
  width: 38px;
  color: #a34b3f;
  font-size: 10px;
}
.offerings-page .sample-rundown {
  margin: 30px 0;
}
.offerings-page .sample-rundown > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  border-top: 1px solid #ccd1d6;
  padding: 16px 0;
  font-size: 11px;
}
.offerings-page .sample-rundown > div:first-child {
  color: #7c858e;
}
.offerings-page .content-hero .venue-image {
  height: 360px;
  object-position: center;
}
.offerings-page .screen-caption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid #4a5056;
  color: #b3bbc3;
  font-size: 11px;
}
.offerings-page .format-studies {
  margin: 0;
  padding: 24px 0;
}
.offerings-page .format-studies figcaption {
  color: #b1bac2;
}
.offerings-page .format-studies :is(.format-wide, .format-broadcast, .format-vertical) {
  display: flex;
  align-items: flex-end;
  padding: 16px;
  border: 1px solid #6b737b;
  color: #d4dce3;
  font-size: 12px;
}
.offerings-page .format-wide {
  aspect-ratio: 3.7;
}
.offerings-page .format-pair {
  display: flex;
  align-items: flex-start;
  gap: 26px;
  margin-top: 26px;
}
.offerings-page .format-broadcast {
  width: 70%;
  aspect-ratio: 16/9;
}
.offerings-page .format-vertical {
  width: 24%;
  aspect-ratio: 9/16;
}
.offerings-page .production-process {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
.offerings-page .production-process li {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 20px;
  padding: 28px 0;
}
.offerings-page .production-process li p {
  max-width: 800px;
}
.offerings-page .production-process .step-number {
  padding-top: 6px;
}
@media (max-width: 1000px) {
  .offerings-page .hero-art .cue-sheet {
    padding: 20px;
  }
  .offerings-page .audit-columns {
    gap: 28px;
  }
  .offerings-page .process-line {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .offerings-page .blueprint-entry {
    gap: 36px;
  }
}
@media (max-width: 700px) {
  .offerings-page .hero-art .cue-sheet {
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .offerings-page .cue-heading {
    gap: 10px;
  }
  .offerings-page .service-sequence li {
    grid-template-columns: 55px minmax(0, 1fr) 16px;
    gap: 8px;
  }
  .offerings-page .overview-links .editorial-row {
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    gap: 12px;
  }
  .offerings-page .cue-sheet h2 {
    font-size: 18px;
  }
  .offerings-page .audit-columns,
  .offerings-page .audit-terms,
  .offerings-page .blueprint-entry {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .offerings-page .audit-columns {
    margin-top: 36px;
  }
  .offerings-page .audit-terms {
    align-items: start;
    justify-items: start;
  }
  .offerings-page .process-line {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
    margin-top: 36px;
  }
  .offerings-page .step-number {
    margin-bottom: 18px;
  }
  .offerings-page .blueprint-entry {
    padding: 44px 0;
  }
  .offerings-page .blueprint-visual {
    padding: 25px;
  }
  .offerings-page .blueprint-details > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .offerings-page .offerings-index {
    flex-direction: column;
  }
  .offerings-page .content-hero .venue-image {
    height: 260px;
  }
  .offerings-page .production-process li {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 16px;
  }
  .offerings-page .sample-rundown > div {
    font-size: 10px;
  }
}