:root{
  --came-accent:#d9ff47;
  --came-blue:#0069b4;
  --came-ink:#111411;
  --came-night:#0d100e;
  --came-panel:#171b17;
  --came-mist:#f1f3ef;
  --came-line:#d9ddd5;
  --came-muted:#687067;
  --came-white:#fbfcf8;
  --came-max:1500px;
}
html{background:var(--came-white);scroll-padding-top:96px}
body{background:var(--came-white);color:var(--came-ink);overflow-x:hidden}
.site-header{background:rgba(13,16,14,.96);border-bottom:1px solid #31372f}
.nav-wrap{max-width:var(--came-max);gap:18px;padding-inline:24px}
.competence-brand img{width:142px}
.came-logo-shell{background:#fff;border-radius:4px;padding:5px 10px;align-items:center;justify-content:center;min-width:118px;min-height:42px;position:relative}
.came-logo{width:96px;height:25px;object-fit:contain}
.came-logo-shell .dealer-status{position:absolute;left:0;top:calc(100% + 5px);font-size:8px;color:#aeb5aa;pointer-events:none}
.site-header nav{gap:22px}
.site-header nav a{font-size:13px;letter-spacing:.01em}
.btn{background:var(--came-accent);color:var(--came-ink);border-radius:2px;min-height:48px;padding:14px 22px;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}
.btn:hover{background:#e4ff7b;box-shadow:0 12px 32px rgba(217,255,71,.18)}
.btn-light{background:var(--came-white)}
.ghost-link{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:750;text-decoration:none;border-bottom:1px solid currentColor;padding:11px 0}
.came-home{background:var(--came-white)}
.road-hero{height:min(840px,calc(100vh - 76px));min-height:650px;position:relative;display:flex;align-items:flex-end;color:var(--came-white);isolation:isolate}
.road-hero-media,.road-hero-overlay{position:absolute;inset:0}
.road-hero-media{z-index:-2;background:#1b211c}
.road-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.88) contrast(1.05)}
.road-hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,10,8,.92) 0%,rgba(7,10,8,.65) 43%,rgba(7,10,8,.12) 75%),linear-gradient(0deg,rgba(7,10,8,.65),transparent 55%)}
.road-hero-copy{width:min(920px,calc(100% - 48px));margin:0 max(24px,calc((100vw - var(--came-max))/2 + 24px)) 82px}
.road-hero .eyebrow,.engineering-band .eyebrow,.project-cta .eyebrow{color:var(--came-accent)!important}
.road-hero h1{font-size:clamp(58px,7.8vw,126px);line-height:.82;letter-spacing:-.072em;margin:20px 0 30px;max-width:9ch;text-wrap:balance}
.road-hero-copy>p:not(.eyebrow){font-size:clamp(18px,1.55vw,24px);line-height:1.42;max-width:58ch;color:#d7dbd4;margin:0}
.road-hero .hero-actions{margin-top:36px;color:#fff}
.hero-index{position:absolute;right:max(24px,calc((100vw - var(--came-max))/2 + 24px));bottom:42px;display:flex;align-items:center;gap:12px;color:#d9ddd6;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.hero-index i{display:block;width:74px;height:1px;background:rgba(255,255,255,.45)}
.trust-rail{max-width:var(--came-max);margin:auto;padding:18px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-inline:1px solid var(--came-line);border-bottom:1px solid var(--came-line)}
.trust-rail span{font-size:12px;font-weight:680;text-transform:uppercase;letter-spacing:.055em;padding:5px 20px;border-left:1px solid var(--came-line)}
.trust-rail span:first-child{border-left:0;padding-left:0}
.section-wide,.engineering-band,.expert-related{max-width:var(--came-max);margin:auto;padding:120px 24px}
.section-kicker{display:grid;grid-template-columns:180px minmax(0,720px) minmax(220px,1fr);gap:40px;align-items:start;margin-bottom:58px}
.section-kicker>span{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--came-muted);padding-top:10px}
.section-kicker h2{font-size:clamp(44px,5vw,78px);line-height:.94;letter-spacing:-.055em;margin:0;text-wrap:balance}
.section-kicker p{font-size:17px;line-height:1.55;color:var(--came-muted);margin:6px 0 0;max-width:44ch}
.route-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:420px 420px;gap:14px}
.route-card{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:var(--came-night);min-height:360px}
.route-card-main{grid-row:span 2}
.route-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.route-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,11,9,.88),rgba(8,11,9,.03) 72%)}
.route-card:hover img{transform:scale(1.035);filter:saturate(1.06)}
.route-card>div{position:absolute;left:30px;right:30px;bottom:28px}
.route-card small{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--came-accent)}
.route-card h3{font-size:clamp(30px,3.2vw,58px);line-height:.95;letter-spacing:-.045em;margin:12px 0}
.route-card p{max-width:44ch;color:#d7dbd4;line-height:1.5;margin:0 0 18px}
.route-card b{font-size:13px}
.route-number{position:absolute;top:24px;right:24px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.route-card-dark img{filter:saturate(.6) brightness(.72)}
.engineering-band{max-width:none;background:var(--came-night);color:var(--came-white);padding-inline:max(24px,calc((100vw - var(--came-max))/2 + 24px));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;position:relative}
.engineering-statement h2{font-size:clamp(44px,5vw,78px);line-height:.96;letter-spacing:-.055em;margin:20px 0;position:sticky;top:120px}
.engineering-steps{list-style:none;margin:0;padding:0;border-top:1px solid #394038}
.engineering-steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #394038}
.engineering-steps li>span{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--came-accent)}
.engineering-steps h3{font-size:24px;margin:0 0 8px}
.engineering-steps p{color:#afb6ad;line-height:1.55;max-width:56ch;margin:0}
.engineering-link{position:absolute;left:max(24px,calc((100vw - var(--came-max))/2 + 24px));bottom:120px;color:var(--came-white);text-decoration:none;font-weight:750;border-bottom:1px solid #737b70;padding-bottom:9px}
.engineering-link span{color:var(--came-accent);margin-left:16px}
.catalog-preview.section{max-width:var(--came-max);padding:120px 24px}
.catalog-preview .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-preview .product-card{border-color:var(--came-line);box-shadow:none}
.catalog-preview .product-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(18,24,18,.09)}
.catalog-all{display:flex;justify-content:space-between;align-items:center;text-decoration:none;margin-top:14px;background:var(--came-accent);padding:22px 24px;font-weight:800;font-size:17px}
.catalog-all span{font-size:24px}
.project-cta{max-width:calc(var(--came-max) - 48px);margin:0 auto 24px;padding:74px 70px;background:var(--came-blue);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}
.project-cta h2{font-size:clamp(44px,5vw,78px);line-height:.94;letter-spacing:-.055em;margin:18px 0}
.project-cta p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:65ch;color:#dceaf5}

/* Expertise and solution pages */
.expert-page{background:var(--came-white)}
.expert-hero{max-width:var(--came-max);margin:auto;min-height:700px;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--came-night);color:#fff}
.expert-hero-copy{padding:72px 58px;display:flex;flex-direction:column;justify-content:flex-end}
.expert-hero-copy,.expert-hero figure{min-width:0}
.expert-hero-copy .breadcrumbs a{color:#fff}
.expert-hero-copy .eyebrow{color:var(--came-accent)!important;margin-top:auto}
.expert-hero h1{font-size:clamp(48px,5.8vw,88px);line-height:.91;letter-spacing:-.06em;margin:20px 0 26px;text-wrap:balance}
.expert-hero-copy>p:not(.eyebrow,.breadcrumbs){font-size:18px;line-height:1.55;color:#c2c8c0;max-width:52ch}
.expert-hero figure{margin:0;min-height:600px;overflow:hidden}
.expert-hero figure img{width:100%;height:100%;object-fit:cover}
.expert-layout{max-width:var(--came-max);margin:auto;padding:96px 24px 130px;display:grid;grid-template-columns:280px minmax(0,850px);gap:110px;justify-content:center}
.expert-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--came-line)}
.expert-nav>span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--came-muted);padding:16px 0}
.expert-nav a{padding:13px 0;border-top:1px solid var(--came-line);text-decoration:none;font-size:13px;line-height:1.35}
.expert-nav a:hover{color:var(--came-blue)}
.expert-nav .expert-nav-cta{margin-top:20px;padding:16px;background:var(--came-ink);color:#fff;border:0}
.expert-intro{font-size:clamp(24px,2.6vw,38px);line-height:1.28;letter-spacing:-.028em;margin:0 0 100px}
.expert-section{display:grid;grid-template-columns:70px 1fr;gap:32px;padding:64px 0;border-top:1px solid var(--came-line)}
.expert-section-index{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--came-blue);padding-top:8px}
.expert-section h2{font-size:clamp(30px,3.2vw,50px);line-height:1.02;letter-spacing:-.04em;margin:0 0 26px;text-wrap:balance}
.expert-section p,.expert-section li{font-size:17px;line-height:1.68;color:#4f574f}
.expert-section ul{padding-left:20px}
.expert-note{margin-top:34px;padding:24px;border-left:3px solid var(--came-accent);background:var(--came-mist)}
.expert-note p{margin-bottom:0}
.expert-related{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px;border-top:1px solid var(--came-line);padding-top:80px}
.expert-related h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.045em;margin:10px 0}
.expert-related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--came-line)}
.expert-related-grid a{min-height:220px;padding:24px;display:flex;flex-direction:column;text-decoration:none;border-right:1px solid var(--came-line);border-bottom:1px solid var(--came-line)}
.expert-related-grid small{font-size:11px;color:var(--came-muted)}
.expert-related-grid strong{font-size:23px;line-height:1.1;margin:18px 0}
.expert-related-grid span{margin-top:auto;color:var(--came-blue);font-weight:700;font-size:13px}

/* Catalog and product refinements */
.catalog-hero-visual{max-width:var(--came-max);display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;padding-top:70px}
.catalog-hero-visual figure{margin:0;height:330px;background:var(--came-mist);overflow:hidden}
.catalog-hero-visual figure img{width:100%;height:100%;object-fit:cover}
.catalog-layout{max-width:var(--came-max)}
.catalog-toolbar{min-height:42px;align-items:center}
.product-main-image{border:0;background:#fff;width:100%;cursor:zoom-in;padding:0}
.product-gallery{display:grid;grid-template-columns:1fr 88px;gap:12px;align-items:stretch;padding:20px}
.product-main-image img{height:530px}
.product-thumbnails{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:530px}
.product-thumbnails button{border:1px solid var(--came-line);background:#fff;padding:4px;cursor:zoom-in;min-height:72px}
.product-thumbnails img{height:62px;object-fit:contain}
.media-lightbox{width:min(1100px,calc(100% - 32px));height:min(850px,calc(100% - 32px));border:0;padding:52px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.36)}
.media-lightbox::backdrop{background:rgba(5,8,6,.88)}
.media-lightbox img{width:100%;height:100%;object-fit:contain}
.media-lightbox-close{position:absolute;top:14px;right:14px;border:0;background:var(--came-ink);color:#fff;padding:10px 14px;cursor:pointer}

/* Motion is progressive enhancement: content remains visible without JS. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(26px)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}
.motion-ready .engineering-steps [data-reveal]:nth-child(2){transition-delay:.07s}
.motion-ready .engineering-steps [data-reveal]:nth-child(3){transition-delay:.14s}
.motion-ready .engineering-steps [data-reveal]:nth-child(4){transition-delay:.21s}

@media(max-width:1180px){
  .site-header nav{display:none}.menu{display:block}.site-header.menu-open{height:76px}.site-header.menu-open nav{display:flex}
  .road-hero h1{font-size:clamp(58px,10vw,96px)}
  .section-kicker{grid-template-columns:130px 1fr}.section-kicker p{grid-column:2}
  .engineering-band{grid-template-columns:1fr;gap:56px}.engineering-statement h2{position:static}.engineering-link{position:static;grid-column:1;margin-top:12px}
  .expert-hero{grid-template-columns:1fr;min-height:0}.expert-hero-copy{min-height:580px}.expert-hero figure{min-height:480px;max-height:580px}
  .expert-layout{grid-template-columns:220px minmax(0,1fr);gap:60px}
  .header-phone{display:none}
}
@media(max-width:820px){
  .road-hero{min-height:660px;height:calc(100svh - 66px)}.road-hero-copy{margin-bottom:70px}.road-hero-overlay{background:linear-gradient(0deg,rgba(7,10,8,.92) 0%,rgba(7,10,8,.4) 74%)}.hero-index{display:none}
  .trust-rail{grid-template-columns:1fr 1fr}.trust-rail span:nth-child(3){border-left:0}
  .section-wide,.engineering-band,.expert-related{padding-top:84px;padding-bottom:84px}
  .section-kicker{grid-template-columns:1fr;gap:16px}.section-kicker p{grid-column:auto}.route-mosaic{grid-template-columns:1fr;grid-template-rows:repeat(4,400px)}.route-card-main{grid-row:auto}
  .catalog-preview .product-grid{grid-template-columns:repeat(2,1fr)}
  .project-cta{padding:52px 32px;align-items:flex-start;flex-direction:column}
  .expert-layout{grid-template-columns:1fr;padding-top:54px}.expert-nav{position:static;display:none}.expert-intro{margin-bottom:64px}
  .expert-related{grid-template-columns:1fr;gap:34px}.expert-related-grid{grid-template-columns:1fr}
  .catalog-hero-visual{grid-template-columns:1fr}.catalog-hero-visual figure{height:280px}
}
@media(max-width:640px){
  .site-header.menu-open{height:66px}.nav-wrap{padding-inline:14px}.competence-brand img{width:104px}.brand-divider{display:none}.came-logo-shell{min-width:74px;min-height:34px;padding:4px 7px}.came-logo{width:61px;height:20px}.came-logo-shell .dealer-status{display:none}
  .road-hero-copy{width:calc(100% - 32px);margin-inline:16px}.road-hero h1{font-size:clamp(52px,17vw,72px)}.road-hero-copy>p:not(.eyebrow){font-size:17px}.road-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:14px}
  .trust-rail{margin:0 16px;grid-template-columns:1fr}.trust-rail span{border-left:0;border-top:1px solid var(--came-line);padding:12px 0}.trust-rail span:first-child{border-top:0}
  .section-wide,.engineering-band,.expert-related{padding-inline:16px}.section-kicker h2{font-size:44px}.route-mosaic{grid-template-rows:repeat(4,340px)}.route-card>div{left:20px;right:20px;bottom:20px}.route-card h3{font-size:34px}
  .engineering-band{padding-inline:16px}.engineering-statement h2{font-size:44px}.engineering-steps li{grid-template-columns:42px 1fr}.engineering-link{font-size:14px}
  .catalog-preview.section{padding:84px 16px}.catalog-preview .product-grid{grid-template-columns:1fr}
  .project-cta{margin:0 16px 16px;padding:44px 24px}.project-cta h2{font-size:44px}
  .expert-hero-copy{padding:46px 20px;min-height:570px;width:100%}.expert-hero h1{font-size:44px;overflow-wrap:anywhere}.expert-hero figure{min-height:340px;width:100%}.expert-layout{padding:56px 16px 84px}.expert-intro{font-size:25px}.expert-section{grid-template-columns:1fr;gap:12px;padding:48px 0}.expert-section h2{font-size:34px}.expert-section p,.expert-section li{font-size:16px}.expert-related-grid a{min-height:170px}
  .catalog-hero-visual{padding-inline:16px}.catalog-hero-visual figure{height:220px}.product-gallery{grid-template-columns:1fr;padding:10px}.product-thumbnails{flex-direction:row;max-height:none}.product-thumbnails button{min-width:74px}.media-lightbox{padding:42px 12px 12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.motion-ready [data-reveal]{opacity:1;transform:none}.route-card img{transition:none}.route-card:hover img{transform:none}
}