@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap";:root{--ink:#0c1113;--ink-soft:#131c20;--paper:#f2eee6;--gold:#c1a475;--line:#d3cec3;--muted:#6e716c;--sans:"Noto Sans JP",sans-serif;--serif:"Noto Serif JP",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);font:16px/1.8 var(--sans);background:var(--paper);margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:default}:is(a:focus-visible,button:focus-visible,summary:focus-visible){outline:3px solid var(--gold);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:22px;height:22px;display:block}.shell{max-width:1440px;margin:auto;padding-left:clamp(24px,5vw,76px);padding-right:clamp(24px,5vw,76px)}.site-header{background:var(--ink);height:88px;color:var(--paper);border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:24px;max-width:none;display:flex}.brand{white-space:nowrap;align-items:center;gap:24px;font-size:25px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.brand span{letter-spacing:2px;border-left:1px solid #ffffff40;padding-left:24px;font-size:12px;font-weight:400}.header-note{color:#c2c5c2;font-size:12px}.cinema-section{background:var(--ink);color:var(--paper);padding-bottom:27px}.title-row{justify-content:space-between;align-items:center;gap:24px;padding-top:43px;padding-bottom:32px;display:flex}.eyebrow{letter-spacing:2px;color:var(--gold);margin-bottom:13px;font-size:12px}.title-row h1{font:400 clamp(30px,3.4vw,48px)/1.55 var(--serif);letter-spacing:.01em}.study-number{color:#a5aaa7;letter-spacing:1.5px;text-align:right;font-size:12px;line-height:1.4}.study-number strong{color:var(--gold);font:400 38px/1.3 Georgia,serif;display:block}.mobile-break{display:none}.film-shell{max-width:1440px;margin:auto;scroll-margin-top:16px}.film-stage{aspect-ratio:16/9;background:#172329;width:100%;position:relative}.film-stage video,.film-stage>img{object-fit:contain;aspect-ratio:16/9;width:100%;height:100%;display:block}.media-error{background:var(--ink-soft);padding:16px;font-size:16px;position:absolute;bottom:64px;left:24px;right:24px}.media-error a{margin-left:16px}.playback-bar{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:24px;min-height:78px;margin:0 clamp(24px,5vw,76px);display:flex}.playback-bar button{color:var(--paper);background:0 0;border:0;align-items:center;gap:12px;padding:16px 0;font-size:14px;display:flex}.play-full svg{fill:currentColor;stroke:none;width:18px}.play-full small{color:var(--gold);margin-left:8px;font:14px Georgia,serif}.current-scene{color:#c4c7c3;font-size:14px}.current-scene>span{color:var(--gold);margin-right:16px;font-family:Georgia,serif;font-size:20px}.sound-control svg{width:20px}.image-note{color:#9ba5a4;margin-top:18px;font-size:12px;line-height:1.8}.itinerary{padding-top:58px;padding-bottom:52px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{font:500 26px/1.5 var(--serif)}.section-heading a{font-size:14px;text-decoration:none}.section-heading a:hover{text-decoration:underline}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.scene-image{aspect-ratio:16/9;background:#18292e;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.scene-image>img{aspect-ratio:16/9;object-fit:contain;width:100%;height:100%;transition:filter .25s;display:block}.scene-image:hover>img{filter:brightness(.86)}.scene-play{color:#fff;background:#07131850;border:1px solid #ffffff9a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:16px;right:16px}.scene-play svg{fill:currentColor;stroke:none;width:20px}.scene-topline{justify-content:space-between;align-items:baseline;gap:12px;margin:20px 0 12px;display:flex}.scene-topline time{font:30px/1.2 Georgia,serif}.scene-topline span{letter-spacing:1px;color:var(--muted);font-size:12px}.scene h3{font:500 21px/1.6 var(--serif)}.scene>p{color:#666d69;margin-top:8px;font-size:14px}.notes details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:14px;list-style:none;display:flex}.notes summary::-webkit-details-marker{display:none}.notes summary>span{color:var(--muted);font-size:22px}.notes details[open] summary>span{transform:rotate(45deg)}.note-columns{color:#606963;grid-template-columns:1fr 1fr;gap:50px;padding:0 0 26px;font-size:14px;display:grid}.footer{color:var(--muted);letter-spacing:.4px;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;padding-bottom:34px;font-size:12px;display:flex}@media (max-width:1000px){.scene-grid{gap:20px}.scene-topline{flex-direction:column;align-items:flex-start;gap:6px}.scene h3{font-size:19px}.current-scene{font-size:12px}.study-number{display:none}}@media (max-width:700px){.site-header{flex-direction:column;align-items:flex-start;gap:8px;height:auto;min-height:78px;padding-top:16px;padding-bottom:16px}.brand{gap:16px;font-size:22px}.brand span{letter-spacing:1.2px;padding-left:16px;font-size:10px}.header-note{font-size:10px}.title-row{padding-top:30px;padding-bottom:26px}.title-row h1{font-size:clamp(26px,5.8vw,38px)}.mobile-break{display:block}.eyebrow{font-size:10px}.playback-bar{gap:12px;min-height:66px}.playback-bar button{gap:8px;font-size:12px}.play-full small{margin-left:0}.current-scene{display:none}.image-note{font-size:11px}.itinerary{padding-top:36px;padding-bottom:34px}.section-heading{gap:12px;margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading a{font-size:12px}.scene-grid{grid-template-columns:1fr;gap:32px}.scene-topline{flex-direction:row;align-items:baseline;margin-top:14px}.scene-topline time{font-size:27px}.scene h3{font-size:21px}.note-columns{grid-template-columns:1fr;gap:20px}.footer{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}.media-error{padding:10px;font-size:12px;bottom:48px;left:12px;right:12px}.media-error a{margin-left:0;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}