/* MultiTrailer — cool road grey + blue · Kanit + Noto Serif · scroll-snap card nav */
:root{
  --ink:#0F172A;
  --accent:#3B82F6;
  --surface:#F8FAFC;
  --soft:#93C5FD;
  --mute:#64748B;
  --line:#E2E8F0;
  --bg:#F1F5F9;
  --footer:#0B1220;
  --font-display:"Kanit",system-ui,sans-serif;
  --font-body:"Noto Serif",Georgia,serif;
  --radius:12px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 18px 40px rgba(15,23,42,.12);
  --header-h:5.6rem;
  --ask-clear:7.25rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
body{
  margin:0;font-family:var(--font-body);color:var(--ink);background:var(--surface);
  line-height:1.7;padding-bottom:6.5rem;text-wrap:pretty;font-size:1.02rem;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--ink)}
h1,h2,h3,h4,.word,.nav-kicker,.eyebrow,.btn,.nav-label,.kicker,.card-link{
  font-family:var(--font-display);text-wrap:balance
}
h1{font-size:clamp(2.05rem,4.1vw,3.3rem);line-height:1.08;font-weight:700;margin:0}
h2{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.18;font-weight:600;margin:0 0 .75rem}
h3{font-size:1.16rem;margin:0 0 .35rem;font-weight:600}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent);font-weight:600;margin:0 0 .55rem}
.lede{font-size:1.06rem;color:var(--mute);max-width:42rem}
.muted{color:var(--mute)}
.container{width:min(1140px,calc(100% - 2.5rem));margin-inline:auto}
.container.narrow,.narrow{width:min(720px,calc(100% - 2.5rem));margin-inline:auto}
.section{padding:4.25rem 0}
.section-surface{background:var(--bg)}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:linear-gradient(90deg,var(--accent),var(--soft))}

.site-header{position:sticky;top:0;z-index:80;background:rgba(248,250,252,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{
  width:min(1240px,calc(100% - 1.2rem));margin-inline:auto;min-height:var(--header-h);
  display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.5rem 0;
}
.logo-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-weight:700}
.logo-link .word{font-size:1.05rem}
.logo-link img{border-radius:8px}
.header-cta{
  display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:999px;
  background:var(--ink);color:#fff;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.92rem;white-space:nowrap
}
.header-cta:hover{background:var(--accent);color:#fff}
.nav-toggle{display:none;width:2.55rem;height:2.55rem;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center;cursor:pointer;padding:0}
.nav-toggle span{display:block;width:1.05rem;height:2px;background:var(--ink);margin:3px auto;border-radius:2px}
.card-nav{min-width:0}
.card-nav-track{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.1rem .05rem .35rem;scrollbar-width:thin}
.card-nav-track::-webkit-scrollbar{height:4px}
.card-nav-track::-webkit-scrollbar-thumb{background:var(--soft);border-radius:4px}
.nav-card{
  scroll-snap-align:start;flex:0 0 auto;min-width:6.35rem;max-width:7.4rem;display:grid;gap:.1rem;
  padding:.55rem .7rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);
  text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)
}
.nav-card:hover{border-color:var(--soft);transform:translateY(-1px);box-shadow:var(--shadow);color:var(--ink)}
.nav-card.active{border-color:var(--accent);background:linear-gradient(180deg,#EFF6FF,#fff)}
.nav-kicker{font-size:.68rem;color:var(--accent);font-weight:700;letter-spacing:.08em}
.nav-label{font-size:.9rem;font-weight:600;line-height:1.15}
.nav-hint{font-size:.68rem;color:var(--mute)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.1rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--ink);color:#fff}
.btn-ghost{background:transparent;border-color:rgba(248,250,252,.4);color:#fff}
.section .btn-ghost,.page-hero .btn-ghost{border-color:var(--line);color:var(--ink)}
.section .btn-ghost:hover,.page-hero .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.cta-band .btn-ghost{border-color:rgba(248,250,252,.4);color:#fff}

.hero{position:relative;min-height:min(78vh,720px);display:grid;align-items:end;color:#F8FAFC;background:var(--ink);overflow:hidden}
.hero-video-wrap,.cta-video-wrap{position:absolute;inset:0}
.bg-video,.bg-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bg-video{opacity:0;transition:opacity .6s var(--ease)}
.bg-video.is-playing{opacity:1}
.hero-video-wrap::after,.cta-video-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.5),rgba(15,23,42,.78) 55%,rgba(15,23,42,.92))}
.hero-inner{position:relative;z-index:1;padding:7rem 0 3.4rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}
.proof-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.2rem;padding-top:1.45rem;border-top:1px solid rgba(248,250,252,.18)}
.proof-rail strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:#fff}
.proof-rail span{color:rgba(248,250,252,.72);font-size:.86rem}

.page-hero{padding:4.4rem 0 2rem;background:linear-gradient(180deg,#EFF6FF 0%,var(--surface) 100%)}
.split-hero,.split-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.split-editorial{grid-template-columns:.95fr 1.05fr}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:inherit}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#E2E8F0}
.card-body{padding:1rem 1.05rem 1.15rem;display:grid;gap:.35rem}
.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600;margin:0}
.card-link{font-weight:600;font-size:.9rem;color:var(--accent);margin-top:.2rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}
.chip-row a{display:inline-flex;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:.86rem;font-family:var(--font-display);font-weight:500}
.chip-row a:hover{border-color:var(--accent);color:var(--accent)}

.article-prose p{margin:0 0 1rem}
.check-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
.check-list li{position:relative;padding:.65rem .85rem .65rem 2.2rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.check-list li::before{content:"";position:absolute;left:.75rem;top:1rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.spec-table{width:100%;border-collapse:collapse;margin-top:.5rem}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:.7rem .85rem;text-align:left}
.spec-table th{width:32%;background:#EFF6FF;font-family:var(--font-display);font-weight:600}

.cta-band{position:relative;padding:4.4rem 0;color:#fff;background:var(--ink);overflow:hidden;text-align:center}
.cta-band .container{position:relative;z-index:1}
.cta-band h2{color:#fff}

.site-footer{background:var(--footer);color:rgba(248,250,252,.86);padding:3.4rem 0 7.5rem}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:2rem}
.footer-brand .logo-link{color:#fff}
.footer-brand p{max-width:28rem}
.footer-col{display:grid;gap:.45rem;align-content:start}
.footer-col h4{margin:0 0 .4rem;color:#fff;font-size:.95rem}
.footer-col a{color:rgba(248,250,252,.78);text-decoration:none}
.footer-col a:hover{color:#fff}
.footer-bottom{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(248,250,252,.12);font-size:.9rem}
.footer-bottom a{color:var(--soft)}

@media (prefers-reduced-motion:no-preference){
  @supports ((animation-timeline:view()) and (animation-range:entry)){
    .reveal{animation:rise .9s var(--ease) both;animation-timeline:view();animation-range:entry 0% cover 28%}
    .reveal-late{animation:rise .9s var(--ease) both;animation-timeline:view();animation-range:entry 8% cover 34%}
  }
}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split-hero,.split-editorial,.footer-grid{grid-template-columns:1fr}
  .proof-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-inner{grid-template-columns:auto auto 1fr;grid-template-areas:"logo toggle cta" "nav nav nav"}
  .logo-link{grid-area:logo}
  .nav-toggle{display:grid;grid-area:toggle;justify-self:start}
  .header-cta{grid-area:cta;justify-self:end}
  .card-nav{grid-area:nav;display:none}
  body.nav-open .card-nav{display:block}
  body.nav-open .card-nav-track{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
  body.nav-open .nav-card{min-width:calc(50% - .4rem);max-width:none}
}
@media (max-width:640px){
  .card-grid{grid-template-columns:1fr}
  .hero-inner{padding:6rem 0 2.4rem}
  .bg-video{display:none}
}
@media (prefers-reduced-motion:reduce){
  .bg-video{display:none}
  html{scroll-behavior:auto}
}


/* aliases matching expand markup */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:linear-gradient(90deg,var(--accent),var(--soft))}
.header-cta{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.92rem;white-space:nowrap}
.header-cta:hover{background:var(--accent);color:#fff}
.card-nav{min-width:0}
.card-nav-track{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.1rem .05rem .35rem;scrollbar-width:thin}
.nav-card{scroll-snap-align:start;flex:0 0 auto;min-width:6.35rem;max-width:7.4rem;display:grid;gap:.1rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}
.nav-card:hover,.nav-card.active{border-color:var(--accent)}
.nav-kicker{font-size:.68rem;color:var(--accent);font-weight:700}
.nav-label{font-size:.9rem;font-weight:600}
.nav-hint{font-size:.68rem;color:var(--mute)}
.nav-toggle{display:none;width:2.55rem;height:2.55rem;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center;cursor:pointer;padding:0}
.nav-toggle span{display:block;width:1.05rem;height:2px;background:var(--ink);margin:3px auto}
.hero-video-wrap,.cta-video-wrap{position:absolute;inset:0}
.bg-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}
.proof-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.2rem;padding-top:1.45rem;border-top:1px solid rgba(248,250,252,.18)}
.section-surface{background:var(--bg)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.card-body{padding:1rem 1.05rem 1.15rem;display:grid;gap:.35rem}
.card-link{font-weight:600;font-size:.9rem;color:var(--accent)}
.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}
.chip-row a{display:inline-flex;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:.86rem;font-family:var(--font-display)}
.split-hero,.split-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.article-prose p{margin:0 0 1rem}
.check-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
.check-list li{position:relative;padding:.65rem .85rem .65rem 2.2rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:2rem}
.footer-brand p{max-width:28rem}
.footer-col{display:grid;gap:.45rem;align-content:start}
.footer-col h4{margin:0 0 .4rem;color:#fff}
.footer-col a{color:rgba(248,250,252,.78);text-decoration:none}
.footer-bottom{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(248,250,252,.12)}
.cta-band{position:relative;padding:4.4rem 0;color:#fff;background:var(--ink);overflow:hidden;text-align:center}
@media (max-width:980px){
  .nav-toggle{display:grid}
  .card-nav{display:none}
  body.nav-open .card-nav{display:block}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split-hero,.split-editorial,.footer-grid{grid-template-columns:1fr}
  .proof-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){.card-grid{grid-template-columns:1fr}.bg-video{display:none}}


/* === critical chrome (card nav) === */
.site-header{position:sticky;top:0;z-index:80;background:rgba(248,250,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line,#E2E8F0)}
.header-inner{width:min(1240px,calc(100% - 1.2rem));margin:0 auto;min-height:5.4rem;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.5rem 0}
.logo-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink,#0F172A);text-decoration:none;font-weight:700;font-family:var(--font-display,"Kanit",sans-serif)}
.card-nav{min-width:0}
.card-nav-track{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.1rem .05rem .4rem;scrollbar-width:thin}
.nav-card{scroll-snap-align:start;flex:0 0 auto;min-width:6.4rem;max-width:7.5rem;display:grid;gap:.1rem;padding:.55rem .7rem;border:1px solid var(--line,#E2E8F0);border-radius:12px;background:#fff;color:var(--ink,#0F172A);text-decoration:none;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.nav-card:hover,.nav-card.active{border-color:var(--accent,#3B82F6)}
.nav-kicker{font-size:.68rem;color:var(--accent,#3B82F6);font-weight:700;letter-spacing:.08em;font-family:var(--font-display,"Kanit",sans-serif)}
.nav-label{font-size:.9rem;font-weight:600;font-family:var(--font-display,"Kanit",sans-serif)}
.nav-hint{font-size:.68rem;color:var(--mute,#64748B)}
.header-cta{display:inline-flex;align-items:center;padding:.55rem .95rem;border-radius:999px;background:var(--ink,#0F172A);color:#fff;text-decoration:none;font-family:var(--font-display,"Kanit",sans-serif);font-weight:600;font-size:.92rem}
.nav-toggle{display:none;width:2.55rem;height:2.55rem;border:1px solid var(--line,#E2E8F0);border-radius:10px;background:#fff;place-items:center;cursor:pointer}
.nav-toggle span{display:block;width:1.05rem;height:2px;background:var(--ink,#0F172A);margin:3px auto;border-radius:1px}
body{padding-bottom:calc(6.5rem + 0px)}
.site-footer{padding-bottom:7.5rem}
@media (max-width:980px){
  .nav-toggle{display:grid}
  .card-nav{display:none;grid-column:1/-1}
  body.nav-open .card-nav{display:block}
  body.nav-open .card-nav-track{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
  body.nav-open .nav-card{min-width:calc(50% - .4rem);max-width:none}
}

/* ── Parker craft 2026-10-05 ───────────────────────────────────────────── */
/* Scroll progress: compositor-driven scroll timeline animating transform only
   (no per-scroll width/layout writes). main.js keeps an rAF scaleX fallback. */
.scroll-progress { width: 100%; transform: scaleX(0); transform-origin: 0 50%; }
@supports (animation-timeline: scroll()) {
  @keyframes parker-scroll-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  .scroll-progress { animation: parker-scroll-progress linear both; animation-timeline: scroll(root block); }
}

/* Nav no-wrap lock 2026-10-06: header menu labels never wrap (Fancy design-system rule) */
header nav a, header nav li, .site-header nav a, nav[aria-label="Primary"] a, .nav-links a, .nav-cluster a { white-space: nowrap; }
/* Nav no-wrap lock: hamburger raised 980px -> 1300px so the menu never squeezes */
@media (min-width: 981px) and (max-width: 1300px) {
  .header-inner {grid-template-columns:auto auto 1fr;grid-template-areas:"logo toggle cta" "nav nav nav"}
  .logo-link {grid-area:logo}
  .nav-toggle {display:grid;grid-area:toggle;justify-self:start}
  .header-cta {grid-area:cta;justify-self:end}
  .card-nav {grid-area:nav;display:none}
  body.nav-open .card-nav {display:block}
  body.nav-open .card-nav-track {flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
  body.nav-open .nav-card {min-width:calc(50% - .4rem);max-width:none}
  .nav-toggle {display:grid}
  .card-nav {display:none}
  body.nav-open .card-nav {display:block}
  .nav-toggle {display:grid}
  .card-nav {display:none;grid-column:1/-1}
  body.nav-open .card-nav {display:block}
  body.nav-open .card-nav-track {flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
  body.nav-open .nav-card {min-width:calc(50% - .4rem);max-width:none}
}

/* parker-am-reviews-20261006 */
.am-reviews {
  padding: 3.5rem 0 2.5rem;
}
.am-reviews .container {
  width: min(1120px, calc(100% - 2rem));
  margin-inline: auto;
}
.am-reviews h2 {
  font-family: inherit;
  font-weight: 600;
  font-size: clamp(1.55rem, 2.3vw, 2.05rem);
  letter-spacing: -0.02em;
  margin: 0 0 1.25rem;
  text-wrap: balance;
}
.am-reviews .amr-root {
  --amr-bg: #F8FAFC;
  --amr-card-border: #E2E8F0;
  --amr-text: #0F172A;
  --amr-muted: #64748B;
  --amr-star: #f5c518;
  --amr-link: #3B82F6;
  --amr-radius: 12px;
  --amr-font: inherit;
}
@media (max-width: 420px) {
  .am-reviews { padding: 2.5rem 0 1.75rem; }
  .am-reviews .container { width: calc(100% - 1.25rem); }
  .am-reviews .amr-root { --amr-pad: 1rem 1.05rem; --amr-photo-size: 40px; }
}
/* amr-contrast-1019 start */
/* WCAG AA review-card colours, tuned to this site palette */
html .amr-root .amr-photo-fallback{color:#58667b}
html .amr-root .amr-date{color:#617087}
html .amr-root .amr-link{color:#0f66f4}
/* amr-contrast-1019 end */

/* Header lockup sizing (2026-10-31): trimmed lockup fills the header bar. */
header img.logo-primary, .site-header img.logo-primary {
  width: auto !important; height: auto !important;
  max-height: 3.25rem !important; max-width: min(280px, 40vw) !important;
}
@media (max-width: 640px) {
  header img.logo-primary, .site-header img.logo-primary { max-height: 2.75rem !important; max-width: calc(100vw - 13rem) !important; }
}

/* Hero kicker contrast on the dark photo (2026-10-31). */
.hero .eyebrow, .hero-home .eyebrow { color: #E0EDFF; }

/* Inner-page hero contrast (2026-10-31 r2). */
section.page-hero .eyebrow { color: #1D4ED8; }
section.page-hero .lede { color: #475569; }

/* Logo v2 (2026-11-01): 5:2 lockup sized by height (desktop 56px, mobile 46px). */
header img[src*="logo-lockup"], .site-header img[src*="logo-lockup"], .rail-logo img[src*="logo-lockup"], .top-logo img[src*="logo-lockup"], footer img[src*="logo-lockup"]{width:auto!important;height:3.5rem!important;max-height:none!important;max-width:100%!important}
@media (max-width:640px){header img[src*="logo-lockup"], .site-header img[src*="logo-lockup"], .top-logo img[src*="logo-lockup"]{height:2.875rem!important}}