.socials{background:#111210;border-top:1px solid #393b31}
.socials .section-heading{align-items:end}
.socials .section-heading .eyebrow{color:#eeb956}
.socials .section-intro{color:#c4c7b8;margin-bottom:32px}
.shorts-shell{max-width:1040px;margin:auto}
.shorts-track{--cards:3;--gap:24px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cards) - 1)*var(--gap))/var(--cards));gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7e714a #20231c;padding:8px 0 18px;list-style:none;margin:0}
.short-card{scroll-snap-align:start;min-width:0;background:#1b1e17;border:1px solid #424638;display:flex;flex-direction:column}
.short-poster{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;overflow:hidden;color:#f2eee4;background:#292d23}
.short-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.short-poster:hover img{transform:scale(1.025)}
.short-poster:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.short-badge{position:absolute;top:16px;left:16px;padding:5px 10px;background:#111210e6;border:1px solid #ffffff40;font-size:12px;letter-spacing:1.5px;line-height:1.5}
.short-play{position:absolute;bottom:20px;right:20px;background:#eeb956;color:#111210;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;z-index:1}
.short-play svg{width:18px;height:18px;margin-left:3px}
.short-copy{padding:20px;display:flex;flex:1;flex-direction:column;align-items:start}
.short-copy h3{font-size:20px;line-height:1.35;margin:0 0 18px;font-weight:700}
.short-copy a{font-size:14px;color:#eeb956;margin-top:auto;text-underline-offset:4px}
.short-copy a:hover{text-decoration:underline}
.shorts-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}
.shorts-status{font-size:14px;letter-spacing:1px;color:#c4c7b8;margin:0}
.shorts-controls{display:flex;gap:10px}
.shorts-controls button{width:48px;height:48px;border:1px solid #7c806d;background:transparent;color:#f2eee4;font-size:23px;line-height:1}
.shorts-controls button:hover:not(:disabled){background:#eeb956;color:#111210;border-color:#eeb956}
.shorts-controls button:disabled{opacity:.3;cursor:default}
.social-follow{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;border-top:1px solid #393b31;padding-top:26px;margin-top:28px;font-size:15px}
.social-follow span{color:#aeb69e;font-size:12px;letter-spacing:1.5px;margin-right:auto}
.social-follow a:hover{color:#eeb956;text-decoration:underline;text-underline-offset:5px}
.short-dialog{width:min(560px,94vw);padding:24px;background:#151812;color:#f2eee4}
.short-dialog .close-dialog{background:#242a1d;color:#f2eee4;border-color:#737c66}
.short-dialog h2{font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.3;margin:18px 40px 18px 0}
.short-dialog .detail-eyebrow{color:#eeb956;font-size:12px;margin:8px 40px 0 0}
.short-dialog .short-frame{display:block;border:0;background:#000;width:min(100%,calc(58vh * 9 / 16));aspect-ratio:9/16;margin:auto}
.short-dialog .video-note{color:#c4c7b8;line-height:1.5;margin:18px 0 0}
.short-dialog a{color:#eeb956}
@media(max-width:900px) and (min-width:721px){.shorts-track{--cards:2}}
@media(max-width:720px){.socials .section-heading{align-items:start}.shorts-track{grid-auto-columns:84%;--gap:16px}.short-copy{padding:17px}.short-copy h3{font-size:19px}.social-follow{gap:14px 23px}.social-follow span{flex:1 0 100%;margin:0}.short-dialog .short-frame{width:min(100%,calc(55vh * 9 / 16))}}
@media(prefers-reduced-motion:reduce){.short-poster img{transition:none}.short-poster:hover img{transform:none}}
