/* FlushDryer. Parker design system */
:root{--bg:#1A1A1A;--accent:#F97316;--soft:#FEF3C7;--ink:#78716C;--muted:#78716Cb8;--line:#F5F5F5;--deep:#78716C;--display:"Arial Narrow", Arial, sans-serif;--body:system-ui,-apple-system,sans-serif;--radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1120px,92vw);margin:auto}.header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.logo svg{width:38px;height:38px;color:var(--accent)}.navlinks{display:flex;align-items:center;gap:18px;font-size:.92rem}.navlinks a:hover{color:var(--accent)}.button{display:inline-block;background:var(--accent);color:var(--bg);padding:11px 17px;border-radius:999px;font-weight:700}.button.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{padding:92px 0 72px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:end}.hero h1,h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.03em}h1{font-size:clamp(2.7rem,7vw,5.6rem);margin:12px 0}h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 14px}h3{font-size:1.35rem;margin:0 0 7px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--accent)}.lede{font-size:1.15rem;color:var(--muted);max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.media{overflow:hidden;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line)}.media img{width:100%;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply}.section{padding:72px 0}.section.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 36px #0002}.card .media{margin:-22px -22px 20px;border:0;border-radius:var(--radius) var(--radius) 0 0}.card .media img{aspect-ratio:16/10}.meta{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800}.pagehead{padding:70px 0 32px}.prose{max-width:720px}.prose p+p{margin-top:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.list{display:grid;gap:10px}.list div{padding:15px 0;border-bottom:1px solid var(--line)}.footer{background:var(--deep);color:var(--bg);padding:52px 0 22px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px}.footer a{color:var(--bg);opacity:.9}.footer small{opacity:.65}.footer-bottom{border-top:1px solid #ffffff33;margin-top:32px;padding-top:16px}.legal{font-size:.9rem;opacity:.85}@media(max-width:800px){.hero-grid,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.navlinks{gap:10px;font-size:.8rem}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.navlinks a:nth-child(-n+3){display:none}.grid{grid-template-columns:1fr}.hero{padding-top:56px}.section{padding:52px 0}}


/* Remote AM.CO.ZA review cards (fetch live JSON) */
.reviews-band .testimonials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (max-width: 900px) {
  .reviews-band .testimonials { grid-template-columns: 1fr; }
}
.reviews-band .testimonial,
.bd-review {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.25rem;
}
.bd-review-top {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.bd-review-photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  background: var(--line);
}
.bd-review-meta { min-width: 0; flex: 1; }
.bd-review .who { margin: 0; color: var(--ink); }
.bd-review-date {
  display: block;
  font-size: 0.78rem;
  color: var(--muted);
  margin-top: 0.15rem;
}
.bd-review-stars {
  margin: 0.25rem 0 0;
  color: var(--accent);
  letter-spacing: 0.08em;
  font-size: 0.95rem;
  line-height: 1;
}
.bd-review-title {
  margin: 0;
  font-family: var(--display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--ink);
}
.bd-review blockquote {
  margin: 0;
  flex: 1;
  color: var(--ink);
}
.bd-review-link {
  margin-top: auto;
  font-size: 0.85rem;
  font-weight: 550;
  color: var(--accent);
  text-decoration: none;
}
.bd-review-link:hover { text-decoration: underline; }
.reviews-band .eyebrow { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.75rem; color: var(--muted); }
.reviews-band .muted { color: var(--muted); }

/* ========== Background video system (Parker fleet hero) ========== */
.hero-video-wrap,
.section-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #0a0a12;
}
.bg-video,
.bg-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bg-video {
  z-index: 1;
  transform: scale(1.04);
}
.bg-video-poster {
  z-index: 0;
  display: none;
}
.hero-video-wrap .bg-video {
  filter: saturate(1.05) brightness(0.92);
}
.hero .hero-overlay { z-index: 3; }
.hero .hero-vignette { z-index: 4; }
.hero-content { z-index: 5; position: relative; }
.hero.hero--video,
.hero:has(.hero-video-wrap) {
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: end;
  overflow: hidden;
}
.hero-bg { position: absolute; inset: 0; }
@media (prefers-reduced-motion: reduce) {
  .bg-video { display: none !important; }
  .bg-video-poster { display: block !important; opacity: 1 !important; }
}

/* lockup restore 2026-09-30 — keep mark size rules, size lockup correctly */
.logo-link img.logo-primary,
.logo img.logo-primary,
.brand img.logo-primary,
a.logo img.logo-primary,
a.brand img.logo-primary{
  height:3.5rem;
  width:auto;
  max-width:min(280px,58vw);
}
@media(max-width:640px){
  .logo-link img.logo-primary,
  .logo img.logo-primary,
  .brand img.logo-primary,
  a.logo img.logo-primary,
  a.brand img.logo-primary{height:2.75rem;max-width:70vw}
}