.yld-grid { display: grid; grid-template-columns: repeat(var(--yld-columns, 3), minmax(0, 1fr)); gap: var(--yld-gap, 16px); width: 100%; }
.yld-item { min-width: 0; margin: 0; }
.yld-player { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--yld-radius, 0); background: #111; }
.yld-player img, .yld-player iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.yld-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 68px; height: 48px; padding: 0; border: 0; border-radius: 12px; color: #fff; background: #ff0033; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.yld-play:hover { transform: translate(-50%, -50%) scale(1.06); background: #d9002b; }
.yld-play:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.yld-play span { margin-left: 3px; font-size: 22px; }
.yld-title { margin: 9px 0 0; font-size: 1em; line-height: 1.45; }
.yld-date { display: block; margin-top: 5px; font-size: .8em; opacity: .72; }
.yld-link { display: inline-block; margin-top: 9px; padding: 7px 12px; border: 1px solid currentColor; border-radius: 999px; font-size: .82em; line-height: 1.2; text-decoration: none; }
.yld-error { padding: 10px 12px; border-left: 4px solid #d63638; background: #fff3f3; }
@media (max-width: 640px) { .yld-grid { grid-template-columns: repeat(var(--yld-mobile-columns, 2), minmax(0, 1fr)); } }

.stdor-media-showcase { --stdor-gold: #d3ae45; position: relative; overflow: hidden; padding: clamp(42px, 7vw, 96px) clamp(18px, 5vw, 72px); color: #fff; background: #050505; border: 1px solid rgba(255,255,255,.12); font-family: "Noto Sans JP", system-ui, sans-serif; }
.stdor-media-showcase::before { content: ""; position: absolute; top: 0; left: clamp(18px, 5vw, 72px); width: 92px; height: 4px; background: var(--stdor-gold); }
.stdor-media-header { max-width: 920px; margin-bottom: clamp(38px, 6vw, 72px); }
.stdor-media-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 13px; color: var(--stdor-gold); font-size: 12px; font-weight: 800; letter-spacing: .24em; }
.stdor-media-kicker::before { content: ""; width: 32px; height: 1px; background: currentColor; }
.stdor-media-header h2 { margin: 0; color: #fff; font-size: clamp(36px, 6.1vw, 82px); font-weight: 800; line-height: .98; letter-spacing: -.045em; }
.stdor-media-header p { max-width: 620px; margin: 22px 0 0; color: rgba(255,255,255,.68); font-size: clamp(14px, 1.4vw, 17px); line-height: 1.9; }
.stdor-media-section-heading { display: flex; align-items: baseline; gap: 13px; margin-bottom: 20px; }
.stdor-media-section-heading span { color: var(--stdor-gold); font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.stdor-media-section-heading h3 { margin: 0; color: #fff; font-size: clamp(19px, 2.2vw, 28px); font-weight: 750; letter-spacing: .04em; }
.stdor-media-divider { height: 1px; margin: clamp(42px, 6vw, 72px) 0; background: linear-gradient(90deg, var(--stdor-gold), rgba(255,255,255,.13) 26%, transparent); }
.stdor-media-showcase .sid-instagram-media,
.stdor-media-showcase .yld-player { border: 1px solid rgba(255,255,255,.14); box-shadow: 0 20px 50px rgba(0,0,0,.34); }
.stdor-media-showcase .sid-instagram-link,
.stdor-media-showcase .yld-link { color: #fff; border-color: rgba(255,255,255,.38); background: transparent; font-weight: 700; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.stdor-media-showcase .sid-instagram-link:hover,
.stdor-media-showcase .yld-link:hover { color: #050505; border-color: var(--stdor-gold); background: var(--stdor-gold); }
.stdor-media-showcase .yld-title { color: #fff; }
@media (max-width: 640px) {
  .stdor-media-showcase .sid-instagram-grid,
  .stdor-media-showcase .yld-grid { grid-template-columns: 1fr; }
  .stdor-media-showcase .sid-instagram-media { aspect-ratio: 4 / 5; }
}