.pf-head .preview-tag{margin-top:18px}
.ls,.ft{padding-block:clamp(64px,8vw,104px)}
.ls + .ft,.ft + .pf{border-top:1px solid var(--line)}
.ls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;column-gap:clamp(24px,3vw,40px);row-gap:20px;align-items:start}
.ls-grid--one{grid-template-columns:minmax(0,1fr);max-width:720px}
.ls-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}
.ls-head{display:grid;align-content:start;gap:8px}
.ls-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:clamp(22px,2vw,28px);letter-spacing:-.02em}
.ls-meta{font-size:var(--md);color:var(--text-3)}
.ls-note{font-size:var(--md);line-height:1.6;color:var(--text-2)}
.ls-player{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;aspect-ratio:16/9;background:var(--ink-deep);border:1px solid var(--line);--hi:-9px}
.ls-player--video{justify-content:center}
.ls-player--video::before{content:'';position:absolute;inset:0;background:url(/fx/lattice.svg?v=30621fa38b4b) 0 0/102px 54px repeat;opacity:.35}
.ls-face{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:clamp(18px,2.2vw,24px)}
.ls-player--video .ls-face{justify-content:center}
.ls-out{font-size:var(--md)}
.ls-player.is-live{aspect-ratio:auto;background:transparent;border-color:transparent}
.ls-player.is-live .mf-eq,.ls-player.is-live::before{display:none}
.ls-player .mf-frame{position:static;display:block;width:100%;border:0;background:transparent}
.ls-player--video.is-live{aspect-ratio:16/9}
.ls-player--video .mf-frame{position:absolute;inset:0;height:100%;background:#000}
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.ft-card{display:flex;flex-direction:column;min-width:0;background:var(--panel-solid);border:1px solid var(--line);transition:border-color .15s ease}
.ft-card:hover{border-color:var(--cyan-line)}
.ft-art{position:relative;margin:0;aspect-ratio:16/9;background:var(--ink-deep);overflow:hidden}
.ft-art img{width:100%;height:100%;object-fit:cover}
.ft-art--contain img{object-fit:contain;padding:4% 0}
.ft-body{display:flex;flex:1;flex-direction:column;gap:4px;padding:16px 18px 18px}
.ft-title{font-size:var(--fs-h3);line-height:1.35;letter-spacing:-.02em}
.ft-dev{font-size:var(--md);color:var(--text-2)}
.ft-plat{color:var(--text-3)}
.ft-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.ft-media{margin:0 18px 18px}
#all-titles .sec-head{margin-bottom:clamp(24px,3vw,36px)}
@media(max-width:1060px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .ls-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:clamp(36px,8vw,48px)}
  .ls-card{grid-row:auto;grid-template-rows:auto auto;row-gap:16px}
  .ls-face{gap:12px 16px;padding:16px}
}
@media(max-width:600px){
  .ft-grid{gap:10px}
  .ft-body{padding:12px 12px 14px}
  .ft-title{font-size:15px;line-height:1.4}
  .ft-dev{font-size:var(--sm)}
  .ft-plat{display:none}
  .ft-foot .chip{padding-inline:5px;letter-spacing:.05em}
}
@media(max-width:380px){.ft-foot .chips{gap:4px}.ft-foot .chip{padding-inline:4px;letter-spacing:0}}
@media(max-width:900px){.pf-roles{flex:0 1 auto;margin-top:0}}