/* ===== FESFAB — shop-floor design system ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Archivo+Narrow:wght@600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --asphalt:#0E0E0F;
  --asphalt-2:#161617;
  --bone:#F4F1E9;
  --red:#E5482A;
  --red-dark:#B5371E;
  --hazard:#FFC72C;
  --ford:#2A4FB7;
  --steel:#6B6B68;
  --steel-line:#2A2A2C;
  --max:1240px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--asphalt);
  color:var(--bone);
  font-family:'Archivo',system-ui,sans-serif;
  font-size:17px;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--red);color:var(--bone)}

/* hazard tape */
.hazard-tape{
  height:14px;
  background:repeating-linear-gradient(-45deg,var(--hazard) 0 24px,var(--asphalt) 24px 48px);
}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* type */
.display{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:0.92;letter-spacing:0.01em}
.mono{font-family:'JetBrains Mono',monospace}
.narrow{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:0.08em}

.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:0.78rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--red);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--red);display:inline-block}

/* ===== NAV ===== */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(14,14,15,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--steel-line);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  font-family:'Anton',sans-serif;font-size:1.7rem;letter-spacing:0.02em;
  color:var(--bone);text-transform:uppercase;line-height:1;
}
.brand-mark .fab{color:var(--red)}
.brand-tag{
  font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.18em;
  color:var(--steel);text-transform:uppercase;border-left:1px solid var(--steel-line);padding-left:12px;
}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{
  font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:0.1em;
  font-weight:700;font-size:0.92rem;color:var(--bone);transition:color .15s;
}
.nav-links a:hover{color:var(--red)}
.nav-links a.active{color:var(--red)}
.nav-cta{
  background:var(--red);color:var(--bone);padding:11px 20px;
  font-family:'Archivo Narrow',sans-serif;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;font-size:0.9rem;
  border:0;transition:background .15s;
}
.nav-cta:hover{background:var(--red-dark)}
.nav-toggle{display:none;background:none;border:0;color:var(--bone);cursor:pointer;padding:8px}
.nav-toggle svg{width:28px;height:28px}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Archivo Narrow',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:0.08em;font-size:1rem;padding:15px 28px;border:0;cursor:pointer;transition:.15s;
}
.btn-red{background:var(--red);color:var(--bone)}
.btn-red:hover{background:var(--red-dark)}
.btn-bone{background:var(--bone);color:var(--asphalt)}
.btn-bone:hover{background:#fff}
.btn-ghost{background:transparent;color:var(--bone);border:1px solid var(--steel);}
.btn-ghost:hover{border-color:var(--bone);background:rgba(244,241,233,0.05)}
.btn svg{width:18px;height:18px}

/* ===== HERO ===== */
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.15) contrast(1.05)}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,14,15,0.55) 0%,rgba(14,14,15,0.2) 40%,rgba(14,14,15,0.95) 100%);}
.hero-bg::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(14,14,15,0.85) 0%,rgba(14,14,15,0.1) 60%);}
.hero-inner{position:relative;z-index:2;width:100%;padding:0 24px 64px;max-width:var(--max);margin:0 auto}
.hero h1{
  font-family:'Anton',sans-serif;text-transform:uppercase;
  font-size:clamp(3.2rem,9vw,7.5rem);line-height:0.88;letter-spacing:0.005em;
  margin:18px 0;
}
.hero h1 .red{color:var(--red)}
.hero h1 .outline{
  -webkit-text-stroke:2px var(--bone);color:transparent;
}
.hero-sub{font-size:clamp(1.05rem,2vw,1.3rem);max-width:540px;color:#D8D4C9;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-stamp{
  position:absolute;top:104px;right:24px;z-index:2;
  border:2px solid var(--hazard);color:var(--hazard);
  font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.15em;
  padding:8px 14px;transform:rotate(4deg);text-transform:uppercase;
  background:rgba(14,14,15,0.6);
}

/* ===== SECTIONS ===== */
.section{padding:88px 0}
.section-head{margin-bottom:48px;max-width:720px}
.section-head h2{
  font-family:'Anton',sans-serif;text-transform:uppercase;
  font-size:clamp(2.2rem,5vw,3.6rem);line-height:0.95;margin-top:16px;
}
.section-head p{color:#BDB9AE;margin-top:18px;font-size:1.08rem}

/* ===== SERVICE TICKET CARDS ===== */
.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--steel-line)}
.ticket{
  background:var(--asphalt-2);padding:38px 30px;position:relative;
  transition:background .2s;min-height:340px;display:flex;flex-direction:column;
}
.ticket:hover{background:#1d1d1f}
.ticket-no{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:var(--steel);letter-spacing:0.1em}
.ticket-icon{margin:18px 0 22px;color:var(--red)}
.ticket-icon svg{width:46px;height:46px;stroke-width:1.5}
.ticket h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.7rem;line-height:1;margin-bottom:14px}
.ticket p{color:#B0ACA2;font-size:0.98rem;flex-grow:1}
.ticket-link{
  margin-top:22px;font-family:'Archivo Narrow',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:0.08em;color:var(--bone);
  display:inline-flex;align-items:center;gap:8px;transition:gap .15s,color .15s;
}
.ticket:hover .ticket-link{color:var(--red);gap:14px}
.ticket-link svg{width:16px;height:16px}

/* ===== SPLIT / FEATURE ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.split-img{position:relative;min-height:480px}
.split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split-body{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;background:var(--asphalt-2)}
.split-body h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,3rem);line-height:0.95;margin:16px 0 20px}
.split-body p{color:#BDB9AE;margin-bottom:16px}
.split-list{list-style:none;margin:14px 0 28px}
.split-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--steel-line);font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;font-size:1.05rem}
.split-list li svg{width:20px;height:20px;color:var(--red);flex-shrink:0}

/* ===== STAT BAR ===== */
.statbar{background:var(--red);color:var(--bone)}
.statbar-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{padding:42px 24px;text-align:center;border-right:1px solid rgba(244,241,233,0.18)}
.stat:last-child{border-right:0}
.stat-num{font-family:'Anton',sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;margin-top:8px;color:rgba(244,241,233,0.85)}

/* ===== WHY / VALUES ===== */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.valuecard{border:1px solid var(--steel-line);padding:34px 28px;transition:border-color .2s}
.valuecard:hover{border-color:var(--red)}
.valuecard-icon{color:var(--hazard);margin-bottom:18px}
.valuecard-icon svg{width:38px;height:38px;stroke-width:1.5}
.valuecard h3{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.02em;font-size:1.25rem;margin-bottom:12px}
.valuecard p{color:#ADA99F;font-size:0.97rem}

/* ===== CTA BAND ===== */
.cta-band{position:relative;padding:96px 0;text-align:center;overflow:hidden}
.cta-band-bg{position:absolute;inset:0;z-index:0}
.cta-band-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.4) brightness(0.35)}
.cta-band .wrap{position:relative;z-index:2}
.cta-band h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.5rem);line-height:0.92;margin-bottom:22px}
.cta-band h2 .red{color:var(--red)}
.cta-band p{max-width:560px;margin:0 auto 32px;color:#D8D4C9;font-size:1.1rem}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER ===== */
.footer{background:#0a0a0b;border-top:1px solid var(--steel-line);padding:64px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand .brand-mark{font-size:2.2rem}
.footer-brand p{color:#8E8A80;margin-top:16px;max-width:320px;font-size:0.95rem}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--steel);margin-bottom:18px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:11px}
.footer-links a{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:0.06em;font-weight:600;color:#C9C5BB;transition:color .15s}
.footer-links a:hover{color:var(--red)}
.footer-contact a{display:flex;align-items:center;gap:12px;color:#C9C5BB;margin-bottom:14px;font-family:'JetBrains Mono',monospace;font-size:0.92rem;transition:color .15s}
.footer-contact a:hover{color:var(--bone)}
.footer-contact svg{width:18px;height:18px;color:var(--red);flex-shrink:0}
.footer-bottom{border-top:1px solid var(--steel-line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--steel)}

/* ===== PAGE HEADER (interior) ===== */
.pagehead{position:relative;padding:120px 0 70px;overflow:hidden;border-bottom:1px solid var(--steel-line)}
.pagehead-bg{position:absolute;inset:0;z-index:0}
.pagehead-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.3) brightness(0.3)}
.pagehead-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,15,0.7),rgba(14,14,15,0.95))}
.pagehead .wrap{position:relative;z-index:2}
.pagehead h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,8vw,6rem);line-height:0.9;margin:16px 0}
.pagehead h1 .red{color:var(--red)}
.pagehead p{max-width:600px;color:#CFCBC1;font-size:1.1rem}

/* ===== SERVICE DETAIL BLOCKS ===== */
.svc-block{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--steel-line);margin-bottom:2px}
.svc-block.flip .svc-img{order:2}
.svc-img{position:relative;min-height:420px}
.svc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-content{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.svc-content .ticket-no{font-size:1rem;margin-bottom:10px}
.svc-content h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,2.8rem);line-height:0.95;margin-bottom:18px}
.svc-content h2 .red{color:var(--red)}
.svc-content p{color:#BDB9AE;margin-bottom:18px}
.svc-content ul{list-style:none;margin-top:8px}
.svc-content ul li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--steel-line);font-size:0.98rem}
.svc-content ul li svg{width:18px;height:18px;color:var(--hazard);flex-shrink:0;margin-top:3px}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-card{border:1px solid var(--steel-line);padding:38px 34px;margin-bottom:24px}
.contact-card h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.5rem;margin-bottom:18px}
.contact-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.contact-row svg{width:24px;height:24px;color:var(--red);flex-shrink:0;margin-top:2px}
.contact-row .label{font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--steel);margin-bottom:4px}
.contact-row .val{font-size:1.05rem;color:var(--bone)}
.contact-row a.val:hover{color:var(--red)}
.map-embed{border:1px solid var(--steel-line);height:100%;min-height:420px}
.map-embed iframe{width:100%;height:100%;min-height:420px;border:0;filter:grayscale(0.6) invert(0.9) contrast(0.9)}
.hours-table{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:0.9rem}
.hours-table td{padding:11px 0;border-bottom:1px solid var(--steel-line)}
.hours-table td:last-child{text-align:right;color:var(--bone)}
.hours-table td:first-child{color:#ADA99F;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82rem}

/* ===== ABOUT ===== */
.about-lead{font-size:clamp(1.4rem,3vw,2rem);line-height:1.4;font-family:'Archivo',sans-serif;font-weight:600;max-width:880px}
.about-lead .red{color:var(--red)}
.about-img-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:56px 0}
.about-img-row img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(0.2)}
.creed{border-left:3px solid var(--red);padding:8px 0 8px 28px;margin:40px 0}
.creed p{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .nav-links{
    position:fixed;top:72px;left:0;right:0;
    background:var(--asphalt-2);flex-direction:column;align-items:stretch;
    gap:0;padding:8px 24px 24px;border-bottom:1px solid var(--steel-line);
    transform:translateY(-120%);transition:transform .25s;z-index:99;
  }
  .nav-links.open{transform:translateY(0)}
  .nav-links a{padding:16px 0;border-bottom:1px solid var(--steel-line);font-size:1.1rem}
  .nav-links .nav-cta{margin-top:14px;text-align:center}
  .nav-toggle{display:block}
  .tickets{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split-img{min-height:320px}
  .split-body{padding:48px 28px}
  .split-body.flip-mobile{order:2}
  .statbar-inner{grid-template-columns:1fr 1fr}
  .stat{border-bottom:1px solid rgba(244,241,233,0.18)}
  .stat:nth-child(2){border-right:0}
  .grid3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .svc-block,.svc-block.flip{grid-template-columns:1fr}
  .svc-block.flip .svc-img{order:0}
  .svc-content{padding:40px 28px}
  .contact-grid{grid-template-columns:1fr}
  .about-img-row{grid-template-columns:1fr}
  .section{padding:64px 0}
}
@media(max-width:480px){
  body{font-size:16px}
  .hero{min-height:80vh}
  .statbar-inner{grid-template-columns:1fr}
  .stat{border-right:0}
}

/* ===== ANIMATED LOGO BUILD ===== */
/* each letter stamps in like it's being assembled */
.brand-mark .ch{
  display:inline-block;
  opacity:0;
  transform:translateY(-14px) rotate(-8deg) scale(0.6);
  animation:stamp 0.42s cubic-bezier(0.2,0.9,0.3,1.3) forwards;
}
.brand-mark .ch.f1{animation-delay:0.05s}
.brand-mark .ch.f2{animation-delay:0.13s}
.brand-mark .ch.f3{animation-delay:0.21s}
.brand-mark .ch.b1{animation-delay:0.33s}
.brand-mark .ch.b2{animation-delay:0.41s}
.brand-mark .ch.b3{animation-delay:0.49s}
/* a spark/weld flash sweeps the FAB as it locks in */
.brand-mark .fab{position:relative}
.brand-mark .fab::after{
  content:"";position:absolute;left:-6%;top:0;width:0%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,199,44,0.9),transparent);
  animation:weld 0.5s ease-out 0.52s forwards;
  pointer-events:none;mix-blend-mode:screen;
}
@keyframes stamp{
  0%{opacity:0;transform:translateY(-14px) rotate(-8deg) scale(0.6)}
  60%{opacity:1;transform:translateY(2px) rotate(1deg) scale(1.06)}
  100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}
}
@keyframes weld{
  0%{width:0%;left:-6%}
  50%{width:35%}
  100%{width:0%;left:106%}
}
/* footer logo: build once on scroll-in, lighter touch (no replay loop) */
.footer .brand-mark .ch{animation-duration:0.4s}

/* ===== HERO H1 — ROLLING MOTION ===== */
/* TEXAS TRUCKS drift in from the left like they're driving onto the page */
.hero h1 .roll-in{
  display:inline-block;
  opacity:0;
  transform:translateX(-60px);
  animation:driveIn 0.7s cubic-bezier(0.16,1,0.3,1) forwards;
}
.hero h1 .roll-in.l2{animation-delay:0.15s}
@keyframes driveIn{
  to{opacity:1;transform:translateX(0)}
}
/* ROLLING: letters tumble in sequence, then a continuous subtle road-shimmer */
.roll-word{display:inline-flex;overflow:visible}
.roll-word .rl{
  display:inline-block;
  opacity:0;
  transform:translateY(-120%) rotate(-90deg);
  transform-origin:center bottom;
  animation:tumbleIn 0.5s cubic-bezier(0.34,1.4,0.5,1) forwards;
}
.hero h1 .roll-word .rl{
  -webkit-text-stroke:2px var(--bone);color:transparent;
}
@keyframes tumbleIn{
  0%{opacity:0;transform:translateY(-120%) rotate(-90deg)}
  70%{opacity:1;transform:translateY(8%) rotate(6deg)}
  100%{opacity:1;transform:translateY(0) rotate(0)}
}
/* road line that streaks under ROLLING and keeps moving */
.roll-underline{
  position:relative;display:inline-block;
}
.roll-underline::after{
  content:"";position:absolute;left:0;bottom:-0.12em;height:6px;width:100%;
  background:repeating-linear-gradient(90deg,var(--hazard) 0 22px,transparent 22px 44px);
  opacity:0;
  animation:roadFade 0.4s ease 1.2s forwards, roadMove 0.9s linear 1.2s infinite;
  background-size:44px 6px;
}
@keyframes roadFade{to{opacity:1}}
@keyframes roadMove{from{background-position:0 0}to{background-position:44px 0}}

/* respect reduced motion across all of the above */
@media(prefers-reduced-motion:reduce){
  .brand-mark .ch,.hero h1 .roll-in,.roll-word .rl{
    animation:none!important;opacity:1!important;transform:none!important;
  }
  .brand-mark .fab::after,.roll-underline::after{animation:none!important}
  .roll-underline::after{opacity:1}
  .hero h1 .roll-word .rl{-webkit-text-stroke:2px var(--bone);color:transparent}
}

/* ROLLING per-letter tumble stagger (starts after TEXAS/TRUCKS drive in) */
.roll-word .rl:nth-child(1){animation-delay:0.45s}
.roll-word .rl:nth-child(2){animation-delay:0.55s}
.roll-word .rl:nth-child(3){animation-delay:0.65s}
.roll-word .rl:nth-child(4){animation-delay:0.75s}
.roll-word .rl:nth-child(5){animation-delay:0.85s}
.roll-word .rl:nth-child(6){animation-delay:0.95s}
.roll-word .rl:nth-child(7){animation-delay:1.05s}

/* footer logo waits until scrolled into view */
.footer .brand-mark .ch{animation-play-state:paused}
.footer .brand-mark.in-view .ch{animation-play-state:running}
.footer .brand-mark.in-view .fab::after{animation-play-state:running}
.footer .brand-mark:not(.in-view) .fab::after{animation-play-state:paused}

/* footer-bottom link (sitemap) */
.footer-bottom a{color:var(--steel);transition:color .15s}
.footer-bottom a:hover{color:var(--red)}
.footer-bottom .fb-mid{display:flex;gap:18px}

/* ===== SITEMAP PAGE ===== */
.sitemap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--steel-line);border:1px solid var(--steel-line)}
.sitemap-col{background:var(--asphalt-2);padding:40px 36px}
.sitemap-col h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.7rem;line-height:1;margin-bottom:8px}
.sitemap-col .col-no{font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:0.14em;color:var(--steel);display:block;margin-bottom:18px}
.sitemap-links{list-style:none}
.sitemap-links li{border-bottom:1px solid var(--steel-line)}
.sitemap-links li:last-child{border-bottom:0}
.sitemap-links a{
  display:flex;align-items:baseline;gap:14px;padding:16px 0;
  font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:0.05em;
  font-weight:700;font-size:1.15rem;color:var(--bone);transition:color .15s,padding-left .15s;
}
.sitemap-links a:hover{color:var(--red);padding-left:8px}
.sitemap-links a .sl-no{font-family:'JetBrains Mono',monospace;font-size:0.8rem;font-weight:400;color:var(--red);letter-spacing:0.08em;flex-shrink:0}
.sitemap-links a .sl-desc{display:block;font-family:'Archivo',sans-serif;text-transform:none;letter-spacing:0;font-weight:400;font-size:0.9rem;color:#9A968C;margin-top:4px}
.sitemap-links a .sl-text{display:flex;flex-direction:column}
.sitemap-meta{margin-top:48px;border:1px solid var(--steel-line);padding:32px 36px}
.sitemap-meta h3{font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--steel);margin-bottom:18px}
.sitemap-meta a{display:inline-flex;align-items:center;gap:8px;color:#C9C5BB;font-family:'JetBrains Mono',monospace;font-size:0.9rem;margin-right:28px;transition:color .15s}
.sitemap-meta a:hover{color:var(--red)}
@media(max-width:900px){.sitemap-grid{grid-template-columns:1fr}}