.cinox-project-overlay{z-index:1100;-webkit-backdrop-filter:blur(18px);overscroll-behavior:contain;cursor:auto;background:#0d1116dc;justify-content:center;align-items:center;padding:28px 80px;animation:.3s ease-out cinox-project-open;display:flex;position:fixed;inset:0;overflow-y:auto}.cinox-project-shell{z-index:1;outline:none;width:min(1100px,100%);min-width:0;position:relative}.cinox-project-dialog{color:#f3f5f7;background:#20262e;border:1px solid #c9daec29;border-radius:22px;outline:none;flex-direction:column;width:100%;max-height:calc(100dvh - 56px);display:flex;position:relative;overflow:hidden;box-shadow:0 32px 100px #0005}.cinox-project-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#596775 #20262e;min-height:0;overflow-y:auto}.cinox-project-top{background:#20262e;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:23px 28px;display:flex}.cinox-project-top>div{flex:1;min-width:0}.cinox-project-top p{color:#afb7c2;font-size:10px;line-height:1.6}.cinox-project-top p>span{color:#748293;margin-inline:8px}.cinox-project-top h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:5px;font-size:clamp(22px,2.7vw,34px);font-weight:500;line-height:1.15}.cinox-project-close{color:#f3f5f7;background:#d1e1f509;border:1px solid #d4e0ef30;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;transition:background .2s;display:grid}.cinox-project-close:hover{background:#d1e1f51c}.cinox-project-close svg{width:23px;height:23px}.cinox-project-view{width:min(100%,calc(var(--cinox-project-media-height,calc(100dvh - 255px)) * var(--cinox-project-ratio,1.77778)));aspect-ratio:var(--cinox-project-ratio,16/9);touch-action:pan-y;isolation:isolate;background:#0c1116;margin-inline:auto;display:grid;position:relative;overflow:hidden}.cinox-project-film{grid-area:1/1;min-width:0;min-height:0}.cinox-project-film-incoming{animation:.68s cubic-bezier(.22,.75,.2,1) both cinox-project-film-in}.cinox-project-film-outgoing{pointer-events:none;animation:.68s cubic-bezier(.22,.75,.2,1) both cinox-project-film-out}.cinox-project-view[data-direction="-1"] .cinox-project-film-incoming{animation-name:cinox-project-film-back}.cinox-project-view[data-direction="-1"] .cinox-project-film-outgoing{animation-name:cinox-project-film-out-back}.cinox-project-stage{background:#0c1116;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.cinox-project-stage>iframe,.cinox-project-stage>video,.cinox-project-stage>img{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.cinox-project-poster-title{text-align:center;color:#d6dfe4;place-items:center;padding:24px;font-size:clamp(20px,3vw,34px);display:grid;position:absolute;inset:0}.cinox-project-stage>.pfolio-sample-art{opacity:.65}.cinox-project-placeholder{text-align:center;color:#f2f2eb;background:linear-gradient(#14202b30,#14202b80);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:30px;display:flex;position:absolute;inset:0}.cinox-project-placeholder>span{background:#14222b7a;border:1px solid #f0edd767;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.cinox-project-placeholder>span svg{width:27px;height:27px}.cinox-project-placeholder h3{letter-spacing:-.035em;font-size:clamp(22px,3vw,34px);font-weight:500}.cinox-project-placeholder p{color:#d3dbe2;max-width:360px;font-size:13px;line-height:1.65}.cinox-project-placeholder>a{border:1px solid #e2e5df60;border-radius:30px;align-items:center;min-height:44px;padding:8px 19px;font-size:12px;display:inline-flex}.cinox-project-retry{color:#20262e;min-height:44px;font:inherit;cursor:pointer;background:#d4c3a3;border:1px solid #d4c3a360;border-radius:30px;justify-content:center;align-items:center;padding:10px 20px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex}.cinox-project-retry:hover{background:#e2d4b9;transform:translateY(-1px)}.cinox-project-retry:focus-visible{outline-offset:-5px;outline:2px solid #f3f5f7}.cinox-project-close:focus-visible{outline-offset:-5px;outline:2px solid #f3f5f7}.cinox-project-navigation button:focus-visible{outline-offset:-5px;outline:2px solid #f3f5f7}.cinox-project-about{isolation:isolate;border-top:1px solid #d3e3f215;flex-direction:column;align-items:stretch;gap:16px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.cinox-project-mobile-companion{display:none}.cinox-project-about-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cinox-project-about-companion{z-index:1;min-width:0;margin-top:auto;position:relative}.cinox-project-about-copy{z-index:1;justify-content:space-between;align-items:start;gap:24px;min-width:0;display:flex;position:relative}.cinox-project-about p{color:#b2bdc9;white-space:pre-line;overflow-wrap:anywhere;max-width:720px;font-size:13px;line-height:1.75}.cinox-project-about .cinox-project-autoplay-note{color:#d4c3a3;margin-top:9px;font-size:11px;line-height:1.6}.cinox-project-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:5px 21px;max-width:300px;display:flex}.cinox-project-actions>a{color:#d4c3a3;flex-shrink:0;align-items:center;gap:12px;min-height:44px;font-size:11px;display:inline-flex}.cinox-project-about .arrow-icon{width:17px;height:17px}.cinox-project-navigation{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:22px;display:flex;position:absolute;inset:0 -64px}.cinox-project-navigation button{pointer-events:auto;color:#f1f3f7;background:#18232fed;border:1px solid #d6e3f26b;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;transition:background .2s,box-shadow .2s;display:grid;box-shadow:0 5px 24px #07111b45}.cinox-project-navigation button:hover{background:#314252;box-shadow:0 6px 26px #07111b66}.cinox-project-navigation button:disabled{opacity:.3;cursor:default}.cinox-project-navigation button .arrow-icon{width:18px;height:18px}.cinox-project-navigation button.cinox-project-previous .arrow-icon,.cinox-project-navigation button.cinox-project-previous:hover .arrow-icon{transform:rotate(180deg)}.cinox-project-count{white-space:nowrap;font-size:12px}.cinox-project-count>span{color:#818e9e;margin-left:7px}@media (min-width:761px){.cinox-project-shell-portrait{width:min(920px,100%,calc((100dvh - 180px) * var(--cinox-project-ratio) + 302px))}.cinox-project-dialog-portrait .cinox-project-scroll{background:#171e25;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:stretch;display:grid}.cinox-project-dialog-portrait .cinox-project-view{width:min(100%,calc(var(--cinox-project-media-height,calc(100dvh - 180px)) * var(--cinox-project-ratio)));align-self:start}.cinox-project-dialog-portrait .cinox-project-about{background:#20262e;border-top:0;border-left:1px solid #d3e3f215;flex-direction:column;justify-content:flex-start;gap:20px;min-width:0;padding:28px}.cinox-project-dialog-portrait .cinox-project-about-copy{flex-direction:column;gap:16px}.cinox-project-dialog-portrait .cinox-project-actions{justify-content:flex-start;max-width:none}}@keyframes cinox-project-open{0%{opacity:0}to{opacity:1}}@keyframes cinox-project-film-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cinox-project-film-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes cinox-project-film-back{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cinox-project-film-out-back{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width:760px){.cinox-project-overlay{padding:12px 54px}.cinox-project-dialog{border-radius:17px;max-height:calc(100dvh - 24px)}.cinox-project-shell-portrait{width:min(100%,calc((100dvh - 230px) * var(--cinox-project-ratio) + 2px))}.cinox-project-top{grid-template-columns:minmax(0,1fr) 38px;gap:5px 8px;padding:13px 14px;display:grid}.cinox-project-top>div{grid-area:1/1}.cinox-project-top p{font-size:9px}.cinox-project-top p>span{margin-inline:4px}.cinox-project-top h2{font-size:21px}.cinox-project-close{grid-area:1/2/span 2;align-self:start;width:38px;height:38px}.cinox-project-view{width:min(100%,calc(var(--cinox-project-media-height,calc(100dvh - 230px)) * var(--cinox-project-ratio,1.77778)))}.cinox-project-placeholder{gap:13px;padding:25px 20px}.cinox-project-placeholder h3{max-width:250px;font-size:23px;line-height:1.2}.cinox-project-placeholder p{max-width:200px;font-size:12px}.cinox-project-placeholder>span{width:53px;height:53px}.cinox-project-about{gap:12px;padding:16px 15px}.cinox-project-about-copy{display:block}.cinox-project-about-companion{display:none}.cinox-project-mobile-companion{background:#20262e;border-top:1px solid #d3e3f215;flex:none;padding:8px 10px;display:block}.cinox-project-about p{font-size:12px}.cinox-project-actions{justify-content:flex-start;gap:5px 23px;max-width:none;margin-top:6px}.cinox-project-navigation{gap:12px;inset:0 -48px}.cinox-project-navigation button{width:44px;height:44px}.cinox-project-count{grid-area:2/1;justify-self:start;font-size:10px}.cinox-project-count>span{margin-left:3px}}@media (max-height:500px) and (min-width:641px){.cinox-project-overlay{padding:8px 64px}.cinox-project-dialog{max-height:calc(100dvh - 16px)}.cinox-project-top{padding:10px 18px}.cinox-project-top h2{font-size:22px}.cinox-project-view{width:min(100%,calc(var(--cinox-project-media-height,calc(100dvh - 150px)) * var(--cinox-project-ratio)))}.cinox-project-dialog-portrait .cinox-project-view{width:min(100%,calc(var(--cinox-project-media-height,calc(100dvh - 110px)) * var(--cinox-project-ratio)))}}@media (prefers-reduced-motion:reduce){.cinox-project-overlay,.cinox-project-film{animation:none}.cinox-project-film-outgoing{display:none}.cinox-project-shell *{transition:none!important}}