@font-face{font-family:Caveat;src:url('toj-caveat-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.featured-section{padding-top:62px;padding-bottom:38px;overflow:hidden}
.featured-section .section-heading{align-items:flex-end;margin-bottom:32px}
.featured-section .section-heading h2{font-size:clamp(44px,5.2vw,76px);line-height:.94;letter-spacing:-1px}
.featured-intro{font:12px/1.8 var(--type-label);color:#55594b;text-align:right;padding-bottom:4px}
.featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3.15);column-gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 12px;cursor:grab;outline-offset:5px;-webkit-overflow-scrolling:touch}
.featured-track::-webkit-scrollbar{display:none}
.featured-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.featured-track.is-dragging button{cursor:grabbing}
.featured-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.featured-image{display:block;position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;text-align:left;background:#c7c7ba;padding:6px;border:1px solid #b9bbaa}
.featured-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform .5s var(--ease);pointer-events:none}
.featured-image:after{content:'';position:absolute;inset:6px;box-shadow:inset 0 -65px 45px -40px #0009;pointer-events:none}
.slogan-tag{position:absolute;top:25px;left:19px;max-width:calc(100% - 38px);z-index:1;padding:8px 15px 10px;transform:rotate(-4deg);font:700 clamp(20px,1.85vw,29px)/1.05 Caveat,cursive;letter-spacing:-.3px;color:#171c12;box-shadow:2px 4px 0 #1112;background-image:url('toj-street-paper.webp');background-size:350px;background-blend-mode:multiply;pointer-events:none}
.slogan-paper{background-color:#f4f0df}.slogan-lime{background-color:var(--gold)}
.featured-card:nth-child(even) .slogan-tag{transform:rotate(3deg);top:29px}
.featured-number{position:absolute;left:21px;bottom:20px;font:9px var(--type-label);letter-spacing:1.3px;color:white;z-index:1;pointer-events:none}
.featured-details{padding:16px 1px 0}
.featured-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.featured-title-row h3{font:700 clamp(20px,1.7vw,25px)/1.1 var(--type-street);text-transform:uppercase;letter-spacing:.2px}
.featured-title-row h3 button{text-align:left;font:inherit;padding:0;min-height:30px}
.featured-price{font:11px var(--type-label);white-space:nowrap}
.featured-details>p{font:10px/1.6 var(--type-label);color:#626557;margin-top:5px;min-height:17px}
.featured-shop{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:14px;border-top:1px solid #a5a995;border-bottom:1px solid #a5a995;font:700 10px var(--type-label);letter-spacing:.4px;text-transform:uppercase;text-align:left;transition:background .2s,padding .2s}
.featured-shop svg{width:18px;height:18px}
.featured-toolbar{display:flex;align-items:center;gap:22px;margin-top:16px}
.featured-hint{display:flex;align-items:center;gap:12px;white-space:nowrap;font:700 10px var(--type-label);text-transform:uppercase;letter-spacing:.3px}
.featured-hint svg{width:20px;height:20px}
.featured-progress{position:relative;height:2px;flex:1;background:#b9bdae;margin:0 10px}
.featured-progress span{position:absolute;top:-1px;left:0;height:4px;background:#252b1c;max-width:100%}
.featured-count{font:10px var(--type-label);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}
.featured-arrows{display:flex;gap:8px}
.featured-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #747b66;background:transparent;color:#202719;transition:background .2s}
.featured-arrow svg{width:19px;height:19px}.featured-arrow:disabled{opacity:.28;cursor:default}
.featured-section .shop-foot{margin-top:23px;padding-top:18px}
.featured-track:focus-visible,.featured-image:focus-visible,.featured-shop:focus-visible,.featured-title-row button:focus-visible,.featured-arrow:focus-visible{outline:2px solid #353f20;outline-offset:3px}
@media(hover:hover){.featured-image:hover img{transform:scale(1.035)}.featured-shop:hover{background:#dfe5b1;padding-inline:10px}.featured-arrow:not(:disabled):hover{background:var(--gold)}}
@media(min-width:1600px){.featured-track{grid-auto-columns:calc((100% - 48px)/3.15)}}
@media(min-width:701px) and (max-width:1099px){.featured-track{grid-auto-columns:43%;gap:20px}.featured-intro{font-size:10px}.slogan-tag{font-size:25px}.featured-hint{font-size:9px}}
@media(max-width:700px){
 .featured-section{padding:40px 20px 25px}.featured-section .section-heading{display:block;margin-bottom:20px}
 .featured-section .section-heading h2{font-size:49px;line-height:.93;letter-spacing:-.6px;max-width:none}
 .featured-intro{text-align:left;font-size:10px;line-height:1.65;margin-top:14px;padding:0}.featured-intro br{display:none}.featured-intro br:after{content:' '}
 .featured-track{grid-auto-columns:84%;gap:16px;margin-right:-20px;padding-right:20px;scroll-padding-right:20px;padding-top:7px;padding-bottom:8px}
 .featured-image{aspect-ratio:4/5;padding:5px}.featured-image:after{inset:5px}.slogan-tag{font-size:24px;top:22px;left:17px;padding:8px 12px 9px;max-width:calc(100% - 34px)}
 .featured-card:nth-child(even) .slogan-tag{top:25px}.featured-number{left:17px;bottom:17px;font-size:8px}
 .featured-details{padding-top:13px}.featured-title-row h3{font-size:23px}.featured-price{font-size:10px}.featured-details>p{font-size:9px;min-height:15px}
 .featured-shop{margin-top:12px;min-height:46px;font-size:9px}.featured-toolbar{gap:12px;margin-top:14px}.featured-hint{display:none}.featured-progress{margin:0;min-width:30px}.featured-count{font-size:9px;min-width:50px}
 .featured-arrow{width:44px;height:44px}.featured-arrows{gap:6px}.featured-section .shop-foot{margin-top:20px;padding-top:14px}
}
@media(max-width:359px){.featured-section .section-heading h2{font-size:43px}.slogan-tag{font-size:21px}.featured-title-row h3{font-size:20px}}