:is(.page-home,.page-work) .work-reel{padding-top:42px;padding-bottom:88px}:is(.page-home,.page-work) .work-reel>.micro{color:var(--gold);margin-bottom:22px}:is(.page-home,.page-work) .work-reel h1{margin-bottom:34px;font-size:clamp(64px,8.2vw,120px);line-height:1}:is(.page-home,.page-work) .film-poster{aspect-ratio:16/9;text-align:left;cursor:pointer;color:#f2f2f2;background:#171716;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}:is(.page-home,.page-work) .film-poster>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}:is(.page-home,.page-work) .film-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000bf);position:absolute;inset:55% 0 0}:is(.page-home,.page-work) .film-poster:hover>img{transform:scale(1.025)}:is(.page-home,.page-work) .film-poster:focus-visible{outline:3px solid var(--gold);outline-offset:5px}:is(.page-home,.page-work) .play-action{z-index:1;letter-spacing:.02em;text-shadow:0 1px 4px #000;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:24px;left:24px;right:24px}:is(.page-home,.page-work) .play-icon{border:1px solid #f2f2f2;border-radius:50%;place-items:center;width:40px;height:40px;padding-left:2px;font-size:13px;display:grid}:is(.page-home,.page-work) .film-time,:is(.page-home,.page-work) .film-number{margin-left:auto;font-size:12px}:is(.page-home,.page-work) .work-portfolio{padding:66px 0 96px}:is(.page-home,.page-work) .portfolio-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:52px;display:flex}:is(.page-home,.page-work) .portfolio-heading h2{font-size:clamp(56px,6.5vw,96px);line-height:1}:is(.page-home,.page-work) .portfolio-heading>.micro{color:var(--grey)}:is(.page-home,.page-work) .portfolio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px 48px;display:grid}:is(.page-home,.page-work) .portfolio-project{min-width:0}:is(.page-home,.page-work) .project-association{letter-spacing:.06em;color:#585758;margin-top:24px;margin-bottom:14px;font-size:12px;line-height:1.6}:is(.page-home,.page-work) .portfolio-project h3{overflow-wrap:break-word;margin:0 0 18px;font-size:clamp(36px,3.5vw,54px);line-height:1.05}:is(.page-home,.page-work) .project-description{max-width:560px;font-size:16px;line-height:1.75}:is(.page-home,.page-work) .project-credits{border-top:1px solid #cfcdc7;grid-template-columns:70px minmax(0,1fr);gap:12px;margin-top:24px;padding-top:17px;display:grid}:is(.page-home,.page-work) .project-credits>.micro{color:var(--grey);padding-top:3px;font-size:10px}:is(.page-home,.page-work) .project-credits ul{margin:0;padding:0;font-size:13px;line-height:1.8;list-style:none}:is(.page-home,.page-work) .project-credits li{display:inline}:is(.page-home,.page-work) .project-credits li:not(:last-child):after{content:" / ";color:#807050;white-space:pre}:is(.page-home,.page-work).film-open{overflow:hidden}:is(.page-home,.page-work) .film-dialog{color:#f2f2f2;background:#000;border:1px solid #585758;width:min(1120px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}:is(.page-home,.page-work) .film-dialog::backdrop{background:#000000eb}:is(.page-home,.page-work) .film-dialog-bar{justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex}:is(.page-home,.page-work) .film-dialog-bar h2{font-size:clamp(24px,3vw,38px);line-height:1.1}:is(.page-home,.page-work) .film-close{color:#f2f2f2;font:inherit;cursor:pointer;background:0 0;border:1px solid #585758;flex-shrink:0;padding:10px 14px}:is(.page-home,.page-work) .film-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}:is(.page-home,.page-work) .project-player{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;max-height:calc(94dvh - 110px);display:block}:is(.page-home,.page-work) .film-error{padding:18px 22px;font-size:14px}@media (width<=700px){:is(.page-home,.page-work) .work-reel{padding-top:24px;padding-bottom:42px}:is(.page-home,.page-work) .work-reel>.micro{margin-bottom:16px}:is(.page-home,.page-work) .work-reel h1{margin-bottom:22px;font-size:64px}:is(.page-home,.page-work) .work-portfolio{padding:38px 0 58px}:is(.page-home,.page-work) .portfolio-heading{margin-bottom:30px;display:block}:is(.page-home,.page-work) .portfolio-heading h2{margin-bottom:14px;font-size:56px}:is(.page-home,.page-work) .portfolio-grid{grid-template-columns:minmax(0,1fr);gap:52px}:is(.page-home,.page-work) .portfolio-project h3{font-size:38px}:is(.page-home,.page-work) .project-association{margin-top:20px;font-size:11px}:is(.page-home,.page-work) .project-description{font-size:15px}:is(.page-home,.page-work) .project-credits{grid-template-columns:1fr;gap:7px;margin-top:20px}:is(.page-home,.page-work) .project-credits ul{font-size:12px;line-height:1.85}:is(.page-home,.page-work) .play-action{font-size:12px;bottom:14px;left:16px;right:16px}:is(.page-home,.page-work) .play-icon{width:32px;height:32px;font-size:11px}:is(.page-home,.page-work) .film-dialog-bar{gap:12px;padding:14px}:is(.page-home,.page-work) .film-dialog-bar h2{font-size:26px}:is(.page-home,.page-work) .film-close{padding:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){:is(.page-home,.page-work) .film-poster>img{transition:none}:is(.page-home,.page-work) .film-poster:hover>img{transform:none}}