@charset "UTF-8";:root{font:14px/1.8 Arial,Helvetica Neue,Yu Gothic,Meiryo,sans-serif;color:#141414;background:#f4f3ef;color-scheme:light;--paper:#f4f3ef;--ink:#141414;--muted:#66655f;--rule:#d5d4cf;--accent:#2455ed;--gutter:clamp(22px,4.6vw,64px)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}figure,h1,h2,h3,p,dl,dd{margin:0}figure{min-width:0}img,video,canvas{max-width:100%}.portfolio-main{max-width:1280px;margin:auto;padding:32px var(--gutter) 0}.project-heading{margin-bottom:28px}.project-heading h1{font-size:clamp(23px,2.6vw,30px);line-height:1.35;font-weight:500;letter-spacing:-.025em;text-wrap:balance}.author{margin-top:8px;font-size:13px;color:#55544f}.project-media{position:relative}.media-heading{margin-bottom:18px}.media-mode{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:28px}.mode-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:24px;min-height:36px;padding:8px 18px;font-size:11px;font-weight:600;transition:background .2s,color .2s}.mode-link[aria-current=page]{background:var(--ink);color:var(--paper)}.mode-link:not([aria-current=page]):hover{background:#e7e6e0}.film-shell{position:relative;background:#000;color:#eee;isolation:isolate}.views{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center}.pane-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0c0c0c;color:#c1c0bc;font-size:10px;line-height:1.5}.pane-type{font-weight:400}#viewport{width:100%;aspect-ratio:16/9;position:relative;background:#000}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}html[data-renderer=ready] #poster{display:none}html[data-renderer=cold] #scene{visibility:hidden}#reference{display:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}#reference-video{display:none;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}html[data-mode=watch] .reference-view,html[data-mode=watch] .pane-label{display:none}html[data-mode=compare] .views{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px}html[data-mode=compare] #reference-video,html[data-mode=compare][data-renderer=cold] #reference{display:block}html[data-mode=compare][data-renderer=cold] #reference-video{display:none}html:not([data-mode=dev]) #frame-label,html:not([data-mode=dev]) #ref-label,html:not([data-mode=dev]) #ref-source,html:not([data-mode=dev]) #loading{display:none}#experience-panel{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:18px;color:#eee;background:transparent;pointer-events:auto}#experience-title{font-size:19px;font-weight:400;letter-spacing:.04em;line-height:1.5}#experience-hint{font-size:11px;line-height:1.8;max-width:37em;color:#c1c0bc}#experience-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:51px;padding:15px 26px;border:0;border-radius:38px;background:var(--paper);color:#111;font-size:12px;font-weight:600;line-height:1.8;white-space:nowrap;transition:background .2s ease}#experience-action:before{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor}#experience-action:hover{background:#fff}#experience-sound-notice{display:none;font-size:11px;line-height:1.6;color:#eee;white-space:nowrap}#experience-sound{padding:6px;border:0;background:none;color:#c1c0bc;font-size:10px;line-height:1.5}#experience-sound:hover{color:#fff}#experience-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:10px;line-height:1.6;margin-top:8px}#experience-links a{color:#c1c0bc;text-decoration:underline;text-underline-offset:4px}#experience-links a:hover{color:#fff}#experience-credits p{font-size:12px;line-height:1.8;color:#ddd}html[data-playback=ready] #experience-title,html[data-playback=ready] #experience-hint,html[data-playback=ready] #experience-links,html[data-playback=ready] #experience-sound[aria-pressed=true]{display:none}html[data-playback=ready] #experience-sound-notice{display:block}.player-help{display:none;margin-top:5px;line-height:1.8;color:#fff;text-shadow:0 1px 6px #000}.player-help strong{display:block;font-size:13px;font-weight:500}.player-help span{display:block;font-size:11px;color:#d9d9d4}html[data-playback=ready] .player-help,html[data-playback=paused][data-player=open] .player-help{display:block}html[data-playback=loading] #experience-panel,html[data-playback=error] #experience-panel{background:#080808}html[data-playback=paused] #experience-panel{background:#000000d1}#experience-panel.end-credits{justify-content:flex-end;padding-bottom:7vh;background:transparent;gap:12px}.end-credits #experience-action{order:2;min-height:44px;padding:10px 21px;font-size:11px;background:#f4f3efe6}.end-credits #experience-links{order:3}.end-credits #experience-title,.end-credits #experience-hint{display:none}#experience-loading{width:110px;height:1px;background:linear-gradient(90deg,#252525,#b7b6b1,#252525);background-size:200% 100%;animation:loading-line 1.8s linear infinite}html:not([data-playback=loading]) #experience-loading{display:none}#player-toolbar{display:none}.film-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);padding-top:22px;margin-top:32px;gap:30px}.film-facts dt{font-size:10px;color:var(--muted);letter-spacing:.06em;margin-bottom:8px}.film-facts dd{font-size:12px;font-weight:600}.production-details{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule);color:#55544f;font-size:12px;line-height:1.9}.production-details p+p{margin-top:4px}.description{max-width:720px;padding:46px 0 48px;font-size:13px;line-height:2.1;color:#55544f}.description p+p{margin-top:16px}.frame-study{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4vw;padding-bottom:64px}.study-frame:nth-child(2){padding-top:32px}.study-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}.study-caption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;color:var(--muted);font-size:10px;line-height:1.6}.credits{border-top:1px solid var(--rule);padding:20px 0 24px;display:flex;gap:32px;flex-wrap:wrap;font-size:11px;color:#55544f}.credits span{color:var(--muted);margin-right:10px}#orientation-hint,#experience-audio-error,.dev-header,.controls{display:none}html[data-player=open]{background:#000}html[data-player=open] body{overflow:hidden}html[data-player=open] .site-only{visibility:hidden}html[data-player=open] #film-shell{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;display:grid;place-items:center;background:#000}html[data-player=open] .views{width:min(100vw,177.777778vh);width:min(100vw,177.777778dvh)}html[data-player=open][data-mode=compare] .views{width:min(calc(100vw - 48px),calc((100dvh - 120px)*3.5555556));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}html[data-player=open][data-mode=compare] .pane-label{padding:0 0 12px;background:none}html[data-player=open] #player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;inset:20px 24px auto;z-index:5;transition:opacity .25s ease;color:#eee;pointer-events:none}.player-context{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.03em}#player-close{min-height:40px;padding:8px 15px;background:#00000073;border:1px solid #494949;border-radius:24px;font-size:11px;color:#eee;pointer-events:auto}#player-close:hover{background:#eee;color:#111;border-color:#eee}html[data-player=open].cursor-idle #player-toolbar{opacity:0}html[data-player=open].cursor-idle #player-toolbar:hover,html[data-player=open].cursor-idle #player-toolbar:focus-within{opacity:1}html[data-player=open].cursor-idle,html[data-player=open].cursor-idle body,html[data-player=open].cursor-idle #scene,html[data-player=open].cursor-idle #reference-video{cursor:none}html[data-player=open] #scene:active{cursor:grabbing}html:not([data-mode=dev]) #experience-audio-error:not([hidden]){display:block;position:fixed;bottom:14px;left:15px;right:15px;z-index:1002;text-align:center;pointer-events:none;color:#aaa;font-size:11px}@keyframes loading-line{to{background-position:200% 0}}html[data-mode=dev]{font:14px/1.6 system-ui,sans-serif;color:#ddd;background:#171717;color-scheme:dark}html[data-mode=dev] .site-only,html[data-mode=dev] #experience-panel,html[data-mode=dev] #player-toolbar{display:none}html[data-mode=dev] .dev-header{padding:14px 20px;border-bottom:1px solid #393939;display:flex;gap:24px;align-items:center;flex-wrap:wrap}html[data-mode=dev] .dev-header strong{font-size:15px}html[data-mode=dev] #status{color:#aaa;font-size:12px}html[data-mode=dev] .portfolio-main{max-width:none;padding:16px 20px}html[data-mode=dev] .film-shell{background:transparent}html[data-mode=dev] .views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}html[data-mode=dev] .pane-label{display:flex;font-size:12px;color:#aaa;padding:0 0 8px;background:none;flex-wrap:wrap}html[data-mode=dev] .pane-type{color:#aaa;letter-spacing:0}html[data-mode=dev] #reference{display:block}html[data-mode=dev] #reference-video{display:none}html[data-mode=dev] #loading{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:13px;pointer-events:none}html[data-mode=dev] .controls{display:block;margin-top:20px;max-width:1100px}html[data-mode=dev] .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}html[data-mode=dev] .progress{flex:1;display:flex;align-items:center;gap:12px;min-width:240px}html[data-mode=dev] .progress input{flex:1}html[data-mode=dev] label{display:inline-flex;align-items:center;gap:10px}html[data-mode=dev] button{font:inherit;padding:6px 12px;border:1px solid #555;background:#272727;color:#ddd;border-radius:3px;cursor:pointer}html[data-mode=dev] button:hover{background:#383838}html[data-mode=dev] input{accent-color:#ddd}html[data-mode=dev] p,html[data-mode=dev] details{font-size:12px;color:#aaa}html[data-mode=dev] summary{cursor:pointer}html[data-mode=dev] .controls p{margin:10px 0}html[data-mode=dev] #metrics{font-variant-numeric:tabular-nums}html[data-mode=dev] body.expanded .views{grid-template-columns:1fr}html[data-mode=dev] body.expanded .reference-view{display:none}html[data-mode=dev] body.expanded #viewport{max-height:76vh;aspect-ratio:16/9}html[data-mode=dev] .chapters button{font-size:12px}html[data-mode=dev] #frame-label{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:850px){html[data-mode=dev] .views{grid-template-columns:1fr}html[data-mode=dev] .portfolio-main,html[data-mode=dev] .dev-header{padding:12px}html[data-mode=dev] .row{gap:8px}}@media(max-width:560px){.portfolio-main{padding-top:22px}.project-heading{margin-bottom:22px}.project-heading h1{font-size:23px;line-height:1.35}.author{font-size:12px}.media-mode{display:flex}.mode-link{flex:1;padding:8px 10px;font-size:10px;gap:8px}.film-facts{gap:16px;margin-top:24px}.film-facts dd{font-size:10px}.film-facts dt{font-size:9px}.production-details{margin-top:20px;font-size:11px}.description{padding:34px 0 32px;font-size:12px}.frame-study{grid-template-columns:1fr;gap:24px;padding-bottom:42px}.study-frame:nth-child(2){padding-top:0}.study-caption{font-size:9px}#experience-panel{padding:18px;gap:7px}#experience-action{min-height:44px;padding:13px 20px;font-size:11px;gap:12px}.player-help strong{font-size:12px}.player-help span{font-size:10px}#experience-hint{font-size:9px}#experience-sound{font-size:9px;padding:2px}#experience-title{font-size:15px}#experience-loading{width:70px}#experience-credits p{font-size:10px}#experience-panel.end-credits{padding-bottom:18px}.credits{gap:12px 24px}html[data-mode=compare][data-player=closed] .views{grid-template-columns:1fr;gap:2px}}@media(orientation:portrait)and (max-width:850px){html[data-player=open] #orientation-hint{display:block;position:fixed;bottom:14px;left:16px;right:16px;z-index:1001;pointer-events:none;text-align:center;color:#999;font-size:10px}html[data-player=open][data-mode=compare] .views{grid-template-columns:1fr;width:min(calc(100vw - 36px),calc((100dvh - 155px)*.8888889));gap:18px}html[data-player=open][data-mode=compare] .pane-label{padding-bottom:7px;font-size:9px}html[data-player=open] #player-toolbar{inset:15px 17px auto;gap:16px}.player-context{font-size:10px}#player-close{font-size:10px;min-height:34px;padding:7px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}