.video-work-page{color:#14243c;background:#f5f8fc}.video-work-shell{width:min(1240px,100% - 64px);margin:0 auto;padding:48px 0 72px}.video-work-breadcrumb{color:#506681;flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.video-work-breadcrumb a{color:#2164ad}.video-work-layout{grid-template-columns:minmax(0,1fr) minmax(275px,340px);align-items:start;gap:28px;display:grid}.video-work-layout:has(.video-work-main:only-child){grid-template-columns:minmax(0,860px)}.video-work-main h1{margin:7px 0 18px;font-size:clamp(27px,3.2vw,46px);line-height:1.2}.video-work-type{color:#504087;margin:0;font-size:13px;font-weight:700}.video-work-player{width:min(100%, calc(min(68svh, 620px) * var(--video-work-ratio)));aspect-ratio:var(--video-work-ratio);background:#0b1325;border-radius:14px;margin-inline:auto;position:relative;overflow:hidden}.video-work-player video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-work-copy,.video-work-related{background:#fff;border:1px solid #dce5ef;border-radius:14px;min-width:0;padding:22px}.video-work-copy{margin-top:18px}.video-work-copy h2,.video-work-related h2{margin:0 0 10px;font-size:19px}.video-work-copy p{color:#465b75;white-space:pre-line;margin:0 0 18px;line-height:1.75}.video-work-copy dl{border-block:1px solid #e1e8f2;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px 18px;margin:0 0 24px;padding:14px 0;display:grid}.video-work-copy dt{color:#506681;font-size:12px}.video-work-copy dd{margin:4px 0 0;font-size:14px}.video-work-copy .video-work-note{font-size:13px}.video-work-related{contain:size;flex-direction:column;align-self:stretch;display:flex}.video-work-related-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.video-work-related ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.video-work-related a{border-radius:8px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:10px;padding:5px;display:grid}.video-work-related a:is(:hover,:focus-visible){background:#eef4fe}.video-work-related-thumb{aspect-ratio:16/9;background:#e5ebf6;border-radius:6px;display:block;position:relative;overflow:hidden}.video-work-related-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-work-related-thumb-backdrop{filter:blur(8px)brightness(.75);transform:scale(1.2)}.video-work-related-thumb[data-portrait] .video-work-related-thumb-cover{object-fit:contain}.video-work-related strong{font-size:14px;line-height:1.4;display:block}.video-work-related small{color:#506681;margin-top:4px;font-size:12px;display:block}.video-work-related button{color:#164d90;cursor:pointer;background:#f2f7ff;border:1px solid #ccd9ea;border-radius:8px;width:100%;margin-top:12px;padding:8px 12px}@media (max-width:900px){.video-work-layout{grid-template-columns:minmax(0,1fr)}.video-work-related{contain:none;height:clamp(320px,55svh,520px)}}@media (max-width:600px){.video-work-shell{width:calc(100% - 32px);padding:28px 0 48px}.video-work-copy,.video-work-related{padding:16px}.video-work-related a{grid-template-columns:96px minmax(0,1fr)}}
