/* The recurring three-step signature: learn → explore → grow. */
.destination.hero-channel,.media-card{position:relative;overflow:hidden}.destination.hero-channel:before,.media-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:0 4px 4px 0;background:linear-gradient(var(--blue),color-mix(in srgb,var(--blue) 15%,transparent));opacity:.44;transition:opacity .25s ease,height .25s ease}.destination.hero-channel:hover:before,.media-card:hover:before{opacity:1;top:11px;bottom:11px}.destination.hero-channel-primary:before{background:linear-gradient(var(--blue),var(--lime));opacity:1}.card-signature{display:flex;gap:4px;align-items:center;position:absolute;right:15px;bottom:13px;opacity:.38;transition:opacity .25s ease,transform .25s ease}.card-signature b{display:block;width:4px;height:4px;border-radius:50%;background:var(--blue)}.card-signature b:nth-child(2){opacity:.65}.card-signature b:nth-child(3){background:var(--lime)}.destination.hero-channel:hover .card-signature,.media-card:hover .card-signature{opacity:.88;transform:translateX(-3px)}.destination.hero-channel .destination-arrow{position:relative;z-index:1}.destination.hero-channel-primary{background:linear-gradient(115deg,color-mix(in srgb,var(--blue) 16%,var(--card)),var(--card) 68%)}.destination.hero-channel:not(.hero-channel-primary){background:linear-gradient(96deg,color-mix(in srgb,var(--blue) 3%,var(--card)),var(--card) 48%)}.destination.hero-channel:not(.hero-channel-primary):hover{box-shadow:0 10px 26px color-mix(in srgb,var(--blue) 12%,transparent)}.media-count-1{grid-template-columns:minmax(0,720px);max-width:720px}.media-count-2{grid-template-columns:minmax(0,1.16fr) minmax(270px,.84fr);max-width:1040px}.media-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,var(--blue) 8%),var(--card))}.media-card:after{content:"";position:absolute;width:180px;height:180px;right:-105px;bottom:-105px;border:1px solid color-mix(in srgb,var(--blue) 36%,transparent);border-radius:50%;pointer-events:none;transition:transform .5s ease}.media-card:hover:after{transform:scale(1.22)}.media-visual{z-index:1}.media-copy{position:relative}.media-copy .card-signature{bottom:18px}.media-card-external .media-visual-link{background:radial-gradient(circle at 80% 22%,color-mix(in srgb,var(--blue) 68%,#fff 0%),transparent 31%),linear-gradient(135deg,#152253,#233eae);gap:12px;justify-content:flex-start}.media-card-external .media-visual-link .platform-mark{width:54px;height:54px;flex:none;border:0;background:rgba(255,255,255,.92);color:var(--blue)}.media-card-external .media-visual-link>span:not(.platform-mark){display:grid;gap:6px;color:#fff;font-size:18px;font-weight:760;letter-spacing:-.035em}.media-card-external .media-visual-link small{font:800 9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.media-card-external .media-visual-link>b{margin-left:auto;color:var(--lime);font-size:28px}.media-card-external .media-copy{min-height:122px}.media-card-external .media-copy h3{font-size:19px}.media-card-primary .media-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(8,12,26,.58));pointer-events:none}.media-play{z-index:1}.media-card-primary .media-play{background:rgba(10,15,29,.88);border:1px solid rgba(255,255,255,.12)}@media(prefers-reduced-motion:no-preference){.hero-channels .card-signature b:nth-child(3){animation:leg-signal 3.8s ease-in-out infinite}.media-card-primary .media-play{animation:leg-play-breathe 4.5s ease-in-out infinite}}@keyframes leg-signal{50%{transform:scale(1.6);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 18%,transparent)}}@keyframes leg-play-breathe{50%{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.3)}}@media(prefers-reduced-motion:reduce){.hero-channels .card-signature b:nth-child(3),.media-card-primary .media-play{animation:none}}@media(max-width:800px){.media-count-1,.media-count-2{display:grid;grid-template-columns:1fr;max-width:none}.card-signature{right:12px;bottom:11px}.media-card-external .media-copy{min-height:105px}.media-card-external .media-visual-link .platform-mark{width:47px;height:47px}.media-card-external .media-visual-link>span:not(.platform-mark){font-size:16px}}