.project-screen{--project-ink:#0d0d0d;--project-ground:#fff;--project-play:#fff;--project-control-ink:#fff;--project-control-track:#ffffff8c;background:var(--project-ground);height:100svh;min-height:470px;color:var(--project-ink);font-family:var(--font-display);grid-template-rows:104px minmax(0,1fr) 84px;padding-inline:clamp(16px,1.4vw,30px);font-weight:600;display:grid}html[data-theme=black] .project-screen{--project-ink:#f50000;--project-ground:#000;--project-play:#f50000;--project-control-ink:#f50000;--project-control-track:#f500008c}html[data-theme=risa] .project-screen{--project-ink:#0d0d0d;--project-ground:#f50000;--project-play:#0d0d0d}.project-screen__stage{background:var(--project-ground);isolation:isolate;grid-row:2;min-height:0;position:relative;overflow:hidden;container-type:size}.project-screen__stage:focus-visible{outline:2px solid var(--project-control-ink);outline-offset:-2px}.project-screen__mobile-heading,.project-screen__mobile-services,.project-screen__mobile-info-toggle,.project-screen__fullscreen-back,.project-screen__time-mobile{display:none}.project-screen__visual{background:var(--project-ground);position:absolute;inset:0}.project-screen__poster{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project-screen__player{z-index:1;background:var(--project-ground);opacity:0;pointer-events:none;border:0;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transition:opacity .2s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-screen__stage:fullscreen .project-screen__player{width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw)}.project-screen__stage.is-player-ready .project-screen__player{opacity:1}.project-screen__stage.is-player-error .project-screen__player{opacity:0;transition:none}.project-screen__stage.is-player-ended .project-screen__player{opacity:0}.project-screen__empty{color:#fff;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.project-screen__visual:after{content:"";z-index:2;pointer-events:none;background:#0000008c;transition:opacity .2s;position:absolute;inset:0}.project-screen__stage.is-player-ready .project-screen__visual:after{opacity:0}.project-screen__stage.is-player-ended .project-screen__visual:after{opacity:1}html[data-theme=risa] .project-screen__poster,html[data-theme=risa] .project-screen__player{filter:grayscale()contrast(1.4)}html[data-theme=risa] .project-screen__visual:after{mix-blend-mode:multiply;background:#f50000}html[data-theme=risa] .project-screen__stage.is-player-ready .project-screen__visual:after{opacity:1}.project-screen__play{z-index:3;width:100%;height:100%;color:var(--project-play);cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.project-screen__play svg{width:clamp(35.2px,2.48vw,48px);height:auto}.project-screen__loading{color:inherit;display:none}.project-screen__stage.is-player-loading .project-screen__play{cursor:progress}.project-screen__stage.is-player-loading .project-screen__play svg{display:none}.project-screen__stage.is-player-loading .project-screen__loading{display:block}.project-screen__stage.is-player-ready .project-screen__play,.project-screen__stage.is-player-error .project-screen__play{display:none}.project-screen__stage.is-player-ended .project-screen__play{display:grid}.project-screen__stage.is-info-open .project-screen__play{visibility:hidden}.project-screen__error{z-index:3;color:var(--project-play);font-size:15px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-screen__stage.is-player-error .project-screen__error{display:block}.project-screen__stage.is-info-open .project-screen__error{visibility:hidden}.project-screen__controls{z-index:3;min-height:62px;color:var(--project-control-ink);opacity:0;visibility:hidden;background:0 0;align-items:center;gap:clamp(14px,1.1vw,26px);padding:12px clamp(16px,1.4vw,30px);font-size:13px;line-height:1;transition:opacity .2s,visibility .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.project-screen__stage.is-player-ready:not(.is-info-open) .project-screen__controls{opacity:1;visibility:visible}.project-screen__stage.is-player-ready.is-controls-hidden:not(.is-info-open) .project-screen__controls{opacity:0;visibility:hidden;pointer-events:none}.project-screen__controls button{cursor:pointer;flex:none;padding:7px 0}.project-screen__transport{text-align:left;min-width:39px}.project-screen__seek-wrap{flex:1;height:28px;position:relative}.project-screen__seek-track{background:var(--project-control-track);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.project-screen__seek-track span{background:var(--project-control-ink);width:0;height:100%;display:block}.project-screen__seek-wrap input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.project-screen__seek-wrap input::-webkit-slider-thumb{appearance:none;background:var(--project-control-ink);border:0;border-radius:0;width:10px;height:10px}.project-screen__seek-wrap input::-moz-range-thumb{background:var(--project-control-ink);border:0;border-radius:0;width:10px;height:10px}.project-screen__time{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:87px}.project-screen__icon-button{place-items:center;width:24px;height:28px;display:grid}.project-screen__icon-button svg{width:22px;height:22px}.project-screen__controls.is-muted [data-volume-waves]{display:none}.project-screen__controls :focus-visible{outline:2px solid var(--project-control-ink);outline-offset:3px}.project-screen__info{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#00000063;align-items:center;padding:20px clamp(15px,1vw,28px);transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0;overflow-y:auto}.project-screen__stage.is-info-open .project-screen__info{opacity:1;visibility:visible}.project-screen__credits{color:#fff;letter-spacing:-.025em;width:min(100%,690px);max-height:100%;margin-block:auto;font-size:clamp(15px,1.03vw,20px);line-height:1.18}html[data-theme=black] .project-screen__credits{color:var(--project-ink)}.project-screen__credits dl{margin:0}.project-screen__credit{flex-wrap:wrap;column-gap:.25em;display:flex}.project-screen__credit dt,.project-screen__credit dd{margin:0}.project-screen__credit dt{font-weight:600}.project-screen__credit dd{font-weight:400}.project-screen__metadata{letter-spacing:-.035em;grid-row:3;grid-template-columns:25% 23% 27% 20% 5%;align-items:center;padding-bottom:2.25rem;font-size:clamp(13px,1vw,19px);line-height:1.2;display:grid}.project-screen__metadata h1{font:inherit;margin:0}.project-screen__metadata>*{min-width:0}.project-screen__services{text-align:left}.project-screen__year{text-align:right;white-space:nowrap}.project-screen__info-toggle{cursor:pointer;width:fit-content;padding:8px 0}.project-screen__info-toggle [data-info-open]{display:none}.project-screen__info-toggle[aria-expanded=true] [data-info-open]{display:inline}.project-screen__info-toggle[aria-expanded=true] [data-info-closed]{display:none}.project-screen a:hover,.project-screen button:hover{opacity:.68}.project-screen a:focus-visible,.project-screen button:focus-visible{outline-offset:4px;outline:2px solid}@media (width<=767px){.project-screen{grid-template-rows:90px minmax(0,1fr);height:100svh;min-height:0;padding-inline:5.4vw;display:grid;overflow:hidden}.project-screen__mobile-heading{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(84vw,32rem);display:flex;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.project-screen__mobile-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(14px,4vw,18px);font-weight:600;line-height:1.12}.project-screen__mobile-heading p{letter-spacing:-.02em;margin:3px 0 0;font-size:clamp(12px,3.3vw,15px);font-weight:500;line-height:1.15}.project-screen__stage{grid-row:2;overflow:visible}.project-screen__visual{aspect-ratio:16/9;will-change:transform;width:100%;inset:44% 0 auto;transform:translateY(-50%)}.project-screen__player{width:100%;height:100%}.project-screen__stage:fullscreen .project-screen__player{width:100%;height:100%}.project-screen__play svg{width:25.6px}.project-screen__controls{gap:8px;min-height:42px;padding:6px 10px;font-size:11px}.project-screen__transport{min-width:30px}.project-screen__time{min-width:69px}.project-screen__icon-button{width:20px}.project-screen__icon-button svg{width:18px;height:18px}.project-screen__mobile-services,.project-screen__mobile-info-toggle{z-index:5;text-align:center;letter-spacing:-.035em;width:100%;font-size:clamp(13px,3.3vw,17px);line-height:1.15;position:absolute;left:0}.project-screen__mobile-services{will-change:transform;display:block;bottom:70px}.project-screen__mobile-info-toggle{padding:0;display:block;bottom:52px}.project-screen__info{-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;overscroll-behavior:contain;background:0 0;padding:0 3px;transition:opacity .2s;display:block;bottom:86px;left:0;right:0}.project-screen__stage.is-info-open .project-screen__info{opacity:0;visibility:hidden}.project-screen__stage.is-info-open.is-info-visible .project-screen__info{opacity:1;visibility:visible}.project-screen__stage.is-info-exiting .project-screen__info{opacity:1;visibility:visible;transition:none}.project-screen__stage.is-info-open .project-screen__play,.project-screen__stage.is-info-open .project-screen__error{visibility:visible}.project-screen__stage.is-player-ready.is-info-open .project-screen__controls{opacity:1;visibility:visible}.project-screen__credits{width:100%;max-height:none;color:var(--project-ink);margin:0;font-size:clamp(13px,3.3vw,17px);line-height:1.18}.project-screen__credit{justify-content:center}.project-screen__metadata{display:none}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen){z-index:100;background:#000;width:100vw;height:100dvh;position:fixed;inset:0}body:has(.project-screen__stage.is-mobile-fullscreen) #main-scroll-wrapper{z-index:100}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__visual{will-change:auto;width:min(100vw,177.778dvh);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__poster{object-fit:contain}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__play{color:#fff}html[data-theme=risa] .project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__poster,html[data-theme=risa] .project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__player{filter:none}html[data-theme=risa] .project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__visual:after,.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__mobile-services,.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__mobile-info-toggle,.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__info{display:none}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__controls{background:0 0;gap:10px;min-height:34px;padding:3px 5.2vw;font-size:11px}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__time,.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__icon-button{display:none}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__time-mobile{text-align:right;min-width:34px;display:block}.project-screen__stage:is(:fullscreen,.is-mobile-fullscreen) .project-screen__fullscreen-back{right:0;bottom:max(20px, env(safe-area-inset-bottom));z-index:5;color:#fff;cursor:pointer;width:fit-content;margin-inline:auto;padding:6px;font-size:clamp(14px,4vw,18px);font-weight:600;line-height:1;display:block;position:absolute;left:0}}@media (prefers-reduced-motion:reduce){.project-screen__player,.project-screen__visual:after,.project-screen__info{transition:none}}
