.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.kino-site{background:#101010;display:flex;flex-direction:column;min-height:100vh}.kino-site .main-wrap{flex:1 0 auto;width:100%}.kino-site #wsite-content{min-height:calc(100dvh - 128px);width:100%}.site-header{background:#1d2020;color:#fff;left:0;position:sticky;right:0;top:0;z-index:100}.site-header__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;min-height:64px;padding:0 24px}.site-brand{align-items:center;color:#fff;display:inline-flex;font-family:Microsoft JhengHei,sans-serif;font-size:22px;font-weight:300;line-height:1.25;min-width:0;text-decoration:none;white-space:nowrap}.site-brand:hover,.site-brand:focus-visible{color:#fff}.site-nav ul{list-style:none;margin:0;padding:0}.site-nav--desktop>ul{align-items:center;display:flex}.site-nav__item{position:relative}.site-nav a{color:#fff;display:block;font-family:Microsoft JhengHei,sans-serif;font-size:14px;line-height:1.3;padding:24px 15px;text-decoration:none}.site-nav__item.is-active>a,.site-nav a:hover,.site-nav a:focus-visible{background:#131515;color:#fff}.site-subnav{background:#1d2020;box-shadow:0 18px 34px #00000052;display:none;left:0;min-width:220px;position:absolute;top:100%}.site-nav__item:hover>.site-subnav,.site-nav__item:focus-within>.site-subnav{display:block}.site-subnav a{font-size:13px;padding:11px 18px;white-space:nowrap}.site-menu-button{align-items:center;background:transparent;border:0;cursor:pointer;display:none;height:44px;justify-content:center;padding:0;width:44px}.site-menu-button span:not(.sr-only),.site-menu-button span:not(.sr-only):before,.site-menu-button span:not(.sr-only):after{background:#fff;content:"";display:block;height:2px;position:relative;transition:transform .18s ease,background .18s ease;width:24px}.site-menu-button span:not(.sr-only):before{position:absolute;top:-8px}.site-menu-button span:not(.sr-only):after{position:absolute;top:8px}.is-mobile-nav-open .site-menu-button span:not(.sr-only){background:transparent}.is-mobile-nav-open .site-menu-button span:not(.sr-only):before{transform:translateY(8px) rotate(45deg)}.is-mobile-nav-open .site-menu-button span:not(.sr-only):after{transform:translateY(-8px) rotate(-45deg)}.site-nav--mobile{background:#1d2020;max-height:0;overflow:hidden;pointer-events:none;transition:max-height .22s ease;visibility:hidden}.site-footer{background:#101010;clear:both;color:#ffffffb8;flex-shrink:0;font-family:Microsoft JhengHei,sans-serif;font-size:13px;position:relative;text-align:center;width:100%;z-index:2}.site-footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto;max-width:1180px;min-height:64px;padding:0 24px}.site-footer a{color:#ffffffe6}.page-intro{background:#303030;color:#ffffffd1;font-family:Microsoft JhengHei,sans-serif;padding:44px 0 14px}.page-intro__inner{margin:0 auto;max-width:980px;padding:0 24px}.page-intro p{font-size:17px;line-height:1.9;margin:0;text-align:center}.portfolio-works{background:#151515;color:#f5f5f5;font-family:Microsoft JhengHei,sans-serif;padding:56px 0 72px}.portfolio-works__inner{margin:0 auto;max-width:1180px;padding:0 24px}.portfolio-works__head{align-items:end;display:flex;gap:20px;justify-content:space-between;margin:0 0 24px}.portfolio-works__title{color:#d8bd55;font-size:28px;font-weight:400;letter-spacing:0;margin:0}.portfolio-works__filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.portfolio-works__filter{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd1;cursor:pointer;font:inherit;font-size:13px;line-height:1;padding:9px 13px;transition:background .18s ease,border-color .18s ease,color .18s ease}.portfolio-works__filter:hover,.portfolio-works__filter:focus-visible,.portfolio-works__filter.is-active{background:#d8bd55;border-color:#d8bd55;color:#101010}.portfolio-works__grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-work{min-width:0}.portfolio-work__button{background:#202020;border:1px solid rgba(255,255,255,.08);color:inherit;cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.portfolio-work__button:hover,.portfolio-work__button:focus-visible{border-color:#d8bd55b8;box-shadow:0 18px 38px #0000006b;outline:0;transform:translateY(-2px)}.portfolio-work__thumb{background:#050505;display:block;overflow:hidden;position:relative}.portfolio-work__thumb img,.portfolio-work__placeholder{aspect-ratio:16 / 9;display:block;height:100%;object-fit:cover;transition:opacity .18s ease,transform .24s ease;width:100%}.portfolio-work__button:hover .portfolio-work__thumb img,.portfolio-work__button:focus-visible .portfolio-work__thumb img{opacity:.82;transform:scale(1.04)}.portfolio-work__placeholder{align-items:center;color:#ffffff8f;flex-direction:column;display:flex;font-size:16px;gap:8px;justify-content:center}.portfolio-work__placeholder span:first-child{color:#ffffffe6;font-size:20px}.portfolio-work__placeholder span:last-child{color:#d8bd55;font-size:12px;text-transform:uppercase}.portfolio-work__caption{display:block;min-height:118px;padding:16px 17px 18px}.portfolio-work__category{color:#d8bd55;display:block;font-size:12px;line-height:1.35;margin:0 0 7px}.portfolio-work__name{color:#fff;display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.portfolio-work__meta{color:#ffffff9e;display:block;font-size:13px;line-height:1.5;margin-top:8px}.portfolio-modal[hidden],.portfolio-lightbox[hidden],.portfolio-work[hidden]{display:none}.is-portfolio-modal-open{overflow:hidden}.portfolio-modal{inset:0;position:fixed;z-index:1000}.portfolio-modal__backdrop,.portfolio-lightbox__backdrop{backdrop-filter:blur(8px);background:#000000db;border:0;cursor:pointer;inset:0;padding:0;position:absolute}.portfolio-modal__panel{background:#111;box-shadow:0 0 60px #000000a3;color:#f7f7f7;inset:24px;overflow-y:auto;position:absolute;scrollbar-color:rgba(216,189,85,.78) rgba(255,255,255,.08);scrollbar-width:thin}.portfolio-modal__panel::-webkit-scrollbar{width:8px}.portfolio-modal__panel::-webkit-scrollbar-track{background:#ffffff14}.portfolio-modal__panel::-webkit-scrollbar-thumb{background:#d8bd55c7}.portfolio-modal__close,.portfolio-lightbox__close{align-items:center;background:#d8bd55;border:0;color:#101010;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:44px;height:58px;justify-content:center;line-height:1;position:fixed;right:34px;top:34px;width:58px;z-index:3}.portfolio-modal__content{margin:0 auto;max-width:1180px;padding:72px 28px 44px}.portfolio-modal__player{background:#050505;margin:0 0 34px}.portfolio-modal__player iframe,.portfolio-modal__player img,.portfolio-modal__embed iframe{aspect-ratio:16 / 9;border:0;display:block;height:auto;object-fit:cover;width:100%}.portfolio-modal__embed>*{width:100%}.portfolio-modal__empty{align-items:center;aspect-ratio:16 / 9;color:#ffffff7a;display:flex;justify-content:center}.portfolio-modal__copy{max-width:840px}.portfolio-modal__category{color:#d8bd55!important;font-size:14px!important;margin:0 0 10px!important}.portfolio-modal__copy h1{color:#fff;font-size:38px;font-weight:400;letter-spacing:0;line-height:1.25;margin:0 0 16px}.portfolio-modal__copy h2{color:#d8bd55;font-size:23px;font-weight:400;letter-spacing:0;line-height:1.4;margin:24px 0 8px}.portfolio-modal__copy p,.portfolio-modal__copy a{color:#ffffffc7;font-size:16px;line-height:1.7;margin:10px 0 0}.portfolio-modal__screenshots{display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(120px,1fr));margin-top:40px}.portfolio-modal__screenshots:has(.portfolio-modal__shot:only-child){grid-template-columns:minmax(0,420px);grid-template-rows:none}.portfolio-modal__shot{background:#050505;border:0;cursor:zoom-in;min-height:0;overflow:hidden;padding:0;position:relative}.portfolio-modal__shot:first-child{grid-row:span 2}.portfolio-modal__screenshots:has(.portfolio-modal__shot:only-child) .portfolio-modal__shot:first-child{grid-row:auto}.portfolio-modal__shot img{display:block;height:100%;object-fit:cover;transition:opacity .18s ease,transform .24s ease;width:100%}.portfolio-modal__shot:hover img,.portfolio-modal__shot:focus-visible img{opacity:.82;transform:scale(1.035)}.portfolio-modal__shot span{background:#0000009e;bottom:0;color:#fff;font-size:12px;left:0;line-height:1.4;padding:6px 8px;position:absolute;right:0}.portfolio-lightbox{inset:0;position:fixed;z-index:5}.portfolio-lightbox figure{inset:40px;margin:0;position:absolute}.portfolio-lightbox img{display:block;height:100%;object-fit:contain;width:100%}.portfolio-lightbox figcaption{bottom:0;color:#fffc;font-size:14px;left:0;line-height:1.5;padding:14px 0 0;position:absolute;right:0;text-align:center}@media (max-width: 900px){.site-header__inner{min-height:56px;padding:0 16px}.site-brand{font-size:18px;max-width:calc(100vw - 84px);overflow:hidden;text-overflow:ellipsis}.site-nav--desktop{display:none}.site-menu-button{display:inline-flex}.is-mobile-nav-open{overflow:hidden}.is-mobile-nav-open .site-nav--mobile{max-height:calc(100dvh - 56px);overflow-y:auto;pointer-events:auto;visibility:visible}.site-nav--mobile a{padding:12px 24px;text-align:center}.site-nav--mobile .site-subnav{background:#00000024;box-shadow:none;display:block;min-width:0;position:static}.site-nav--mobile .site-subnav a{color:#ffffffd1;font-size:13px;padding:9px 24px}.site-footer__inner{flex-direction:column;gap:6px;line-height:1.45;padding-bottom:16px;padding-top:16px}.portfolio-works{padding:40px 0 52px}.portfolio-works__inner{padding:0 16px}.portfolio-works__head{align-items:stretch;flex-direction:column}.portfolio-works__filters{justify-content:flex-start}.portfolio-works__grid{grid-template-columns:1fr}.portfolio-work__caption{min-height:0}.portfolio-modal__panel{inset:0}.portfolio-modal__content{padding:84px 16px 34px}.portfolio-modal__close,.portfolio-lightbox__close{height:52px;right:14px;top:14px;width:52px}.portfolio-modal__copy h1{font-size:30px}.portfolio-modal__copy h2{font-size:20px}.portfolio-modal__screenshots{grid-template-columns:1fr 1fr;grid-template-rows:none}.portfolio-modal__shot:first-child{grid-column:span 2;grid-row:auto}.portfolio-modal__shot img{aspect-ratio:16 / 9;height:auto}.portfolio-lightbox figure{inset:72px 12px 24px}}