/* Automotive editorial layout for the first three homepage sections. */
.auto-symbols{position:absolute;overflow:hidden;pointer-events:none}
.auto-icon{width:36px;height:36px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.automotive-ticker{padding:20px 0;overflow:hidden}
.automotive-ticker .ticker-track{display:flex;gap:0;width:max-content;animation:automotive-ribbon 44s linear infinite}
.ticker-group{display:flex;align-items:center;gap:0;flex:none}
.ticker-item{display:flex;align-items:center;gap:17px;padding-right:68px;white-space:nowrap;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.35px}
.ticker-item .auto-icon{width:40px;height:40px;stroke-width:2.2}
@keyframes automotive-ribbon{to{transform:translateX(-50%)}}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.home-section-heading h2{font-size:clamp(42px,4.2vw,62px);line-height:1.02;letter-spacing:-.4px}
.home-section-heading .eyebrow{margin-bottom:19px}
.home-section-heading>p{max-width:320px;margin:0 0 3px;font-size:16px;line-height:1.75;color:#b8c0b9}
.signature-services{background:#111512;padding-top:84px;padding-bottom:68px}
.signature-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.service-feature{border-radius:20px;overflow:hidden;min-width:0}
.remap-feature{background:#1c221d}
.service-feature-photo{position:relative;height:250px;overflow:hidden;background:#242a24}
.service-feature-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block;transition:transform .65s ease}
.service-feature:hover .service-feature-photo>img{transform:scale(1.025)}
.service-feature-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080d0d80);pointer-events:none}
.service-photo-label{position:absolute;z-index:1;bottom:22px;left:30px;color:#fff;letter-spacing:1.5px;font-size:10px;font-weight:600}
.service-feature-icon{position:absolute;z-index:1;right:27px;bottom:-1px;padding:17px;border-radius:16px 16px 0 0;background:#1c221d;color:var(--green)}
.service-feature-icon .auto-icon{width:36px;height:36px}
.service-feature-copy{padding:29px 32px 30px}
.feature-kicker{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.5;margin:0 0 12px;color:var(--green)}
.service-feature h3{font-family:var(--font-display);font-size:62px;line-height:.96;text-transform:uppercase;letter-spacing:-.4px;margin:0 0 17px}
.service-feature-copy .feature-subtitle{color:#f3f5f0;font-size:19px;font-weight:600;margin:0 0 11px;line-height:1.4}
.service-feature-copy>p:not(.feature-kicker):not(.feature-subtitle){font-size:15px;line-height:1.7;color:#bcc5bd;max-width:440px;margin:0 0 17px}
.feature-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:14px;line-height:1.5;font-weight:600;color:#f4f6f0}
.feature-link>span{display:grid;place-items:center;flex:none;border-radius:50%;width:42px;height:42px;background:var(--green);color:#10200c;font-size:23px;transition:transform .25s,background .25s}
.feature-link:hover>span{transform:rotate(45deg);background:#91ff69}
.feature-link:hover{color:var(--green)}
.oil-feature{display:flex;flex-direction:column;padding:35px 36px 30px;background:#eaf0e4;color:#172015}
.oil-feature-heading{position:relative;min-height:199px}
.oil-feature .feature-kicker{color:#516149}
.oil-feature h3{font-size:67px;position:relative;z-index:1;margin-top:21px}
.oil-illustration{position:absolute;right:-4px;top:12px;color:#53773f;transform:rotate(-9deg)}
.oil-illustration .auto-icon{width:143px;height:143px;stroke-width:1.5}
.oil-feature-intro{font-size:20px;line-height:1.45;font-weight:500;margin:15px 0 25px;max-width:340px}
.oil-applications{margin:0 0 22px}
.oil-applications>div{display:flex;align-items:center;gap:18px;border-top:1px solid #182d1926;padding:21px 0}
.oil-applications .auto-icon{width:37px;height:37px;color:#517142}
.oil-applications h4{font-size:17px;font-weight:600;line-height:1.3;margin:0 0 5px}
.oil-applications p{color:#56634f;font-size:14px;line-height:1.5;margin:0}
.oil-feature .feature-link{margin-top:auto;color:#172015}
.oil-feature .feature-link>span{background:#172015;color:var(--green)}
.oil-feature .feature-link:hover{color:#3d7124}
.oil-feature .feature-link:hover>span{background:#344b29}
.services-discover{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:31px}
.services-discover>p{font-size:17px;line-height:1.5;margin:0;color:#e5eae2;font-weight:500}
.services-discover>p>span{display:block;font-size:14px;color:#aab5ab;font-weight:400;margin-top:4px}
.services-discover>.button,.showcase-footer>.button{background:transparent;border:1px solid #a6b4a04d;color:#f0f4ec;font-size:13px;min-height:52px;flex-shrink:0;padding:10px 17px 10px 23px}
.services-discover>.button>span,.showcase-footer>.button>span{color:var(--green)}
.services-discover>.button:hover,.showcase-footer>.button:hover{background:#263222;border-color:#8eaa80}
.cicco-about{display:grid;grid-template-columns:1.07fr 1fr;gap:7%;align-items:center;padding-top:100px;padding-bottom:100px}
.cicco-about-media{position:relative;min-width:0}
.cicco-about-media .project-photo{height:580px;border-radius:20px;isolation:isolate}
.cicco-about-media .project-photo img{object-position:50% 51%}
.workshop-location{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:12px;border-radius:13px;padding:14px 18px;background:#0e1714eb;color:#f2f5ed;pointer-events:none}
.workshop-location .auto-icon{width:29px;height:29px;color:var(--green)}
.workshop-location>span{font-size:8px;line-height:1.6;letter-spacing:1.5px;color:#c1cdbd}
.workshop-location strong{display:block;color:#fff;font-size:17px;letter-spacing:0;font-weight:600}
.workshop-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5;letter-spacing:1.2px;padding:17px 1px 0;color:#d3dccf}
.workshop-caption>span+span{color:#93a08f;font-size:9px}
.cicco-about-copy .eyebrow{margin-bottom:23px}
.cicco-about-copy h2{font-size:clamp(40px,3.9vw,57px);line-height:1.04;letter-spacing:-.35px;margin:0 0 25px}
.cicco-about-copy .about-lead{font-size:21px;font-weight:500;line-height:1.5;color:#eef1ea;margin:0 0 15px}
.cicco-about-copy>p:not(.eyebrow):not(.about-lead){font-size:16px;line-height:1.75;color:#b9c1b7;margin:0;max-width:475px}
.engineer-directory{margin-top:29px}
.engineer-directory>p{font-size:9px;line-height:1.5;letter-spacing:1.5px;color:#9fab9b;margin:0 0 13px}
.engineer-directory>a{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:8px;background:#171d18;border-radius:13px;transition:background .2s;min-height:78px}
.engineer-directory>a:hover{background:#253022}
.engineer-monogram{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#2a3526;border-radius:50%;font-size:12px;font-weight:600;letter-spacing:.4px;color:#cce9bc}
.engineer-directory strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:#f4f6ef}
.engineer-directory small{display:block;font-size:12px;line-height:1.6;color:#aebaaa}
.engineer-directory>a>span:last-child{margin-left:auto;font-size:24px;color:var(--green)}
.about-visit{display:inline-flex;align-items:center;gap:23px;min-height:48px;margin-top:14px;font-size:14px;font-weight:600}
.about-visit>span{font-size:23px;color:var(--green)}
.about-visit:hover{color:var(--green)}
.cicco-showcase{padding-top:84px;padding-bottom:78px;background:#111512}
.showcase-grid{display:grid;grid-template-columns:1.14fr 1fr;grid-template-rows:repeat(2,250px);gap:20px}
.showcase-card{min-width:0;border-radius:18px;overflow:hidden;background:#1c221d}
.showcase-main{grid-row:span 2;display:flex;flex-direction:column}
.showcase-image{position:relative;flex:1;min-height:315px}
.showcase-image .project-photo{height:100%;min-height:315px;border-radius:0}
.showcase-image img{object-position:53% center}
.showcase-tag{position:absolute;top:21px;left:22px;background:#101810df;color:#edfae5;border-radius:999px;padding:9px 13px;font-size:9px;letter-spacing:1.3px;font-weight:600;pointer-events:none}
.showcase-main-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 29px 23px}
.showcase-main-copy>div{flex:1}
.showcase-card h3{font-family:var(--font-display);text-transform:uppercase;font-weight:600;line-height:1.02;letter-spacing:-.25px;margin:0 0 12px;font-size:38px}
.showcase-main-copy .feature-link{font-size:13px;gap:12px;justify-content:flex-start}
.showcase-main-copy .feature-link>span{width:30px;height:30px;background:transparent;color:var(--green);font-size:23px}
.marea-power{flex:none;text-align:right;margin:0;max-width:132px}
.marea-power>strong{font:700 74px/.95 var(--font-display);letter-spacing:-2px;color:var(--green);display:block}
.marea-power>strong>span{font-size:38px;vertical-align:top;line-height:1.1;letter-spacing:0}
.marea-power>span{display:block;font-size:11px;line-height:1.7;letter-spacing:1.2px;margin-top:10px;color:#b6c0b2}
.showcase-compact{display:grid;grid-template-columns:1.05fr 1fr;min-height:247px}
.showcase-compact .project-photo{height:100%;min-height:247px;border-radius:0}
.showcase-compact .project-photo img{object-position:50% 58%}
.showcase-compact:last-child .project-photo img{object-position:72% 56%}
.showcase-compact-copy{padding:23px 23px 19px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.showcase-compact-copy>.auto-icon{color:#77966c;width:28px;height:28px;margin-bottom:17px}
.showcase-compact-copy .feature-kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:8px}
.showcase-compact h3{font-size:30px}
.showcase-compact-copy>p:not(.feature-kicker){font-size:13px;line-height:1.6;color:#b9c2b6;margin:0 0 15px}
.showcase-compact .feature-link{font-size:12px;width:100%;min-height:34px;margin-top:auto;gap:9px}
.showcase-compact .feature-link>span{width:28px;height:28px;background:transparent;color:var(--green);font-size:22px}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}
.showcase-footer>p{font-size:14px;color:#a8b5a5;line-height:1.7;margin:0}
.showcase-footer>p>strong{font-size:16px;color:#eef2e8;font-weight:500}
@media(min-width:1600px){.service-feature-photo{height:285px}.service-feature-copy{padding:32px 38px}.oil-feature{padding:39px 42px}.oil-illustration .auto-icon{width:175px;height:175px}.cicco-about-media .project-photo{height:650px}.showcase-grid{grid-template-rows:repeat(2,270px)}.showcase-image,.showcase-image .project-photo{min-height:355px}.showcase-compact{min-height:270px}}
@media(max-width:1100px){.service-feature h3{font-size:56px}.oil-feature h3{font-size:61px}.oil-illustration{right:-5px;top:22px}.oil-illustration .auto-icon{width:105px;height:105px}.oil-feature{padding:30px}.service-feature-copy{padding:27px}.cicco-about{gap:5%}.cicco-about-copy h2{font-size:43px}.cicco-about-media .project-photo{height:600px}.showcase-grid{grid-template-columns:1.1fr 1fr;gap:17px}.showcase-compact{grid-template-columns:.85fr 1fr}.showcase-compact-copy{padding:22px 18px 18px}.showcase-compact h3{font-size:28px}.showcase-main-copy{padding:25px 22px;gap:14px}.showcase-main-copy h3{font-size:33px}.marea-power>strong{font-size:65px}.marea-power{max-width:110px}}
@media(max-width:900px){.home-section-heading{gap:28px}.home-section-heading h2{font-size:44px}.home-section-heading>p{font-size:14px;max-width:250px}.signature-services-grid{gap:20px}.service-feature-photo{height:215px}.oil-feature{padding:28px}.oil-feature-heading{min-height:181px}.oil-illustration{top:43px;right:-8px}.oil-illustration .auto-icon{width:85px;height:85px}.oil-feature-intro{font-size:18px}.oil-applications>div{gap:14px}.oil-applications h4{font-size:16px}.oil-applications p{font-size:13px}.cicco-about{gap:5%;grid-template-columns:.95fr 1fr}.cicco-about-copy h2{font-size:39px}.cicco-about-copy .about-lead{font-size:19px}.cicco-about-copy>p:not(.eyebrow):not(.about-lead){font-size:15px}.workshop-caption{display:block}.workshop-caption>span{display:block;margin-top:3px}.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.showcase-main{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1.35fr 1fr}.showcase-image,.showcase-image .project-photo{min-height:285px}.showcase-main-copy{display:block;align-self:center;padding:28px}.marea-power{text-align:left;max-width:none;margin-top:23px}.marea-power>strong{font-size:67px}.marea-power>span{max-width:180px}.showcase-compact{grid-template-columns:1fr}.showcase-compact .project-photo{height:220px;min-height:0}.showcase-compact-copy{padding:24px}.showcase-compact-copy>.auto-icon{display:none}.showcase-compact h3{font-size:32px}.showcase-compact-copy>p:not(.feature-kicker){font-size:14px}.showcase-compact .feature-link{font-size:13px}}
@media(max-width:720px){.automotive-ticker{padding:15px 0}.ticker-item{font-size:19px;gap:13px;padding-right:39px}.ticker-item .auto-icon{width:32px;height:32px}.signature-services,.cicco-showcase{padding-top:58px;padding-bottom:48px}.home-section-heading{display:block;margin-bottom:28px}.home-section-heading h2{font-size:42px}.home-section-heading .eyebrow{font-size:9px;margin-bottom:17px}.home-section-heading>p{font-size:15px;line-height:1.65;max-width:330px;margin:19px 0 0}.signature-services-grid{grid-template-columns:1fr;gap:22px}.service-feature{border-radius:17px}.service-feature-photo{height:auto;aspect-ratio:1.65}.service-feature-copy{padding:26px}.service-feature h3{font-size:57px}.service-feature-copy .feature-subtitle{font-size:18px}.service-feature-copy>p:not(.feature-kicker):not(.feature-subtitle){font-size:15px}.service-photo-label{left:23px;bottom:20px;font-size:9px}.service-feature-icon{right:21px;padding:14px}.feature-link{font-size:14px}.oil-feature{padding:29px 26px 24px}.oil-feature h3{font-size:65px}.oil-feature-heading{min-height:184px}.oil-illustration{right:0;top:23px}.oil-illustration .auto-icon{width:113px;height:113px}.oil-feature-intro{font-size:20px;margin:0 0 23px}.oil-applications{margin-bottom:16px}.oil-applications>div{padding:19px 0;gap:17px}.oil-applications h4{font-size:17px}.oil-applications p{font-size:14px}.services-discover,.showcase-footer{display:block;margin-top:27px}.services-discover>p{font-size:16px}.services-discover>p>span{font-size:14px;max-width:290px}.services-discover>.button,.showcase-footer>.button{margin-top:20px;font-size:13px;min-height:50px}.cicco-about{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:60px}.cicco-about-copy{grid-row:1}.cicco-about-copy h2{font-size:44px;line-height:1.04;margin-bottom:23px}.cicco-about-copy .about-lead{font-size:21px}.cicco-about-copy>p:not(.eyebrow):not(.about-lead){font-size:16px;line-height:1.75}.cicco-about-copy .eyebrow{margin-bottom:18px}.engineer-directory{margin-top:25px}.engineer-directory>a{min-height:79px;padding:15px 16px}.engineer-directory strong{font-size:16px}.engineer-directory small{font-size:12px}.about-visit{font-size:14px}.cicco-about-media .project-photo{height:auto;aspect-ratio:1.04;border-radius:17px}.cicco-about-media .project-photo img{object-position:50% 53%}.workshop-location{left:16px;top:16px;padding:10px 13px;gap:8px}.workshop-location strong{font-size:15px}.workshop-location .auto-icon{width:25px;height:25px}.workshop-caption{display:flex;font-size:9px;gap:12px;padding-top:12px}.workshop-caption>span{margin:0}.workshop-caption>span+span{font-size:8px;text-align:right}.showcase-grid{grid-template-columns:1fr;gap:22px}.showcase-main{display:flex;grid-column:auto}.showcase-image,.showcase-image .project-photo{min-height:0;height:auto;aspect-ratio:1.45}.showcase-main-copy{width:100%;display:flex;padding:25px 24px 22px;gap:15px}.showcase-main-copy h3{font-size:34px}.showcase-main-copy .feature-kicker{font-size:9px}.marea-power{max-width:102px;text-align:right;margin:0}.marea-power>strong{font-size:60px}.marea-power>strong>span{font-size:31px}.marea-power>span{font-size:7px;letter-spacing:.8px;margin-top:9px}.showcase-main-copy .feature-link{font-size:12px;gap:7px}.showcase-compact{grid-template-columns:1fr 1fr;min-height:220px}.showcase-compact .project-photo{height:100%;min-height:220px}.showcase-compact-copy{padding:23px 18px 17px}.showcase-compact-copy>.auto-icon{display:block;width:27px;height:27px;margin-bottom:15px}.showcase-compact h3{font-size:28px}.showcase-compact-copy .feature-kicker{font-size:8px}.showcase-compact-copy>p:not(.feature-kicker){font-size:13px;line-height:1.55;margin-bottom:12px}.showcase-compact .feature-link{font-size:12px}.showcase-tag{left:17px;top:17px;font-size:8px;padding:8px 11px}.showcase-footer>p{font-size:14px}.showcase-footer>p>strong{font-size:16px}}
@media(max-width:380px){.home-section-heading h2{font-size:36px}.service-feature-copy{padding:23px}.oil-feature{padding:26px 23px 23px}.oil-illustration .auto-icon{width:88px;height:88px}.oil-illustration{top:44px;right:-2px}.oil-feature h3{font-size:59px}.cicco-about-copy h2{font-size:38px}.showcase-main-copy{padding:23px 20px;gap:10px}.showcase-main-copy h3{font-size:30px}.marea-power{max-width:85px}.marea-power>strong{font-size:51px}.marea-power>strong>span{font-size:27px}.showcase-compact-copy{padding:20px 14px 17px}.showcase-compact h3{font-size:25px}.showcase-compact-copy>p:not(.feature-kicker){font-size:12px}.showcase-compact .feature-link{font-size:11px}.engineer-directory>p{font-size:8px;letter-spacing:1px}}
.motion-paused .automotive-ticker .ticker-track{animation-play-state:paused}
@media(max-width:720px){.marea-power>span{font-size:10px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.automotive-ticker .ticker-track{animation:none}.service-feature-photo>img,.feature-link>span{transition:none}}