:root{
  --bg:#050a0f;
  --bg-soft:#0a131c;
  --panel:#0c1721;
  --panel-2:#101e2a;
  --line:#29404f;
  --text:#f5f7f8;
  --muted:#a9b5bd;
  --orange:#ff6a00;
  --orange-2:#ff8b2b;
  --shadow:0 25px 70px rgba(0,0,0,.45);
  --radius:22px;
  --container:1460px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 5%,rgba(255,106,0,.08),transparent 24rem),
    linear-gradient(180deg,#050a0f 0%,#08111a 45%,#050a0f 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-60px;background:white;color:black;padding:10px 16px;z-index:9999;border-radius:8px}
.skip-link:focus{top:16px}
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(3,8,13,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav-wrap{height:82px;display:flex;align-items:center;gap:30px}
.brand{display:grid;line-height:.84;min-width:150px}
.brand-main{font-family:Oswald,sans-serif;font-size:2.3rem;font-weight:700;font-style:italic;letter-spacing:-.04em}
.brand-sub{font-size:.72rem;font-weight:900;letter-spacing:.23em;color:var(--orange);padding-left:4px}
.main-nav{display:flex;align-items:center;gap:34px;margin-inline:auto}
.main-nav a{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#e9eef1;position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:.25s}
.main-nav a:hover::after,.main-nav a:focus-visible::after{right:0}
.phone-button,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:10px;font-weight:800;transition:.2s ease;
}
.phone-button{background:linear-gradient(135deg,var(--orange),#d94b00);padding:13px 18px;box-shadow:0 10px 30px rgba(255,106,0,.23)}
.phone-button:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:white;margin:5px 0}

.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(2,7,11,.18),rgba(2,7,11,.78) 42%,rgba(2,7,11,.92)),
    repeating-linear-gradient(90deg,transparent 0 124px,rgba(255,255,255,.018) 125px 126px);
  pointer-events:none;
}
.hero-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(255,106,0,.13);filter:blur(120px);left:-120px;top:50px}
.hero-grid{
  position:relative;z-index:2;
  min-height:760px;
  display:grid;
  grid-template-columns:1.05fr 1.1fr .95fr;
  align-items:center;
  gap:34px;
  padding-block:50px;
}
.mascot-stage{height:100%;min-height:690px;position:relative;overflow:hidden;border-radius:0 0 20px 0}
.mascot-stage::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#06101a 92%)}
.mascot{
  position:absolute;
  left:-4%;
  bottom:-11%;
  width:min(520px,110%);
  filter:saturate(.92) contrast(1.06) drop-shadow(0 35px 48px rgba(0,0,0,.55));
  z-index:3;
}
.garage-lines{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 25%),
    repeating-linear-gradient(0deg,transparent 0 80px,rgba(255,255,255,.028) 81px 82px);
  opacity:.65;
}
.vehicle-shape{
  position:absolute;left:-23%;bottom:8%;width:64%;height:45%;border-radius:45% 52% 16% 10%;
  background:linear-gradient(135deg,#263542,#080d12 65%);
  transform:skewY(-5deg);
  box-shadow:inset -30px 0 80px rgba(255,255,255,.06),0 30px 80px rgba(0,0,0,.55);
  z-index:2;
}
.hero-copy{padding:20px 0}
.eyebrow{margin:0 0 14px;color:var(--orange);font-size:.84rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
h1,h2,h3{margin-top:0;line-height:1.1}
h1{
  font-family:Oswald,sans-serif;
  font-size:clamp(3rem,5vw,5.35rem);
  letter-spacing:-.02em;
  text-transform:uppercase;
  margin-bottom:20px;
}
h1 span{color:var(--orange)}
.hero-text{font-size:1.08rem;color:#d1d8dd;max-width:730px}
.hero-points{display:flex;gap:0;margin:36px 0 32px}
.point{display:flex;align-items:center;gap:12px;padding:0 24px;border-left:1px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:800;text-transform:uppercase}
.point:first-child{padding-left:0;border-left:0}
.point-icon{font-size:2rem;color:var(--orange)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{padding:14px 22px;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--orange),#e44f00);color:white;box-shadow:0 14px 34px rgba(255,106,0,.2)}
.btn-secondary{border-color:#415665;background:rgba(255,255,255,.03)}
.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}
.quote-card{
  background:linear-gradient(180deg,rgba(12,23,33,.95),rgba(7,16,24,.97));
  border:1px solid #334b5a;
  box-shadow:var(--shadow);
  border-radius:var(--radius);
  padding:28px;
}
.quote-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:800;margin:0 0 8px}
.quote-card h2{font-size:1.9rem;text-transform:uppercase;margin-bottom:10px}
.quote-card h2 span{color:var(--orange)}
.quote-heading>p:last-child{color:#c7d0d6;font-size:.92rem;margin-bottom:22px}
.quote-form{display:grid;gap:12px}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-form label>span{display:block;font-size:.76rem;font-weight:800;color:#d8e0e5;margin:0 0 6px}
.quote-form input,.quote-form textarea,.quote-form select{
  width:100%;
  color:white;
  background:#07111a;
  border:1px solid #2b414f;
  border-radius:9px;
  padding:12px 13px;
  outline:none;
}
.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.12)}
.quote-form textarea{resize:vertical;min-height:92px}
.upload-zone{
  border:1px dashed #506877;
  border-radius:12px;
  min-height:105px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:14px;
  background:rgba(255,255,255,.02);
}
.upload-zone:hover{border-color:var(--orange)}
.upload-zone input{padding:8px;border:0;background:transparent;font-size:.76rem}
.upload-zone strong{display:block}
.upload-zone small{color:var(--muted)}
.upload-icon{font-size:1.6rem!important;color:var(--orange)!important}
.consent{display:flex!important;align-items:flex-start;gap:9px;font-size:.72rem;color:var(--muted)}
.consent input{width:auto;margin-top:3px}
.consent span{margin:0!important;font-weight:500!important;color:var(--muted)!important}
.btn-submit{width:100%;border:0;font-size:.93rem;text-transform:uppercase}
.legal-note{font-size:.7rem;color:#93a2ac;margin:2px 0 0}
.honeypot{position:absolute!important;left:-9999px!important}
.success-message{background:rgba(37,190,109,.12);border:1px solid rgba(37,190,109,.45);padding:12px;border-radius:9px;color:#c9f7dd;font-size:.82rem}

.section{padding:90px 0}
.section-heading{max-width:800px;margin-bottom:36px}
.section-heading h2{font-family:Oswald,sans-serif;font-size:clamp(2.1rem,4vw,3.5rem);text-transform:uppercase}
.services-section{background:linear-gradient(180deg,#08121b,#0a141d)}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-card{
  min-height:250px;
  display:grid;
  grid-template-columns:42% 58%;
  background:linear-gradient(135deg,#0a151f,#0d1a25);
  border:1px solid #2d4554;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
.service-visual{position:relative;overflow:hidden;background:#070c11}
.service-visual::before,.service-visual::after{content:"";position:absolute}
.headlight::before{width:75%;height:44%;left:12%;top:26%;border:8px solid #8aa1ae;border-radius:55% 25% 55% 25%;transform:rotate(-8deg);box-shadow:0 0 28px rgba(219,239,255,.4),inset 0 0 24px rgba(255,255,255,.24)}
.headlight::after{width:40%;height:18%;left:28%;top:39%;border-radius:50%;background:linear-gradient(90deg,#eefaff,#596d79);box-shadow:0 0 25px rgba(229,246,255,.78)}
.bumper::before{width:95%;height:55%;left:5%;top:22%;background:linear-gradient(150deg,#283744,#070c11 72%);clip-path:polygon(0 0,100% 12%,83% 87%,18% 100%)}
.bumper::after{width:48%;height:9%;right:8%;top:50%;background:#ab1f13;border-radius:30px;box-shadow:0 0 18px rgba(255,57,38,.55)}
.shine{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.12) 48%,transparent 58%);transform:translateX(-50%);animation:shine 5s infinite}
@keyframes shine{50%,100%{transform:translateX(80%)}}
.service-content{padding:34px;align-self:center}
.service-icon{font-size:2.1rem;color:var(--orange)}
.service-content h3{font-size:1.35rem;text-transform:uppercase;margin:12px 0}
.service-content p{color:var(--muted);margin:0}
.info-band{
  margin-top:24px;padding:22px 28px;
  border:1px solid rgba(255,106,0,.45);
  border-radius:15px;
  display:flex;align-items:center;justify-content:center;gap:16px;
  background:rgba(255,106,0,.035);
  text-align:center;
}
.info-band p{margin:0;font-size:.92rem;text-transform:uppercase;letter-spacing:.03em}
.info-icon{color:var(--orange);font-size:1.7rem}

.gallery-section{background:#060c12}
.split-heading{display:flex;justify-content:space-between;align-items:end;max-width:none}
.split-heading>p{max-width:500px;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-placeholder{
  margin:0;min-height:260px;position:relative;overflow:hidden;
  border-radius:16px;border:1px solid #2d4452;
  background:
    radial-gradient(circle at 30% 30%,rgba(255,106,0,.15),transparent 25%),
    linear-gradient(135deg,#101d27,#081019);
}
.gallery-placeholder::before{content:"Ajoutez votre photo";position:absolute;inset:0;display:grid;place-items:center;color:#78909f;font-weight:800}
.gallery-placeholder figcaption{position:absolute;left:16px;bottom:14px;font-size:.86rem;font-weight:800}
.placeholder-label{position:absolute;right:12px;top:12px;z-index:2;background:var(--orange);padding:5px 9px;border-radius:6px;font-size:.68rem;font-weight:900;text-transform:uppercase}

.about-section{background:linear-gradient(180deg,#0a141d,#081018)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.about-grid h2{font-family:Oswald,sans-serif;font-size:clamp(2.2rem,4vw,3.7rem);text-transform:uppercase}
.about-copy{font-size:1.08rem;color:#c5cfd5}
.about-copy p:first-child{margin-top:0}

.contact-section{background:#050a0f}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.contact-card,.qr-card{border:1px solid #2a414f;border-radius:20px;background:linear-gradient(135deg,#0c1721,#071018);padding:34px}
.contact-card h2{font-family:Oswald,sans-serif;font-size:3rem;text-transform:uppercase}
.contact-links{display:grid;gap:9px;margin:24px 0}
.contact-links a{color:#d6e0e6}
.contact-links a:hover{color:var(--orange)}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.qr-card{display:flex;align-items:center;gap:26px}
.qr-card img{width:170px;border-radius:10px;background:white;padding:8px}
.qr-card h3{font-size:1.4rem}
.qr-card p{color:var(--muted)}

.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#03070a;padding:28px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.site-footer p{margin:4px 0 0;color:var(--muted);font-size:.84rem}
.footer-links{display:flex;gap:18px;font-size:.82rem}
.footer-links a:hover{color:var(--orange)}
.footer-meta{display:flex;justify-content:flex-end;gap:18px;color:var(--muted);font-size:.8rem}

.legal-page{min-height:100vh;padding:70px 0;background:#071018}
.legal-container{width:min(calc(100% - 40px),900px);margin:auto}
.legal-container h1{font-size:3rem}
.legal-container h2{margin-top:34px;color:var(--orange)}
.legal-container p,.legal-container li{color:#c7d0d5}
.notice{background:rgba(255,106,0,.08);border:1px solid rgba(255,106,0,.35);padding:16px;border-radius:12px}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:.9fr 1.1fr;min-height:auto}
  .mascot-stage{grid-row:1 / span 2;min-height:820px}
  .quote-card{grid-column:2}
  .main-nav{gap:18px}
  .phone-button{display:none}
}
@media (max-width:860px){
  .nav-wrap{height:72px}
  .menu-toggle{display:block;margin-left:auto}
  .main-nav{
    position:absolute;left:20px;right:20px;top:72px;
    display:none;flex-direction:column;align-items:stretch;
    background:#071018;border:1px solid #2a414f;border-radius:14px;padding:18px;
  }
  .main-nav.open{display:flex}
  .hero-grid{grid-template-columns:1fr;padding-top:18px}
  .mascot-stage{min-height:440px;grid-row:auto}
  .mascot{width:390px;left:50%;transform:translateX(-50%);bottom:-22%}
  .vehicle-shape{left:-10%;width:55%;height:42%}
  .hero-copy{text-align:center}
  .hero-text{margin-inline:auto}
  .hero-points,.hero-actions{justify-content:center}
  .quote-card{grid-column:auto}
  .service-grid,.gallery-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .service-card{grid-template-columns:1fr}
  .service-visual{min-height:190px}
  .split-heading{display:block}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-links,.footer-meta{justify-content:center}
}
@media (max-width:560px){
  .container{width:min(calc(100% - 24px),var(--container))}
  h1{font-size:2.75rem}
  .mascot-stage{min-height:380px}
  .mascot{width:330px}
  .hero-points{display:grid;grid-template-columns:1fr}
  .point{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:14px 0;justify-content:center}
  .point:first-child{border-top:0}
  .form-row.two{grid-template-columns:1fr}
  .quote-card{padding:20px}
  .section{padding:68px 0}
  .gallery-grid{grid-template-columns:1fr}
  .qr-card{flex-direction:column;text-align:center}
  .contact-actions,.hero-actions{display:grid}
}


h1{max-width:11.5ch}
.hero-copy h1::after{
  content:"";
  display:block;
  width:118px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),transparent);
  margin-top:18px;
}
@media (max-width:860px){
  .hero-copy h1::after{margin-inline:auto}
}

/* Improved service visuals */
.service-visual{
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(160deg,#131d26 0%, #0a1016 58%, #05090d 100%);
}
.headlight::before{
  width:78%;height:46%;left:9%;top:24%;
  border:6px solid rgba(176,200,214,.78);
  border-right-width:10px;
  border-radius:68% 22% 50% 18% / 76% 34% 64% 24%;
  transform:rotate(-6deg);
  box-shadow:
    0 0 32px rgba(224,245,255,.24),
    inset 0 0 24px rgba(255,255,255,.18),
    inset -18px 0 28px rgba(255,255,255,.06);
}
.headlight::after{
  width:43%;height:16%;left:29%;top:42%;
  background:linear-gradient(90deg, rgba(246,251,255,.95), rgba(137,170,189,.5));
  border-radius:999px;
  box-shadow:0 0 24px rgba(228,246,255,.7);
}
.headlight .shine::before,
.bumper .shine::before{
  content:"";
  position:absolute;
}
.headlight .shine::before{
  width:34%;height:2px;left:54%;top:44%;
  background:linear-gradient(90deg,rgba(255,255,255,.9),transparent);
  box-shadow:0 8px 0 rgba(255,255,255,.55),0 -8px 0 rgba(255,255,255,.55);
}
.bumper::before{
  width:96%;height:60%;left:2%;top:20%;
  background:linear-gradient(155deg,#334451 0%, #171f26 36%, #070c11 78%);
  clip-path:polygon(0 18%,13% 8%,100% 18%,90% 82%,18% 100%,0 76%);
  box-shadow:inset 0 0 30px rgba(255,255,255,.05), 0 18px 35px rgba(0,0,0,.35);
}
.bumper::after{
  width:34%;height:10%;right:10%;top:49%;
  background:linear-gradient(90deg,#d52b16,#7e0b07);
  border-radius:999px;
  box-shadow:0 0 18px rgba(255,57,38,.58);
}
.bumper .shine::before{
  width:65%;height:2px;left:16%;top:36%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
}


.bodywork::before{
  width:94%;height:58%;left:3%;top:20%;
  background:
    linear-gradient(155deg,#3c4d59 0%,#202b33 33%,#0a0f14 78%);
  clip-path:polygon(4% 28%,18% 10%,82% 6%,98% 26%,91% 76%,72% 91%,21% 94%,5% 72%);
  box-shadow:inset 0 0 34px rgba(255,255,255,.06),0 20px 40px rgba(0,0,0,.4);
}
.bodywork::after{
  width:52%;height:6%;left:24%;top:49%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,106,0,.9),transparent);
  box-shadow:0 0 18px rgba(255,106,0,.45);
}
.bodywork .shine::before{
  content:"";
  position:absolute;
  width:62%;height:2px;left:19%;top:35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
}


.gallery-item{
  margin:0;
  min-height:260px;
  position:relative;
  overflow:hidden;
  border-radius:16px;
  border:1px solid #2d4452;
  background:linear-gradient(135deg,#101d27,#081019);
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}
.gallery-item::before{content:none}
.gallery-media{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  aspect-ratio:4/5;
  background:#020508;
}
.gallery-item figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:34px 16px 14px;
  font-size:.86rem;
  font-weight:800;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(2,7,11,.9) 55%, rgba(2,7,11,.98));
}
.gallery-item video::-webkit-media-controls-panel{background:rgba(5,10,15,.72)}
.media-card:hover{transform:translateY(-2px);transition:.2s ease}


/* Hero title clean version */
.hero-branding-clean{margin-bottom:18px}
.hero-clean-title{
  margin:0;
  font-family:Oswald,sans-serif;
  font-size:clamp(1.8rem,2.55vw,3rem);
  line-height:1.04;
  letter-spacing:.015em;
  text-transform:uppercase;
  display:grid;
  gap:7px;
  max-width:none;
}
.hero-clean-title .clean-title-white{color:#fff}
.hero-clean-title .clean-title-orange{color:var(--orange)}
.hero-mini-subtitle{
  margin:11px 0 0;
  color:#d7e0e6;
  font-size:.98rem;
  font-weight:700;
  letter-spacing:.025em;
}
.hero-copy h1::after{display:none}
.hero-text{margin-top:18px}
@media (min-width:1181px){
  .hero-copy{padding-left:8px}
}
@media (max-width:860px){
  .hero-branding-clean,.hero-clean-title,.hero-mini-subtitle{text-align:center}
}


/* Ajustement de l'espace en haut du bloc principal */
@media (min-width:1181px){
  .hero-grid{
    align-items:start;
    padding-top:26px;
    padding-bottom:42px;
  }
  .hero-copy{
    padding-top:34px;
    margin-top:0;
  }
  .quote-card{
    margin-top:0;
  }
}
@media (min-width:861px) and (max-width:1180px){
  .hero-grid{align-items:start;padding-top:24px}
  .hero-copy{padding-top:28px}
  .quote-card{margin-top:0}
}


/* --- Three service cards --- */
.service-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-service-card{grid-template-columns:1fr;min-height:390px}
.compact-service-card .service-visual{min-height:170px}
.compact-service-card .service-content{padding:26px}
.compact-service-card .service-content h3{min-height:2.7em}

/* Wheel visual */
.wheel::before{
  width:132px;height:132px;left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at center,#0a1117 0 16%,transparent 17%),
    conic-gradient(from 9deg,
      #9eacb5 0 7deg,transparent 7deg 28deg,
      #9eacb5 28deg 35deg,transparent 35deg 56deg,
      #9eacb5 56deg 63deg,transparent 63deg 84deg,
      #9eacb5 84deg 91deg,transparent 91deg 112deg,
      #9eacb5 112deg 119deg,transparent 119deg 140deg,
      #9eacb5 140deg 147deg,transparent 147deg 168deg,
      #9eacb5 168deg 175deg,transparent 175deg 196deg,
      #9eacb5 196deg 203deg,transparent 203deg 224deg,
      #9eacb5 224deg 231deg,transparent 231deg 252deg,
      #9eacb5 252deg 259deg,transparent 259deg 280deg,
      #9eacb5 280deg 287deg,transparent 287deg 308deg,
      #9eacb5 308deg 315deg,transparent 315deg 336deg,
      #9eacb5 336deg 343deg,transparent 343deg 360deg);
  border:15px solid #151d24;
  box-shadow:0 0 0 3px #495964,0 0 30px rgba(255,255,255,.12), inset 0 0 18px rgba(255,255,255,.15);
}
.wheel::after{
  width:30px;height:30px;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:50%;background:var(--orange);box-shadow:0 0 18px rgba(255,106,0,.48);
}

/* Specific projects */
.special-projects{
  margin-top:28px;
  padding:22px 24px;
  border:1px solid rgba(255,106,0,.42);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,106,0,.07),rgba(255,255,255,.02));
}
.special-projects-kicker{
  margin:0 0 6px!important;
  color:var(--orange);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.special-projects h3{margin:0 0 9px;font-size:1.25rem;text-transform:uppercase}
.special-projects p:last-child{margin:0;color:#c7d0d5;font-size:.95rem}

@media (max-width:1100px){
  .service-grid-three{grid-template-columns:1fr 1fr}
  .service-grid-three .compact-service-card:last-child{grid-column:1/-1}
}
@media (max-width:700px){
  .service-grid-three{grid-template-columns:1fr}
  .service-grid-three .compact-service-card:last-child{grid-column:auto}
  .compact-service-card{min-height:auto}
}