/* Scoped SNS section: shared by homepage and preview. */
#social-videos{--gold:#b69448;--ink:#171714;--gap:18px;line-height:1.5;scroll-margin-top:90px}
#social-videos *,#social-videos *::before,#social-videos *::after{box-sizing:border-box}
#social-videos a{color:inherit;text-decoration:none}
#social-videos button{font:inherit;cursor:pointer}
#social-videos :is(button,a,.carousel):focus-visible{outline:2px solid #d8b66b;outline-offset:4px}
#social-videos{background:var(--ink);color:#fff;padding:34px max(24px,calc((100% - 1040px)/2)) 30px}
#social-videos .section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
#social-videos .eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--gold)}
#social-videos .section-title{font-family:"Yu Mincho",serif;font-size:25px;font-weight:400;letter-spacing:2px;margin:9px 0 0}
#social-videos .channel{font-size:11px;padding:10px 0;border-bottom:1px solid #5c5440;color:#ddd6c5}
#social-videos .feature-grid{display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:26px;max-width:920px;margin:auto}
#social-videos .platform{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px}
#social-videos .platform>span:last-child{color:#a29e92;font-size:9px;letter-spacing:1px}
#social-videos .youtube-dot{display:inline-block;background:#cd3f36;width:13px;height:9px;border-radius:3px;margin-right:4px}
#social-videos .player{height:316px;background:#090909;position:relative;overflow:hidden}
#social-videos .player video, #social-videos .player iframe{width:100%;height:100%;border:0;object-fit:contain}
#social-videos .poster{position:relative;width:100%;height:100%;padding:0;border:0;background:#111;color:white;display:block;text-align:left}
#social-videos .poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}
#social-videos .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #ffffffb3;border-radius:50%;display:grid;place-items:center;background:#0004;padding-left:3px;font-size:16px}
#social-videos .poster-label{position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:1.5px}
#social-videos .poster:hover img{filter:brightness(.95)}
#social-videos .feature-caption{padding-top:12px}
#social-videos .feature-caption h3{font-size:14px;font-weight:400;margin:5px 0 0}
#social-videos .reel{height:316px;background:#080808;position:relative;overflow:hidden}
#social-videos .reel video{width:100%;height:100%;object-fit:contain}
#social-videos .reel-tag{position:absolute;left:10px;top:12px;pointer-events:none;font-size:8px;letter-spacing:2px;background:#0007;padding:6px 8px}
#social-videos .instagram-link{font-size:10px;color:#d5cec0;display:block;padding:16px 0;text-align:center}
#social-videos .archive-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}
#social-videos .archive-heading h3{font-size:12px;font-weight:400;letter-spacing:1px;margin:0}
#social-videos .carousel{overflow:hidden;touch-action:pan-y}
#social-videos .track{display:flex;gap:var(--gap);will-change:transform}
#social-videos .video-card{flex:0 0 calc((100% - 3 * var(--gap))/4);padding:0;background:none;color:white;border:0;text-align:left;min-width:0}
#social-videos .thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
#social-videos .thumb img{width:100%;height:100%;object-fit:cover;transition:filter .2s}
#social-videos .video-card:hover img{filter:brightness(1.15)}
#social-videos .thumb span{position:absolute;right:7px;bottom:7px;font-size:10px;background:#0009;padding:4px 7px}
#social-videos .card-title{font-size:11px;font-weight:400;line-height:1.6;display:block;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#social-videos .video-card[aria-pressed=true] .thumb{outline:2px solid var(--gold);outline-offset:-2px}
@media(min-width:1600px){
#social-videos{padding-top:40px;padding-bottom:36px}
}
@media(max-width:650px){
#social-videos{padding:26px 18px}
#social-videos .section-head{display:block;margin-bottom:20px}
#social-videos .section-title{font-size:20px;letter-spacing:1px}
#social-videos .channel{display:inline-block;font-size:10px;margin-top:9px}
#social-videos .feature-grid{grid-template-columns:minmax(0,1fr) 90px;gap:12px}
#social-videos .player, #social-videos .reel{height:160px}
#social-videos .platform{font-size:10px}
#social-videos .platform>span:last-child{display:none}
#social-videos .feature-caption h3{font-size:11px;line-height:1.6}
#social-videos .feature-caption .eyebrow{font-size:8px}
#social-videos .instagram-link{font-size:8px;overflow-wrap:anywhere;padding-top:12px}
#social-videos .play{width:38px;height:38px;font-size:12px}
#social-videos .poster-label{font-size:8px;left:10px;bottom:10px}
#social-videos .archive-heading{align-items:start;gap:12px;margin-top:18px}
#social-videos .archive-heading h3{font-size:10px;padding-top:7px}
#social-videos .video-card{flex-basis:calc((100% - var(--gap))/2)}
#social-videos .track{--gap:12px}
#social-videos .card-title{font-size:10px}
}
#social-videos .reel{display:block}
#social-videos .reel video{pointer-events:none}
#social-videos .reel-action{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;background:#0008;padding:9px 4px;font-size:9px;pointer-events:none}
#social-videos #sv-reel-pause{font:inherit;font-size:9px;background:none;color:#ccc;border:0;border-bottom:1px solid #625d50;display:block;margin:7px auto 0;cursor:pointer}
#social-videos .instagram-link{padding-top:8px}
#social-videos .feature-caption h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
#social-videos .watch-fallback{position:absolute;right:8px;bottom:6px;background:#171714dd;color:white;font-size:10px;padding:5px 8px}
#social-videos .player .poster img{object-fit:contain}
#social-videos .section-title{font-family:var(--mincho,"Yu Mincho",serif)}
/* Give desktop videos and captions more room while keeping mobile compact. */
@media(min-width:1024px){
  #social-videos{--feature-height:clamp(340px,28vw,640px);--gap:28px;padding:40px clamp(24px,1.7vw,48px) 40px}
  #social-videos .section-title{font-size:32px}
  #social-videos .eyebrow{font-size:11px}
  #social-videos .channel{font-size:14px}
  #social-videos .feature-grid{max-width:calc(var(--feature-height) * 337 / 144 + 32px);grid-template-columns:minmax(0,1fr) calc(var(--feature-height) * 9 / 16);gap:32px}
  #social-videos .player,#social-videos .reel{height:var(--feature-height)}
  #social-videos .platform{font-size:14px}
  #social-videos .platform>span:last-child{font-size:11px}
  #social-videos .feature-caption h3{font-size:16px}
  #social-videos .archive-heading{margin-top:32px;margin-bottom:18px}
  #social-videos .archive-heading h3{font-size:22px}
  #social-videos .card-title{font-size:clamp(14px,.85vw,16px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:12px 0 0}
  #social-videos .instagram-link,#social-videos .reel-action,#social-videos #sv-reel-pause{font-size:12px}
  #social-videos .play{width:64px;height:64px;font-size:20px}
}