:root{color-scheme:dark;--bg:#151413;--panel:#1b1917;--ink:#e9e3dc;--muted:#a39b92;--line:#39342f;--accent:#d9ac88;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.shell{width:min(1380px,100%);margin:auto;padding:0 5vw}
.mono{font-family:var(--mono);font-size:12px;line-height:1.7}
.muted{color:var(--muted)}
.nav{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:14px}
.nav .brand{letter-spacing:-.03em}
.nav span,.nav a.crumb{color:var(--muted)}
.nav a.crumb:hover{color:var(--accent)}

.intro{padding:40px 0 48px}
h1{font-size:clamp(48px,11vw,108px);line-height:1;font-weight:400;letter-spacing:-.065em;margin:0}
.intro p{color:var(--muted);font-size:15px;line-height:1.8;max-width:30em;margin:22px 0 0}

.collection{display:grid;grid-template-columns:1fr;gap:44px;padding-bottom:70px}
.card{min-width:0}
.card-link{display:block}
.photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#49403a,#332e2a 55%,#262321);margin:0}
.photo.fog{background:linear-gradient(135deg,#424c4a,#303735 55%,#222927)}
.photo.slate{background:linear-gradient(140deg,#45474e,#303239 55%,#23252a)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo .tag{position:absolute;left:18px;right:18px;bottom:18px;color:#c9bfb4;font-family:var(--mono);font-size:11px}
.card .photo{height:96vw;max-height:560px;transition:filter .35s ease,box-shadow .35s ease}
.card-body{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:18px;transition:color .25s ease}
.card h2{margin:0;font-size:20px;font-weight:400;letter-spacing:-.03em}
.card p{margin:8px 0 0;font-size:13px;color:var(--muted)}
.card .num{font-family:var(--mono);font-size:11px;color:var(--muted)}
.hint{display:inline-block;margin-left:12px;color:var(--accent);font-size:14px;opacity:1;transition:opacity .25s ease,transform .25s ease}
.card-link:focus-visible .photo{filter:brightness(1.13);box-shadow:inset 0 0 0 1px #d9ac8860}
@media (hover:hover){
 .hint{opacity:0;transform:translateX(-5px)}
 .card-link:hover .photo,.card-link:focus-visible .photo{filter:brightness(1.13);box-shadow:inset 0 0 0 1px #d9ac8860}
 .card-link:hover .card-body{color:var(--accent)}
 .card-link:hover .hint,.card-link:focus-visible .hint{opacity:1;transform:none}
}

.car-head{padding:36px 0 36px}
.car-head .mono{color:var(--accent)}
.car-head h1{font-size:clamp(44px,9vw,96px);letter-spacing:-.06em;margin:16px 0 0}
.lead{height:72vw;min-height:280px;max-height:760px}
.purpose{max-width:680px;margin:0 auto;padding:56px 0}
.purpose h2,.section-label{font:12px/1.7 var(--mono);color:var(--accent);font-weight:400;margin:0 0 22px}
.purpose p{font-size:clamp(22px,3.4vw,38px);line-height:1.4;letter-spacing:-.035em;margin:0}
.specs{border-top:1px solid var(--line);padding:32px 0 56px}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7}
th,td{text-align:left;vertical-align:top;padding:16px 0;border-top:1px solid var(--line)}
tr:first-child th,tr:first-child td{border-top:0}
th{display:block;padding:16px 0 2px;font:12px/1.7 var(--mono);color:var(--muted);font-weight:400}
td{display:block;padding:0 0 16px;border-top:0}
tr{display:block;border-top:1px solid var(--line)}
tr:first-child{border-top:0}
td ul{margin:0;padding:0;list-style:none}
td li{padding:2px 0}
td li::before{content:"· ";color:var(--accent)}
.gallery{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:20px}
.gallery .photo{height:90vw;max-height:600px}
.end{text-align:center;color:var(--muted);font-size:13px;margin:36px 0 56px}
footer{border-top:1px solid var(--line);padding:26px 0 44px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
footer a:hover{color:var(--accent)}
.nf{padding:14vh 0 20vh}

@media (min-width:760px){
 .collection{grid-template-columns:1.2fr 1fr;gap:64px 36px;align-items:start}
 .card:nth-child(even){margin-top:140px}
 .card .photo{height:520px}
 .card:nth-child(even) .photo{height:400px}
 .intro{padding:70px 0 70px}
 .spec-table tr{display:table-row}
 th,td{display:table-cell;padding:18px 16px 18px 0;border-top:1px solid var(--line)}
 tr{border-top:0}
 th{width:26%}
 .gallery{grid-template-columns:1fr 1fr;gap:28px}
 .gallery .photo{height:430px}
 .gallery .photo:first-child:nth-last-child(odd){grid-column:1/-1;height:560px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}