.off-archive{background:var(--paper);color:var(--ink)}
.off-archive-intro{padding:64px 6% 54px;border-bottom:1px solid var(--line)}
.off-archive-intro h1{font-size:clamp(80px,13vw,190px);line-height:.94;letter-spacing:.025em;font-kerning:none;font-variant-ligatures:none;font-weight:500;margin:32px 0 40px}
.off-archive-intro h1 .serif{font-weight:400;letter-spacing:-.01em}
.off-archive-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.off-archive-intro-bottom p{font-size:clamp(22px,2.5vw,34px);line-height:1.18;letter-spacing:-.035em;margin:0}
.off-series{padding:55px 6% 65px}
.off-series-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}
.off-series-head h2{font-size:clamp(36px,5vw,70px);font-weight:500;letter-spacing:-.05em;line-height:1.02;margin:20px 0 0}
.off-series-head>p{font-size:13px;margin:0 0 5px}
.off-poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:auto}
.off-principles .off-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1440px}.off-principles{border-bottom:1px solid var(--line)}
.off-poster{margin:0;min-width:0}
.off-poster>a{display:block;position:relative;background:#151514;overflow:hidden}
.off-poster img{display:block;width:100%;height:auto}
.off-enlarge{position:absolute;right:16px;bottom:16px;width:36px;height:36px;display:grid;place-items:center;background:#e8e5df;color:#0b0b0a;opacity:0;transition:opacity .2s;font-size:18px}
.off-poster>a:hover .off-enlarge,.off-poster>a:focus-visible .off-enlarge{opacity:1}
.off-poster figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px 0 22px}
.off-poster h3{font-size:clamp(21px,2.2vw,30px);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0 0 10px}
.off-poster figcaption span{font:9px/1.5 'Courier New',monospace;letter-spacing:.6px}
.off-poster-number{color:#766f66}
.off-cars{background:#121211;color:var(--paper)}
.off-cars .eyebrow{color:var(--acid)}
.off-cars .off-poster figcaption{border-color:#45433e}
.off-cars .off-poster-grid{row-gap:45px}
.off-cars .off-poster-number{color:#b9b4ab}
.off-archive-end{padding:40px 6% 50px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.off-archive-end .text-link{margin:0}
@media(max-width:700px){.off-principles .off-poster-grid{grid-template-columns:1fr;gap:34px;max-width:560px}}
@media(max-width:700px){.off-archive-intro{padding:44px 6%}.off-archive-intro h1{font-size:clamp(76px,21vw,132px);margin:30px 0 34px}.off-archive-intro-bottom{align-items:flex-start;flex-direction:column;gap:24px}.off-archive-intro-bottom p{font-size:26px}.off-series{padding:42px 6% 50px}.off-series-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:27px}.off-series-head h2{font-size:44px;margin-top:16px}.off-series-head>p{font-size:13px}.off-poster-grid{grid-template-columns:1fr;gap:34px;max-width:560px}.off-poster h3{font-size:25px}.off-poster figcaption{padding:16px 0 20px}.off-enlarge{opacity:1;width:30px;height:30px;right:12px;bottom:12px;font-size:16px}.off-cars .off-poster-grid{row-gap:34px}.off-archive-end{align-items:flex-start;flex-direction:column;padding:34px 6% 42px;gap:16px}}