.traffic-page .op-hero-photo{background-image:url('/traffic-reference.webp');background-position:right -188px;height:425px}.traffic-page .op-hero h1{font-size:clamp(4rem,7vw,6rem);margin-bottom:16px}.traffic-page .op-hero-copy{max-width:590px;width:54%}.traffic-page .op-hero h2{max-width:565px}.traffic-page .op-example-photo{background-image:url('/traffic-reference.webp');background-position:right -1135px}.traffic-page .op-example h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}.traffic-page .op-cards article{align-items:flex-start}.traffic-page .op-cards h3{font-size:1.13rem}.traffic-page .op-help-grid article{align-items:flex-start}
@media(max-width:950px){.traffic-page .op-hero-copy{width:65%}}
@media(max-width:650px){.traffic-page .op-hero-photo{background-position:right -112px;height:215px}.traffic-page .op-hero-copy{width:100%}.traffic-page .op-hero h1{font-size:4rem}.traffic-page .op-example h2{font-size:1.6rem}}

/* Keep the informative left side clear; crop and feather only at the right. */
.traffic-page .op-hero-photo{background-image:url('/multiplatform-traffic-logs.jpeg');background-size:contain;background-position:left center;width:min(53%,700px);top:32px;height:auto;aspect-ratio:16/9;mask-image:linear-gradient(to right,#000 97%,transparent);mask-composite:add;-webkit-mask-composite:source-over}
@media(min-width:651px){.traffic-page .op-hero-copy{width:46%}}
@media(max-width:650px){.traffic-page .op-hero{padding-top:242px}.traffic-page .op-hero-photo{width:100%;top:12px;height:215px;background-position:left center}}