/* C-2: a quiet landscape with a clearly framed, continuously playing window. */
.shiki-film{padding:42px 5% 48px;background:#efeee6;color:#303c34;scroll-margin-top:80px}
.shiki-film .film-wrap{max-width:1120px;margin:0 auto}
.shiki-film .film-running,.shiki-film .film-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.6;letter-spacing:.1em}
.shiki-film .film-running{border-top:1px solid #6b756449;padding:13px 0 19px}
.shiki-film .film-running span:last-child{font-size:9px;letter-spacing:.18em}
.shiki-film .film-scene{position:relative;isolation:isolate;min-height:526px;overflow:hidden;background:#26332b;color:#f8f5eb}
.shiki-film .film-landscape{position:absolute;inset:-2%;z-index:-3;width:104%;height:104%;max-width:none;object-fit:cover;object-position:50% 56%;filter:saturate(.62) brightness(.82) blur(1px)}
.shiki-film .film-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#122019e0 0%,#18261f75 38%,#18261f22 55%,#12201999 100%),linear-gradient(0deg,#14251c8f,transparent 65%)}
.shiki-film .film-heading{position:absolute;left:56px;top:47px;margin:0}
.shiki-film .film-heading h2{display:flex;flex-direction:row-reverse;gap:21px;margin:0;font-family:Shippori,serif;font-size:34px;font-weight:400;line-height:1.45;letter-spacing:.14em;color:#fffaf0;text-shadow:0 2px 16px #07180f66}
.shiki-film .film-heading h2 span{writing-mode:vertical-rl;white-space:nowrap}
.shiki-film .film-heading h2 span:last-child{margin-top:1.7em}
.shiki-film .film-story{position:absolute;left:56px;bottom:38px;margin:0;font-family:Shippori,serif;font-size:14px;line-height:2;letter-spacing:.09em;color:#f4f1e7}
.shiki-film .film-window{position:absolute;top:26px;right:72px;width:272px;margin:0;padding:6px;background:#efe8d9;border:1px solid #fff8e680;box-shadow:0 16px 48px #07140b70,0 0 0 10px #17281c24}
.shiki-film .film-window video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#222b25}
.shiki-film .film-mark{position:absolute;top:32px;right:27px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;opacity:.75}
.shiki-film .film-caption{padding-top:14px}
.shiki-film .film-caption span:last-child{font-size:11px;color:#687067;letter-spacing:.04em}
.shiki-film .film-feedback{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;color:#505c52}
.shiki-film .film-feedback:has(>[hidden]):not(:has(>:not([hidden]))){display:none}
.shiki-film [data-film-retry]{border:0;border-bottom:1px solid currentColor;padding:10px 0 5px;font:inherit;color:inherit;background:none;cursor:pointer}
.shiki-film [hidden]{display:none!important}
.shiki-film [data-film-retry]:focus-visible{outline:2px solid #786447;outline-offset:5px}
@media(max-width:760px){
 .shiki-film{padding:28px 5% 32px;scroll-margin-top:66px}
 .shiki-film .film-scene{min-height:388px}
 .shiki-film .film-heading{left:24px;top:29px}
 .shiki-film .film-heading h2{font-size:clamp(22px,5.8vw,29px);gap:12px;letter-spacing:.11em}
 .shiki-film .film-story{left:24px;bottom:25px;font-size:12px;line-height:1.9;letter-spacing:.03em}
 .shiki-film .film-window{width:44%;max-width:184px;right:25px;top:28px;padding:4px;box-shadow:0 10px 28px #07140b70,0 0 0 6px #17281c24}
 .shiki-film .film-landscape{object-position:48% 50%}
 .shiki-film .film-shade{background:linear-gradient(90deg,#13241cdb 0%,#17271f72 48%,#14271e7a 100%),linear-gradient(0deg,#102219ad,transparent 60%)}
 .shiki-film .film-mark{right:9px;top:30px;font-size:8px}
 .shiki-film .film-caption{font-size:11px;gap:7px;letter-spacing:.03em}
 .shiki-film .film-caption span:last-child{font-size:10px;white-space:nowrap}
}
@media(max-width:360px){
 .shiki-film .film-scene{min-height:352px}
 .shiki-film .film-heading{left:19px;top:26px}
 .shiki-film .film-heading h2{font-size:22px;gap:8px}
 .shiki-film .film-window{right:20px;top:27px;width:44%}
 .shiki-film .film-story{left:19px;bottom:23px;font-size:11px}
 .shiki-film .film-running{font-size:11px}
 .shiki-film .film-running span:last-child{font-size:8px}
}