/* Round 5/6 - broad fine tuning: typography, density, responsive rhythm and UI */

/* Desktop: preserve editorial whitespace, improve local density and reading scale */
@media (min-width:851px){
  .film{padding-block:70px 74px}
  .film .split{grid-template-columns:.94fr 1.2fr;gap:58px}
  .film .copy p{font-size:1.04rem;line-height:1.74}
  .film .copy h2{font-size:clamp(2.1rem,2.75vw,3.05rem);line-height:1.13}

  .chapter{padding-block:46px 48px}
  .chapter-copy h2{font-size:clamp(2.15rem,3.15vw,3.35rem);line-height:1.16}
  .chapter-copy>p:last-child{font-size:1rem;line-height:1.62}

  .encounter{padding-top:70px}
  .encounter .intro{gap:64px;margin-bottom:38px}
  .encounter .intro h2{font-size:clamp(2.5rem,3.35vw,3.65rem);line-height:1.12}
  .encounter .intro>div p{font-size:1.06rem;line-height:1.72}
  .chapters article{padding:24px 24px 27px;min-height:180px}
  .chapters h3{font-size:1.2rem}
  .chapters p{font-size:.9rem}
  .format-strip div{padding:18px 24px}
  .format-strip strong{font-size:1.08rem}

  .audiences{padding-block:58px 68px}
  .audience-head h2{font-size:clamp(2.45rem,3.2vw,3.45rem);line-height:1.13}
  .audience-head p{font-size:1rem;line-height:1.65}
  .audience-grid{margin-top:26px}
  .audience-grid>div{padding:23px 25px}
  .audience-grid h3{font-size:1.2rem}
  .audience-grid p{font-size:.94rem}
  .expanded{padding:24px 28px}

  .quote{padding-block:70px 74px}
  .quote blockquote{font-size:clamp(1.9rem,2.65vw,2.75rem);line-height:1.3;max-width:850px}
  .quote .narrow>p:last-child{margin-top:21px}

  .voices{padding-block:60px 66px}
  .voices-head{grid-template-columns:1fr 390px;margin-bottom:26px}
  .voices-head h2{font-size:clamp(2.45rem,3.15vw,3.45rem);line-height:1.12}
  .voices-head p{font-size:.98rem;line-height:1.6}
  .testimonials{max-width:1040px;margin-inline:auto}
  .testimonial figcaption{font-size:.84rem}
  .written-reactions{max-width:1040px;margin-inline:auto;margin-top:24px}
  .press{max-width:1040px;margin-inline:auto}

  .practical{padding-block:52px 54px}
  .facts strong{font-size:1.12rem}
  .facts span{font-size:.86rem}
  .practical .wrap>p:last-child{font-size:.97rem}

  .contact{padding-block:64px 68px}
  .contact .wrap{max-width:980px}
  .contact h2{font-size:clamp(2.45rem,3.2vw,3.45rem);max-width:720px}
  .contact>div>p:not(.section-no){font-size:1.02rem;max-width:620px}
}

/* Global polish: soften technical grid language and clarify hierarchy */
.btn{font-weight:700;letter-spacing:0;min-height:48px}
.contact-actions .btn{min-width:128px}
.contact-actions .primary:before,.contact-actions .secondary:before{flex:0 0 19px}
.section-no{font-size:.74rem;font-weight:700}

.cred-item{border-inline-start-color:#ffffff0c}
.cred-item strong{letter-spacing:-.01em}
.trailer{box-shadow:0 16px 38px #0b16301a}

.chapters{border-color:#17233b18}
.chapters article{border-left-color:#17233b18}
.format-strip{background:#ece9e3}
.audience-grid{border-color:#17233b24}
.audience-grid>div{border-left-color:#17233b24}

/* GEFEN is supporting information, not a competing CTA */
.badge{font-size:.8rem;line-height:1.25;border:0;border-right:2px solid var(--gold);background:transparent;padding:3px 10px 3px 0;color:#596171;font-weight:600}

.expanded h3{font-size:1.18rem}
.expanded p{color:#c2c8d3}
.expanded a{font-size:.84rem}

/* Mobile: reduce oversized headings, open dense areas, preserve clear hierarchy */
@media (max-width:850px){
  .wrap{width:min(100% - 36px,1160px)}
  .section-no{font-size:.7rem;margin-bottom:15px}

  .hero-content{padding-bottom:25px}
  .hero h1{font-size:clamp(2.65rem,12vw,3.65rem);line-height:.98}
  .hero h2{font-size:1.42rem;line-height:1.19;margin-bottom:14px}
  .hero-copy{font-size:.91rem;line-height:1.58}

  .cred-item{border-color:#ffffff0c;padding:14px 13px}
  .cred-item strong{line-height:1.35}

  .film{padding-block:50px 54px}
  .film .split{gap:27px}
  .film .copy h2{font-size:clamp(1.9rem,8.7vw,2.45rem);line-height:1.15;margin-bottom:18px}
  .film .copy p{font-size:.96rem;line-height:1.68;margin-bottom:15px}

  .chapter{padding-block:44px 43px;overflow:visible}
  .chapter-copy{padding-bottom:2px}
  .chapter-copy h2{font-size:clamp(1.72rem,7.9vw,2.05rem);line-height:1.23;margin-bottom:13px}
  .chapter-copy>p:last-child{font-size:.89rem;line-height:1.58}

  .encounter{padding-top:50px}
  .encounter .intro{gap:22px;margin-bottom:30px}
  .encounter .intro h2{font-size:clamp(1.95rem,8.9vw,2.5rem);line-height:1.15}
  .encounter .intro>div p{font-size:.96rem;line-height:1.68;margin-bottom:14px}
  .chapters{border-color:#17233b18}
  .chapters article{padding:18px 14px 20px;border-color:#17233b18}
  .chapters b{margin-bottom:11px}
  .chapters h3{font-size:1rem;line-height:1.28;margin-bottom:7px}
  .chapters p{font-size:.8rem;line-height:1.5}
  .format-strip div{padding:15px 17px}

  .audiences{padding-block:45px 52px}
  .audience-head{gap:17px}
  .audience-head h2{font-size:clamp(1.9rem,8.7vw,2.45rem);line-height:1.16;margin-bottom:9px}
  .audience-head p{font-size:.93rem;line-height:1.6}
  .badge{font-size:.78rem;justify-self:start;margin-top:2px}
  .audience-grid{margin-top:21px;margin-bottom:18px}
  .audience-grid>div{padding:16px;border-color:#17233b24}
  .audience-grid h3{font-size:1.08rem}
  .audience-grid p{font-size:.86rem}
  .expanded{padding:20px 18px;gap:8px}
  .expanded h3{font-size:1.08rem}
  .expanded p{font-size:.88rem}
  .expanded a{margin-top:4px}

  .quote{padding-block:52px 56px}
  .quote-mark{font-size:3.35rem;margin-bottom:10px}
  .quote blockquote{font-size:clamp(1.4rem,6.35vw,1.8rem);line-height:1.34;max-width:340px}
  .quote .narrow>p:last-child{margin-top:18px;font-size:.76rem}

  .voices{padding-block:48px 52px}
  .voices-head{margin-bottom:20px}
  .voices-head h2{font-size:clamp(1.9rem,8.7vw,2.45rem);line-height:1.16}
  .testimonials{gap:12px;scroll-padding-inline:0;overscroll-behavior-inline:contain}
  .testimonial{flex:0 0 86%;scroll-snap-align:start}
  .testimonial figcaption{font-size:.78rem;margin-top:7px}
  .reaction{font-size:1rem;padding:16px}

  .press{gap:18px 22px}
  .press span{flex-basis:100%}

  .practical{padding-block:44px 46px}
  .practical .section-no{margin-bottom:20px}
  .facts{gap:18px 14px}
  .facts strong{font-size:1.03rem}
  .facts span{font-size:.78rem}
  .practical .wrap>p:last-child{font-size:.85rem;line-height:1.58}

  .contact{padding-block:50px 54px}
  .contact h2{font-size:clamp(1.9rem,8.8vw,2.5rem);line-height:1.17;margin-bottom:14px}
  .contact>div>p:not(.section-no){font-size:.92rem;line-height:1.58}
  .contact-actions{margin-top:21px}
  .contact-actions .btn{min-height:48px;font-size:.91rem}
}

@media (max-width:420px){
  .chapters{grid-template-columns:1fr 1fr}
  .chapters article{padding-inline:12px}
  .testimonial{flex-basis:88%}
}

/* Round 7: final broad QA adjustments from full-page desktop + mobile review */
@media (min-width:851px){
  .film .copy{max-width:540px}
  .encounter>.wrap>.section-no,.voices>.wrap>.section-no{margin-bottom:16px}
  .voices-head{align-items:end}
  .voices-head p{max-width:390px}
  .practical .wrap>p:last-child{max-width:900px}
}

@media (max-width:850px){
  .chapter-line{top:22px}
  .chapter-kicker{margin-top:4px}
  .encounter>.wrap>.section-no{margin-bottom:17px}
  .format-strip{margin-top:0}
  .audience-head{align-items:start}
  .voices-head p{max-width:320px}
  .written-reactions{margin-top:20px}
  .press{margin-top:24px;padding-top:18px}
  .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .contact-actions .btn{width:100%;min-width:0}
}

/* Round 8: de-template the page without changing its information architecture */
.section-no{letter-spacing:.09em;text-transform:none}
.chapters{gap:0;border-top:1px solid #17233b22;border-bottom:1px solid #17233b22;background:transparent}
.chapters article{position:relative;background:transparent;border:0;border-left:1px solid #17233b18;border-right:0;min-height:0}
.chapters article:last-child{border-left:0}
.chapters article::before{content:"";position:absolute;top:-1px;right:24px;width:42px;height:2px;background:var(--red)}
.chapters h3{margin-top:0}

@media (min-width:851px){
  .chapters article{padding:30px 26px 32px}
  .chapters article:nth-child(even){padding-top:46px}
  .chapters article::before{right:26px}
}

@media (max-width:850px){
  .chapters{grid-template-columns:1fr;border-bottom:0}
  .chapters article,.chapters article:nth-child(2){padding:22px 2px 24px 34px;border:0;border-bottom:1px solid #17233b18}
  .chapters article::before{top:-1px;right:0;width:36px}
  .chapters article:nth-child(even){padding-right:34px;padding-left:2px}
  .chapters article:nth-child(even)::before{right:auto;left:0}
  .chapters h3{font-size:1.08rem;margin-bottom:6px}
  .chapters p{font-size:.84rem;line-height:1.55;max-width:300px}
}

@media (max-width:420px){
  .chapters{grid-template-columns:1fr}
  .chapters article{padding-inline:2px 30px}
  .chapters article:nth-child(even){padding-inline:30px 2px}
}

/* Round 9: simplify visual density after de-template review */
.chapter-line{display:none!important}
.chapter::before,.chapter::after,.chapter-copy::before,.chapter-copy::after{display:none!important}
.chapter-copy{border:0!important;background-image:none!important}

/* Treat the conversation themes as editorial notes rather than feature cards */
.chapters{border:0;background:transparent;gap:34px 48px;margin-bottom:26px}
.chapters article,.chapters article:nth-child(even),.chapters article:last-child{border:0;padding:8px 0 12px;min-height:0}
.chapters article::before{display:none}
.chapters h3{margin-bottom:7px}
.chapters p{max-width:255px}
.format-strip{margin-top:4px}

@media (min-width:851px){
  .chapters{grid-template-columns:repeat(4,1fr);gap:34px}
  .chapters article:nth-child(even){padding-top:8px}
  .encounter .intro{margin-bottom:30px}
  .audiences{padding-top:48px}
}

@media (max-width:850px){
  .chapters{grid-template-columns:1fr 1fr;gap:24px 28px;margin-bottom:24px}
  .chapters article,.chapters article:nth-child(2),.chapters article:nth-child(even){padding:4px 0 10px;border:0}
  .chapters p{max-width:none}
  .format-strip{margin-top:2px}
}

@media (max-width:520px){
  .chapters{grid-template-columns:1fr;gap:15px}
  .chapters article,.chapters article:nth-child(even){padding:2px 0 10px}
}

/* Round 10: compact encounter architecture */
.encounter-intro>div{align-self:center}
.encounter-points{margin-top:8px}
.encounter-meta{margin-top:10px}

@media (min-width:851px){
  .encounter{padding-bottom:68px}
  .encounter-intro{margin-bottom:28px!important}
  .encounter-intro>div{max-width:590px}
  .encounter-points{grid-template-columns:repeat(3,1fr);gap:54px;margin-bottom:24px}
  .encounter-points article,.encounter-points article:nth-child(even){padding:6px 0 10px}
  .encounter-points p{max-width:300px}
  .encounter-meta{display:grid;grid-template-columns:repeat(4,1fr)}
  .encounter-meta div{padding:16px 18px}
}

@media (max-width:850px){
  .encounter{padding-bottom:48px}
  .encounter-intro{margin-bottom:24px!important}
  .encounter-points{grid-template-columns:1fr;gap:13px;margin-bottom:20px}
  .encounter-points article,.encounter-points article:nth-child(2),.encounter-points article:nth-child(even){padding:2px 0 9px}
  .encounter-points h3{font-size:1.06rem}
  .encounter-points p{font-size:.84rem;line-height:1.55;max-width:none}
  .encounter-meta{display:grid;grid-template-columns:1fr 1fr}
  .encounter-meta div{padding:14px 12px}
}