/* Live-streaming service and production case study, scoped to .stream-page. */
.stream-page{flex:1;padding-bottom:0}
.stream-container{max-width:var(--max);margin:auto}
.stream-hero{max-width:var(--max);margin:0 auto;padding:clamp(3rem,7vw,6rem) 2rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(2rem,5vw,4.5rem)}
.stream-hero h1{font-size:clamp(3.6rem,6.7vw,6.7rem);line-height:0.97;letter-spacing:-.02em;margin:.7rem 0 1.6rem}
.stream-eyebrow,.stream-index{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:500;font-size:.72rem}
.stream-lead{font-size:clamp(1.05rem,1.7vw,1.27rem);max-width:640px;color:var(--text);line-height:1.7}
.stream-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem}
.stream-figure{margin:0;min-width:0}
.stream-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);box-shadow:0 16px 44px rgba(0,0,0,.24)}
.stream-figure figcaption{font-size:.73rem;line-height:1.55;color:var(--text-dim);padding:.65rem .25rem .1rem}
.stream-hero .stream-figure img{aspect-ratio:4/3;object-fit:cover}
.stream-hero .stream-figure{align-self:center}
.stream-portrait img{height:480px;object-fit:cover;object-position:center 38%;aspect-ratio:auto}
.stream-section{padding:clamp(3.5rem,7vw,6rem) 2rem}
.stream-section--padded{padding-top:clamp(2rem,4vw,4rem)}
.stream-section--subtle{background:var(--bg-2)}
.stream-section h2{font-size:clamp(2.85rem,6vw,5.2rem);letter-spacing:-.01em;line-height:1.08;margin:.7rem 0 1.5rem}
.stream-section h3{font-size:clamp(1.55rem,2.4vw,2.15rem);margin:0 0 .6rem}
.stream-section p{max-width:900px;margin-bottom:1rem}
.stream-intro{max-width:1050px}
.stream-intro>p{font-size:clamp(1.05rem,1.7vw,1.22rem);line-height:1.8}
.stream-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.stream-benefits article{border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:clamp(1.5rem,2.5vw,2.2rem);background:rgba(255,255,255,.022)}
.stream-benefits span{color:var(--accent);display:block;margin-bottom:1.6rem;letter-spacing:.15em;font-size:.8rem}
.stream-benefits p{font-size:.97rem;line-height:1.75;margin:0}
.stream-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.stream-split .stream-copy>p{line-height:1.8}
.stream-list{padding-left:1.3rem;color:var(--text);line-height:1.8}
.stream-list li{padding:.14rem 0}
.stream-link-row{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2.25rem;align-items:center}
.stream-link-row>a:not(.btn){font-size:.95rem;padding-bottom:.2rem}
.stream-measure{max-width:840px;font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.8}
.stream-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);gap:1rem;margin-bottom:clamp(3rem,6vw,5rem);padding:1.8rem 0}
.stream-stats div{display:flex;flex-direction:column;gap:.25rem}
.stream-stats strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.9rem,6vw,4.8rem);line-height:1;color:var(--text-bright);font-weight:400}
.stream-stats span{font-size:.76rem;color:var(--text-dim)}
.stream-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.5rem) 0;border-bottom:1px solid rgba(255,255,255,.09)}
.stream-story--reverse figure{order:2}
.stream-story--reverse>div{order:1}
.stream-story h3{font-size:clamp(2.6rem,4.5vw,4.5rem);letter-spacing:-.015em;margin:.7rem 0 1.3rem}
.stream-story p{line-height:1.8}
.stream-note{font-size:.84rem;line-height:1.7;color:var(--text-dim);border-left:2px solid var(--accent);padding:.65rem 1rem;margin:2rem 0}
.stream-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
@media(max-width:900px){
.stream-hero,.stream-split,.stream-story{grid-template-columns:1fr}
.stream-story--reverse figure,.stream-story--reverse>div{order:initial}
.stream-hero{padding-top:3.25rem}
.stream-benefits{grid-template-columns:1fr}
.stream-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){.stream-hero{padding-left:1.2rem;padding-right:1.2rem;gap:1.6rem}.stream-section{padding:3rem 1.2rem}.stream-gallery{grid-template-columns:1fr}.stream-portrait img{height:430px}.stream-actions{align-items:stretch}.stream-actions .btn{display:inline-flex;justify-content:center}.stream-hero h1{font-size:3.3rem}}

/* Narrow screens: prevent CTA labels or heading content from widening the grid. */
.stream-hero__text,.stream-story>div,.stream-copy{min-width:0}
@media(max-width:900px){.stream-hero,.stream-split,.stream-story{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .stream-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
 .stream-actions .btn{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word;padding:.75rem 1.05rem;line-height:1.45;text-align:center}
 .stream-hero h1{font-size:clamp(2.7rem,9vw,3.3rem);overflow-wrap:break-word}
 .stream-lead{overflow-wrap:break-word}
}