/* Scoped campaign: loaded only for the explicit gravel/split category list. */
#tm-category .hero.hero-gravel-campaign{grid-template-columns:42% 58%;min-height:440px;align-items:stretch;background:#f1f6ef}
#tm-category .hero-gravel-campaign .hero-copy{align-self:center;padding:34px 38px}
#tm-category .gravel-campaign{position:relative;isolation:isolate;min-width:0;min-height:440px;overflow:hidden;background:#fff;clip-path:polygon(34px 0,100% 0,100% 100%,0 100%,0 34px)}
#tm-category .gravel-campaign:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#f1f6ef;right:-142px;bottom:-150px;z-index:-1}
#tm-category .gravel-campaign-copy{position:relative;z-index:3;max-width:57%;padding:31px 0 0 30px}
#tm-category .gravel-campaign-copy h2{font-size:43px;font-weight:700;line-height:1.08;letter-spacing:-1.8px;color:var(--green);white-space:nowrap}
#tm-category .gravel-campaign-copy h2 span{display:block;font-size:28px;font-weight:500;letter-spacing:-.9px;margin-top:5px}
#tm-category .gravel-campaign-condition{font-size:17px;line-height:1.45;margin-top:17px;color:var(--green)}
#tm-category .gravel-campaign-condition strong{font-weight:700}
#tm-category .gravel-campaign-range{font-size:10px;color:#60745e;margin-top:11px}
#tm-category .gravel-campaign-link{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:500;line-height:1.5;color:var(--green);border-bottom:1px solid #aac4a5;margin-top:13px;padding-bottom:4px}
#tm-category .gravel-campaign-link svg{width:15px;height:15px}
#tm-category .gravel-campaign-colleague{position:absolute;z-index:2;right:-18px;bottom:-65px;height:480px;width:auto;max-width:none;object-fit:contain}
#tm-category .gravel-campaign-products{position:absolute;left:16px;bottom:15px;width:335px;height:190px;z-index:4;pointer-events:none;mix-blend-mode:multiply}
#tm-category .gravel-campaign-bag{position:absolute;left:0;top:5px;display:flex;align-items:center;gap:7px;font-size:9px;color:#536c4e;z-index:2}
#tm-category .gravel-campaign-bag img{width:54px;height:54px;object-fit:contain;mix-blend-mode:multiply}
#tm-category .gravel-campaign-bag span{max-width:64px;line-height:1.5}
#tm-category .gravel-campaign-mat{position:absolute;overflow:hidden;mix-blend-mode:multiply}
#tm-category .gravel-campaign-mat img{position:absolute;width:100%;height:auto;top:-64%;left:0}
#tm-category .gravel-campaign-white{width:205px;height:132px;left:130px;top:0;transform:rotate(-6deg)}
#tm-category .gravel-campaign-black{width:238px;height:154px;left:68px;top:35px;transform:rotate(5deg)}
#tm-category .gravel-campaign-corner{position:absolute;right:0;bottom:0;width:34px;height:34px;background:var(--orange);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:5}
@media(min-width:901px) and (max-width:1100px){
  #tm-category .hero.hero-gravel-campaign{grid-template-columns:40% 60%}
  #tm-category .hero-gravel-campaign .hero-copy{padding:28px}
  #tm-category .gravel-campaign-copy{padding-left:24px}
  #tm-category .gravel-campaign-copy h2{font-size:35px;letter-spacing:-1.4px}
  #tm-category .gravel-campaign-copy h2 span{font-size:24px}
  #tm-category .gravel-campaign-colleague{right:-34px;height:420px;bottom:-45px}
  #tm-category .gravel-campaign-products{transform:scale(.88);transform-origin:left bottom}
}
@media(max-width:900px){
  #tm-category .hero.hero-gravel-campaign{grid-template-columns:1fr;min-height:0}
  #tm-category .hero-gravel-campaign .hero-copy{padding:25px 24px 26px}
  #tm-category .hero-gravel-campaign h1{font-size:31px}
  #tm-category .hero-gravel-campaign .hero-eyebrow{max-width:none;font-size:8px;margin-bottom:13px}
  #tm-category .hero-gravel-campaign .hero-promise{font-size:13px;margin:13px 0 15px}
  #tm-category .hero-gravel-campaign .hero-benefits{margin-top:14px}
  #tm-category .gravel-campaign{min-height:390px;clip-path:none;border-top:1px solid #e4ece1}
  #tm-category .gravel-campaign-copy{padding:24px 0 0 20px;max-width:62%}
  #tm-category .gravel-campaign-copy h2{font-size:32px;letter-spacing:-1.2px}
  #tm-category .gravel-campaign-copy h2 span{font-size:22px;letter-spacing:-.6px}
  #tm-category .gravel-campaign-condition{font-size:14px;line-height:1.5;margin-top:14px}
  #tm-category .gravel-campaign-range{font-size:8px;margin-top:10px}
  #tm-category .gravel-campaign-link{font-size:9px;gap:5px;margin-top:11px}
  #tm-category .gravel-campaign-link svg{width:12px;height:12px}
  #tm-category .gravel-campaign-colleague{height:350px;bottom:-34px;right:-47px}
  #tm-category .gravel-campaign-products{left:7px;bottom:6px;transform:scale(.6);transform-origin:left bottom}
  #tm-category .gravel-campaign:before{width:270px;height:270px;right:-115px;bottom:-95px}
}
@media(max-width:359px){
  #tm-category .gravel-campaign-copy{padding-left:17px}
  #tm-category .gravel-campaign-copy h2{font-size:28px}
  #tm-category .gravel-campaign-copy h2 span{font-size:20px}
  #tm-category .gravel-campaign-colleague{height:320px;right:-48px;bottom:-25px}
  #tm-category .gravel-campaign-products{transform:scale(.51)}
}

@media(min-width:501px) and (max-width:900px){
  #tm-category .gravel-campaign-copy{padding:30px 0 0 30px}
  #tm-category .gravel-campaign-copy h2{font-size:38px}
  #tm-category .gravel-campaign-copy h2 span{font-size:26px}
  #tm-category .gravel-campaign-condition{font-size:16px}
  #tm-category .gravel-campaign-range{font-size:10px}
  #tm-category .gravel-campaign-link{font-size:11px}
  #tm-category .gravel-campaign-colleague{height:390px;bottom:-40px;right:0}
  #tm-category .gravel-campaign-products{left:20px;bottom:9px;transform:scale(.8)}
}
#tm-category .gravel-campaign-bag{flex-direction:column;align-items:center;gap:4px;width:64px}
#tm-category .gravel-campaign-bag span{max-width:none;white-space:nowrap;text-align:center;line-height:1.2}
#tm-category .gravel-campaign-bag{top:14px}