main[data-route=\/products]>h1{font-size:clamp(4rem,10vw,9rem)}main[data-route=\/products] section[aria-label=Equipment\ categories]{gap:5rem 3rem}main[data-route=\/products] .tile{border-top:1px solid var(--border);background:0 0;flex-direction:column;padding:1.5rem 0 0;display:flex}main[data-route=\/products] .tile h2{min-height:2.2em;font-size:clamp(2rem,3.5vw,3.5rem)}main[data-route=\/products] .tile img{aspect-ratio:5/4;object-fit:contain;background:var(--logo-surface)}main[data-route=\/products] section[aria-label="Also from PHSS"]{padding-block-start:5rem;padding-block-end:5rem}main[data-route=\/products] section[aria-label="Also from PHSS"]>h2{font-size:clamp(2.5rem,5vw,5rem)}main[data-route=\/products] .trading-cards{gap:3rem}main[data-route=\/products] .trading-card.illustrated{border-top:1px solid var(--border);background:0 0;padding:1.5rem 0 0}main[data-route=\/products] .trading-card.illustrated h3{min-height:2.2em;font-size:clamp(2rem,3.5vw,3.5rem)}main[data-route=\/products] .trading-card.illustrated img{aspect-ratio:5/4}main[data-route^="/partner/"] .hero{grid-template-columns:minmax(0,1fr) minmax(180px,.4fr);align-items:center;gap:1.5rem 3rem;padding-block-start:4rem;padding-block-end:4rem}main[data-route^="/partner/"] .hero h1{grid-area:1/1;margin:0;font-size:clamp(4rem,10vw,9rem)}main[data-route^="/partner/"] .hero>img{grid-area:1/2;justify-self:end;width:220px;max-height:110px;margin:0;padding:1rem}main[data-route^="/partner/"] .hero .tagline{grid-area:2/1;max-width:52ch;margin:0}main[data-route^="/partner/"] .hero>p:last-child{grid-area:2/2;justify-self:end}main[data-route^="/partner/"] .hero>picture{background:var(--logo-surface);grid-area:3/1/auto/-1;margin-top:1rem;overflow:hidden}main[data-route^="/partner/"] .hero>picture img{object-fit:contain;width:100%;height:min(55vw,620px);max-height:620px}main[data-route^="/partner/"] section>h2{font-size:clamp(2.5rem,5vw,5rem)}main[data-route^="/partner/"] .products{display:block}main[data-route^="/partner/"] .products .product-card{border-top:1px solid var(--border);background:0 0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 4rem;padding:3rem 0;display:grid}main[data-route^="/partner/"] .product-card>:not(picture){grid-column:2}main[data-route^="/partner/"] .product-card>picture{grid-area:1/1/span 5;align-self:center}main[data-route^="/partner/"] .product-card h3{align-self:end;font-size:clamp(2rem,3vw,3rem)}main[data-route^="/partner/"] .product-card img{width:auto;max-width:min(100%, var(--photo-width,100%));max-height:480px;margin-inline-start:auto;margin-inline-end:auto}main[data-route^="/partner/"] .product-card:not(:has(picture)){max-width:68ch;display:block}main[data-route^="/partner/"] .gallery ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}main[data-route^="/partner/"] .gallery li:nth-child(2n){padding-top:6rem}main[data-route^="/partner/"] .gallery figure{max-width:min(100%, var(--photo-width,100%));margin-inline-start:auto;margin-inline-end:auto}@media (prefers-reduced-motion:no-preference){main[data-route^="/partner/"] .hero>picture img{animation:1.4s cubic-bezier(.2,.65,.3,1) both equipment-opening}@keyframes equipment-opening{0%{transform:translateY(90px)scale(.9)}to{transform:translateY(0)scale(1)}}@supports (animation-timeline:view()) and (animation-range:entry 0% cover 35%){main[data-route=\/products] .tile,main[data-route^="/partner/"] .product-card>picture,main[data-route^="/partner/"] .gallery figure{animation:linear both equipment-opening;animation-timeline:view();animation-range:entry cover 35%}}}@media (prefers-reduced-motion:reduce){main[data-route^="/partner/"] .hero>picture img,main[data-route=\/products] .tile,main[data-route^="/partner/"] .product-card>picture,main[data-route^="/partner/"] .gallery figure{animation:none;transform:none}}@media (max-width:767px){main[data-route=\/products] section[aria-label=Equipment\ categories],main[data-route=\/products] .trading-cards,main[data-route^="/partner/"] .gallery ul{grid-template-columns:1fr;gap:2.5rem}main[data-route=\/products] .tile h2,main[data-route=\/products] .trading-card.illustrated h3{min-height:0}main[data-route^="/partner/"] .hero,main[data-route^="/partner/"] .products .product-card{flex-direction:column;align-items:stretch;gap:1.5rem;display:flex}main[data-route^="/partner/"] .hero h1{font-size:clamp(3rem,12vw,5rem)}main[data-route^="/partner/"] .hero>picture{order:5;margin:0}main[data-route^="/partner/"] .hero>img{width:180px}main[data-route^="/partner/"] .hero>picture img{height:auto}main[data-route^="/partner/"] .product-card>picture,main[data-route^="/partner/"] .product-card h3{align-self:stretch}main[data-route^="/partner/"] .gallery li:nth-child(2n){padding-top:0}}
