/* Isolated combined-page experiment. Shared release styles stay untouched. */
html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]{
  grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;
}
html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-heading{grid-column:1;grid-row:1}
html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-cta{grid-column:2;grid-row:1}
html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-selector{grid-column:1/-1;grid-row:2}
html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-focus-panels{grid-column:1/-1;grid-row:3}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief{
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:32px;
  align-items:center;min-height:122px;box-sizing:border-box;padding:8px 4px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief h2{
  font-family:inherit;font-size:clamp(23px,2.1vw,30px);font-weight:550;
  letter-spacing:-.045em;line-height:1.12;margin:0 0 10px;max-width:100%;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief p{
  font-size:13px;line-height:1.5;color:var(--ser-muted);margin:0;max-width:560px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  padding:0 0 0 24px;margin:0;border-left:1px solid var(--ser-line);list-style:none;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li{
  min-width:0;font-size:12px;font-weight:500;line-height:1.5;color:var(--ser-ink);
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li::before{
  content:'✓';display:block;margin:0 0 7px;color:var(--ser-accent);font-size:15px;line-height:18px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-followup{
  padding:18px 22px 22px;border-top:1px solid var(--ser-line);margin-top:18px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-followup p{font-size:13px;line-height:1.6;color:var(--ser-muted);margin:0 0 16px}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-followup a{font-size:13px}
html[data-ser-unified] #ser-design[data-active-view] .ser-unified-followup .ser-unified-brief{margin-bottom:18px}
@media(min-width:851px){
  /* Only reserve unused space when the photo/table reaches its height cap. */
  html[data-ser-unified] #ser-design[data-active-view] .ser-work-page{
    padding-bottom:calc(12px + var(--ser-services-presentation-reserve,0px));
  }
}
@media(min-width:851px) and (max-height:780px){
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief{min-height:98px;gap:24px;padding-block:4px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief h2{font-size:24px;margin-bottom:6px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief p{font-size:12px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope{gap:12px;padding-left:18px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li{font-size:11px}
}
@media(max-width:850px){
  html[data-ser-unified] #ser-design[data-active-view] .ser-work-page{--ser-work-media-height:360px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-work-barber[data-barber-case="ai"]{--ser-work-media-height:360px}
  html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"] [data-work-numeric] :is(.ser-barber-outcome,.ser-work-outcome){
    block-size:var(--ser-services-mobile-table-height,auto);
  }
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief{grid-template-columns:1fr;gap:18px;padding:10px 2px 14px;min-height:0}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief h2{font-size:28px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief p{font-size:13px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope{padding:16px 0 0;border-left:0;border-top:1px solid var(--ser-line);gap:14px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li{font-size:11px}
}
@media(min-width:851px) and (max-height:700px){
  html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]{row-gap:4px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief{min-height:60px;padding:0;gap:20px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief h2{font-size:18px;line-height:1.15;margin-bottom:4px;letter-spacing:-.025em}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief p{font-size:11px;line-height:1.45}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope{gap:10px;padding-left:16px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li{font-size:10.5px;line-height:1.4}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li::before{display:inline;margin:0 5px 0 0;font-size:12px;line-height:inherit}
}
@media(max-width:480px){
  html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-heading h1{font-size:23px;white-space:normal}
  html[data-ser-unified] #ser-design[data-active-view] [data-work-layout="04"]>.ser-work-cta .ser-pill{font-size:10px;padding:8px 10px;gap:8px;min-height:34px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-brief h2{font-size:25px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope{grid-template-columns:1fr;gap:7px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li{display:flex;gap:10px;font-size:12px}
  html[data-ser-unified] #ser-design[data-active-view] .ser-unified-scope li::before{display:inline;margin:0;flex:none}
}
/* Small laptop windows keep complete metrics in the same fixed frame. */
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"]{
  --ser-work-figure-size:34px;--ser-work-secondary-size:16px;
  --ser-work-primary-height:66px;--ser-work-support-height:38px;
  --ser-work-outcome-gap:4px;--ser-work-number-column:82px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-barber-outcome,.ser-work-outcome){
  grid-template-rows:24px var(--ser-work-primary-height) minmax(0,1fr) 12px;padding:6px 10px;
}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-barber-case-heading,.ser-work-outcome-heading){height:24px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-barber-primary,.ser-work-outcome-values)>div{padding:2px 8px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-barber-primary,.ser-work-outcome-values) dt{font-size:10.5px;line-height:1.1;min-height:22px;margin-bottom:2px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] [data-work-figure]{min-block-size:40px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-work-operational,.ser-barber-comparison){grid-template-rows:16px minmax(0,1fr)}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-work-operational-values dt,.ser-barber-comparison dt){font-size:11px;line-height:1.2}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] .ser-work-visible-metrics{gap:4px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] .ser-work-model-note{font-size:9px;line-height:1.2}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-work-extra-values,.ser-work-support-values){padding-top:4px;gap:8px}
html[data-ser-unified] #ser-design[data-active-view] .ser-work-page[data-work-density="tight"] [data-work-numeric] :is(.ser-work-extra-values,.ser-work-support-values) dt{font-size:9.5px;min-height:16px}