@charset "utf-8";
/* Original Shorts records and player; continuous scrolling without hover pause. */
.home-v2 .treatments{padding-bottom:72px}
.home-shorts{margin-bottom:80px}
.shorts-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.shorts-eyebrow{margin:0 0 10px;font-family:Georgia,serif;font-size:14px;letter-spacing:4.5px;color:var(--brown)}
.shorts-heading h2{margin:0;font-family:"Times New Roman",Georgia,serif;font-weight:400;font-size:clamp(32px,3.4vw,48px);line-height:1.05;letter-spacing:-.4px;color:var(--ink)}
.shorts-channel{display:inline-flex;align-items:center;gap:22px;padding:0 4px 10px;border-bottom:1px solid #b9a594;font-size:17px;color:#6e5948;white-space:nowrap;transition:gap .25s}
.shorts-channel span{font-size:24px;line-height:1}
.shorts-channel:hover{gap:30px}
.shorts-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c5ab90 #f2ece4;padding:5px 3px 16px;overscroll-behavior-x:contain}
.shorts-track{display:flex;gap:18px;width:max-content;position:relative}

.shorts-card{position:relative;flex:0 0 auto;width:clamp(210px,18vw,270px);scroll-snap-align:start;aspect-ratio:9/16;padding:0;border:0;border-radius:12px;overflow:hidden;background:#efe6dc;cursor:pointer;color:#fff;text-align:left}
.shorts-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.shorts-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1d140cd9 0%,#1d140c33 38%,transparent 60%)}
@media(hover:hover){.shorts-card:hover img{transform:scale(1.025)}}
.shorts-card-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff26;backdrop-filter:blur(4px);font-size:16px;padding-left:3px;opacity:1;transition:background .25s,transform .3s}
.shorts-card:hover .shorts-card-play{background:#ffffff59}
.shorts-card-title{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;font-size:14px;line-height:1.45;letter-spacing:-.3px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shorts-player{padding:0;border:0;border-radius:12px;width:min(420px,calc(100vw - 32px));max-height:94dvh;background:#1a1410;color:#fff;overflow:hidden}
.shorts-player::backdrop{background:#23180cd0;backdrop-filter:blur(3px)}
.shorts-player[open]{display:flex;flex-direction:column}
.shorts-player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px}
.shorts-player-heading h2{margin:0;font-size:14px;font-weight:500;line-height:1.45;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shorts-player-close{flex-shrink:0;width:34px;height:34px;padding:0;border:0;background:none;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.shorts-player-frame{aspect-ratio:9/16;max-height:calc(94dvh - 54px);background:#000}
.shorts-player-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:1100px){.home-v2 .treatments{padding-bottom:56px}.home-shorts{margin-bottom:64px}.shorts-card{width:180px}}
@media(max-width:600px){.home-v2 .treatments{padding-bottom:40px}.home-shorts{margin-bottom:40px}.shorts-heading{margin-bottom:16px}.shorts-eyebrow{display:none}.shorts-heading h2{font-size:clamp(24px,7.4vw,30px)}.shorts-channel{font-size:14px;gap:12px;padding:0 2px 5px}.shorts-channel span{font-size:20px}.shorts-track{gap:10px}.shorts-card{width:140px;border-radius:9px}.shorts-card-play{width:40px;height:40px;margin:-20px 0 0 -20px;font-size:13px}.shorts-card-title{font-size:12px;left:10px;right:10px;bottom:10px}}

.shorts-controls{display:flex;gap:8px;margin-left:4px}.shorts-controls button{width:40px;height:40px;border:1px solid #c5ab90;background:transparent;border-radius:50%;color:#49312a;font-size:20px;cursor:pointer}.shorts-card:focus-visible{outline:2px solid #713e49;outline-offset:3px}.shorts-card:focus-visible .shorts-card-play{background:#49312acc}.shorts-card:hover .shorts-card-play{transform:scale(1.04)}
@media(max-width:600px){.shorts-heading{flex-wrap:wrap;gap:12px}.shorts-controls{margin-left:auto}.shorts-controls button{width:36px;height:36px}.shorts-card{width:160px}}
@media(prefers-reduced-motion:reduce){.shorts-card img,.shorts-card-play{transition:none}}