/* Chromaflow DTF — Parker slim review site */
:root{--bg:#F6F5F2;--ink:#101010;--muted:#5C5C66;--line:#D8D6D0;--accent:#E03030;--footer:#121218;--soft:#F8D6D8;--header-dark:#030312;--header-hover:#FF6B6B;--surface:#fff;--serif:Georgia,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1160px,92vw);margin:auto}.header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand img{width:36px;height:36px}.links{display:flex;align-items:center;gap:20px;font-size:.92rem}.links a:hover,.links .active{color:var(--accent)}.menu{display:none}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.02em}h1{font-size:clamp(2.8rem,7vw,6.5rem);max-width:850px;margin:.35rem 0}h2{font-size:clamp(2rem,4vw,3.7rem);margin:.3rem 0 1rem}h3{font-size:1.45rem;margin:.25rem 0 .5rem}p{max-width:65ch}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:700}.lead{font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--muted);max-width:680px}.hero{padding:clamp(70px,11vw,150px) 0 80px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}.hero-img{aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--line)}.hero-img img{width:100%;height:100%;object-fit:cover}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;padding:12px 18px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:.9rem}.btn-main{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:hover{transform:translateY(-1px)}.section{padding:88px 0}.section.alt{background:color-mix(in srgb,var(--surface) 55%,var(--bg))}.head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:20px}.card p{color:var(--muted);margin:.35rem 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.media{border-radius:var(--radius);overflow:hidden;background:var(--line)}.media img{width:100%;aspect-ratio:4/3;object-fit:cover}.page{padding:70px 0 90px}.page-head{margin-bottom:50px}.prose{max-width:720px}.prose p+p{margin-top:1rem}.prose li+li{margin-top:.55rem}.specs{width:100%;border-collapse:collapse;margin-top:24px}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.specs th{width:32%;color:var(--muted);font-weight:500}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.footer{background:var(--footer);color:#fff;padding:56px 0 22px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer p,.footer a{color:color-mix(in srgb,#fff 75%,transparent)}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:36px;padding-top:16px;font-size:.82rem}@media(max-width:820px){.links{display:none}.menu{display:block;border:1px solid var(--line);padding:8px 12px;background:transparent;border-radius:999px}.hero-grid,.split{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.gallery,.footer-grid{grid-template-columns:1fr}.hero{padding-top:55px}}


/* 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(--surface);
  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(--serif);
  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); }

/* wf-dual-header */
.site-header,.header{position:sticky;top:0;z-index:40;background:#030312;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);color:#fff;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.site-header .nav-links a,.site-header .rack-nav a,.header .navlinks a,.header .links a{color:rgba(255,255,255,.9)}
.site-header .nav-links a:hover,.site-header .nav-links a.active,.header .navlinks a:hover,.header .links a:hover{color:#FF6B6B}
.site-header .nav-toggle span,.header .nav-toggle span,.header .menu{color:#fff}
.site-header .nav-toggle span{background:#fff}
.site-header.is-scrolled,.site-header.scrolled,.header.is-scrolled,.header.scrolled{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);color:var(--ink);box-shadow:0 8px 24px rgba(16,16,16,.08)}
.site-header.is-scrolled .nav-links a,.site-header.scrolled .nav-links a,.header.is-scrolled .navlinks a,.header.scrolled .navlinks a,.header.is-scrolled .links a,.header.scrolled .links a{color:inherit}
.site-header.is-scrolled .nav-links a:hover,.site-header.is-scrolled .nav-links a.active,.site-header.scrolled .nav-links a:hover,.header.is-scrolled .navlinks a:hover,.header.scrolled .links a:hover{color:var(--accent)}
.site-header.is-scrolled .nav-toggle span,.site-header.scrolled .nav-toggle span{background:var(--ink)}
.logo-link img.logo-primary,.logo img.logo-primary,.brand img.logo-primary,a.logo img.logo-primary,.logo-link img.logo-lockup{height:3.25rem;width:auto;max-width:min(280px,70vw)}
.site-footer .logo-link img.logo-primary,.footer .logo img.logo-primary,.footer .brand img.logo-primary,.footer-brand .logo-link img.logo-lockup{height:2.75rem;filter:none}
.logo-link .logo-lockup--on-light{display:none!important}
.site-header.scrolled .logo-link .logo-lockup--on-dark,.site-header.is-scrolled .logo-link .logo-lockup--on-dark{display:none!important}
.site-header.scrolled .logo-link .logo-lockup--on-light,.site-header.is-scrolled .logo-link .logo-lockup--on-light{display:block!important}
/* end-wf-dual-header */