/* Keep discovery above decorative content for visitors arriving from a Reel. */
.topbar{height:76px}.hero{min-height:0;display:block;padding:29px 30px 24px}.hero-copy{max-width:850px}.hero h1{font-size:43px;line-height:1.15;margin:13px 0 12px;letter-spacing:-1.5px}.hero h1 br{display:none}.hero .intro{max-width:700px;font-size:13px;margin:0;line-height:1.7}.poster-stage,.hero-note,.hero .primary{display:none}.library{padding-top:28px}.section-head h2{font-size:32px;margin:10px 0 20px}.toolbar{margin:18px 0 23px}.brand-tabs button{min-height:40px}.search{min-height:45px}.code button{min-height:38px;min-width:72px}.watch{min-height:44px}
@media(max-width:760px){.topbar{height:66px}.hero{padding:22px 21px 20px}.hero .eyebrow{font-size:8px}.hero h1{font-size:31px;margin:12px 0 10px;letter-spacing:-1px}.hero .intro{font-size:12px;line-height:1.7}.library{padding-top:22px}.section-head h2{font-size:26px;max-width:260px;margin:8px 0 19px}.brand-tabs{gap:7px}.brand-tabs button{min-height:38px}.toolbar{margin:17px 0 20px}.poster-link{aspect-ratio:2/3}.card .brand-name{font-size:8px}.card h3{font-size:17px}.card .description{font-size:11px}.watch{font-size:10px;min-height:46px}.code{padding:5px 0}.code button{font-size:11px}.how{margin-top:25px}}