/* Selected visual 03: OPEN CHANNELS. Shared by both corporate-site editions. */
.hero-scroll-scene{position:relative;background:#f5f6f7}
.hero-scroll-scene.is-animated{height:calc(clamp(650px,100svh,1050px) + 90svh)}
.hero-scroll-scene.is-animated .hero.hero-open-channels{position:sticky;top:0;height:100svh}
.hero.hero-open-channels{height:calc(100svh - 96px);min-height:650px;max-height:1050px;padding:32px var(--gutter) 50px;background:#f5f6f7}
.hero-open-channels .hero-image-wrap{inset:0;z-index:-1;clip-path:none}
.hero-open-channels .hero-image-wrap:after{display:none}
.hero-open-channels .hero-image{object-position:50% 50%;transform:none}
.hero-open-channels .hero-image-wrap:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(250,251,252,.65),rgba(250,251,252,.14)40%,transparent 60%)}
.hero-depth-planes{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;perspective:1000px}
.hero-plane{position:absolute;display:block;opacity:0;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(208,234,255,.6),rgba(140,195,235,.2));transform-origin:center;box-shadow:inset 1px 0 rgba(255,255,255,.5)}
.hero-plane-far{left:76%;top:-12%;width:24%;height:76%;border-radius:2px}
.hero-plane-near{left:86%;top:42%;width:30%;height:55%;background:linear-gradient(145deg,rgba(231,245,255,.6),rgba(152,204,241,.3))}
.has-hero-motion .hero-image,.has-hero-motion .hero-plane{will-change:transform}
.hero-scroll-cue{display:none;position:absolute;z-index:3;right:var(--gutter);bottom:77px;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:.1em;color:#25343e;pointer-events:none}
.has-hero-motion .hero-scroll-cue{display:flex}
.hero-scroll-cue>i{display:block;width:48px;height:1px;background:rgba(37,52,62,.2)}
.hero-scroll-meter{display:block;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left}
.hero-scroll-arrow{font-size:17px;font-weight:400}
.hero-open-channels .hero-copy{width:46%;max-width:620px;position:relative;z-index:2}
.hero-open-channels .hero-topline{font-size:16px;line-height:1.5;letter-spacing:.08em}
.hero-open-channels h1{font-size:clamp(54px,min(6vw,9.4svh),96px);font-weight:500;line-height:.94;letter-spacing:-.06em;margin:39px 0 0 -4px}
.hero-open-channels .hero-line{margin-left:0}
.hero-open-channels .period{color:inherit}
.hero-open-channels .hero-caption{position:static;margin-top:31px}
.hero-open-channels .hero-caption p{font-size:22px;font-weight:600;line-height:1.65;letter-spacing:.02em}
.hero-open-channels .hero-caption .hero-lead{width:max-content;max-width:560px;margin-top:17px;font-size:16px;font-weight:400;line-height:1.9;letter-spacing:.015em}
.hero-open-channels .hero-lead>span{display:block}
.hero-open-channels .hero-caption>span{font-size:16px;font-weight:600;letter-spacing:.04em;margin-top:15px}
.hero-about{display:flex;align-items:center;gap:17px;width:max-content;min-height:44px;margin-top:27px;font-size:16px;font-weight:600}
.hero-about>span{width:40px;height:40px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:400;transition:transform .2s}
.hero-about:hover>span{transform:translateX(4px)}
.hero-open-channels .hero-bottom{bottom:24px;font-size:16px;font-weight:600;letter-spacing:.08em}
@media(min-width:761px) and (max-width:1000px){.hero-open-channels .hero-copy{width:50%}.hero-open-channels h1{font-size:clamp(44px,6vw,60px)}.hero-open-channels .hero-caption p{font-size:19px}}
@media(max-width:760px){
  .hero.hero-open-channels{height:auto;min-height:0;max-height:none;padding:0 0 32px;display:flex;flex-direction:column}
  .hero-open-channels .hero-copy{width:auto;max-width:none;padding:24px 24px 27px;order:0}
  .hero-open-channels .hero-topline{font-size:16px;line-height:1.5}
  .hero-open-channels .hero-topline>span:first-child{max-width:none}
  .hero-open-channels h1{font-size:clamp(34px,10.4vw,60px);line-height:.94;margin:27px 0 0 -2px;letter-spacing:-.06em}
  .hero-open-channels .hero-line{margin-left:0}
  .hero-open-channels .hero-caption{margin-top:23px}
  .hero-open-channels .hero-caption p{font-size:17px;line-height:1.65;text-shadow:none}
  .hero-open-channels .hero-caption .hero-lead{width:auto;max-width:440px;margin-top:15px;font-size:16px;line-height:1.9}
  .hero-open-channels .hero-caption>span{font-size:16px;margin-top:11px;max-width:none}
  .hero-open-channels .hero-about{margin-top:22px;font-size:16px;gap:13px}
  .hero-open-channels .hero-about>span{width:35px;height:35px;font-size:20px}
  .hero-open-channels .hero-image-wrap{position:relative;inset:auto;order:1;width:100%;height:390px;flex:none;z-index:0}
  .hero-open-channels .hero-image{object-position:78% center}
  .hero-open-channels .hero-image-wrap:before{display:none}
  .hero-plane-far{left:68%;top:-8%;width:34%;height:75%}
  .hero-plane-near{left:86%;top:45%;width:40%;height:55%}
  .hero-scroll-cue{right:20px;bottom:20px;gap:10px;padding:10px 12px;background:rgba(247,251,254,.87);font-size:16px;letter-spacing:.08em}
  .hero-scroll-cue>i{width:35px}
  .hero-open-channels .hero-bottom{position:relative;inset:auto;order:2;font-size:16px;margin:21px 24px 0;gap:12px;letter-spacing:.04em}
  .hero-open-channels .hero-bottom>span:last-child{max-width:60%}
  .hero-open-channels .cross{font-size:12px;margin-left:5px}
}