/* Client refinements shared by the home and services pages. */
.hero-dyno-label{position:absolute;z-index:4;left:7%;bottom:20%;display:flex;align-items:center;gap:12px;color:#fff;text-shadow:0 2px 12px #000;pointer-events:none}
.hero-dyno-label .auto-icon{width:34px;height:34px;stroke-width:2.2}
.hero-dyno-label small{display:block;font:600 9px/1.4 var(--font-body);letter-spacing:1.3px;margin-bottom:3px}
.hero-dyno-label strong{display:block;font:700 clamp(25px,2.5vw,40px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.4px}
.hero-instagram{position:absolute;z-index:5;right:7%;bottom:19%;width:56px;height:56px;display:grid;place-items:center;background:var(--green);color:#10220c;border-radius:50%;transition:background .2s,transform .2s;box-shadow:0 5px 20px #0003}
.hero-instagram{overflow:hidden}
.hero-instagram .cicco-social-mark{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.05)}
.hero-instagram:hover{background:#96ff72;transform:translateY(-3px)}
.hero-instagram:focus-visible{outline:3px solid #fff;outline-offset:5px}

.page-home .oil-feature,.page-catalog .catalog-services .oil-feature{background:linear-gradient(140deg,#1f4b29,#142e1d 70%);color:#fff;padding:34px;box-shadow:inset 0 4px 0 var(--green)}
.page-catalog .catalog-services .oil-feature:hover{background:linear-gradient(140deg,#1f4b29,#142e1d 70%)}
.page-home .oil-feature .feature-kicker,.page-catalog .catalog-services .oil-feature .feature-kicker{color:#a9ff83;font-size:10px;letter-spacing:1.7px}
.page-home .oil-feature h3,.page-catalog .catalog-services .oil-feature h3{color:#fff;font-size:68px;margin:18px 0 14px}
.oil-feature .oil-feature-heading{min-height:172px}
.oil-feature .oil-illustration{color:#a9ff83;top:35px;right:0;transform:rotate(-9deg)}
.oil-feature .oil-illustration .auto-icon{width:105px;height:105px;stroke-width:1.7}
.page-home .oil-feature-intro,.page-catalog .catalog-services .oil-feature-intro{color:#e1eddf;font-size:18px;line-height:1.5;margin:7px 0 23px;font-weight:400}
.oil-feature .oil-applications{display:grid;gap:12px;margin:0 0 23px}
.oil-feature .oil-applications>div{background:var(--green);color:#12230c;border:0;border-radius:12px;padding:21px 20px;gap:16px;min-height:100px}
.oil-feature .oil-applications>div+div{background:#d2f5c1}
.oil-feature .oil-applications .auto-icon{color:#153b0c;width:36px;height:36px;stroke-width:2.3}
.oil-feature .oil-applications h4{color:#102608;font:700 22px/1.15 var(--font-body);letter-spacing:-.4px;margin:0 0 7px}
.page-home .oil-applications p,.page-catalog .catalog-services .oil-applications p{color:#28471d;font-size:14px;line-height:1.4;margin:0}
.page-home .oil-feature .feature-link,.page-catalog .catalog-services .oil-feature .feature-link{color:#fff;font-size:15px;font-weight:700;min-height:56px;margin-top:auto}
.oil-feature .feature-link>span{background:#fff;color:#183d16;width:44px;height:44px}
.oil-feature .feature-link:hover>span{background:var(--green);color:#153b0c}

.services-discover{display:block;margin-top:30px}
.services-discover-link{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--green);color:#10200b;border-radius:14px;padding:30px 34px;min-height:142px;transition:background .2s,transform .2s}
.discover-copy{display:block;min-width:0}
.discover-copy small{display:block;font:700 10px/1.4 var(--font-body);letter-spacing:1.5px;margin-bottom:10px}
.discover-copy strong{display:block;font:700 30px/1.15 var(--font-body);letter-spacing:-.6px}
.discover-copy>span{display:block;font:500 15px/1.5 var(--font-body);margin-top:9px;color:#29451d}
.discover-arrow{display:grid;place-items:center;width:66px;height:66px;flex:none;background:#14320f;color:#fff;border-radius:12px;transition:transform .2s}
.discover-arrow .link-arrow{width:30px;height:30px}
.services-discover-link:hover{background:#86ff59;transform:translateY(-2px)}
.services-discover-link:hover .discover-arrow{transform:translate(2px,-2px)}
.services-discover-link:focus-visible{outline:3px solid #fff;outline-offset:5px}

.page-catalog .catalog-intro .back-link{background:#244b28;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 23px;border-radius:12px;min-height:58px;font:700 16px/1.35 var(--font-body);margin:0 0 33px;transition:background .2s}
.catalog-intro .back-link>span{display:grid;place-items:center;color:#a9ff83}
.catalog-intro .back-link .link-arrow{width:24px;height:24px}
.page-catalog .catalog-intro .back-link:hover{background:#326738;color:#fff}

@media(min-width:721px) and (max-width:1050px){
  .page-home .oil-feature,.page-catalog .catalog-services .oil-feature{padding:27px}
  .oil-feature .oil-illustration .auto-icon{width:75px;height:75px}
  .page-home .oil-feature h3,.page-catalog .catalog-services .oil-feature h3{font-size:59px}
  .oil-feature .oil-applications>div{padding:18px 14px;gap:12px}
  .oil-feature .oil-applications h4{font-size:19px}
  .oil-feature .oil-applications .auto-icon{width:30px;height:30px}
}
@media(max-width:720px){
  .hero-dyno-label{left:6%;bottom:24%;gap:8px}
  .hero-dyno-label .auto-icon{width:27px;height:27px}
  .hero-dyno-label small{font-size:7px;letter-spacing:.8px}
  .hero-dyno-label strong{font-size:26px}
  .hero-instagram{width:50px;height:50px;right:6%;bottom:23%}
  .page-home .oil-feature,.page-catalog .catalog-services .oil-feature{padding:29px 25px 24px}
  .page-home .oil-feature h3,.page-catalog .catalog-services .oil-feature h3{font-size:65px}
  .oil-feature .oil-feature-heading{min-height:169px}
  .oil-feature .oil-illustration{top:36px;right:0}
  .oil-feature .oil-illustration .auto-icon{width:90px;height:90px}
  .page-home .oil-feature-intro,.page-catalog .catalog-services .oil-feature-intro{font-size:18px;margin:8px 0 23px}
  .oil-feature .oil-applications>div{padding:20px 16px;gap:13px}
  .oil-feature .oil-applications h4{font-size:22px}
  .oil-feature .oil-applications .auto-icon{width:31px;height:31px}
  .services-discover-link{min-height:158px;padding:24px 21px;gap:16px;border-radius:13px}
  .discover-copy small{font-size:8px;letter-spacing:.9px;margin-bottom:10px}
  .discover-copy strong{font-size:24px;line-height:1.2;letter-spacing:-.5px}
  .discover-copy>span{font-size:14px;line-height:1.5;margin-top:9px;max-width:235px}
  .discover-arrow{width:48px;height:55px;border-radius:9px}
  .discover-arrow .link-arrow{width:26px;height:26px}
  .page-catalog .catalog-intro .back-link{width:100%;max-width:360px;min-height:60px;font-size:17px;padding:16px;margin-bottom:30px}
}
@media(max-width:380px){
  .hero-dyno-label strong{font-size:23px}
  .page-home .oil-feature,.page-catalog .catalog-services .oil-feature{padding:27px 20px 23px}
  .page-home .oil-feature h3,.page-catalog .catalog-services .oil-feature h3{font-size:59px}
  .oil-feature .oil-illustration .auto-icon{width:70px;height:70px}
  .oil-feature .oil-applications h4{font-size:20px}
  .oil-feature .oil-applications>div{gap:10px;padding:18px 13px}
  .oil-feature .oil-applications .auto-icon{width:28px;height:28px}
  .discover-copy strong{font-size:21px}
  .services-discover-link{padding:22px 18px;gap:12px}
  .discover-arrow{width:42px;height:50px}
  .page-catalog .catalog-intro .back-link{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-instagram,.services-discover-link,.discover-arrow{transition:none}}