@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/newsreader-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('./fonts/newsreader-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/newsreader-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:500;font-display:swap;src:url('./fonts/newsreader-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/newsreader-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:600;font-display:swap;src:url('./fonts/newsreader-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/libre-franklin-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/libre-franklin-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/libre-franklin-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/kalam-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/oswald-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/oswald-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/oswald-latin-700-normal.woff2') format('woff2')}

:root{
  --paper:#f1eee6; --paper2:#ebe7dd; --ink:#11110f; --muted:#6f6b62; --rule:rgba(17,17,15,.16);
  --pink:#ff2f87; --yellow:#ffd426; --blue:#118bd0; --mint:#8ee8d1; --aqua:#2bc4cd; --green:#214b3e; --red:#ef4739; --gray:#c7c4bd;
  --serif:"Newsreader",Georgia,"Times New Roman",Times,serif;
  --sans:"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif;
  --shout:"Oswald",Impact,"Arial Narrow",sans-serif;
  --hand:Kalam,"Comic Sans MS",cursive;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --pad:clamp(24px,3vw,56px); --header:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}
body{margin:0;background:
  radial-gradient(circle at 25% 15%, rgba(255,255,255,.75), transparent 34%),
  radial-gradient(circle at 80% 70%, rgba(255,255,255,.25), transparent 28%),
  repeating-linear-gradient(0deg,rgba(30,20,10,.012) 0 1px,transparent 1px 4px),
  var(--paper);font-family:var(--sans);font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--pink);color:#fff}
.site-shell{min-height:100vh}
.page-width{width:min(96vw,1900px);margin-inline:auto}
.rule{border-top:1px solid var(--rule)}
.kicker{font:700 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.kicker .hot{color:var(--pink)}
.display{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.84;margin:0}
.hand{font-family:var(--hand);font-size:clamp(18px,1.7vw,29px);line-height:1.05;letter-spacing:.01em;white-space:pre-line;transform:rotate(-4deg)}
.micro{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.muted{color:var(--muted)}

/* header */
.main-nav{display:flex;gap:42px;align-items:center;font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.main-nav a{padding-block:9px;position:relative}
.main-nav a[aria-current="page"]::after,.main-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--pink);transform:rotate(-2deg)}
.header-actions{justify-self:end;display:flex;gap:28px;align-items:center}
.signup-link{font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.menu-button{width:52px;height:52px;border:0;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 20px rgba(255,47,135,.22)}
.menu-button span,.menu-button span::before{display:block;width:18px;height:2px;background:currentColor;content:""}.menu-button span::before{transform:translateY(-6px)}

/* menu */
.menu-overlay{position:fixed;inset:0;background:var(--mint);z-index:100;display:grid;grid-template-columns:58% 42%;opacity:0;visibility:hidden;transition:opacity .18s ease,background .22s ease;color:var(--ink)}
.menu-overlay.open{opacity:1;visibility:visible}
.menu-close{position:absolute;right:var(--pad);top:17px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(17,17,15,.35);background:transparent;font-size:26px;cursor:pointer;z-index:2}
.menu-left{padding:clamp(70px,8vw,120px) var(--pad);display:flex;align-items:center}
.menu-mantra{font:600 clamp(70px,10vw,174px)/.75 var(--sans);letter-spacing:-.075em;margin:0;text-transform:uppercase}
.menu-mantra .ghost{color:rgba(17,17,15,.42)}
.menu-right{padding:clamp(90px,9vw,130px) var(--pad) 50px;overflow:auto}
.menu-group{margin-bottom:48px}.menu-title{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:23px;opacity:.6}
.menu-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-top:1px solid rgba(17,17,15,.22);padding:20px 0;font:500 clamp(20px,1.6vw,28px)/1 var(--sans);transition:color .15s ease}
.menu-row:hover,.menu-row:focus-visible,.menu-row.is-active{color:var(--menu-active,#ff2f87);outline:none}
.menu-row:hover small,.menu-row:focus-visible small,.menu-row.is-active small{opacity:1;color:currentColor}
.menu-row:last-child{border-bottom:1px solid rgba(17,17,15,.22)}
.menu-row small{font:600 10px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;opacity:.55}

/* home hero */
.marker{display:inline-block;position:relative}.marker::after{content:"";position:absolute;left:9%;right:-3%;height:7px;background:var(--pink);bottom:-2px;transform:rotate(-4deg);border-radius:60%}
.hero-dek{font-family:var(--serif);font-size:clamp(22px,1.9vw,34px);line-height:1.04;color:#4f4b44;max-width:500px;margin:26px 0 27px}
.cta-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.btn-dark{background:#17332b;color:#fff;padding:18px 22px;font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;min-width:190px;display:inline-flex;justify-content:space-between}.text-cta{border-bottom:1px solid var(--ink);padding:14px 0 8px;min-width:175px;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;justify-content:space-between}

.taxonomy{display:grid;grid-template-columns:repeat(5,1fr);height:48px;border-top:1px solid rgba(17,17,15,.4);border-bottom:1px solid rgba(17,17,15,.45)}
.taxonomy a{display:grid;place-items:center;font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;border-right:1px solid rgba(17,17,15,.25)}
.taxonomy a:nth-child(1){background:var(--mint)}.taxonomy a:nth-child(2){background:var(--blue);color:white}.taxonomy a:nth-child(3){background:var(--yellow)}.taxonomy a:nth-child(4){background:var(--pink);color:white}.taxonomy a:nth-child(5){background:var(--ink);color:white;border-right:0}

.market-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,25vw,430px);overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:1px solid var(--rule);scrollbar-width:none}.market-rail::-webkit-scrollbar{display:none}
.rail-card{height:205px;scroll-snap-align:start;padding:15px 22px 13px;display:grid;grid-template-rows:1fr auto;position:relative;border-right:1px solid var(--rule);overflow:hidden;background:rgba(255,255,255,.16)}
.rail-note{position:absolute;right:7%;top:9px;z-index:3;max-width:125px;font:500 18px/.92 var(--hand);white-space:pre-line;text-align:left;transform:rotate(-5deg);color:#272620;pointer-events:none}
.rail-car{position:absolute;left:50%;top:50%;width:86%;height:124px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.13))}
.rail-meta{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end;position:relative;z-index:2;font:700 10px/1.1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.rail-score{display:inline-flex;align-items:center;gap:5px;font:700 9px/1 var(--sans);letter-spacing:.05em;white-space:nowrap}
.rail-score::before{content:"";width:22px;height:12px;border:1.5px solid var(--ink);border-bottom:0;border-radius:24px 24px 0 0;display:inline-block;position:relative}
.rail-score b{font-size:12px;letter-spacing:-.02em}
.rail-count{font-family:var(--mono);font-size:9px;color:#6c685f;white-space:nowrap}

.section-grid{display:grid;grid-template-columns:1.18fr 1fr;border-bottom:1px solid var(--rule)}
.editorial-block{min-height:430px;padding:34px var(--pad);position:relative;border-right:1px solid var(--rule);overflow:hidden}
.editorial-block:last-child{border-right:0}.editorial-block h2{font-size:clamp(56px,5vw,90px);max-width:560px}.editorial-block .section-kicker{color:var(--pink);margin-bottom:10px}.editorial-block p{font-family:var(--serif);font-size:20px;line-height:1.05;max-width:390px;color:#5b574f}
.editorial-image{position:absolute;right:4%;top:5%;width:45%;height:88%;object-fit:cover;background:#d9d6ce;transform:rotate(1.5deg);border:10px solid rgba(255,255,255,.58);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.editorial-image.car-contain{object-fit:contain;border:0;background:#0f85ba22;box-shadow:none;transform:none}
.scribble{position:absolute;font-family:var(--hand);font-size:22px;line-height:1.05;transform:rotate(-5deg)}

.home-lower{display:grid;grid-template-columns:1.25fr .75fr;border-bottom:1px solid var(--rule)}
.listing-card{padding:22px var(--pad);min-height:310px;border-right:1px solid var(--rule);display:grid;grid-template-columns:1.1fr .9fr;gap:22px;position:relative}.listing-card h3{font:400 clamp(34px,3vw,54px)/.9 var(--serif);margin:8px 0}.price{font:500 clamp(34px,3vw,52px)/1 var(--sans);letter-spacing:-.05em}.listing-image{width:100%;height:210px;object-fit:contain}.listing-meta{font:700 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#555149}.pick-note{position:absolute;right:6%;top:12px;color:var(--pink);font:500 26px/1 var(--hand);transform:rotate(-10deg);border:2px solid var(--pink);border-radius:50%;padding:14px}.score-number{font:600 56px/1 var(--sans);letter-spacing:-.05em;margin-top:-10px}.score-number small{font-size:15px}

/* category rail */
.categories-section{padding:40px 0 0}.section-head{padding:0 var(--pad) 24px;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:clamp(54px,5vw,88px);margin:0}.section-head p{max-width:500px;font-family:var(--serif);font-size:19px;color:#5e5950;margin:0 0 8px}
.category-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-card{scroll-snap-align:start;border-right:1px solid var(--rule);min-height:460px;background:rgba(255,255,255,.12);display:grid;grid-template-rows:80px 62px 225px 1fr}.category-band{padding:15px 18px;background:var(--cat);font:800 19px/1 var(--sans);letter-spacing:.04em}.category-band span{display:block;font:700 10px/1 var(--mono);margin-bottom:10px}.category-idea{padding:17px 18px;font:400 20px/1.08 var(--serif)}.category-image{width:100%;height:225px;object-fit:contain;padding:8px 12px 0;background:linear-gradient(to bottom,rgba(255,255,255,.15),rgba(0,0,0,.04))}.category-footer{padding:17px 18px;border-top:1px solid var(--rule)}.category-footer label{display:block;font:700 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#767066;margin-bottom:8px}.category-footer strong{font:700 14px/1.15 var(--sans);text-transform:uppercase}

/* news cards */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--rule)}.news-card{min-height:360px;padding:32px var(--pad);border-right:1px solid var(--rule);position:relative;overflow:hidden}.news-card:last-child{border-right:0}.news-card h3{font:400 clamp(40px,3.4vw,64px)/.9 var(--serif);margin:12px 0 14px;max-width:440px}.news-card p{font-family:var(--serif);font-size:17px;line-height:1.05;color:#5f5a51;max-width:340px}.news-thumb{position:absolute;right:3%;bottom:0;width:44%;height:62%;object-fit:contain}.news-card:nth-child(2) .news-thumb{transform:rotate(3deg)}

.email{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px var(--pad);background:#11110f;color:#f7f3eb}.email h2{font:400 clamp(52px,5vw,88px)/.9 var(--serif);margin:0}.email p{font-family:var(--serif);font-size:19px;max-width:470px;color:#c7c2b9}.email-form{display:flex;align-items:end;gap:12px}.email-form input{flex:1;background:transparent;color:#fff;border:0;border-bottom:1px solid #78746e;padding:13px 0;outline:0}.email-form button{border:0;background:var(--pink);padding:16px 20px;font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.footer{padding:28px var(--pad);display:flex;justify-content:space-between;gap:20px;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* markets overview */
.overview-hero{display:grid;grid-template-columns:1.2fr .8fr;padding:30px var(--pad) 34px;min-height:360px;align-items:center}.overview-hero h1{font-size:clamp(78px,8vw,145px);max-width:1000px}.overview-copy{font-family:var(--serif);font-size:22px;max-width:520px;margin:14px 0 20px;color:#514d46}.polaroid{background:#f7f4ed;padding:14px 14px 48px;transform:rotate(5deg);box-shadow:0 5px 20px rgba(20,20,16,.12);position:relative;width:75%;margin:auto}.polaroid img{width:100%;height:210px;object-fit:contain;background:#96d9d322}.polaroid .caption{position:absolute;bottom:11px;left:25%;font:500 23px/1 var(--hand);transform:rotate(-2deg)}.tape{position:absolute;width:76px;height:26px;background:#ead9aeaa;top:-12px;right:22%;transform:rotate(12deg)}
.market-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.market-tile{min-height:360px;padding:16px 16px 14px;border-right:1px solid var(--rule);position:relative;overflow:hidden;background:var(--tile)}.market-tile:last-child{border-right:0}.market-tile .make{font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.market-tile .model{font:400 clamp(44px,4vw,72px)/.78 var(--serif);margin:4px 0 0;letter-spacing:-.04em}.market-tile .tile-note{font:500 21px/1 var(--hand);position:absolute;right:8px;top:68px;transform:rotate(-8deg);max-width:90px}.market-tile img{position:absolute;width:95%;height:150px;object-fit:contain;left:50%;top:59%;transform:translate(-50%,-50%)}.tile-score{position:absolute;left:16px;right:16px;bottom:13px;display:flex;align-items:end;justify-content:space-between;font:700 10px/1 var(--sans);text-transform:uppercase}.tile-score b{font-size:26px}
.weekly-feature{display:grid;grid-template-columns:1.5fr .8fr .7fr;border-bottom:1px solid var(--rule)}.weekly-feature>div{padding:24px var(--pad);border-right:1px solid var(--rule);min-height:260px}.weekly-feature>div:last-child{border-right:0}.weekly-feature img{height:180px;width:100%;object-fit:contain}.week-table{width:100%;border-collapse:collapse}.week-table td{border-bottom:1px solid var(--rule);padding:8px 4px;font-size:12px}.week-table td:first-child{width:55px;font-weight:700}

/* market detail */.variant-row{display:flex;gap:8px;margin-top:14px}.variant{border:1px solid var(--rule);background:rgba(255,255,255,.2);padding:9px 18px;font:700 10px/1 var(--sans)}.variant.active{background:#17332b;color:#fff}.market-metrics{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--rule)}.metric{padding:18px 18px 17px;border-right:1px solid var(--rule)}.metric:last-child{border-right:0}.metric label{font:700 9px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}.metric strong{display:block;font:600 clamp(28px,2.6vw,48px)/1 var(--sans);letter-spacing:-.055em;margin-top:8px}.metric small{font:500 10px/1 var(--sans);color:#5b574f}
.market-layout{display:grid;grid-template-columns:1.05fr .95fr .55fr}.market-layout>*{border-right:1px solid var(--rule);padding:27px var(--pad);min-height:475px}.market-layout>*:last-child{border-right:0}.market-story h2{font-size:clamp(52px,4.2vw,78px);margin:7px 0}.market-story p{font:400 19px/1.08 var(--serif);color:#5b574f;max-width:450px}.market-photo{height:230px;width:100%;object-fit:contain;margin-top:12px;background:#72a9ba22}.chart{height:110px;margin-top:18px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative}.chart svg{width:100%;height:100%}.chart-note{position:absolute;left:15px;bottom:12px;font:500 18px/1 var(--hand);transform:rotate(-6deg)}
.live-table{width:100%;border-collapse:collapse;margin-top:15px}.live-table th,.live-table td{padding:7px 5px;border-bottom:1px solid var(--rule);text-align:left;font-size:10px}.live-table th{font:700 8px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase}.live-table tr.highlight{background:#bce1ed}.small-listing img{height:180px;width:100%;object-fit:contain;background:#6c809622}.small-listing h3{font:400 34px/.95 var(--serif);margin:8px 0}.small-listing .price{font-size:37px}.watch-list{margin-top:30px;border-top:1px solid var(--rule);padding-top:16px}.watch-list img{height:110px;width:100%;object-fit:contain;background:#ddd9cf}.watch-list h4{font-size:13px;margin:8px 0 3px}.market-side-score .score-number{font-size:45px}

/* records */
.records-head{padding:42px var(--pad) 24px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:end}.records-head h1{font-size:clamp(70px,7vw,124px);margin:0}.records-head p{font:400 19px/1.08 var(--serif);max-width:470px;color:#5c574f}.filters{padding:18px var(--pad);display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:rgba(241,238,230,.96);backdrop-filter:blur(8px);z-index:10}.filter{border:1px solid var(--rule);background:rgba(255,255,255,.25);padding:10px 12px;min-width:135px}.filter.search{flex:1;min-width:220px}.records-wrap{padding:18px var(--pad) 60px}.record-table{width:100%;border-collapse:collapse}.record-table th{position:sticky;top:56px;background:var(--paper);z-index:4;font:700 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px 8px;border-bottom:2px solid var(--ink)}.record-table td{padding:13px 8px;border-bottom:1px solid var(--rule);font-size:12px}.record-table tbody tr:hover{background:#8ee8d133}.status{font:800 9px/1 var(--sans);letter-spacing:.08em;padding:6px 7px;display:inline-block;background:#ddd}.status.sold{background:var(--mint)}.status.no-sale,.status.rnm{background:var(--yellow)}.source-link{text-decoration:underline;text-underline-offset:3px}

/* article */.byline{display:flex;align-items:center;gap:12px;margin-top:18px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ccc,#222)}.byline div{font-size:10px;line-height:1.4}.article-nav{display:flex;gap:28px;padding:16px var(--pad);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow-x:auto;white-space:nowrap;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.article-body{display:grid;grid-template-columns:1fr 1.25fr .8fr;border-bottom:1px solid var(--rule)}.article-body>*{padding:28px var(--pad);border-right:1px solid var(--rule)}.article-body>*:last-child{border-right:0}.article-body p{font:400 20px/1.15 var(--serif);color:#4f4b44}.article-body p:first-of-type::first-letter{float:left;font:400 88px/.7 var(--serif);padding:8px 9px 0 0}.pullquote{font:400 clamp(36px,3.4vw,62px)/.93 var(--serif);margin:10px 0;position:relative}.pullquote::before{content:'“';color:var(--pink);font-size:80px;position:absolute;left:-32px;top:-20px}.article-photo{width:100%;height:300px;object-fit:contain;background:#ffd42633}.specs{width:100%;border-collapse:collapse}.specs td{border-bottom:1px solid var(--rule);padding:8px 5px;font-size:11px}.specs td:first-child{font-weight:700;text-transform:uppercase}

/* methodology */
.method-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:510px;padding:50px var(--pad);align-items:center;border-bottom:1px solid var(--rule)}.method-hero h1{font-size:clamp(74px,7vw,126px);max-width:1000px}.method-hero p{font:400 22px/1.05 var(--serif);color:#565149;max-width:750px}.method-note{position:absolute;right:5%;top:12%;font:600 29px/1 var(--hand);transform:rotate(-9deg)}.rubric{display:grid;grid-template-columns:.75fr 1.25fr;border-bottom:1px solid var(--rule)}.rubric-example{padding:34px var(--pad);border-right:1px solid var(--rule)}.rubric-example img{height:270px;width:100%;object-fit:contain;background:#118bd022}.rubric-example .score-number{font-size:72px}.rubric-list{padding:34px var(--pad)}.rubric-row{display:grid;grid-template-columns:220px 70px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--rule);align-items:center}.rubric-row strong{font-size:13px}.rubric-row b{color:var(--pink);font-size:13px}.rubric-row span{font:400 15px/1.1 var(--serif);color:#625d54}.spectrum{padding:38px var(--pad) 50px}.bands{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:18px}.band-color{height:24px;background:var(--band)}.band{text-align:center}.band strong{display:block;font-size:11px;margin-top:9px}.band small{font-family:var(--mono);font-size:9px;color:#6a655c}.spectrum-note{font:500 23px/1 var(--hand);text-align:center;transform:rotate(-2deg);margin-top:16px}

/* about */
.about{padding:70px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h1{font-size:clamp(80px,8vw,140px)}.about p{font:400 24px/1.08 var(--serif);color:#514c44;max-width:620px}.principles{display:grid;gap:0;border:1px solid var(--rule)}.principle{padding:24px;border-bottom:1px solid var(--rule)}.principle:last-child{border-bottom:0}.principle h3{font-size:13px;letter-spacing:.1em}.principle p{font-size:17px;margin-bottom:0}

@media(max-width:1100px){
  .main-nav{display:none}.header-actions{grid-column:2}.market-grid{grid-template-columns:repeat(3,1fr)}.market-tile:nth-child(3){border-right:0}.market-layout{grid-template-columns:1fr 1fr}.market-side-score{grid-column:1/-1;border-top:1px solid var(--rule)}.market-metrics{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3n){border-right:0}.news-grid{grid-template-columns:1fr 1fr}.news-card:nth-child(2){border-right:0}.news-card:last-child{grid-column:1/-1;border-top:1px solid var(--rule)}
}
@media(max-width:760px){
  :root{--pad:20px;--header:64px}.signup-link{display:none}.menu-button{width:44px;height:44px}.menu-overlay{grid-template-columns:1fr}.menu-left{padding:90px 20px 12px;align-items:end}.menu-mantra{font-size:64px}.menu-right{padding:25px 20px 50px}.menu-row{font-size:20px;padding:15px 0}.menu-close{right:20px;top:10px;width:44px;height:44px}.hero-dek{font-size:23px;max-width:400px;margin:18px 0}.taxonomy{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.taxonomy a{min-width:100px}.market-rail{grid-auto-columns:78vw}.rail-card{height:190px}.rail-note{font-size:16px;max-width:110px}.rail-car{height:114px;top:51%}.section-grid,.home-lower,.weekly-feature,.overview-hero,.method-hero,.rubric,.about{grid-template-columns:1fr}.editorial-block{min-height:520px;border-right:0;border-bottom:1px solid var(--rule)}.editorial-image{width:58%;height:47%;top:auto;bottom:3%}.listing-card{border-right:0;border-bottom:1px solid var(--rule);grid-template-columns:1fr}.category-rail{grid-auto-columns:84vw}.news-grid{grid-template-columns:1fr}.news-card{border-right:0;border-bottom:1px solid var(--rule)}.news-card:last-child{grid-column:auto}.email{grid-template-columns:1fr}.email-form{align-items:stretch;flex-direction:column}.market-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.market-tile{scroll-snap-align:start}.weekly-feature{display:block}.weekly-feature>div{border-right:0;border-bottom:1px solid var(--rule)}.overview-hero{padding-top:20px}.overview-hero h1{font-size:72px}.polaroid{width:92%;margin-top:35px}.market-metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(odd){border-right:1px solid var(--rule)}.metric:nth-child(even){border-right:0}.market-layout{grid-template-columns:1fr}.market-layout>*{border-right:0;border-bottom:1px solid var(--rule)}.records-head{display:block}.records-head h1{font-size:72px}.record-table{min-width:900px}.records-wrap{overflow-x:auto}.article-body{grid-template-columns:1fr}.article-body>*{border-right:0;border-bottom:1px solid var(--rule)}.method-hero h1{font-size:70px}.rubric-example{border-right:0;border-bottom:1px solid var(--rule)}.rubric-row{grid-template-columns:1fr 55px}.rubric-row span{grid-column:1/-1}.bands{grid-template-columns:1fr}.about{gap:20px}.about h1{font-size:78px}.footer{flex-direction:column}
}


/* =========================================================
   V3 CREATIVE-PARITY PASS
   Signed reference imagery controls the compositions below.
   ========================================================= */

.hand,.scribble,.rail-note,.tile-note,.chart-note,.pick-note,.method-note,.spectrum-note,.variant-note,.side-note,.cockpit-note,.simple-note,.green-note,.caption{
  font-family:var(--hand);
  text-transform:uppercase;
  font-weight:400;
  letter-spacing:-.035em;
  line-height:.9;
}
.hand{font-size:clamp(18px,1.65vw,30px)}

/* Hero: protect the full silhouette while preserving signed composition */

/* Rail: bold names + tiny tach + very short pencil note */
.market-rail{grid-auto-columns:clamp(330px,25vw,460px)}
.rail-card{height:215px;padding:14px 24px 14px}
.rail-note{font-size:17px;max-width:95px;top:9px;right:7%;line-height:.88}
.rail-car{height:130px;top:49%}
.rail-name{font-weight:800;font-size:10px}
.rail-meta{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
.rail-score{font-size:8px}
.rail-score::before{width:24px;height:13px}
.rail-score b{font-size:12px}

/* Signed homepage editorial spread */
.road-polaroid{width:94%;height:88%;object-fit:cover;align-self:center;justify-self:center;transform:rotate(-3deg)}
.pick-note.small{font-size:17px;right:auto;top:auto;position:relative;border:0;padding:0}
.circle-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17332b;color:white;font-size:18px}

/* Rev counter links */

/* Market page — signed hero/metrics/content layout */
.variant-row{align-items:center}
.variant-note{font-size:16px;margin-left:20px;transform:rotate(-7deg);position:relative}
.variant-note::before{content:"←";font-size:30px;position:absolute;left:-42px;top:-9px}
.market-tabs button{border:0;border-right:1px solid rgba(17,17,15,.25);font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.market-tabs button:nth-child(1){background:var(--mint)}.market-tabs button:nth-child(2){background:var(--blue);color:#fff}.market-tabs button:nth-child(3){background:var(--yellow)}.market-tabs button:nth-child(4){background:var(--pink);color:#fff}.market-tabs button:nth-child(5){background:var(--ink);color:#fff;border-right:0}
.market-tabs button:not(.active){filter:saturate(.85) brightness(.97)}
.market-tabs button.active{box-shadow:inset 0 -5px 0 rgba(255,255,255,.75)}
.market-metrics{border-top:0}
.metric{padding:17px 20px 16px}
.metric strong{font-size:clamp(30px,2.45vw,46px)}
.market-panel[hidden],.article-tab-panel[hidden]{display:none!important}
.market-layout{grid-template-columns:.95fr 1.02fr 1.12fr .72fr;min-height:530px}
.market-layout>*{padding:22px 22px;min-height:530px}
.market-story h2{font-size:clamp(46px,3.45vw,67px);line-height:.84}
.market-story p{font-size:17px}
.story-chart-wrap{margin-top:14px}
.market-photo-column{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.market-polaroid{width:96%;height:94%;object-fit:cover;object-position:center;transform:rotate(-2deg);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.market-polaroid.clean{object-fit:contain;background:#dfdcd2}
.market-photo-note{position:absolute;right:10%;bottom:6%;font-size:16px;background:#ece6d9;padding:14px;transform:rotate(-6deg)}
.market-middle{position:relative}
.small-listing{position:relative}
.small-listing h3{font-size:31px}
.small-listing img{height:182px;object-fit:contain}
.small-listing .pick-note.small{position:absolute;right:2%;top:4px;font-size:17px}
.live-label{color:var(--blue);margin-top:13px}
.view-listings{float:right;min-width:150px}
.market-side-score{position:relative}
.side-note{font-size:17px;text-align:right;margin:-8px 2% 15px 0;transform:rotate(-7deg)}
.watch-list{margin-top:12px}
.watch-head{display:flex;justify-content:space-between;align-items:center}
.watch-list img{height:105px}
.small-copy{font:400 16px/1.1 var(--serif);color:#5a564e}
.spec-car{width:100%;height:260px;object-fit:contain;margin-top:20px;background:#e5e0d7}
.market-specs td{font-size:12px}
.context-color-card{height:100%;background:var(--context);padding:20px;position:relative;overflow:hidden}
.context-color-card h3{font:400 62px/.8 var(--serif);margin:12px 0}
.context-color-card .hand{position:absolute;right:20px;top:90px;max-width:120px}
.context-color-card img{position:absolute;left:3%;right:3%;bottom:25px;width:94%;height:53%;object-fit:contain}
.drive-quote{display:grid;align-items:center}
.drive-quote .pullquote{font-size:46px}

/* Article parity + tab behavior */
.article-nav{padding:0 var(--pad);gap:0;align-items:stretch}
.article-nav button{border:0;background:transparent;padding:17px 24px 15px 0;margin-right:28px;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;position:relative}
.article-nav button::after{content:"";position:absolute;left:0;right:18px;bottom:7px;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .14s ease}
.article-nav button:hover::after,.article-nav button:focus-visible::after,.article-nav button.active::after{transform:scaleX(1)}
.article-nav button:focus-visible{outline:none}
.article-share{margin-left:auto;background:#17332b;color:#fff;display:grid;place-items:center;padding:0 24px;font:700 9px/1 var(--sans);letter-spacing:.1em}
.article-row{grid-template-columns:.9fr 1.55fr .9fr;min-height:430px}
.article-lower{grid-template-columns:.9fr 1.1fr .75fr;min-height:390px}
.article-body>*{padding:22px 28px}
.article-body p{font-size:18px}
.article-row .pullquote{font-size:clamp(38px,3.2vw,60px)}
.article-polaroid-wrap{position:relative;margin-top:10px}
.hero-interior{height:235px;object-fit:cover;border:9px solid #f8f3e9;transform:rotate(-1deg);background:none}
.cockpit-note{font-size:15px;text-align:right;margin-top:3px;transform:rotate(-5deg)}
.green-note{background:#bdebdc;padding:15px;font-size:15px;margin-top:16px;transform:rotate(3deg)}
.article-lower h2{font:400 38px/.95 var(--serif);margin:8px 0}
.key-spec-kicker{background:var(--yellow);display:inline-block;padding:6px}
.article-photo.headlamp{height:210px;margin-top:8px}
.period-composite{width:100%;height:285px;object-fit:cover}
.article-simple{display:grid;grid-template-columns:.95fr 1.45fr .8fr;min-height:500px;border-bottom:1px solid var(--rule)}
.article-simple>*{padding:32px var(--pad);border-right:1px solid var(--rule)}
.article-simple>*:last-child{border-right:0}
.article-simple h2{font-size:clamp(52px,4.6vw,82px);margin:10px 0}
.article-simple p{font:400 20px/1.12 var(--serif);color:#514d45}
.article-photo.large{height:380px;object-fit:contain;background:#f7df7830}
.simple-note{font-size:18px;margin-top:10px;text-align:right}

/* About: use signed WHY NOW composition */
.about-intro{padding:46px var(--pad) 55px}
.about-intro h1{font-size:clamp(70px,7vw,124px);max-width:1100px;margin:10px 0}
.about-intro p{font:400 22px/1.05 var(--serif);color:#59544c;max-width:620px}
.why-now{background:#151412;color:#f4efe6;padding:30px 48px 52px;display:grid;grid-template-columns:70px 1.2fr 1fr;grid-template-areas:"num head copy" "cards cards cards";gap:15px 30px}
.why-number{grid-area:num;font:500 32px/1 var(--serif);color:var(--yellow)}
.why-heading{grid-area:head}.why-heading .kicker{color:#aaa49a}.why-heading h2{font-size:clamp(62px,6vw,110px);line-height:.82}
.why-copy{grid-area:copy;align-self:center;font:400 25px/1.26 var(--serif);color:#d8d2c9;max-width:650px}
.why-cards{grid-area:cards;display:grid;grid-template-columns:1fr .88fr .98fr;gap:24px;align-items:end;margin-top:28px}
.why-card{min-height:420px;padding:26px;box-shadow:7px 7px 0 #050505;color:#10100f;display:flex;flex-direction:column;justify-content:space-between}
.why-card.mint{background:#a6ecd8}.why-card.blue{background:#247fc5;color:#fff;transform:translateY(28px)}.why-card.yellow{background:#ffd72d}
.why-card h3{font:400 clamp(38px,3.2vw,62px)/.95 var(--serif);margin:20px 0}
.why-card p{font:500 17px/1.35 var(--sans);max-width:95%;margin:0}

/* Better handwriting scale in market tiles */
.market-tile .tile-note{font-size:18px;line-height:.9}

/* Mobile refinements */
@media(max-width:1100px){
  .market-layout{grid-template-columns:1fr 1fr}
  .market-layout>*{min-height:auto}
  .market-side-score{grid-column:1/-1}
  .why-now{grid-template-columns:50px 1fr;grid-template-areas:"num head" "copy copy" "cards cards"}
  .why-cards{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .market-rail{grid-auto-columns:82vw}
  .road-polaroid{width:88%;height:auto;margin:20px auto}
  .market-tabs{overflow-x:auto}
  .market-tabs button{min-width:110px}
  .market-layout{grid-template-columns:1fr}
  .market-layout>*{border-right:0;border-bottom:1px solid var(--rule)}
  .market-photo-column{min-height:430px}
  .variant-note{display:none}
  .article-nav{overflow-x:auto}
  .article-share{display:none}
  .article-row,.article-lower,.article-simple{grid-template-columns:1fr}
  .why-now{padding:28px 20px 38px;grid-template-columns:40px 1fr}
  .why-heading h2{font-size:64px}
  .why-copy{font-size:20px}
  .why-cards{grid-template-columns:1fr}
  .why-card.blue{transform:none}
  .why-card{min-height:340px}
}

/* ============================================================
   V4 — signed creative parity / polish pass
   ============================================================ */

/* Daily hero: normalize visually, not by raw source canvas. F355 + S2000
   have taller source canvases, so data-driven --car-scale compensates. */

/* Full-color home market carousel — signed reference */
.market-showcase{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-bottom:1px solid rgba(17,17,15,.42)}
.market-showcase::-webkit-scrollbar{display:none}
.market-show-card{height:448px;background:var(--card);border-right:1px solid rgba(17,17,15,.28);position:relative;overflow:hidden;scroll-snap-align:start;padding:16px 18px 14px;min-width:0}
.market-show-card:last-child{border-right:0}
.market-show-title .make{display:block;font:800 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.market-show-title .model{display:block;font:400 clamp(56px,4.1vw,82px)/.72 var(--serif);letter-spacing:-.055em;max-width:100%;margin-top:2px;white-space:normal}
.market-show-note{position:absolute;right:8%;top:76px;max-width:112px;font-size:21px!important;line-height:.88!important;transform:rotate(-7deg)!important;text-align:left;z-index:4}
.market-show-note .drawn-arrow{display:block;font-size:30px;line-height:.7;margin-left:14px;margin-top:3px;transform:rotate(10deg)}
.market-show-car{position:absolute;left:50%;top:56%;width:91%;height:172px;object-fit:contain;transform:translate(-50%,-50%) scale(var(--show-scale,1));filter:drop-shadow(0 7px 7px rgba(0,0,0,.12));transform-origin:center}
.market-show-score{position:absolute;left:18px;right:18px;bottom:14px;height:58px;display:grid;grid-template-columns:54px auto 1fr auto;grid-template-rows:23px 35px;align-items:end;column-gap:7px}
.market-show-score .score-copy{font:800 9px/1.15 var(--sans);text-transform:uppercase;grid-column:2/4;grid-row:1;align-self:end;white-space:nowrap}
.market-show-score strong{font:800 34px/.9 var(--sans);letter-spacing:-.06em;grid-column:2;grid-row:2}
.market-show-score small{font:800 10px/1 var(--sans);grid-column:3;grid-row:2;align-self:end;margin-bottom:3px}
.market-show-arrow{grid-column:4;grid-row:1/3;font-size:27px;align-self:end}

/* Home listing-of-the-day row directly below the market cards */
.home-weekly-feature{display:grid;grid-template-columns:1.65fr .72fr .65fr;border-bottom:1px solid var(--rule);min-height:330px}
.home-weekly-feature>div{padding:26px var(--pad);border-right:1px solid var(--rule);min-width:0}
.home-weekly-feature>div:last-child{border-right:0}
.home-weekly-visual{position:relative;overflow:hidden}
.home-weekly-visual img{position:absolute;left:8%;right:5%;bottom:17px;width:82%;height:235px;object-fit:contain}
.home-weekly-details{display:flex;flex-direction:column;justify-content:center}
.home-weekly-details h2{font-size:clamp(38px,3.1vw,58px);line-height:.85;margin:11px 0 8px;letter-spacing:-.04em}
.home-weekly-details .price{font-size:clamp(44px,3.4vw,62px);margin-top:4px}
.home-weekly-score{display:flex;align-items:flex-end;gap:8px;margin-top:16px}.home-weekly-score b{font-size:21px}.home-weekly-score small{font-weight:800;margin-bottom:3px}
.home-weekly-lineup{display:flex;flex-direction:column;justify-content:center}.home-weekly-lineup .week-table{margin-top:8px}

/* Signed homepage feature spread — keep tape / writing fully visible */
.road-polaroid{width:91%;height:auto;max-height:300px;object-fit:contain;align-self:center;justify-self:center;overflow:visible}

/* Categories: period scene + launch car + actual examples below */
.categories-section{padding-top:64px}
.category-head{padding-bottom:28px}
.category-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);scrollbar-width:none}
.category-card{min-height:630px;display:grid;grid-template-rows:auto 1fr;border-right:1px solid var(--rule);background:rgba(255,255,255,.1);scroll-snap-align:start}
.category-main{display:grid;grid-template-rows:74px 76px 230px 78px}
.category-band{padding:14px 16px;background:var(--cat);font:800 18px/1 var(--sans);letter-spacing:.02em}.category-band span{margin-bottom:9px}
.category-idea{padding:15px 16px 10px;font:400 19px/1.05 var(--serif)}
.category-scene{height:230px;overflow:hidden;background:#ddd9cf}
.category-scene img{width:100%;height:100%;object-fit:cover;display:block}
.category-footer{padding:14px 16px;border-top:1px solid var(--rule)}
.category-footer strong{font-size:13px}
.category-examples{border-top:1px solid var(--rule);padding:16px;min-height:165px}
.category-examples>label{display:block;font:800 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6f6a62;margin-bottom:12px}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font:400 13px/1.12 var(--serif);color:#5c574f}

/* News & Views: more breathing room + intentional paper/tape art direction */
.news-head{padding-top:92px;padding-bottom:34px;border-top:1px solid var(--rule)}
.news-grid{align-items:stretch}
.news-card{min-height:500px;padding:36px var(--pad) 30px;display:flex;flex-direction:column;overflow:hidden}
.news-card h3{font-size:clamp(42px,3.15vw,62px);max-width:92%;margin-bottom:12px}
.news-card p{margin:0;max-width:75%}
.news-image-mat{position:relative;width:72%;height:175px;margin:28px 3% 0 auto;background:#e6e3da;border:9px solid #f7f3ea;box-shadow:0 5px 13px rgba(20,20,16,.08);transform:rotate(-2deg);display:grid;place-items:center}
.news-card:nth-child(2) .news-image-mat{transform:rotate(2deg)}
.news-card:nth-child(3) .news-image-mat{transform:rotate(-1deg)}
.news-thumb{position:static!important;width:94%!important;height:92%!important;object-fit:contain!important;transform:none!important}
.news-tape{position:absolute;top:-15px;left:42%;width:82px;height:28px;background:#e9d9a9aa;transform:rotate(7deg);z-index:3}

/* Article: make the F355 a dominant object again */
.article-polaroid-wrap{overflow:visible}.hero-interior{height:270px;object-fit:cover}

/* About: signed 'What we track' copy, given a strong magenta chapter */
.record-section{background:var(--pink);padding:48px var(--pad) 58px;color:var(--ink);border-top:1px solid rgba(17,17,15,.45);border-bottom:1px solid rgba(17,17,15,.45)}
.record-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:34px;padding-top:4px}
.record-head .kicker{opacity:.65;margin-bottom:20px}
.record-head h2{font:800 clamp(68px,6.4vw,118px)/.85 var(--sans);letter-spacing:-.055em;margin:0}
.record-head p{font:500 20px/1.35 var(--sans);max-width:560px;margin:0 0 5px}
.record-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--ink)}
.record-grid article{min-height:470px;padding:28px 30px 34px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end;color:var(--ink)}
.record-grid article:last-child{border-right:0}
.record-label{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:auto;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#756f67}
.record-label em{font-style:normal;font-weight:500;font-size:8px;white-space:nowrap}
.record-grid h3{font:800 clamp(44px,4vw,72px)/.92 var(--sans);letter-spacing:-.055em;margin:0 0 24px;max-width:92%}
.record-grid p{font:500 17px/1.45 var(--sans);color:#514d46;max-width:94%;margin:0}

/* V4 responsive */
@media(max-width:1650px){
  .market-showcase{grid-auto-columns:minmax(280px,1fr)}
  .market-show-card{height:420px}
  .market-show-car{height:160px}
  .market-show-title .model{font-size:60px}
  .home-weekly-feature{grid-template-columns:1.45fr .8fr .72fr}
}
@media(max-width:1250px){
  .market-showcase{grid-auto-columns:300px}
  .home-weekly-feature{grid-template-columns:1.25fr .9fr .8fr}
  .category-rail{grid-auto-columns:310px}
  .record-grid article{min-height:420px;padding:24px}
}
@media(max-width:760px){
  .market-showcase{grid-auto-columns:84vw}.market-show-card{height:430px}
  .market-show-title .model{font-size:68px}.market-show-car{height:175px}
  .home-weekly-feature{grid-template-columns:1fr}.home-weekly-feature>div{border-right:0;border-bottom:1px solid var(--rule)}.home-weekly-feature>div:last-child{border-bottom:0}.home-weekly-visual{min-height:320px}.home-weekly-visual img{height:220px;left:3%;width:94%}
  .category-rail{grid-auto-columns:88vw}.category-card{min-height:650px}
  .news-head{padding-top:70px}.news-card{min-height:470px}.news-image-mat{width:82%;height:170px}
  .record-head{grid-template-columns:1fr;gap:20px}.record-head h2{font-size:68px}.record-grid{grid-template-columns:1fr}.record-grid article{border-right:0;border-bottom:1px solid var(--ink);min-height:340px}.record-grid article:last-child{border-bottom:0}
}

/* ============================================================
   V5 — interaction + alignment polish
   ============================================================ */

/* Home taxonomy is a visual chapter marker, not navigation. */
.taxonomy-static{user-select:none}
.taxonomy-static span{display:grid;place-items:center;font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;border-right:1px solid rgba(17,17,15,.25);cursor:default}
.taxonomy-static span:nth-child(1){background:var(--mint)}
.taxonomy-static span:nth-child(2){background:var(--blue);color:#fff}
.taxonomy-static span:nth-child(3){background:var(--yellow)}
.taxonomy-static span:nth-child(4){background:var(--pink);color:#fff}
.taxonomy-static span:nth-child(5){background:var(--ink);color:#fff;border-right:0}

/* Looping market rail: each card is exactly one taxonomy cell wide on desktop. */
.market-showcase{grid-auto-columns:20%;scroll-behavior:auto;overscroll-behavior-x:contain}
.market-show-card{height:462px}
.market-show-note{top:142px;right:7%;max-width:106px;font-size:20px!important;z-index:6}
.market-show-note .drawn-arrow{font-size:28px;margin-top:5px;margin-left:20px}
.market-show-car{top:61%;height:176px;width:92%}
.market-show-title .model{position:relative;z-index:2}
.market-show-card[data-market-id="defender-90"] .market-show-score{color:#fff}

/* Hero marginalia lives just above the silhouette, not in the empty sky. */

/* Monthly pick is editorially clickable and gets a clear destination control. */
.home-weekly-feature>a{color:inherit}
.home-weekly-visual,.home-weekly-details{position:relative;transition:background .16s ease}
.home-weekly-visual:hover,.home-weekly-details:hover{background:rgba(255,255,255,.28)}
.monthly-pick-button{position:absolute;right:28px;bottom:26px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:600 25px/1 var(--sans);transition:transform .16s ease,background .16s ease}
.home-weekly-visual:hover .monthly-pick-button{transform:rotate(8deg) scale(1.05);background:var(--pink)}
.home-score-label{font:800 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-left:2px}
.details-cta{margin-top:20px;width:max-content;border-bottom:1px solid var(--ink);padding:0 10px 5px 0;font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* Signed photo assets already contain their paper/tape treatment: no extra mat behind them. */
.road-polaroid{background:transparent!important;box-shadow:none!important;max-height:290px!important;padding:0!important}

/* Compact homepage score: value sits below the gauge, never on top of it. */
.score-link-panel{display:block;color:inherit;cursor:pointer;transition:background .15s ease}
.score-link-panel:hover{background:rgba(142,232,209,.16)}
.score-link-panel::after{content:"↗";position:absolute;right:15px;bottom:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:700 14px/1 var(--sans)}
.score-tags-static span{display:block;position:relative}
.score-tags-static span.active::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;background:var(--pink);transform:rotate(-2deg)}

/* Six Front Doors is also an endless editorial rail. Show the whole contextual car
   over a quiet full-bleed echo rather than cropping the bodywork off. */
.category-rail{grid-auto-columns:20%;scroll-behavior:auto;overscroll-behavior-x:contain}
.category-scene{height:238px;position:relative;overflow:hidden;background:#d7d3ca;isolation:isolate}
.category-scene::before{content:"";position:absolute;inset:-7%;background-image:var(--scene-image);background-position:center;background-size:cover;filter:blur(10px) saturate(.85);opacity:.32;z-index:0}
.category-scene img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;padding:0 5px;transform:scale(.985)}

/* About: Rev Counter definition now lives inside About and is the destination for homepage scores. */
.about-rev-counter{display:grid;grid-template-columns:1.05fr .72fr 1fr;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);scroll-margin-top:24px}
.about-rev-counter>div{min-height:520px;padding:48px var(--pad);border-right:1px solid var(--rule);position:relative}
.about-rev-counter>div:last-child{border-right:0}
.about-rev-intro .kicker{color:var(--pink)}
.about-rev-intro h2{font-size:clamp(58px,5vw,92px);margin:20px 0 22px;max-width:760px}
.about-rev-intro p{font:400 22px/1.16 var(--serif);color:#575249;max-width:650px}
.about-rev-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--ink);padding-bottom:6px;font:800 10px/1 var(--sans);letter-spacing:.13em}
.about-rev-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center}
.about-rev-score{align-self:flex-start;margin-left:13%;font:800 58px/.9 var(--sans);letter-spacing:-.06em}
.about-rev-score small{font-size:14px;letter-spacing:0}
.about-rev-note{position:absolute;right:10%;bottom:54px;font-size:24px;transform:rotate(-5deg)}
.about-rev-drivers>.kicker{color:var(--pink);margin-bottom:22px}
.about-driver{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--rule)}
.about-driver strong{font:800 12px/1 var(--sans);letter-spacing:.05em}
.about-driver b{color:var(--pink);font-size:12px}
.about-bands{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:34px}
.about-bands span{height:54px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font:800 8px/1 var(--sans);text-align:center}
.about-bands .mint{background:var(--mint)}.about-bands .blue{background:var(--blue);color:#fff}.about-bands .yellow{background:var(--yellow)}.about-bands .pink{background:var(--pink)}.about-bands .red{background:var(--red);color:#fff}

@media(max-width:1250px){
  .market-showcase,.category-rail{grid-auto-columns:25%}
  .market-show-note{top:135px}
  .about-rev-counter{grid-template-columns:1fr 1fr}.about-rev-drivers{grid-column:1/-1;border-top:1px solid var(--rule)}
}
@media(max-width:760px){
  .taxonomy-static{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.taxonomy-static span{min-width:100px}
  .market-showcase{grid-auto-columns:84vw}.market-show-note{top:142px}
  .category-rail{grid-auto-columns:88vw}
  .about-rev-counter{grid-template-columns:1fr}.about-rev-counter>div{min-height:auto;border-right:0;border-bottom:1px solid var(--rule);padding:36px 20px}.about-rev-counter>div:last-child{border-bottom:0}.about-rev-intro h2{font-size:58px}.about-rev-note{position:static;margin-top:24px;align-self:flex-end}.about-bands{grid-template-columns:1fr}
}
/* Tach contrast on the magenta S2000 market card. */

/* ============================================================
   V6 — interaction stability + signed-creative polish
   ============================================================ */

/* Hero: keep the handwriting and model caption close to the actual car,
   with per-market positions supplied by the daily hero config. */

/* CTAs should feel editorial, not inert. */
.btn-dark,.text-cta,.about-rev-link{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.btn-dark:hover,.btn-dark:focus-visible{background:var(--pink);color:var(--ink);transform:translateY(-1px)}
.text-cta:hover,.text-cta:focus-visible,.about-rev-link:hover,.about-rev-link:focus-visible{color:var(--pink);border-color:var(--pink)}

/* Fast-swipe stability: there are five physical loop sets in JS, and the
   cards snap decisively inside each authored set. */
.market-showcase,.category-rail{
  scroll-behavior:auto!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
}
.market-show-card,.category-card{scroll-snap-stop:always}

/* Featured market rail: notes sit near the car but not on it. No arrows. */
.market-show-note{
  top:var(--note-top,126px)!important;
  right:var(--note-right,auto)!important;
  left:var(--note-left,auto)!important;
  transform:rotate(var(--note-rot,-5deg))!important;
  max-width:108px;
  pointer-events:none;
}
.market-show-note .drawn-arrow{display:none!important}

/* More breathing room between the rail and the monthly feature. */
.home-weekly-feature{
  margin-top:28px;
  border-top:1px solid var(--rule);
}

/* Rebuilt signed-editorial imagery — no colored CSS mat behind either image. */
.editorial-card{position:relative}
.editorial-tape{position:absolute;z-index:5;pointer-events:none}
.editorial-tape-pink{
  width:88px;height:24px;top:-9px;right:18%;
  background:rgba(255,47,135,.78);transform:rotate(8deg)
}

.road-polaroid{display:none!important}
.road-tape{
  position:absolute;z-index:3;width:84px;height:28px;
  top:-14px;right:11%;background:rgba(232,216,174,.72);transform:rotate(13deg)
}

/* Weekly auction pick wording + score thought hierarchy. */

/* Six Front Doors: use signed-creative crops with the whole car visible. */
.category-main{grid-template-rows:74px 76px auto 78px!important}
.category-scene{
  height:auto!important;
  aspect-ratio:1023/540;
  overflow:hidden!important;
  background:transparent!important;
}
.category-scene::before{display:none!important}
.category-scene img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;transform:none!important;background:transparent!important
}

/* Hover cue on the clickable Rev Counter card itself. */
.score-link-panel:hover,.score-link-panel:focus-visible{background:rgba(255,47,135,.08)!important}

@media(max-width:760px){
  .home-weekly-feature{margin-top:18px}
}

/* ============================================================
   V7 — hover hierarchy + compact tach refinement
   ============================================================ */

/* No rule floating above the monthly feature. */
.home-weekly-feature{
  border-top:0!important;
  margin-top:28px;
}

/* The full score cell is one interactive surface — no half-width pink hover. */

/* Smaller tach with a real score-driven needle; keep the 8.7 inside the cell. */

/* Score-driven mini tach needles everywhere. */

/* Six featured-car cards: Porsche-palette rollover rather than another dark overlay. */
.market-show-card{
  transition:background-color .18s ease,color .18s ease;
}
.market-show-card:hover,
.market-show-card:focus-visible{
  background:var(--hover-card)!important;
  color:var(--ink)!important;
}

/* Six Front Doors: light Porsche palette on hover + a small score tach aligned
   opposite the launch-car identity. */
.category-card{
  background:var(--cat-default)!important;
  transition:background-color .18s ease,color .18s ease;
}
.category-card:hover,
.category-card:focus-within{
  background:var(--cat-hover)!important;
  color:var(--ink)!important;
}
.category-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}
.category-launch{min-width:0}
.category-launch label,.category-launch strong{display:block}
.category-rev{
  min-width:84px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:6px;
  color:var(--ink);
}
.category-rev span:last-child{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:2px}
.category-rev b{font:800 17px/.9 var(--sans);letter-spacing:-.04em}
.category-rev small{font:800 7px/1 var(--sans);margin-bottom:1px}
.category-rev em{grid-column:1/-1;font:800 7px/1 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}

/* Bring News & Views roughly 25% closer to the section above. */
.news-head{padding-top:68px!important}

/* The 1991 detail card needs an unmistakable but refined rollover cue. */
.home-weekly-details:hover,
.home-weekly-details:focus-visible{
  background:#c8f3e7!important;
}
.home-weekly-details:hover .details-cta,
.home-weekly-details:focus-visible .details-cta{
  background:var(--pink);
  color:var(--ink);
  border-color:var(--pink);
  padding:7px 9px 6px;
}
.home-weekly-visual:hover,
.home-weekly-visual:focus-visible{background:#e8e9e6!important}

@media(max-width:760px){
  .category-footer{grid-template-columns:1fr auto!important}
  .category-rev{min-width:76px}
  .news-head{padding-top:50px!important}
}


/* ============================================================
   V9 — category imagery / monthly pick spacing / score cell fixes
   ============================================================ */

/* Apply panel spacing/borders to anchors too so the monthly pick text sits
   properly inside the middle card. */
.home-weekly-feature > *{
  padding:26px var(--pad)!important;
  border-right:1px solid var(--rule)!important;
  min-width:0;
}
.home-weekly-feature > *:last-child{border-right:0!important}
.home-weekly-details{
  padding-left:clamp(34px,3.2vw,48px)!important;
}

/* Keep the auction-pick score cell as one clean box; no overshooting divider,
   and the hover fill reaches the full card edge-to-edge. */

/* Tighten the compact score cell so the tach and number stay inside the box. */

/* Category cards: use the new web-optimised art and show the whole car. */
.category-main{grid-template-rows:74px 76px auto 86px!important}
.category-scene{
  aspect-ratio:1200/640!important;
  display:grid;
  place-items:center;
  background:linear-gradient(to bottom,rgba(255,255,255,.14),rgba(0,0,0,.03))!important;
}
.category-scene img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  transform:none!important;
}
.category-card{overflow:hidden}
.category-band{font-size:18px}
.category-footer{padding:16px 18px 18px}


/* ============================================================
   V10 — sticky header / refined tach / home-image replacements
   ============================================================ */

/* The first market rail and the monthly pick should meet cleanly with no stray divider gap. */
.market-showcase{border-bottom:0!important}
.home-weekly-feature{margin-top:0!important}

/* Slightly cleaner gauge geometry so the score-driven needle reads first. */

/* Use the supplied full polaroids rather than CSS-built tape/caption treatments. */
.editorial-tape-pink,.road-tape{display:none!important}

/* Third news card uses the new green S2000 cutout and should sit like the other pinned images. */
.news-card:nth-child(3) .news-image-mat{
  background:#ece9df;
}
.news-card:nth-child(3) .news-thumb{
  width:76%;
  height:78%;
  right:12%;
  bottom:4%;
}

@media(max-width:760px){
  .home-weekly-feature{margin-top:0!important}
}

/* ============================================================
   V11 — editorial category strip redesign
   ============================================================ */
.categories-editorial{
  padding-top:68px;
}
.categories-editorial .category-head{
  padding-bottom:30px;
}
.categories-editorial .category-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:hidden;
  border-top:1px solid rgba(17,17,15,.16);
  border-bottom:1px solid rgba(17,17,15,.16);
  scrollbar-width:none;
}
.categories-editorial .category-rail::-webkit-scrollbar{display:none}
.categories-editorial .category-card{
  min-height:690px;
  border-right:1px solid rgba(17,17,15,.14)!important;
  background:var(--cat-default)!important;
  color:var(--ink)!important;
  overflow:hidden;
  scroll-snap-align:start;
  transition:background-color .18s ease,box-shadow .18s ease;
}
.categories-editorial .category-card:last-child{border-right:0!important}
.categories-editorial .category-card:hover,
.categories-editorial .category-card:focus-within{
  background:var(--cat-hover)!important;
  box-shadow:inset 0 0 0 1px rgba(17,17,15,.06);
}
.categories-editorial .category-main{
  display:flex!important;
  flex-direction:column;
  gap:0;
  height:100%;
  padding:22px 24px 24px;
  color:inherit;
  text-decoration:none;
}
.categories-editorial .category-number{
  display:block;
  font:700 10px/1 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(17,17,15,.68);
  margin-bottom:14px;
}
.categories-editorial .category-title{
  margin:0;
  font:400 clamp(38px,3.1vw,54px)/.92 var(--serif);
  letter-spacing:-.02em;
  max-width:8ch;
}
.categories-editorial .category-idea{
  margin:14px 0 0;
  max-width:18ch;
  font:400 18px/1.16 var(--serif);
  color:rgba(17,17,15,.78);
}
.categories-editorial .category-scene{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex:1 1 auto;
  min-height:248px;
  margin:16px -6px 0;
  background:none!important;
  overflow:visible;
}
.categories-editorial .category-shadow{
  position:absolute;
  left:50%;
  bottom:14px;
  width:var(--shadow-width,62%);
  height:18px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(17,17,15,.16);
  filter:blur(10px);
  opacity:.55;
}
.categories-editorial .category-scene img{
  position:relative;
  z-index:2;
  width:var(--car-width,88%);
  max-width:100%;
  max-height:252px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 3px 1px rgba(17,17,15,.05));
}
.categories-editorial .category-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:0!important;
  margin-top:12px;
  border-top:0!important;
}
.categories-editorial .category-launch{min-width:0}
.categories-editorial .category-launch label,
.categories-editorial .category-examples label{
  display:block;
  font:800 9px/1 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(17,17,15,.62);
}
.categories-editorial .category-launch strong{
  display:block;
  margin-top:8px;
  font:700 15px/1.16 var(--sans);
  text-transform:uppercase;
  letter-spacing:.01em;
}
.categories-editorial .category-rev{
  min-width:auto;
  display:flex;
  align-items:flex-end;
  gap:8px;
  justify-content:flex-end;
  color:var(--ink);
}
.categories-editorial .category-rev span:last-child{
  display:grid;
  grid-template-columns:auto auto;
  align-items:end;
  column-gap:2px;
}
.categories-editorial .category-rev b{
  font:800 22px/.9 var(--sans);
  letter-spacing:-.05em;
}
.categories-editorial .category-rev small{
  font:800 8px/1 var(--sans);
  margin-bottom:3px;
}
.categories-editorial .category-rev em{
  grid-column:1/-1;
  margin-top:2px;
  font:800 8px/1 var(--sans);
  font-style:normal;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.categories-editorial .category-examples{
  border-top:0!important;
  padding:0!important;
  margin-top:20px;
}
.categories-editorial .example-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 16px;
  margin-top:12px;
  font:400 14px/1.22 var(--serif);
  color:rgba(17,17,15,.82);
}
.categories-editorial .example-grid span{display:block}
.categories-editorial .category-main:focus-visible{
  outline:none;
}
.categories-editorial .category-card:focus-within{
  box-shadow:inset 0 0 0 2px rgba(17,17,15,.6);
}

@media(max-width:1180px){
  .categories-editorial .category-rail{
    grid-auto-flow:column;
    grid-template-columns:none;
    grid-auto-columns:minmax(74vw,78vw);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:var(--pad);
    padding-right:var(--pad);
  }
  .categories-editorial .category-card:last-child{border-right:1px solid rgba(17,17,15,.14)!important}
}
@media(max-width:760px){
  .categories-editorial{padding-top:58px}
  .categories-editorial .category-rail{
    grid-auto-columns:minmax(84vw,86vw);
  }
  .categories-editorial .category-main{
    padding:20px 20px 22px;
  }
  .categories-editorial .category-card{
    min-height:650px;
  }
  .categories-editorial .category-title{
    font-size:44px;
  }
  .categories-editorial .category-idea{
    font-size:17px;
  }
  .categories-editorial .category-scene{
    min-height:228px;
    margin:14px -4px 0;
  }
  .categories-editorial .category-scene img{
    max-height:230px;
  }
  .categories-editorial .example-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
}

/* ============================================================
   V12 — full-bleed sticky header + coherent looping category rail
   ============================================================ */

.categories-editorial .category-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:clamp(320px,20vw,390px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  border-top:1px solid rgba(17,17,15,.18)!important;
  border-bottom:1px solid rgba(17,17,15,.18)!important;
  padding:0!important;
}
.categories-editorial .category-card{
  min-height:620px!important;
  height:620px!important;
  color:var(--cat-ink,var(--ink))!important;
  border-right:1px solid rgba(17,17,15,.20)!important;
  background:var(--cat-default)!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.categories-editorial .category-card:hover,
.categories-editorial .category-card:focus-within{
  background:var(--cat-hover)!important;
  color:var(--ink)!important;
}
.categories-editorial .category-main{
  height:100%!important;
  padding:18px 20px 18px!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(190px,1fr) auto auto!important;
  align-content:start;
  min-width:0;
}
.categories-editorial .category-number{
  margin:0 0 11px!important;
  font:700 10px/1 var(--mono)!important;
  letter-spacing:.16em!important;
  color:currentColor!important;
  opacity:.68;
}
.categories-editorial .category-title{
  margin:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font:400 clamp(34px,2.1vw,42px)/.95 var(--serif)!important;
  letter-spacing:-.035em!important;
}
.categories-editorial .category-idea{
  margin:14px 0 0!important;
  max-width:20ch!important;
  min-height:58px;
  font:400 16px/1.18 var(--serif)!important;
  color:currentColor!important;
  opacity:.80;
}
.categories-editorial .category-scene{
  min-height:0!important;
  height:auto!important;
  margin:8px -4px 0!important;
  display:grid!important;
  place-items:end center!important;
  overflow:visible!important;
  background:none!important;
}
.categories-editorial .category-scene img{
  width:var(--car-width,92%)!important;
  height:100%!important;
  max-height:210px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  padding:0!important;
  transform:none!important;
}
.categories-editorial .category-shadow{
  bottom:6px!important;
  height:13px!important;
  opacity:.42!important;
}
.categories-editorial .category-footer{
  padding:10px 0 0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  color:currentColor!important;
}
.categories-editorial .category-launch label,
.categories-editorial .category-examples label{
  color:currentColor!important;
  opacity:.62;
  font:800 8px/1 var(--sans)!important;
  letter-spacing:.15em!important;
}
.categories-editorial .category-launch strong{
  margin-top:6px!important;
  font:700 13px/1.15 var(--sans)!important;
  letter-spacing:0!important;
}
.categories-editorial .category-rev{
  color:currentColor!important;
  gap:6px!important;
}
.categories-editorial .category-rev b{font:800 18px/.9 var(--sans)!important}
.categories-editorial .category-rev small{font:800 7px/1 var(--sans)!important}
.categories-editorial .category-rev em{font:800 7px/1 var(--sans)!important}
.categories-editorial .category-examples{
  padding:0!important;
  margin:14px 0 0!important;
  min-width:0;
  color:currentColor!important;
}
.categories-editorial .example-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:5px 12px!important;
  margin-top:9px!important;
  font:400 12.5px/1.18 var(--serif)!important;
  color:currentColor!important;
}
.categories-editorial .example-grid span{
  min-width:0;
  overflow-wrap:anywhere;
}

@media(max-width:760px){
  .categories-editorial .category-rail{
    grid-auto-columns:84vw!important;
    scroll-padding-inline:0!important;
  }
  .categories-editorial .category-card{
    min-height:610px!important;
    height:610px!important;
  }
  .categories-editorial .category-main{padding:18px!important}
  .categories-editorial .category-title{
    font-size:38px!important;
    white-space:nowrap!important;
  }
  .categories-editorial .category-idea{
    min-height:54px;
    font-size:15px!important;
  }
  .categories-editorial .category-scene img{max-height:205px!important}
  .categories-editorial .example-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    font-size:12px!important;
  }
}

/* ============================================================
   V13 — category rail refinement: muted brochure palette,
   handwriting notes, typography hierarchy, complete cutouts
   ============================================================ */
.categories-editorial .category-rail{
  grid-auto-columns:clamp(330px,20.5vw,395px)!important;
  scroll-behavior:smooth!important;
  border-top:1px solid rgba(17,17,15,.13)!important;
  border-bottom:1px solid rgba(17,17,15,.13)!important;
}
.categories-editorial .category-card{
  height:610px!important;
  min-height:610px!important;
  border-right:1px solid rgba(17,17,15,.12)!important;
  background:var(--cat-default)!important;
  color:#171714!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
  transition:background-color .17s ease!important;
}
.categories-editorial .category-card:hover{
  background:var(--cat-hover)!important;
  box-shadow:none!important;
  outline:0!important;
}
.categories-editorial .category-card:focus-within{
  background:var(--cat-hover)!important;
  box-shadow:inset 0 -4px 0 var(--pink)!important;
  outline:0!important;
}
.categories-editorial .category-main,
.categories-editorial .category-main:focus,
.categories-editorial .category-main:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.categories-editorial .category-main{
  height:100%!important;
  padding:17px 20px 16px!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(182px,1fr) auto auto!important;
  align-content:stretch!important;
  gap:0!important;
}
.categories-editorial .category-number{
  margin:0 0 8px!important;
  font:700 10px/1 var(--mono)!important;
  letter-spacing:.14em!important;
  color:rgba(23,23,20,.64)!important;
}
.categories-editorial .category-title{
  margin:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  font:400 clamp(31px,1.9vw,37px)/.92 var(--serif)!important;
  letter-spacing:-.035em!important;
  color:#171714!important;
}
.categories-editorial .category-idea{
  margin:13px 0 0!important;
  max-width:23ch!important;
  min-height:58px!important;
  padding:0!important;
  font:400 20px/1.02 var(--hand)!important;
  letter-spacing:.005em!important;
  color:#24231f!important;
  opacity:.96!important;
  transform:none!important;
  text-wrap:balance;
}
.categories-editorial .category-scene{
  min-height:182px!important;
  margin:4px -6px 0!important;
  display:grid!important;
  place-items:end center!important;
  overflow:visible!important;
  background:none!important;
}
.categories-editorial .category-scene img{
  width:var(--car-width,92%)!important;
  max-width:100%!important;
  height:100%!important;
  max-height:205px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
  filter:drop-shadow(0 5px 4px rgba(17,17,15,.09))!important;
}
.categories-editorial .category-shadow{
  bottom:4px!important;
  width:var(--shadow-width,62%)!important;
  height:10px!important;
  filter:blur(7px)!important;
  opacity:.28!important;
}
.categories-editorial .category-footer{
  min-height:76px!important;
  padding:10px 0 0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  column-gap:10px!important;
  align-items:end!important;
  border:0!important;
}
.categories-editorial .category-launch{
  min-width:0!important;
}
.categories-editorial .category-launch label,
.categories-editorial .category-examples>label{
  display:block!important;
  margin:0 0 6px!important;
  font:800 8px/1 var(--sans)!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:rgba(23,23,20,.56)!important;
  opacity:1!important;
}
.categories-editorial .category-launch-make{
  display:block!important;
  margin:0 0 1px!important;
  font:800 9px/1.05 var(--sans)!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#171714!important;
}
.categories-editorial .category-launch strong{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  font:400 24px/.9 var(--serif)!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  color:#171714!important;
  overflow-wrap:anywhere;
}
.categories-editorial .category-rev{
  width:82px!important;
  min-width:82px!important;
  padding:0 0 2px!important;
  display:grid!important;
  grid-template-columns:36px 1fr!important;
  align-items:end!important;
  justify-content:end!important;
  gap:6px!important;
  color:#171714!important;
  overflow:visible!important;
}
.categories-editorial .category-rev span:last-child{
  display:grid!important;
  grid-template-columns:auto auto!important;
  column-gap:2px!important;
  align-items:end!important;
  min-width:0!important;
}
.categories-editorial .category-rev b{
  font:800 18px/.9 var(--sans)!important;
  letter-spacing:-.05em!important;
}
.categories-editorial .category-rev small{
  font:800 7px/1 var(--sans)!important;
  margin-bottom:2px!important;
}
.categories-editorial .category-rev em{
  grid-column:1/-1!important;
  margin-top:2px!important;
  font:800 7px/1 var(--sans)!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.categories-editorial .category-examples{
  min-width:0!important;
  margin:11px 0 0!important;
  padding:0!important;
  border:0!important;
}
.categories-editorial .example-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:4px 12px!important;
  margin-top:5px!important;
  font:400 13.2px/1.05 var(--hand)!important;
  letter-spacing:.005em!important;
  color:#2b2925!important;
}
.categories-editorial .example-grid span{
  display:block!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

@media(max-width:760px){
  .categories-editorial .category-rail{
    grid-auto-columns:86vw!important;
  }
  .categories-editorial .category-card{
    height:600px!important;
    min-height:600px!important;
  }
  .categories-editorial .category-main{
    padding:17px 18px 15px!important;
    grid-template-rows:auto auto auto minmax(180px,1fr) auto auto!important;
  }
  .categories-editorial .category-title{
    font-size:34px!important;
  }
  .categories-editorial .category-idea{
    font-size:19px!important;
    min-height:55px!important;
  }
  .categories-editorial .category-scene img{
    max-height:200px!important;
  }
  .categories-editorial .category-launch strong{
    font-size:23px!important;
  }
  .categories-editorial .example-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    font-size:13px!important;
    gap:4px 10px!important;
  }
}

/* ============================================================
   V14 — category rail containment + full-color hover refinement
   ============================================================ */
.categories-editorial .category-card{
  box-sizing:border-box!important;
}
.categories-editorial .category-card:hover{
  background:var(--cat-hover)!important;
}
.categories-editorial .category-main{
  box-sizing:border-box!important;
  grid-template-rows:auto auto minmax(182px,1fr) auto auto!important;
}
.categories-editorial .category-heading-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  column-gap:12px!important;
  min-width:0!important;
}
.categories-editorial .category-heading-row .category-title{
  min-width:0!important;
}
.categories-editorial .category-number{
  align-self:start!important;
  justify-self:end!important;
  margin:4px 0 0!important;
  white-space:nowrap!important;
}
.categories-editorial .category-idea{
  font-weight:400!important;
  -webkit-text-stroke:0!important;
}
.categories-editorial .category-footer{
  box-sizing:border-box!important;
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 94px!important;
  column-gap:10px!important;
  padding:10px 6px 0 0!important;
  overflow:hidden!important;
}
.categories-editorial .category-rev{
  width:90px!important;
  min-width:90px!important;
  max-width:90px!important;
  justify-self:end!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:5px!important;
  padding:0 3px 2px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.categories-editorial .category-rev span:last-child{
  min-width:0!important;
}
.categories-editorial .category-examples{
  min-width:0!important;
  overflow:hidden!important;
}
.categories-editorial .example-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px 14px!important;
  font-size:12.6px!important;
  line-height:1.08!important;
  min-width:0!important;
}
.categories-editorial .example-grid span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media(max-width:760px){
  .categories-editorial .category-footer{
    grid-template-columns:minmax(0,1fr) 92px!important;
    padding-right:4px!important;
  }
  .categories-editorial .category-rev{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
  .categories-editorial .example-grid{
    font-size:12.5px!important;
    gap:6px 12px!important;
  }
}

/* ============================================================
   V15 — category rail finish: contained tach, lighter notes,
   exact full-color hover palette, Xtreme wrapping, seamless loop
   ============================================================ */
.categories-editorial .category-card{
  --cat-text:#171714;
  color:var(--cat-text)!important;
}
.categories-editorial .category-card:hover,
.categories-editorial .category-card:focus-within{
  background:var(--cat-hover)!important;
}
.categories-editorial .category-idea{
  font-weight:400!important;
  color:rgba(23,23,20,.76)!important;
  opacity:1!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.categories-editorial .category-main{
  padding-right:20px!important;
}
.categories-editorial .category-footer{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 116px!important;
  column-gap:12px!important;
  padding:10px 0 0!important;
  overflow:visible!important;
}
.categories-editorial .category-rev{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  justify-self:end!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:end!important;
  gap:7px!important;
  padding:0 8px 3px 0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.categories-editorial .category-rev span:last-child{
  min-width:0!important;
  overflow:visible!important;
}
.categories-editorial .category-rev b{
  font-size:19px!important;
  white-space:nowrap!important;
}
.categories-editorial .category-rev small,
.categories-editorial .category-rev em{
  white-space:nowrap!important;
}
.categories-editorial .category-examples{
  overflow:visible!important;
}
.categories-editorial .example-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:6px 9px!important;
  font-size:12.4px!important;
  line-height:1.12!important;
  overflow:visible!important;
}
.categories-editorial .example-grid span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.categories-editorial .category-card[data-category="xtreme"] .example-grid{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:7px 7px!important;
  font-size:11.9px!important;
  line-height:1.13!important;
}
.categories-editorial .category-card[data-category="xtreme"] .example-grid span{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.categories-editorial .category-card[data-category="bedroom-wall"]{--cat-hover:#118bd0!important}
.categories-editorial .category-card[data-category="yuppie"]{--cat-hover:#d35b80!important}
.categories-editorial .category-card[data-category="tanning-oil"]{--cat-hover:#ffd426!important}
.categories-editorial .category-card[data-category="xtreme"]{--cat-hover:#8ee8d1!important}
.categories-editorial .category-card[data-category="forbidden-fruit"]{--cat-hover:#ff2f87!important}
.categories-editorial .category-card[data-category="bang-for-buck"]{--cat-hover:#c7c4bd!important}

@media(max-width:760px){
  .categories-editorial .category-footer{
    grid-template-columns:minmax(0,1fr) 108px!important;
    column-gap:8px!important;
  }
  .categories-editorial .category-rev{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:6px!important;
    padding-right:5px!important;
  }
  .categories-editorial .example-grid{
    font-size:12.2px!important;
    gap:6px 8px!important;
  }
  .categories-editorial .category-card[data-category="xtreme"] .example-grid{
    grid-template-columns:1fr!important;
    font-size:12.2px!important;
    gap:4px!important;
  }
}
/* V15.1 — rail gesture smoothing: native momentum + invisible instant recenter. */
.categories-editorial .category-rail{
  scroll-behavior:auto!important;
  overscroll-behavior-x:contain!important;
}
.categories-editorial .category-card{
  scroll-snap-stop:normal!important;
}

/* ============================================================
   V16 — category rail polish: score containment, lighter notes,
   and a restrained Rev Counter pink underline on category heads
   ============================================================ */
.categories-editorial .category-main{
  padding-right:24px!important;
}

/* Keep the handwritten category descriptor present but quieter than the title. */
.categories-editorial .category-idea{
  font-weight:400!important;
  color:rgba(23,23,20,.64)!important;
  opacity:.92!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}

/* Light brush-line echo of the REV COUNTER wordmark. It is decorative only and
   deliberately shorter/thinner than the site-header underline. */
.categories-editorial .category-title{
  position:relative!important;
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
}
.categories-editorial .category-title::after{
  content:"";
  position:absolute;
  left:2px;
  bottom:-8px;
  width:clamp(46px,32%,88px);
  height:3px;
  background:var(--pink);
  opacity:.72;
  transform:rotate(-1.4deg);
  transform-origin:left center;
  clip-path:polygon(0 38%,100% 0,97% 72%,3% 100%);
  pointer-events:none;
}
.categories-editorial .category-idea{
  margin-top:20px!important;
}

/* Give the tach/score its own protected lane with real right-side breathing
   room so 8.x, /10 and REV never sit on or beyond a card edge. */
.categories-editorial .category-footer{
  grid-template-columns:minmax(0,1fr) 132px!important;
  column-gap:12px!important;
  padding:10px 6px 0 0!important;
  overflow:hidden!important;
}
.categories-editorial .category-rev{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  justify-self:end!important;
  grid-template-columns:40px 66px!important;
  align-items:end!important;
  justify-content:start!important;
  gap:7px!important;
  padding:0 8px 4px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.categories-editorial .category-rev span:last-child{
  min-width:60px!important;
  width:60px!important;
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  align-items:end!important;
  justify-content:start!important;
  column-gap:3px!important;
  overflow:visible!important;
}
.categories-editorial .category-rev b{
  font-size:19px!important;
  line-height:.9!important;
  white-space:nowrap!important;
}
.categories-editorial .category-rev small{
  font-size:7px!important;
  line-height:1!important;
  margin:0 0 2px 0!important;
  white-space:nowrap!important;
}
.categories-editorial .category-rev em{
  grid-column:1/-1!important;
  margin-top:3px!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .categories-editorial .category-main{
    padding-right:22px!important;
  }
  .categories-editorial .category-footer{
    grid-template-columns:minmax(0,1fr) 126px!important;
    column-gap:8px!important;
    padding-right:4px!important;
  }
  .categories-editorial .category-rev{
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    grid-template-columns:38px 64px!important;
    gap:6px!important;
    padding-right:7px!important;
  }
  .categories-editorial .category-rev span:last-child{
    min-width:58px!important;
    width:58px!important;
  }
  .categories-editorial .category-title::after{
    bottom:-7px;
    height:2.5px;
    width:clamp(44px,30%,78px);
  }
  .categories-editorial .category-idea{
    margin-top:18px!important;
  }
}

/* ============================================================
   V17 — category carousel copy-fit + Yuppie hover alignment
   ============================================================ */
/* Give handwritten descriptors a wider measure so short thoughts read as
   two editorial lines where the card width allows, while preserving a clean
   right gutter and graceful three-line fallback on narrower cards. */
.categories-editorial .category-idea{
  width:100%!important;
  max-width:30ch!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
  font-size:18px!important;
  line-height:1.03!important;
  font-weight:400!important;
  color:rgba(23,23,20,.64)!important;
  text-wrap:pretty!important;
  overflow-wrap:normal!important;
}

/* Protect the examples from the physical card edge. The grid itself owns the
   gutter, so long names wrap inside their lane instead of being clipped by the
   carousel viewport. */
.categories-editorial .category-examples{
  min-width:0!important;
  width:100%!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.categories-editorial .example-grid{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:10px!important;
  overflow:hidden!important;
}
.categories-editorial .example-grid span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Yuppie has two particularly long right-column examples. Give that column a
   little more protected width rather than shrinking the whole section. */
.categories-editorial .category-card[data-category="yuppie"] .example-grid{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  column-gap:8px!important;
  font-size:12px!important;
  line-height:1.12!important;
}
.categories-editorial .category-card[data-category="yuppie"] .category-examples{
  padding-right:12px!important;
}

/* Match the Yuppie active state to the full Honda S2000 pink used in the main
   market carousel rather than the muted ruby default. */
.categories-editorial .category-card[data-category="yuppie"]{
  --cat-hover:#ff2f87!important;
}

@media(max-width:760px){
  .categories-editorial .category-idea{
    max-width:29ch!important;
    padding-right:8px!important;
    font-size:17.5px!important;
  }
  .categories-editorial .category-examples{
    padding-right:8px!important;
  }
  .categories-editorial .category-card[data-category="yuppie"] .category-examples{
    padding-right:10px!important;
  }
  .categories-editorial .category-card[data-category="yuppie"] .example-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    font-size:11.9px!important;
  }
}

/* ============================================================
   V18 — About page only
   Sticky-note record cards + cleaner REV COUNTER methodology
   ============================================================ */

/* REV COUNTER section: preserve the outer chapter rules, remove the
   internal vertical dividers so the three ideas read as one composition. */
.about-page .about-rev-counter>div{
  border-right:0!important;
}
.about-page .about-rev-drivers{
  padding-left:clamp(28px,3.2vw,58px);
  padding-right:clamp(28px,3.2vw,58px);
}
.about-page .about-driver{
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:14px 0!important;
  border-bottom:0!important;
}
.about-page .about-driver strong{
  font:800 12px/1.08 var(--sans);
  letter-spacing:.055em;
}

/* WHAT WE TRACK: three separate editorial sticky notes. No tape, no
   shared box. Slightly different angles and handwriting pressure keep
   them human without becoming scrapbook-y. */
.about-page .record-section{
  background:var(--paper)!important;
  padding-top:54px;
  padding-bottom:72px;
}
.about-page .record-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,2.4vw,42px);
  align-items:start;
  background:transparent!important;
  border:0!important;
  padding:10px 12px 24px;
  overflow:visible;
}
.about-page .record-grid article{
  min-height:430px!important;
  padding:30px 32px 34px!important;
  border:0!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  box-shadow:0 10px 0 rgba(17,17,15,.07),0 20px 36px rgba(17,17,15,.08);
  transform-origin:center center;
}
.about-page .record-grid article:nth-child(1){
  background:#cceee4;
  transform:rotate(-1.15deg) translateY(8px);
}
.about-page .record-grid article:nth-child(2){
  background:#f5e7a4;
  transform:rotate(.9deg) translateY(-3px);
}
.about-page .record-grid article:nth-child(3){
  background:#f2c2d4;
  transform:rotate(-.7deg) translateY(10px);
}
.about-page .record-label{
  margin-bottom:34px!important;
}
.about-page .record-grid h3{
  font:400 clamp(40px,3.35vw,62px)/.92 var(--hand)!important;
  letter-spacing:-.025em!important;
  margin:0 0 26px!important;
  max-width:96%!important;
  text-wrap:balance;
}
.about-page .record-grid p{
  font:400 clamp(21px,1.45vw,27px)/1.08 var(--hand)!important;
  color:rgba(17,17,15,.86)!important;
  max-width:96%!important;
  margin:0!important;
  text-wrap:pretty;
}
.about-page .record-grid article:nth-child(1) h3,
.about-page .record-grid article:nth-child(1) p{
  -webkit-text-stroke:.08px currentColor;
}
.about-page .record-grid article:nth-child(2) h3,
.about-page .record-grid article:nth-child(2) p{
  -webkit-text-stroke:.22px currentColor;
}
.about-page .record-grid article:nth-child(3) h3,
.about-page .record-grid article:nth-child(3) p{
  -webkit-text-stroke:.38px currentColor;
}

@media(max-width:1250px){
  .about-page .record-grid{
    gap:22px;
  }
  .about-page .record-grid article{
    min-height:390px!important;
    padding:26px 26px 30px!important;
  }
}
@media(max-width:760px){
  .about-page .about-rev-counter>div{
    border-right:0!important;
  }
  .about-page .record-section{
    padding:42px 18px 54px!important;
  }
  .about-page .record-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:4px 2px 18px!important;
  }
  .about-page .record-grid article{
    min-height:320px!important;
    padding:26px 24px 28px!important;
    border:0!important;
  }
  .about-page .record-grid article:nth-child(1){
    transform:rotate(-.8deg);
  }
  .about-page .record-grid article:nth-child(2){
    transform:rotate(.65deg);
  }
  .about-page .record-grid article:nth-child(3){
    transform:rotate(-.5deg);
  }
  .about-page .record-grid h3{
    font-size:44px!important;
  }
  .about-page .record-grid p{
    font-size:22px!important;
  }
}

/* ============================================================
   V19 — About page rewrite + redesign
   ============================================================ */

.about-page .about-intro p{max-width:760px}
.about-page .why-copy{max-width:980px}

/* REV COUNTER / THE SCORE — 90s Vans x Bloomberg x Car and Driver */
.about-page .about-rev-counter{
  grid-template-columns:1.05fr .7fr .95fr;
  position:relative;
  overflow:hidden;
  background:var(--paper);
}
.about-page .about-rev-counter::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:18px;
  background:
    repeating-linear-gradient(90deg,
      #abd9d0 0 48px,
      #9ec2d4 48px 96px,
      #e8d36a 96px 144px,
      #d9b8cb 144px 192px,
      #f1eee6 192px 240px);
}
.about-page .about-rev-counter>div{
  min-height:520px;
  padding-top:68px;
}
.about-page .about-rev-intro .kicker,
.about-page .about-rev-drivers>.kicker{color:var(--pink)}
.about-page .about-rev-intro h2{
  font-size:clamp(62px,5vw,92px);
  line-height:.9;
  max-width:8.5ch;
  margin:18px 0 18px;
}
.about-page .about-rev-intro p{
  font:400 clamp(22px,1.8vw,28px)/1.06 var(--serif);
  color:#4f4a43;
  max-width:18ch;
}
.about-page .about-rev-link{
  margin-top:26px;
  border-bottom:2px solid var(--ink);
  padding-bottom:8px;
  letter-spacing:.14em;
}
.about-page .about-rev-link::after{
  content:"";
  display:block;
  width:92px;
  height:5px;
  margin-top:10px;
  background:var(--pink);
  border-radius:999px;
  transform:rotate(-3deg);
}
.about-page .about-rev-gauge{
  align-items:flex-start;
  justify-content:center;
  position:relative;
}
.about-page .about-rev-gauge::before{
  content:"";
  position:absolute;
  left:var(--pad);right:var(--pad);top:36px;
  height:86px;
  border:1px solid rgba(17,17,15,.2);
  background:
    repeating-conic-gradient(from 45deg,
      rgba(171,217,208,.48) 0 25%,
      rgba(241,238,230,.8) 0 50%,
      rgba(157,194,212,.34) 0 75%,
      rgba(241,238,230,.8) 0 100%);
  background-size:28px 28px;
  opacity:.95;
}
.about-page .about-rev-score{
  margin-left:0;
  font:800 clamp(64px,5vw,82px)/.9 var(--sans);
  letter-spacing:-.07em;
}
.about-page .about-rev-score small{font-size:18px;letter-spacing:-.01em}
.about-page .about-rev-judge{
  margin-top:18px;
  font:400 clamp(24px,1.8vw,30px)/1.02 var(--serif);
  max-width:12ch;
}
.about-page .about-rev-note{
  position:static;
  margin-top:18px;
  font-size:24px;
  align-self:flex-start;
  transform:rotate(-4deg);
}
.about-page .about-rev-drivers{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-page .about-rev-drivers::before{
  content:"";
  display:block;
  height:78px;
  margin-bottom:24px;
  border:1px solid rgba(17,17,15,.18);
  background:
    linear-gradient(45deg, rgba(17,17,15,.05) 25%, transparent 25%, transparent 75%, rgba(17,17,15,.05) 75%, rgba(17,17,15,.05) 100%),
    linear-gradient(45deg, rgba(241,238,230,.0) 25%, rgba(241,238,230,.0) 25%),
    repeating-linear-gradient(90deg,
      rgba(171,217,208,.78) 0 54px,
      rgba(233,211,106,.85) 54px 108px,
      rgba(217,184,203,.8) 108px 162px,
      rgba(157,194,212,.72) 162px 216px);
  background-size:24px 24px,24px 24px,auto auto;
}
.about-page .about-range-title{
  font:800 10px/1 var(--sans);
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.about-page .about-driver{display:none!important}
.about-page .about-bands{
  grid-template-columns:1fr;
  gap:10px;
  margin-top:0;
}
.about-page .about-bands span{
  height:64px;
  align-items:center;
  justify-content:flex-start;
  padding:0 18px;
  font:800 10px/1 var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
  border:1px solid rgba(17,17,15,.16);
}
.about-page .about-bands .mint{background:#d8efe8}
.about-page .about-bands .blue{background:#cadce8;color:var(--ink)}
.about-page .about-bands .yellow{background:#eee09a;color:var(--ink)}
.about-page .about-bands .pink{background:#edc0d2;color:var(--ink)}
.about-page .about-bands .red{background:#e2bcc8;color:var(--ink)}

/* THE RECORD — restore magenta field with structured cards similar to WHY NOW */
.about-page .record-section{
  background:var(--pink)!important;
  padding:58px var(--pad) 78px!important;
}
.about-page .record-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:end;
  margin-bottom:34px;
}
.about-page .record-head .kicker{color:rgba(17,17,15,.72)}
.about-page .record-head h2{
  font:400 clamp(70px,6vw,104px)/.88 var(--serif);
  letter-spacing:-.04em;
  margin:10px 0 0;
  color:var(--ink);
}
.about-page .record-head p{
  font:400 clamp(21px,1.55vw,27px)/1.08 var(--serif);
  color:#3e392f;
  max-width:24ch;
  margin:0 0 8px auto;
}
.about-page .record-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.about-page .record-grid article{
  transform:none!important;
  box-shadow:none!important;
  min-height:350px!important;
  padding:24px 24px 28px!important;
  border:1px solid rgba(17,17,15,.14)!important;
  background:#f5f0e7!important;
}
.about-page .record-grid article:nth-child(2){background:#dceee8!important}
.about-page .record-grid article:nth-child(3){background:#ece2a5!important}
.about-page .record-label{margin-bottom:18px!important}
.about-page .record-label span,
.about-page .record-label em{
  font:800 10px/1 var(--sans)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  color:#5f594f!important;
}
.about-page .record-grid h3{
  font:400 clamp(42px,3.7vw,62px)/.9 var(--serif)!important;
  letter-spacing:-.04em!important;
  margin:0 0 18px!important;
  max-width:10ch!important;
}
.about-page .record-grid p{
  font:400 clamp(20px,1.5vw,24px)/1.08 var(--serif)!important;
  color:#3c372f!important;
  max-width:14ch!important;
  margin:0!important;
}

/* THE RULE */
.about-page .principles{position:relative}
.about-page .principle-whisper{
  display:block;
  margin-top:10px;
  font:500 21px/1 var(--hand);
  transform:rotate(-3deg);
}
.about-page .principle-standalone{
  display:block;
  margin-top:18px;
  font:800 10px/1 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
}

@media(max-width:1250px){
  .about-page .about-rev-counter{grid-template-columns:1fr 1fr}
  .about-page .about-rev-drivers{grid-column:1/-1}
  .about-page .record-head{grid-template-columns:1fr}
  .about-page .record-head p{margin:0;max-width:30ch}
}
@media(max-width:760px){
  .about-page .about-rev-counter{grid-template-columns:1fr}
  .about-page .about-rev-counter>div{min-height:auto;padding-top:58px}
  .about-page .about-rev-intro h2{font-size:58px;max-width:none}
  .about-page .about-rev-intro p{max-width:none}
  .about-page .about-rev-gauge::before{left:20px;right:20px}
  .about-page .record-section{padding:42px 20px 56px!important}
  .about-page .record-head h2{font-size:66px}
  .about-page .record-grid{grid-template-columns:1fr!important}
  .about-page .record-grid article{min-height:auto!important}
  .about-page .record-grid h3,.about-page .record-grid p{max-width:none!important}
}


/* ============================================================
   V20 — About page polish: hero collage, 90s score section,
   record cards refresh, global wordmark logo
   ============================================================ */

/* about hero */
.about-page .about-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,42%);
  gap:clamp(28px,4vw,54px);
  align-items:center;
  padding-top:18px;
  padding-bottom:42px;
}
.about-page .about-intro-copy{min-width:0}
.about-page .about-intro h1{
  max-width:8.6ch;
  font-size:clamp(70px,7vw,124px);
  line-height:.8;
  margin-top:10px;
}
.about-page .about-intro p{
  max-width:22ch;
  font-size:clamp(22px,1.8vw,31px);
  line-height:1.02;
}
.about-page .about-intro-media{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.about-page .about-intro-stack{
  position:relative;
  width:min(100%, 620px);
  height:100%;
  min-height:520px;
}
.about-page .about-polaroid{
  position:absolute;
  background:#f9f5ee;
  padding:16px 16px 46px;
  box-shadow:0 18px 36px rgba(17,17,15,.12);
  max-width:86%;
}
.about-page .about-polaroid img{width:100%; height:auto; display:block}
.about-page .about-polaroid.first{right:16px; top:8px; width:88%; transform:rotate(2deg); z-index:2}
.about-page .about-polaroid.second{left:0; bottom:0; width:84%; transform:rotate(-4deg); z-index:1}
.about-page .about-polaroid::before{
  content:"";
  position:absolute;
  top:-12px;
  left:50%;
  width:104px;
  height:30px;
  background:#eadbb0aa;
  transform:translateX(-50%) rotate(8deg);
}
@media (max-width:980px){
  .about-page .about-intro{grid-template-columns:1fr}
  .about-page .about-intro p{max-width:30ch}
  .about-page .about-intro-media{min-height:auto;justify-content:flex-start}
  .about-page .about-intro-stack{min-height:460px;width:min(100%,620px)}
}
@media (max-width:640px){
  .about-page .about-intro-stack{min-height:380px}
  .about-page .about-polaroid{padding:12px 12px 34px}
  .about-page .about-polaroid.first{width:94%; right:0}
  .about-page .about-polaroid.second{width:90%; left:4%}
}

/* rev counter / the score */
.about-page .about-rev-counter{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.33), transparent 22%),
    linear-gradient(180deg, #c5d8e4 0%, #b7d0df 100%);
  grid-template-columns:1.05fr .7fr .95fr;
  border-top:0;
  overflow:hidden;
}
.about-page .about-rev-counter::before,
.about-page .about-rev-counter::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:26px;
  z-index:-1;
  background:
    repeating-linear-gradient(90deg,
      #11110f 0 18px,
      #11110f 18px 36px,
      #f8f6f1 36px 54px,
      #f8f6f1 54px 72px);
}
.about-page .about-rev-counter::before{top:0}
.about-page .about-rev-counter::after{bottom:0}
.about-page .about-rev-counter > div{
  position:relative;
  min-height:540px;
  padding-top:76px;
  padding-bottom:62px;
}
.about-page .about-rev-intro::before,
.about-page .about-rev-gauge::before,
.about-page .about-rev-drivers::after{
  content:"";
  position:absolute;
  display:block;
  z-index:-1;
}
.about-page .about-rev-intro::before{
  width:120px;height:48px;right:24px;top:58px;
  background:#eadf72;transform:rotate(-8deg);
}
.about-page .about-rev-gauge::before{
  width:88px;height:88px;left:14%;top:90px;
  background:#d26797;transform:rotate(12deg);
}
.about-page .about-rev-drivers::after{
  width:124px;height:46px;right:22px;top:92px;
  background:#eadf72;transform:rotate(7deg);
}
.about-page .about-rev-intro .kicker,
.about-page .about-rev-drivers > .kicker{color:#11110f}
.about-page .about-rev-intro h2{
  max-width:8.5ch;
  font-size:clamp(64px,5.4vw,96px);
  margin:12px 0 18px;
  line-height:.84;
}
.about-page .about-rev-intro p{
  max-width:21ch;
  font-size:clamp(21px,1.65vw,28px);
  line-height:1.03;
  color:#423d35;
}
.about-page .about-rev-link{
  display:inline-block;
  margin-top:24px;
  padding:14px 0 9px;
  border-bottom:1px solid rgba(17,17,15,.72);
}
.about-page .about-rev-link::after{
  width:88px;
  height:5px;
  background:var(--pink);
  border-radius:999px;
  transform:rotate(-3deg);
}
.about-page .about-rev-gauge{
  align-items:flex-start;
  justify-content:center;
}
.about-page .about-rev-score{
  margin-left:0;
  font:800 clamp(66px,5.2vw,84px)/.92 var(--sans);
  letter-spacing:-.07em;
}
.about-page .about-rev-score small{font-size:18px}
.about-page .about-rev-judge{
  margin-top:16px;
  max-width:12ch;
  font:400 clamp(24px,1.8vw,30px)/1.02 var(--serif);
}
.about-page .about-rev-note{
  position:static;
  margin-top:18px;
  transform:rotate(-5deg);
}
.about-page .about-rev-drivers{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-page .about-range-title{
  margin-bottom:18px;
  font:800 10px/1 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.about-page .about-bands{gap:12px}
.about-page .about-bands span{
  justify-content:center;
  min-height:64px;
  font:800 10px/1 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
  border:1px solid rgba(17,17,15,.16);
}
.about-page .about-bands .mint{background:#9fe3d2}
.about-page .about-bands .blue{background:#63afd7}
.about-page .about-bands .yellow{background:#eedb63}
.about-page .about-bands .pink{background:#da6397}
.about-page .about-bands .red{background:#d8749c}

/* the record */
.about-page .record-section{
  background:var(--pink)!important;
  padding-bottom:84px!important;
}
.about-page .record-head p{color:#2f2a24}
.about-page .record-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.about-page .record-grid article{
  min-height:312px!important;
  padding:22px 22px 24px!important;
  border:1px solid rgba(17,17,15,.16)!important;
  box-shadow:0 16px 24px rgba(17,17,15,.08)!important;
}
.about-page .record-grid article:nth-child(1){
  background:#63afd7!important;
  transform:rotate(-2.2deg) translateY(8px)!important;
}
.about-page .record-grid article:nth-child(2){
  background:#9fe3d2!important;
  transform:rotate(1.6deg) translateY(-10px)!important;
}
.about-page .record-grid article:nth-child(3){
  background:#eedb63!important;
  transform:rotate(-1deg) translateY(14px)!important;
}
.about-page .record-label span,
.about-page .record-label em{color:rgba(17,17,15,.72)!important}
.about-page .record-grid h3{
  font:400 clamp(36px,3.1vw,52px)/.92 var(--serif)!important;
  letter-spacing:-.04em!important;
  margin:0 0 16px!important;
  max-width:10ch!important;
}
.about-page .record-grid p{
  font:400 clamp(18px,1.3vw,22px)/1.05 var(--serif)!important;
  color:#312d26!important;
  max-width:15ch!important;
}

@media (max-width:1250px){
  .about-page .about-rev-counter{grid-template-columns:1fr 1fr}
  .about-page .about-rev-drivers{grid-column:1/-1}
}
@media (max-width:960px){
  .about-page .record-grid{grid-template-columns:1fr}
  .about-page .record-grid article:nth-child(1),
  .about-page .record-grid article:nth-child(2),
  .about-page .record-grid article:nth-child(3){transform:none!important}
}
@media (max-width:760px){
  .about-page .about-rev-counter{grid-template-columns:1fr}
  .about-page .about-rev-counter > div{min-height:auto;padding-top:68px;padding-bottom:42px}
  .about-page .about-rev-intro::before{right:20px;top:48px;width:92px;height:40px}
  .about-page .about-rev-gauge::before{left:auto;right:20px;top:86px;width:64px;height:64px}
  .about-page .about-rev-drivers::after{top:72px;right:18px;width:96px;height:34px}
}


/* ============================================================
   V21 — ABOUT PAGE FINAL COPY + hierarchy refinement
   ============================================================ */

/* Global wordmark: 33% larger than V20, pink stroke retained. */

/* HERO — one image only */
.about-page .about-intro{
  grid-template-columns:minmax(0,1fr) minmax(330px,42%)!important;
  padding-top:26px!important;
  padding-bottom:58px!important;
}
.about-page .about-intro h1{
  max-width:8.2ch!important;
  font-size:clamp(72px,7.4vw,132px)!important;
  line-height:.79!important;
}
.about-page .about-intro p{
  max-width:26ch!important;
  font:400 clamp(22px,1.75vw,31px)/1.03 var(--serif)!important;
  color:#4f4b44!important;
}
.about-page .about-intro-media{min-height:510px!important;position:relative!important}
.about-page .about-intro-single{
  position:relative;
  width:min(100%,650px);
  margin-left:auto;
}
.about-page .about-intro-single img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 16px 22px rgba(17,17,15,.11));
}
.about-page .about-intro-note{
  position:absolute;
  right:8%;
  bottom:-8px;
  font:400 clamp(23px,2vw,33px)/1 var(--hand);
  transform:rotate(-5deg);
  color:#11110f;
}
@media(max-width:980px){
  .about-page .about-intro{grid-template-columns:1fr!important}
  .about-page .about-intro-media{min-height:auto!important}
  .about-page .about-intro-single{margin:8px auto 0 0;width:min(100%,620px)}
  .about-page .about-intro-note{bottom:-6px}
}

/* 01 / WHY NOW */
.about-page .why-now{
  position:relative;
  overflow:hidden;
  grid-template-columns:82px minmax(0,1fr) minmax(280px,.6fr)!important;
  grid-template-areas:"num head hand" "cards cards cards"!important;
  gap:22px 34px!important;
  padding:36px 48px 86px!important;
  background:#11110f!important;
}
.about-page .why-number{
  grid-area:num!important;
  color:var(--yellow)!important;
  font:500 32px/1 var(--serif)!important;
  padding-top:3px;
}
.about-page .why-heading{grid-area:head!important}
.about-page .why-heading .kicker{color:#9e9990!important}
.about-page .why-heading h2{
  color:#f5f0e8!important;
  text-transform:uppercase;
  max-width:8.8ch;
  font-size:clamp(78px,7.6vw,142px)!important;
  line-height:.73!important;
  letter-spacing:-.055em!important;
}
.about-page .why-hand{
  grid-area:hand;
  align-self:center;
  justify-self:end;
  color:#91e6d2;
  font:400 clamp(34px,4.1vw,70px)/.94 var(--hand);
  transform:rotate(-3deg);
  padding-right:3vw;
  white-space:nowrap;
}
.about-page .why-copy{display:none!important}
.about-page .why-cards{
  margin-top:44px!important;
  grid-template-columns:1fr 1fr .86fr!important;
  gap:26px!important;
  align-items:end!important;
}
.about-page .why-card{
  position:relative;
  min-height:355px!important;
  padding:26px 28px 30px!important;
  justify-content:flex-start!important;
  box-shadow:9px 9px 0 #050505!important;
  transform-origin:center;
}
.about-page .why-card::before{
  content:"";
  position:absolute;
  top:-15px;
  left:44%;
  width:86px;
  height:28px;
  background:rgba(235,220,180,.72);
  transform:rotate(4deg);
}
.about-page .why-card.mint{background:#95e5d0!important;transform:rotate(-1deg)}
.about-page .why-card.blue{background:#388fc6!important;color:#11110f!important;transform:rotate(.8deg) translateY(18px)!important}
.about-page .why-card.yellow{background:#ffd426!important;transform:rotate(-.7deg)!important}
.about-page .why-card .kicker{color:#11110f!important;margin-bottom:14px}
.about-page .why-card h3{
  margin:0 0 22px!important;
  max-width:12ch;
  font-size:clamp(34px,2.6vw,50px)!important;
  line-height:.95!important;
}
.about-page .why-card p{
  font:500 17px/1.35 var(--sans)!important;
  max-width:96%!important;
  margin-top:auto!important;
}
.about-page .why-classified{
  position:absolute;
  right:4.5%;
  top:50%;
  z-index:3;
  width:228px;
  padding:16px 18px;
  background:#f4efe2;
  color:#565047;
  box-shadow:0 6px 14px rgba(0,0,0,.16);
  transform:rotate(3deg);
  font:500 11px/1.4 var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.about-page .why-sale-note{
  position:absolute;
  right:5%;
  bottom:22px;
  color:var(--pink);
  font:700 clamp(24px,2.1vw,34px)/1 var(--hand);
  transform:rotate(-3deg);
}
@media(max-width:980px){
  .about-page .why-now{grid-template-columns:56px 1fr!important;grid-template-areas:"num head" "hand hand" "cards cards"!important}
  .about-page .why-hand{justify-self:start;padding-left:56px;padding-right:0}
  .about-page .why-cards{grid-template-columns:1fr!important}
  .about-page .why-card.blue{transform:none!important}
  .about-page .why-classified{display:none}
}

/* 02 / THE RECORD — same composition, final copy + artifacts */
.about-page .record-section{padding-top:62px!important;padding-bottom:92px!important}
.about-page .record-head .kicker{color:#11110f!important}
.about-page .record-head h2{
  text-transform:none!important;
  font-size:clamp(74px,6.4vw,116px)!important;
  line-height:.82!important;
  max-width:7ch;
}
.about-page .record-head p{max-width:27ch!important;color:#2f2a24!important}
.about-page .record-grid{gap:24px!important;margin-top:20px!important}
.about-page .record-grid article{position:relative;overflow:hidden;min-height:390px!important}
.about-page .record-grid article:nth-child(1){background:#63afd7!important;transform:rotate(-2deg) translateY(8px)!important}
.about-page .record-grid article:nth-child(2){background:#9fe3d2!important;transform:rotate(1.4deg) translateY(-8px)!important}
.about-page .record-grid article:nth-child(3){background:#eedb63!important;transform:rotate(-.8deg) translateY(13px)!important}
.about-page .record-grid h3{
  text-transform:uppercase;
  font-size:clamp(42px,3.3vw,60px)!important;
  line-height:.88!important;
  max-width:9ch!important;
}
.about-page .record-grid article:nth-child(2) h3{text-transform:none!important;max-width:8ch!important}
.about-page .record-grid p{max-width:18ch!important}
.about-page .receipt-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.about-page .receipt-chips span{
  display:inline-block;
  padding:8px 10px 7px;
  background:#f8f4ec;
  border:1px solid rgba(17,17,15,.35);
  font:800 9px/1 var(--sans);
  letter-spacing:.12em;
}
.about-page .record-spec-slip{
  margin-top:auto;
  width:82%;
  background:#f7f2e8;
  padding:12px 14px;
  font:500 10px/1.45 var(--mono);
  color:#504a42;
  transform:rotate(-1.4deg);
  box-shadow:3px 4px 0 rgba(17,17,15,.08);
}
.about-page .record-hand{
  position:absolute;
  right:18px;
  bottom:18px;
  max-width:12ch;
  font:400 21px/1.02 var(--hand);
  transform:rotate(-5deg);
}
@media(max-width:960px){
  .about-page .record-grid article:nth-child(1),
  .about-page .record-grid article:nth-child(2),
  .about-page .record-grid article:nth-child(3){transform:none!important}
}

/* 03 / REV COUNTER — idea first, methodology behind the CTA */
.about-page .about-rev-counter{
  border-top:0!important;
  grid-template-columns:1.04fr .72fr .94fr!important;
}
.about-page .about-rev-intro .kicker{color:#11110f!important}
.about-page .about-rev-intro h2{max-width:7.8ch!important}
.about-page .about-rev-intro p{max-width:22ch!important}
.about-page .gauge-label{
  font:800 10px/1 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.about-page .about-rev-gauge-copy{
  margin-top:14px;
  font:400 clamp(23px,1.8vw,30px)/1.02 var(--serif);
}
.about-page .about-rev-drivers>.kicker{color:#11110f!important}
.about-page .about-range-title{font-size:11px!important}

/* THE RULE removed on About page. */
.about-page > section.about.page-width{display:none!important}

/* The Letter */
.email{position:relative}
.email p{max-width:520px!important}
.email-note{
  position:absolute;
  right:var(--pad);
  bottom:18px;
  color:#f6f1e8;
  font:400 clamp(18px,1.45vw,25px)/1 var(--hand);
  transform:rotate(-4deg);
  opacity:.92;
}
@media(max-width:760px){.email-note{position:static;display:block;margin-top:22px}}


/* ============================================================
   V22 — about page refinements / Clio hero / yellow Rev Counter
   ============================================================ */

/* Global wordmark slightly larger again. */

/* About hero: keep collector-car on one line and match homepage sub-dek styling. */
.about-page .about-intro{
  grid-template-columns:minmax(0,1fr) minmax(360px,43%)!important;
}
.about-page .about-intro h1{
  max-width:11.4ch!important;
  font-size:clamp(74px,7.4vw,132px)!important;
  line-height:.82!important;
}
.about-page .about-intro h1 .keep-together{white-space:nowrap;display:inline-block}
.about-page .about-intro p{
  max-width:500px!important;
  font:400 clamp(22px,1.9vw,34px)/1.04 var(--serif)!important;
  color:#4f4b44!important;
}
.about-page .about-intro-single{width:min(100%,690px)!important}
.about-page .about-intro-note{right:10%;bottom:-4px!important}

/* WHY NOW: use homepage display language and give the lines more air. */
.about-page .why-heading h2{
  max-width:9.6ch!important;
  font-family:var(--serif)!important;
  font-weight:400!important;
  font-size:clamp(76px,7.1vw,138px)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
}
.about-page .why-card h3{line-height:.98!important}
.about-page .why-classified{
  right:58px!important;
  top:188px!important;
  z-index:4!important;
}

/* Rev Counter section: speed yellow background, no random decorative boxes/graphics. */
.about-page .about-rev-counter{
  background:var(--yellow)!important;
  background-image:none!important;
}
.about-page .about-rev-intro::before,
.about-page .about-rev-gauge::before,
.about-page .about-rev-drivers::before,
.about-page .about-rev-drivers::after{
  content:none!important;
  display:none!important;
}
.about-page .about-rev-intro,
.about-page .about-rev-gauge,
.about-page .about-rev-drivers{
  background:transparent!important;
}
.about-page .about-rev-intro p,
.about-page .about-rev-gauge-copy{color:#2b2620!important}
.about-page .about-rev-counter .about-bands .yellow{
  border-color:rgba(17,17,15,.35)!important;
}

@media(max-width:980px){
  .about-page .about-intro{grid-template-columns:1fr!important}
  .about-page .about-intro-single{width:min(100%,640px)!important}
  .about-page .why-classified{top:160px!important;right:34px!important}
}
@media(max-width:760px){
  .about-page .about-intro h1{max-width:none!important}
  .about-page .why-heading h2{font-size:64px!important;line-height:.9!important}
  .about-page .why-classified{display:none!important}
}

/* ============================================================
   V23 — About page restructure / editorial note / mint Rev Counter
   ============================================================ */

.about-page .about-section-kicker{
  color:var(--pink);
  font:700 13px/1 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.about-page .about-intro{
  grid-template-columns:minmax(0,1fr) minmax(380px,43%)!important;
  align-items:start!important;
}
.about-page .about-intro h1{
  max-width:12.4ch!important;
  font-size:clamp(78px,7.65vw,140px)!important;
  line-height:.84!important;
  letter-spacing:-.045em!important;
}
.about-page .about-intro p.hero-dek{
  max-width:500px!important;
  font-family:var(--serif)!important;
  font-size:clamp(22px,1.9vw,34px)!important;
  line-height:1.04!important;
  color:#4f4b44!important;
  margin:24px 0 0!important;
}
.about-page .about-intro-single{
  width:min(100%,690px)!important;
}
.about-page .about-intro-note{
  right:10%;
  bottom:-4px!important;
}

.about-page .editor-note{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);
  gap:48px;
  align-items:start;
  padding:62px var(--pad) 74px;
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
  background:var(--paper);
}
.about-page .editor-note h2{
  margin:0 0 22px;
  max-width:9.25ch;
  font-size:clamp(58px,5.4vw,104px);
  line-height:.88;
  letter-spacing:-.04em;
}
.about-page .editor-note-copy p{
  font:400 22px/1.18 var(--serif);
  color:#4f4b44;
  max-width:31ch;
  margin:0 0 18px;
}
.about-page .editor-note-copy p:last-child{margin-bottom:0}
.about-page .editor-note-copy em{font-style:italic}
.about-page .editor-note-copy strong{font-weight:700;color:var(--ink)}
.about-page .editor-note-media{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.about-page .editor-note-card{
  margin:0;
  width:min(100%,520px);
  position:relative;
}
.about-page .editor-note-card img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(14px 16px 0 rgba(17,17,15,.1));
}
.about-page .editor-note-card figcaption{
  position:absolute;
  right:6%;
  bottom:-18px;
  color:var(--ink);
  font-size:24px;
  transform:rotate(-4deg);
}

.about-page .why-now{
  background:#151412!important;
  color:#f4efe6!important;
  padding:60px var(--pad) 96px!important;
  display:block!important;
  position:relative;
}
.about-page .why-heading{margin-bottom:34px!important}
.about-page .why-heading .about-section-kicker{margin-bottom:12px}
.about-page .why-heading h2{
  max-width:8.95ch!important;
  font-family:var(--serif)!important;
  font-weight:400!important;
  font-size:clamp(76px,7vw,136px)!important;
  line-height:.9!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.about-page .why-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:start;
}
.about-page .why-card .kicker{
  color:var(--ink)!important;
  margin-bottom:18px;
}
.about-page .why-card h3{
  font:400 clamp(36px,3.1vw,58px)/.94 var(--serif)!important;
  letter-spacing:-.035em;
  margin:0 0 22px!important;
}
.about-page .why-card p{
  font:400 17px/1.33 var(--sans);
  color:rgba(17,17,15,.9);
}
.about-page .why-sale-note{
  position:absolute;
  right:var(--pad);
  bottom:18px;
  color:var(--pink);
  font:400 clamp(21px,1.9vw,36px)/1 var(--hand);
  transform:rotate(-2deg);
}
.about-page .why-hand,
.about-page .why-number,
.about-page .why-classified{display:none!important}

.about-page .record-section{
  padding:62px var(--pad) 92px!important;
}
.about-page .record-head .about-section-kicker{margin-bottom:14px}
.about-page .record-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
  margin-bottom:22px;
}
.about-page .record-label span,
.about-page .record-label em{
  font:700 12px/1 var(--sans)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  background:rgba(17,17,15,.08);
  padding:10px 12px;
  border:1px solid rgba(17,17,15,.16);
  white-space:nowrap;
}
.about-page .record-label em{background:rgba(241,238,230,.45)}
.about-page .record-grid article h3{line-height:.94!important}

.about-page .about-rev-counter{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:0;
  background:var(--mint)!important;
  border-top:1px solid rgba(17,17,15,.18)!important;
  border-bottom:0!important;
  scroll-margin-top:24px;
}
.about-page .about-rev-counter::before,
.about-page .about-rev-counter::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  pointer-events:none;
  z-index:0;
}
.about-page .about-rev-counter::before{
  top:0;
  height:min(22%,172px);
  background-image:
    linear-gradient(45deg,#11110f 25%,transparent 25%,transparent 75%,#11110f 75%,#11110f),
    linear-gradient(45deg,#11110f 25%,transparent 25%,transparent 75%,#11110f 75%,#11110f);
  background-size:48px 48px;
  background-position:0 0,24px 24px;
  opacity:.18;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.98) 0%, rgba(0,0,0,.82) 42%, rgba(0,0,0,0) 100%);
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.98) 0%, rgba(0,0,0,.82) 42%, rgba(0,0,0,0) 100%);
}
.about-page .about-rev-counter::after{
  bottom:-1px;
  height:36px;
  background-image:
    linear-gradient(45deg,#11110f 25%,transparent 25%,transparent 75%,#11110f 75%,#11110f),
    linear-gradient(45deg,#11110f 25%,transparent 25%,transparent 75%,#11110f 75%,#11110f);
  background-size:48px 48px;
  background-position:0 0,24px 24px;
  opacity:.28;
}
.about-page .about-rev-counter > div{
  position:relative;
  z-index:1;
  min-height:640px;
  padding:92px var(--pad) 72px!important;
  border-right:1px solid rgba(17,17,15,.14)!important;
  background:transparent!important;
}
.about-page .about-rev-counter > div:last-child{border-right:0!important}
.about-page .about-rev-intro h2{
  max-width:7.2ch;
  margin:0 0 20px;
  font-size:clamp(78px,7vw,136px)!important;
  line-height:.87!important;
  letter-spacing:-.045em!important;
}
.about-page .about-rev-intro p{
  max-width:17ch;
  font:400 clamp(24px,2.1vw,40px)/1.03 var(--serif)!important;
  color:#2b2620!important;
  margin:0 0 34px!important;
}
.about-page .about-rev-link{
  color:var(--ink)!important;
}
.about-page .about-rev-gauge{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.about-page .about-rev-gauge .gauge-label{
  margin-bottom:26px;
  color:var(--ink)!important;
}
.about-page .about-rev-score{
  font-size:clamp(72px,7vw,118px)!important;
  line-height:.9!important;
  margin:8px 0 12px!important;
}
.about-page .about-rev-score small{font-size:.34em}
.about-page .about-rev-gauge-copy{
  font:400 clamp(30px,2.85vw,52px)/.93 var(--serif)!important;
  color:#241f1a!important;
}
.about-page .about-rev-note{
  position:static!important;
  margin-top:24px!important;
  color:var(--ink)!important;
  font-size:clamp(26px,2.3vw,42px)!important;
  transform:rotate(-4deg);
}
.about-page .about-rev-drivers{display:none!important}

@media(max-width:1120px){
  .about-page .editor-note{grid-template-columns:1fr;gap:30px}
  .about-page .editor-note-copy p{max-width:unset}
  .about-page .editor-note-media{justify-content:flex-start}
  .about-page .why-cards{grid-template-columns:1fr 1fr}
  .about-page .about-rev-counter{grid-template-columns:1fr}
  .about-page .about-rev-counter > div{min-height:auto;border-right:0!important}
}
@media(max-width:760px){
  .about-page .about-intro{grid-template-columns:1fr!important}
  .about-page .about-intro h1{max-width:none!important;font-size:72px!important;line-height:.88!important}
  .about-page .about-intro-media{min-height:auto!important}
  .about-page .about-intro-single{width:min(100%,620px)!important}
  .about-page .editor-note,
  .about-page .why-now,
  .about-page .record-section{padding-left:20px!important;padding-right:20px!important}
  .about-page .editor-note h2{font-size:56px}
  .about-page .editor-note-copy p{font-size:20px;line-height:1.2}
  .about-page .why-heading h2{font-size:64px!important;line-height:.93!important}
  .about-page .why-cards{grid-template-columns:1fr}
  .about-page .why-sale-note{position:static;margin-top:22px;display:block}
  .about-page .about-rev-counter::before{height:122px}
  .about-page .about-rev-counter > div{padding:76px 20px 42px!important}
  .about-page .about-rev-intro h2{font-size:64px!important;max-width:none}
  .about-page .about-rev-intro p{font-size:22px!important;max-width:none}
  .about-page .about-rev-score{font-size:78px!important}
  .about-page .about-rev-gauge-copy{font-size:34px!important}
}

/* V24 headline wrap lock: keep “The market has” together. */
.about-page .about-rev-intro h2 .rev-line-one{white-space:nowrap;display:inline-block}
.about-page .about-rev-intro h2{max-width:10.5ch!important}
@media(max-width:760px){.about-page .about-rev-intro h2 .rev-line-one{white-space:normal}.about-page .about-rev-intro h2{max-width:none!important}}

/* ============================================================
   V25 — About polish + sourced market-page editorial copy
   ============================================================ */

/* WHY REV COUNTER: full-bleed section with a wider, two-thirds founder note. */
.about-page .editor-note{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:1fr!important;
  background:var(--paper)!important;
}
.about-page .editor-note-copy{
  width:min(66.6667%,1120px);
  max-width:none;
}
.about-page .editor-note h2{
  max-width:none!important;
}
.about-page .editor-note h2 span{display:block}
.about-page .editor-note-copy p{
  max-width:58ch!important;
}
.about-page .editor-signoff{
  display:block;
  margin-top:26px!important;
  font-family:var(--sans)!important;
  font-weight:700!important;
  font-size:15px!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink)!important;
}
.about-page .editor-note-media{display:none!important}

/* Receipts before opinions: make the individual-car statement explicit. */
.about-page .record-grid .record-individual h3{
  color:var(--yellow)!important;
  text-transform:uppercase;
}

/* Rev Counter: no internal vertical divider and no bottom checker before The Letter. */
.about-page .about-rev-counter > div{
  border-right:0!important;
}
.about-page .about-rev-counter::after{
  content:none!important;
  display:none!important;
}

/* Individual market pages: source-driven editorial tab panels. */
.market-editorial-panel{
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(0,1.3fr) minmax(220px,.58fr);
  align-items:stretch;
  border-bottom:1px solid var(--rule);
  background:var(--paper);
}
.market-editorial-panel > *{
  min-height:560px;
  padding:32px var(--pad) 38px;
  border-right:1px solid var(--rule);
  position:relative;
  min-width:0;
}
.market-editorial-panel > *:last-child{border-right:0}
.market-editorial-lead{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.market-editorial-kicker{
  color:var(--pink);
  margin-bottom:16px;
}
.market-editorial-lead h2{
  margin:0 0 24px;
  font-size:clamp(54px,4.7vw,88px);
  line-height:.88;
  letter-spacing:-.04em;
}
.market-editorial-lead img{
  width:100%;
  height:250px;
  object-fit:contain;
  object-position:center;
  margin:auto 0 10px;
}
.market-editorial-note{
  margin-top:12px;
  font-size:20px;
  transform:rotate(-3deg);
}
.market-editorial-copy{
  font:400 19px/1.22 var(--serif);
  color:#4f4b44;
  overflow:hidden;
}
.market-editorial-copy p{
  margin:0 0 18px;
  break-inside:avoid;
}
.market-editorial-copy h3{
  margin:4px 0 12px;
  font:700 13px/1.15 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink);
  break-after:avoid;
}
.market-editorial-copy strong{
  color:var(--ink);
  font-weight:700;
}
.market-editorial-copy em{font-style:italic}
.market-editorial-copy-dense{
  columns:2 260px;
  column-gap:34px;
}
.live-placeholder{
  display:inline-block;
  padding:3px 7px;
  margin:2px 0;
  border:1px solid rgba(17,17,15,.22);
  background:rgba(255,212,38,.36);
  color:var(--ink);
  font:700 10px/1 var(--sans);
  letter-spacing:.08em;
}
.market-editorial-score{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.market-editorial-score-note{
  margin-top:28px;
  font-size:20px;
}

@media(max-width:1180px){
  .about-page .editor-note-copy{width:min(82%,980px)}
  .market-editorial-panel{grid-template-columns:1fr 1fr}
  .market-editorial-score{grid-column:1/-1;border-top:1px solid var(--rule);min-height:auto}
}
@media(max-width:760px){
  .about-page .editor-note-copy{width:100%}
  .market-editorial-panel{grid-template-columns:1fr}
  .market-editorial-panel > *{min-height:auto;border-right:0;border-bottom:1px solid var(--rule);padding:30px 20px}
  .market-editorial-panel > *:last-child{border-bottom:0}
  .market-editorial-lead h2{font-size:58px}
  .market-editorial-lead img{height:220px}
  .market-editorial-copy-dense{columns:1}
}

/* ============================================================
   V26 — locked About copy + About-only type system + new marks
   ============================================================ */
.about-route{
  --about-story:"Newsreader",Georgia,"Times New Roman",Times,serif;
  --about-ui:"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif;
  --about-shout:"Oswald",Impact,"Arial Narrow",sans-serif;
}

/* New global header mark supplied for V26. */

/* About route chrome follows the supplied type spec without touching other pages. */
.about-route .main-nav,
.about-route .signup-link,
.about-route .menu-button,
.about-route .footer,
.about-route .email-form,
.about-route .about-page .kicker,
.about-route .about-page .about-section-kicker,
.about-route .about-page .record-label,
.about-route .about-page .receipt-chips,
.about-route .about-page .gauge-label,
.about-route .about-page .about-rev-link,
.about-route .about-page .editor-signoff{
  font-family:var(--about-ui)!important;
}
.about-route .about-page .display,
.about-route .about-page .about-intro p,
.about-route .about-page .editor-note h2,
.about-route .about-page .editor-note-copy p,
.about-route .about-page .why-heading h2,
.about-route .about-page .why-card h3,
.about-route .about-page .why-card p,
.about-route .about-page .record-head h2,
.about-route .about-page .record-head p,
.about-route .about-page .record-grid h3,
.about-route .about-page .record-grid p,
.about-route .about-page .about-rev-intro h2,
.about-route .about-page .about-rev-intro p,
.about-route .about-page .about-rev-gauge-copy,
.about-route .email h2,
.about-route .email p{
  font-family:var(--about-story)!important;
}

/* Hero type: use the attached About spec, not the main-site display scale. */
.about-route .about-page .about-intro h1{
  font-family:var(--about-story)!important;
  font-weight:500!important;
  font-size:clamp(40px,5vw,72px)!important;
  line-height:.95!important;
  letter-spacing:-.01em!important;
  max-width:14ch!important;
}
.about-route .about-page .about-intro p.hero-dek{
  font-family:var(--about-story)!important;
  font-weight:400!important;
  font-style:italic!important;
  font-size:20px!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  max-width:28em!important;
}
.about-route .about-page .about-intro .kicker{
  font-weight:600!important;font-size:10px!important;line-height:1!important;letter-spacing:.12em!important;
}

/* WHY REV COUNTER — text gets two thirds, supplied triangle badge gets the final third. */
.about-route .about-page .editor-note{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(260px,1fr)!important;
  gap:clamp(32px,5vw,76px)!important;
  align-items:center!important;
  padding:64px var(--pad) 76px!important;
}
.about-route .about-page .editor-note-copy{
  width:100%!important;
  max-width:980px!important;
}
.about-route .about-page .editor-note h2{
  font-family:var(--about-story)!important;
  font-weight:500!important;
  font-size:64px!important;
  line-height:.96!important;
  letter-spacing:-.005em!important;
  max-width:12ch!important;
  margin:12px 0 26px!important;
}
.about-route .about-page .editor-note-copy p{
  font-family:var(--about-story)!important;
  font-weight:400!important;
  font-size:18px!important;
  line-height:1.45!important;
  max-width:68ch!important;
  margin:0 0 18px!important;
  color:#403c35!important;
}
.about-route .about-page .editor-note-copy .editor-tagline{
  font-style:italic!important;
  font-size:18px!important;
  line-height:1.4!important;
  margin-top:22px!important;
}
.about-route .about-page .editor-signoff{
  display:block!important;
  font-weight:600!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-top:24px!important;
  color:var(--ink)!important;
}
.about-route .about-page .editor-note-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0;
}
.about-route .about-page .editor-note-mark img{
  width:min(100%,430px)!important;
  height:auto!important;
  display:block!important;
  filter:drop-shadow(0 14px 20px rgba(17,17,15,.09));
}

/* WHY NOW: sentence titles stay Newsreader and supporting copy is calm. */
.about-route .about-page .why-card h3{
  font-weight:500!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.005em!important;
}
.about-route .about-page .why-card p{
  font-weight:400!important;
  font-size:16px!important;
  line-height:1.4!important;
}
.about-route .about-page .why-card .kicker,
.about-route .about-page .why-heading .about-section-kicker{
  font-family:var(--about-ui)!important;
  font-weight:600!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}

/* THE RECORD: magenta band remains, section label gets the requested Speed Yellow hit. */
.about-route .about-page .record-kicker{
  display:inline-block!important;
  background:var(--yellow)!important;
  color:var(--ink)!important;
  padding:9px 12px 8px!important;
  width:max-content!important;
}
.about-route .about-page .record-head h2{
  font-weight:500!important;
  font-size:80px!important;
  line-height:.92!important;
  letter-spacing:-.015em!important;
  max-width:10ch!important;
}
.about-route .about-page .record-head p{
  font-weight:400!important;
  font-size:16px!important;
  line-height:1.4!important;
  max-width:28em!important;
}
.about-route .about-page .record-label span,
.about-route .about-page .record-label em{
  font-family:var(--about-ui)!important;
  font-weight:600!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
}
.about-route .about-page .record-grid h3,
.about-route .about-page .record-grid .record-individual h3{
  font-family:var(--about-story)!important;
  font-weight:500!important;
  font-size:28px!important;
  line-height:1.06!important;
  letter-spacing:-.005em!important;
  text-transform:none!important;
  color:var(--ink)!important;
  max-width:13ch!important;
}
.about-route .about-page .record-grid p{
  font-family:var(--about-story)!important;
  font-weight:400!important;
  font-size:15px!important;
  line-height:1.4!important;
  max-width:30ch!important;
  margin:0 0 12px!important;
}
.about-route .about-page .record-grid article{min-height:355px!important}

/* MARKET TACH — keep mint field, simplify the copy hierarchy. */
.about-route .about-page .about-rev-counter{background:var(--mint)!important}
.about-route .about-page .about-rev-intro h2{
  font-family:var(--about-story)!important;
  font-weight:500!important;
  font-size:56px!important;
  line-height:.96!important;
  letter-spacing:-.005em!important;
  max-width:11ch!important;
}
.about-route .about-page .about-rev-intro p{
  font-family:var(--about-story)!important;
  font-weight:400!important;
  font-size:18px!important;
  line-height:1.4!important;
  max-width:28em!important;
}
.about-route .about-page .about-rev-score{
  font-family:var(--about-shout)!important;
  font-weight:700!important;
  font-size:96px!important;
  line-height:.85!important;
  letter-spacing:-.02em!important;
}
.about-route .about-page .about-rev-score small{
  font-family:var(--about-ui)!important;
  font-weight:400!important;
  font-size:22px!important;
  letter-spacing:0!important;
}
.about-route .about-page .about-rev-gauge-copy{
  font-family:var(--about-story)!important;
  font-weight:500!important;
  font-size:24px!important;
  line-height:1.1!important;
  max-width:22ch!important;
}
.about-route .about-page .about-rev-gauge-copy span{
  display:block;
  margin-top:10px;
  font-weight:400;
  font-size:18px;
  line-height:1.35;
}
.about-route .about-page .about-rev-note{display:none!important}
.about-route .about-page .about-rev-link{
  font-weight:600!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}
.about-route .about-page .gauge-label,
.about-route .about-page .about-section-kicker{
  font-family:var(--about-ui)!important;
  font-weight:600!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
}

/* The Letter on About only. */
.about-route .email h2{
  font-weight:500!important;
  font-size:48px!important;
  line-height:.98!important;
  letter-spacing:-.005em!important;
}
.about-route .email p{
  font-weight:400!important;
  font-size:16px!important;
  line-height:1.4!important;
}
.about-route .email .kicker,
.about-route .email-form input,
.about-route .email-form button,
.about-route .footer{
  font-family:var(--about-ui)!important;
}

@media(max-width:980px){
  .about-route .about-page .editor-note{grid-template-columns:1fr!important}
  .about-route .about-page .editor-note-mark{justify-content:flex-start!important}
  .about-route .about-page .editor-note-mark img{width:min(62vw,380px)!important}
}
@media(max-width:700px){
  .about-route .about-page .about-intro h1{font-size:40px!important;line-height:.95!important}
  .about-route .about-page .about-intro p.hero-dek{font-size:17px!important}
  .about-route .about-page .editor-note h2{font-size:36px!important}
  .about-route .about-page .editor-note-copy p{font-size:17px!important}
  .about-route .about-page .editor-signoff{font-size:12px!important}
  .about-route .about-page .why-card h3{font-size:24px!important}
  .about-route .about-page .why-card p{font-size:15px!important}
  .about-route .about-page .record-head h2{font-size:40px!important}
  .about-route .about-page .record-head p{font-size:15px!important}
  .about-route .about-page .record-grid h3{font-size:22px!important}
  .about-route .about-page .record-grid p{font-size:14px!important}
  .about-route .about-page .about-rev-intro h2{font-size:32px!important}
  .about-route .about-page .about-rev-intro p{font-size:16px!important}
  .about-route .about-page .about-rev-score{font-size:72px!important}
  .about-route .about-page .about-rev-score small{font-size:16px!important}
  .about-route .about-page .about-rev-gauge-copy{font-size:18px!important}
  .about-route .email h2{font-size:32px!important}
  .about-route .email p{font-size:15px!important}
}


/* ============================================================
   V27 — global type unification + larger wordmark + About spacing
   ============================================================ */
:root{
  --serif:"Newsreader",Georgia,"Times New Roman",Times,serif;
  --sans:"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif;
  --shout:"Oswald",Impact,"Arial Narrow",sans-serif;
  --header:132px;
}

/* The About typography system is now the site typography system. */
.display,
.hero-dek,
.overview-copy,
.editorial-block h2,
.editorial-block p,
.news-card h3,
.news-card p,
.email h2,
.email p,
.article-page .dek,
.article-body,
.method-hero h1,
.records-head h1,
.records-head p{
  font-family:var(--serif);
}

/* Double the supplied header mark while keeping the sticky chrome balanced. */

/* More intentional air between the About kicker and the first headline. */
.about-route .about-page .about-intro h1{
  margin-top:34px!important;
}

/* Origin section: pull the badge toward the copy and leave a larger clean right margin. */
.about-route .about-page .editor-note{
  grid-template-columns:minmax(0,2.05fr) minmax(230px,.8fr)!important;
  gap:clamp(22px,3vw,46px)!important;
  padding-right:clamp(96px,8vw,170px)!important;
}
.about-route .about-page .editor-note-mark{
  justify-content:flex-start!important;
  align-items:center!important;
  transform:translateX(-18px);
}
.about-route .about-page .editor-note-mark img{
  width:min(100%,390px)!important;
  margin-right:auto!important;
}

/* Preserve the requested title-case sign-off. */
.about-route .about-page .editor-signoff{
  text-transform:none!important;
  letter-spacing:0!important;
}

@media(max-width:980px){
  :root{--header:104px}
  .about-route .about-page .editor-note{padding-right:var(--pad)!important}
  .about-route .about-page .editor-note-mark{transform:none!important}
}
@media(max-width:760px){
  :root{--header:86px!important}
  .about-route .about-page .about-intro h1{margin-top:24px!important}
}
/* Batch 4 — shared interaction cursors: every clickable nav item and filter control shows the pointer
   (links, buttons, selects, chips, toggles, summaries, checkbox/radio labels, "More filters", "Clear",
   the search box's clear ×); text inputs keep the text cursor; disabled controls show not-allowed. */
a[href],button,select,summary,label:has(>input[type=checkbox]),label:has(>input[type=radio]),label[for],input[type=checkbox],input[type=radio],input[type=button],input[type=submit],input[type=reset],[role=button],[role=tab],[role=link],[role=switch],[role=option],[aria-haspopup],[aria-expanded],[data-type],[data-catalog-reset],[data-guide-clear],[data-guide-more],[data-search-clear],input[type=search]::-webkit-search-cancel-button{cursor:pointer}
input[type=search],input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input:not([type]),textarea{cursor:text}
button:disabled,select:disabled,input:disabled,textarea:disabled,[aria-disabled=true],fieldset:disabled *{cursor:not-allowed}
/* Guides page links: "Find a car guide →" turns magenta on hover/focus; "Compare the cars in Market →" is styled
   as the header "What's missing?" button (v79.css: hand font, size, padding, #b3d2e3 fill) without its underline;
   hover/focus uses the muted magenta fill (--market-magenta). */
.guide-find-pen:hover,.guide-find-pen:focus-visible{color:var(--pink)!important}
a.guide-index-market{display:block;width:fit-content;max-width:none;margin:30px auto 0;background:#b3d2e3!important;color:var(--ink,#17232b)!important;padding:8px 5px 5px;font:400 19px/1.15 var(--hand);letter-spacing:0;text-transform:none;white-space:nowrap;border:0;text-decoration:none;transition:background-color .15s ease}
a.guide-index-market:hover,a.guide-index-market:focus-visible{background:var(--market-magenta,#d4a0b7)!important;color:var(--ink,#17232b)!important}
/* Guide card blurb under the car: 1–6 lines, never more (private copy list in the batch report). */
.guide-index-card .guide-card-take,.search-guide>span>em{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;max-width:none!important;width:100%}
/* Header "Sign up": the same maritime-blue fill box as the "What's missing?" hover (v79.css #b3d2e3),
   on hover and keyboard focus. */
.header-actions .signup-link{padding:8px 10px;transition:background-color .15s ease}
.header-actions .signup-link:hover,.header-actions .signup-link:focus-visible{background:#b3d2e3}

/* Newsletter: 'infrequent enough to remain friends →' sits below the signup box (inside the form), full width,
   same hand style; status messages (success / already / error) appear between the box and the note. */
.email-form .email-note{position:static!important;grid-column:1/-1;flex-basis:100%;justify-self:end;align-self:start;margin:16px 0 0!important;right:auto;bottom:auto;text-align:right}
.email-form [role=status]:empty{display:none}
@media(max-width:760px){.email-form .email-note{justify-self:start;text-align:left;margin-top:14px!important}}