.mading{--poster-width:min(28vw,350px);background:#3a2413;color:#fff8ec;padding:70px 0 56px;overflow:hidden}
.mading .mading-head{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,210,122,.3);padding-bottom:25px}
.mading-kicker{margin:0 0 9px;color:#e6b873;font:700 11px/1.4 "Plus Jakarta Sans",sans-serif;letter-spacing:1px}
.mading h2{margin:0;color:#fff;font:700 clamp(28px,3vw,40px)/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:0}
.mading-intro{margin:10px 0 0;color:#f3d7b0;font:400 14px/1.55 "Plus Jakarta Sans",sans-serif}
.mading-controls{display:flex;gap:9px;flex:none}
.mading-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c89452;border-radius:6px;background:transparent;color:#fff;cursor:pointer;transition:background .18s,border-color .18s}
.mading-arrow:hover:not(:disabled){background:#6b3b18;border-color:#ffd27a}
.mading-arrow:disabled{opacity:.35;cursor:not-allowed}
.mading-arrow svg{width:19px;height:19px}
.mading-arrow:focus-visible,.mading-slide:focus-visible,.mading-track:focus-visible{outline:3px solid #e6b873;outline-offset:3px}
.mading-track{position:relative;display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:30px calc((100% - var(--poster-width))/2) 28px}
.mading-track::-webkit-scrollbar{display:none}
.mading-slide{position:relative;display:block;flex:0 0 var(--poster-width);width:var(--poster-width);aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,210,122,.28);border-radius:7px;background:#5a3218;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:center;transform:scale(.94);opacity:.75;transition:transform .35s ease,opacity .35s ease,border-color .35s ease,box-shadow .35s ease}
.mading-slide:hover{opacity:.9}
.mading-slide.is-active{transform:translateY(-5px) scale(1);opacity:1;border-color:#e9a53a;box-shadow:0 18px 35px rgba(33,16,5,.3)}
.mading-picture{position:absolute;inset:0;display:block}
.mading-picture img{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.7);transition:filter .35s ease,transform .45s ease}
.mading-slide--photo .mading-picture{bottom:116px;background:#e8eef1}
.mading-slide--photo .mading-picture img{object-fit:contain;filter:none}
.mading-slide.is-active .mading-picture img{filter:brightness(1) saturate(1)}
.mading-slide:hover .mading-picture img{transform:scale(1.035)}
.mading-slide:nth-child(3) .mading-picture img{object-position:60% center}
.mading-caption{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;min-height:116px;padding:15px 19px;background:rgba(43,26,14,.94);color:#fff}
.mading-caption small{color:#e6b873;font:700 10px/1.4 "Plus Jakarta Sans",sans-serif;letter-spacing:1px}
.mading-caption strong{font:700 18px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:0}
.mading-caption span{color:#f0d7b4;font:400 11px/1.4 "Plus Jakarta Sans",sans-serif}
.mading-foot{display:flex;align-items:center;gap:18px}
.mading-count{min-width:58px;color:#ffe1ae;font:700 12px/1.4 "Plus Jakarta Sans",sans-serif;font-variant-numeric:tabular-nums}
.mading-rule{display:block;width:150px;height:2px;background:#825226}
.mading-rule span{display:block;width:25%;height:100%;background:#e6b873;transition:width .35s ease}
@media(max-width:720px){
  .mading{--poster-width:min(76vw,330px);padding:53px 0 48px}
  .mading .mading-head{align-items:end;gap:12px;padding-bottom:19px}
  .mading h2{font-size:27px}
  .mading-intro{font-size:12px;max-width:27ch}
  .mading-controls{gap:6px}
  .mading-arrow{width:38px;height:38px}
  .mading-track{gap:12px;padding-top:25px;padding-bottom:20px}
  .mading-caption{min-height:105px;padding:13px 16px}
  .mading-slide--photo .mading-picture{bottom:105px}
  .mading-caption strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.mading-slide,.mading-picture img,.mading-rule span{transition:none}}