.commercial-product .product-film .hero-video{object-position:center}.commercial-product .product-copy .com-eyebrow,.commercial-product .product-section-heading .com-eyebrow{margin-bottom:20px}.commercial-product .product-copy .com-text-link{margin-top:28px}.commercial-product .product-stories{background:#171a18}.commercial-product .product-story h2{font-size:clamp(32px,3.2vw,52px);line-height:1.12;letter-spacing:-.04em}.commercial-product .product-applications{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center;padding-block:120px}.product-application-media{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:end}.product-application-media figure:last-child{margin-bottom:-55px}.product-application-media figure:last-child img{aspect-ratio:4/5}.integration-intro{color:#bbbeb6;font-size:14px;max-width:540px;margin-top:22px}.commercial-product .product-integrations{padding-top:105px}.commercial-product .integration-list a[aria-current=page]{color:#c6b79f}.commercial-product-page .com-product-links a[aria-current=page]{color:#c6b79f}
@media(max-width:1100px){.commercial-product .product-hero{height:auto;min-height:0;max-height:none;padding-top:104px;display:flex;flex-direction:column;align-items:stretch}.commercial-product .product-film{position:relative;inset:auto;z-index:auto;aspect-ratio:var(--film-ratio,16 / 9);background:#111312;order:0;flex:none}.commercial-product .product-film .hero-video{z-index:0;object-fit:contain;object-position:center}.commercial-product .product-film .com-hero-scrim{display:none}.commercial-product .product-hero .com-video-control{position:relative;inset:auto;align-self:flex-end;order:1;margin:8px 26px 0;background:transparent}.commercial-product .product-hero .com-video-control[hidden]{display:flex!important;visibility:hidden}.commercial-product .product-hero .com-hero-content{order:2;padding:20px clamp(26px,6.2vw,68px) 60px}.commercial-product .product-applications{gap:50px;padding-block:90px}}
@media(max-width:700px){.commercial-product .product-hero{padding-top:86px}.commercial-product .product-hero .com-hero-content{padding:20px 26px 58px}.commercial-product .product-hero .com-hero-content h1{font-size:36px}.commercial-product .product-hero .com-hero-content>p:not(.com-eyebrow){margin-top:20px}.commercial-product .product-applications{grid-template-columns:1fr;gap:55px;padding-block:72px}.product-application-media{grid-template-columns:1fr 1fr;gap:10px}.product-application-media figure:last-child{margin-bottom:-24px}.commercial-product .product-integrations{padding-top:70px}}