.mod-section{padding:85px 0 70px;overflow:clip}
.mod-heading{position:relative;text-align:center;padding:0 var(--gutter);max-width:1440px;margin:0 auto 10px}
.mod-heading h2{font-size:clamp(52px,5.2vw,76px)}
.mod-heading>p{margin:22px auto 0;color:var(--text);font-size:18px}
.mod-note{position:absolute;right:9%;top:95px;color:var(--ink);font:28px/1.05 var(--script);transform:rotate(12deg);pointer-events:none}
.mod-note svg{display:block;width:83px;height:100px;margin:18px 0 0 -18px;stroke:var(--accent);stroke-width:1.7}
.mod-viewport{position:relative;display:flex;gap:22px;overflow-x:auto;min-height:360px;padding:25px 22px;scrollbar-width:thin;touch-action:pan-x pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.mod-card{position:relative;display:block;flex:0 0 190px;height:310px;background:var(--ink);color:#fff;overflow:hidden;border-radius:15px;-webkit-user-drag:none}
.mod-card>img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none}
.mod-card>span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;background:rgba(0,0,0,.38);font:600 22px/1.15 var(--display);pointer-events:none}
.mod-card[data-mod="wheels"]>img{object-position:50% 75%}
.mod-crop-hands>img{object-position:35% 60%;transform:scale(1.16)}
.mod-crop-detail>img{object-position:65% 60%;transform:scale(1.1)}
.mod-card:focus-visible{outline:4px solid var(--accent);outline-offset:-6px}
.mod-card[aria-current="true"]>span{background:rgba(0,0,0,.5);color:var(--accent)}
.mod-ready .mod-viewport{display:block;padding:0;overflow:hidden;min-height:0;contain:layout paint;touch-action:pan-y}
.mod-ready .mod-card{position:absolute;top:0;left:0;margin:0;border-radius:0;will-change:transform;transition:none}
.mod-ready .mod-viewport.is-dragging{cursor:grabbing}
.mod-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 auto}
.mod-controls[hidden]{display:none}
.mod-controls button{display:grid;place-items:center;min-width:44px;height:44px;background:transparent;color:var(--ink);padding:0 10px;font-size:13px}
.mod-controls button:hover{background:#e5e7df}

.mod-disclosure{text-align:center;margin:16px auto 0;padding:0 22px;font-size:12px;color:var(--text);max-width:80ch}
.mod-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mod-details{max-width:1440px;padding:0 var(--gutter);margin:65px auto 0;scroll-margin-top:35px}
.mod-details[hidden],.mod-panel[hidden]{display:none!important}
.mod-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center;scroll-margin-top:40px;outline-offset:12px}
.mod-panel:focus{outline:2px solid transparent}
.mod-panel:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.mod-panel+.mod-panel{margin-top:65px}
.mod-ready .mod-panel+.mod-panel{margin-top:0}
.mod-detail-photos{position:relative;min-width:0}
.mod-detail-photos>img{width:100%;height:520px;object-position:50% 55%}
#mod-wheels .mod-detail-photos>img{object-position:50% 72%}
.mod-detail-photos>.script{display:block;margin-top:18px;font-size:30px;line-height:1.3}
.mod-detail-copy>h3{font-size:46px;line-height:1.05;margin-bottom:20px}
.mod-detail-copy>p{color:var(--text);font-size:17px}
.mod-detail-copy ul{list-style:disc;padding:0 0 0 24px;margin:25px 0}
.mod-detail-copy li{font-size:16px;margin-top:22px;padding-left:7px;line-height:1.55}.mod-detail-copy li::marker{color:var(--accent);font-size:1.15em}
.mod-detail-copy li strong{font-weight:400;color:var(--ink);display:block;font-family:var(--display);font-size:24px;line-height:1.1;margin-bottom:6px}
.mod-detail-copy .note{font-size:12px;margin:22px 0 25px}
.mod-detail-copy .mod-back{display:flex;width:max-content;margin-top:12px;font-size:14px}
.mod-detail-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}
.mod-detail-pair>img{height:480px}
.mod-detail-pair>img:last-child{height:350px;margin-top:100px}
@media(max-width:1050px){.mod-note{right:5%;font-size:25px}.mod-detail-copy>h3{font-size:39px}.mod-detail-photos>img{height:500px}.mod-detail-pair>img:last-child{height:320px}.mod-panel{gap:30px}}
@media(max-width:820px){.mod-section{padding-top:60px;padding-bottom:55px}.mod-heading{margin-bottom:14px}.mod-heading h2{font-size:clamp(45px,8.3vw,62px)}.mod-heading>p{font-size:16px;max-width:31ch;margin-top:19px}.mod-note{position:relative;top:auto;right:auto;margin:13px 25px -5px auto;width:75px;font-size:21px;transform:rotate(9deg)}.mod-note span{display:none}.mod-note svg{height:52px;width:50px;margin:0}.mod-card>span{font-size:20px;padding:14px}.mod-controls{gap:16px;margin-top:6px}.mod-disclosure{font-size:12px;margin-top:12px;max-width:48ch}.mod-details{margin-top:35px}.mod-panel{grid-template-columns:1fr;gap:28px;scroll-margin-top:22px}.mod-detail-photos>img{height:330px}.mod-detail-photos>.script{font-size:26px;margin-top:12px}.mod-detail-copy>h3{font-size:37px;margin-bottom:16px}.mod-detail-copy>p,.mod-detail-copy li{font-size:16px}.mod-detail-copy ul{margin:21px 0}.mod-detail-copy .button{font-size:14px;padding:16px 18px}.mod-detail-pair>img{height:330px}.mod-detail-pair>img:last-child{height:245px;margin-top:55px}}
@media(prefers-reduced-motion:reduce){.mod-card{will-change:auto}.mod-note svg{stroke-dashoffset:0!important}}