.source-section { background: #efe3d2; }
.source-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.source-video { min-height: 390px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #f7e8d3; background: linear-gradient(145deg, #2d1c12, #6f492a); }
.play-mark { width: 66px; height: 66px; display: grid; place-items: center; padding-left: 4px; margin-bottom: 18px; border: 1px solid #e4bf8a; border-radius: 50%; font-size: 22px; }
.source-video p { margin: 0; font: 700 22px 'Noto Serif SC', serif; }
.source-video span { margin-top: 8px; color: #d6b992; font-size: 13px; }
.source-video-embed { min-height: 510px; padding: 18px; }
.source-video-embed iframe { width: min(100%, 267px); height: 476px; }
.source-layout h2 { margin: 0; font: 700 clamp(34px, 4vw, 54px)/1.2 'Noto Serif SC', serif; }
.source-lead { color: #604937; font-size: 17px; }
.source-list { margin: 25px 0; padding: 0; list-style: none; }
.source-list li { padding: 13px 0; border-bottom: 1px solid #dac7b0; color: #604937; }
.source-list strong { color: #312017; }
.text-link { color: #6b3e21; font-weight: 700; text-decoration: none; }
@media (max-width: 760px) { .source-layout { grid-template-columns: 1fr; gap: 28px; } .source-video { min-height: 280px; } .source-video-embed { min-height: 500px; } }
.source-image-card { padding: 0; overflow: hidden; background: #2d1c12; }
.source-image-card img { width: 100%; height: 100%; min-height: 510px; object-fit: cover; object-position: center; display: block; }