.work-film{height:120svh;min-height:700px;background:#10120f;position:relative;padding:45px 3%}.film-frame{position:sticky;top:20px;height:calc(100svh - 40px);min-height:560px;overflow:hidden;clip-path:inset(5% 3%);will-change:clip-path}.film-frame>video{width:100%;height:100%;object-fit:cover;transform:scale(1.07)}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000b,transparent 60%,#0006)}.film-top{position:absolute;left:4%;right:4%;top:32px;display:flex;justify-content:space-between;gap:20px}.film-live{font-size:11px;letter-spacing:1.5px}.film-live i{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:8px;animation:live-pulse 2s infinite}.film-bottom{position:absolute;left:4%;right:4%;bottom:80px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.film-bottom h2{font-size:clamp(42px,6vw,92px)}.film-controls{display:flex;gap:10px}.film-controls button,.film-fallback{background:#1119;color:#fff;border:1px solid #ffffff77;padding:14px 20px;font-size:14px;backdrop-filter:blur(12px)}.film-controls button:hover{background:var(--yellow);color:#111}.film-select{position:absolute;bottom:24px;right:4%;display:flex;gap:8px}.film-select button{width:40px;height:36px;border:1px solid #fff7;background:#0004;color:#fff;font-size:13px}.film-select button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#111}.film-progress{position:absolute;left:4%;right:calc(4% + 220px);bottom:40px;background:#ffffff44;height:2px}.film-progress span{display:block;background:var(--yellow);height:100%;width:0}.film-fallback{position:absolute;top:45%;left:50%;transform:translateX(-50%)}.film-fallback[hidden]{display:none}.showcase{height:180svh;min-height:1150px;max-height:none;overflow:visible;border:0}.showcase-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#10120f}.showcase-photo{inset:-27% 0;transform-origin:center;will-change:transform}.showcase-photo img{transform:scale(1.12);will-change:transform}.showcase-info{will-change:transform,opacity}.showcase-info h3{clip-path:inset(0 0 0 0);will-change:clip-path,transform}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff22}.scene-progress span{display:block;width:0;height:100%;background:var(--yellow)}.hero-image{inset:-28% 0}.hero-image img{transform:scale(1.1)}.hero-content{will-change:transform,opacity}.hero h1{animation:title-enter 1.1s cubic-bezier(.18,.7,.25,1) both}.hero .eyebrow{animation:title-enter .8s .1s both}.hero-bottom{animation:title-enter 1.1s .25s both}.reveal{transform:translateY(65px);clip-path:inset(0 0 35% 0);transition:opacity 1s,transform 1s cubic-bezier(.2,.75,.2,1),clip-path 1.2s}.reveal.visible{clip-path:inset(0);transform:none}.photo{animation:photo-enter .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(mod(sibling-index(),3)*70ms)}.service-row{transition:background .3s,padding .3s}.scroll-meter{position:fixed;top:0;left:0;right:0;height:3px;z-index:50;pointer-events:none;transform-origin:left;background:var(--yellow);transform:scaleX(0)}@keyframes title-enter{from{opacity:0;transform:translateY(45px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes photo-enter{from{opacity:0;transform:translateY(30px);clip-path:inset(0 0 35% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes live-pulse{50%{opacity:.3}}
@media(max-width:700px){.work-film{padding:16px 0;height:115svh;min-height:650px}.film-frame{top:0;height:100svh;min-height:580px}.film-top{left:6%;right:6%;top:25px;flex-direction:column;gap:8px}.film-live{font-size:9px}.film-bottom{left:6%;right:6%;bottom:95px;align-items:flex-start;flex-direction:column;gap:25px}.film-bottom h2{font-size:12vw;line-height:1.02}.film-controls{gap:8px}.film-controls button{font-size:13px;padding:12px 15px}.film-select{right:6%;bottom:29px}.film-progress{left:6%;right:calc(6% + 210px);bottom:45px}.showcase{height:160svh;min-height:1050px;max-height:none}.showcase-stage{height:100svh;min-height:600px}.showcase-info{bottom:55px}.showcase h3{font-size:9vw}.showcase-info p{font-size:16px}.showcase-photo{inset:-30% 0}.big-index{bottom:25%;font-size:160px}.project-heading{padding-top:50px;padding-bottom:50px}.hero-foot>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.film-frame{clip-path:none!important}.showcase{height:auto;min-height:0}.showcase-stage{position:relative}.showcase-photo,.hero-image,.hero-content,.showcase-info,.showcase-photo img{transform:none!important;opacity:1!important}.showcase-info h3,.reveal{clip-path:none!important}.scroll-meter{display:none}.photo{animation:none}.work-film{height:auto;min-height:0}.film-frame{position:relative}}
body.film-in-view .floating-contact{opacity:0;pointer-events:none}
.object-films>h2{margin-top:25px;margin-bottom:60px}.object-film{margin-top:55px}.object-film-head{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:20px}.object-film-head>span{color:var(--yellow);font-size:12px;letter-spacing:1px}.object-film-head h3{font-size:26px;font-weight:700;letter-spacing:-1px}.object-film video{display:block;width:100%;max-height:80svh;aspect-ratio:16/9;background:#1a1d18;object-fit:contain}.film-progress{right:4%}.trust{background:var(--white);color:var(--black)}.trust-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin:30px 0 45px}.trust-heading h2 span{color:#777e70}.trust-heading>p{font-size:18px;max-width:440px;color:#51584d}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.detail-grid article{min-width:0}.detail-grid img{width:100%;height:280px;object-fit:cover}.detail-grid article>div{padding-top:22px}.detail-grid span{font-size:10px;letter-spacing:1px;color:#60685b;font-weight:800}.detail-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:12px 0}.detail-grid p{font-size:15px;line-height:1.7;color:#535b4d}.trust-note{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:center;border-top:1px solid #10120f33;margin-top:45px;padding-top:25px}.trust-note>span{font-size:12px;font-weight:800}.trust-note>p{font-size:14px;color:#535b4d}.trust-note a{text-align:right;font-size:14px;font-weight:800}.agreement{padding:65px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:#20251c}.agreement h3{font-size:clamp(28px,3.4vw,48px);line-height:1.15;letter-spacing:-1.6px;margin-top:25px}.agreement ul{list-style:none;margin:0;padding:0}.agreement li{padding:20px 0;border-bottom:1px solid var(--line)}.agreement li:first-child{padding-top:0}.agreement b{display:block;font-size:20px;color:var(--yellow)}.agreement li span{display:block;font-size:16px;color:#c0c5b8;margin-top:7px}.requisites{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);background:#171a15}.requisites h2{font-size:clamp(32px,4.5vw,66px);margin:26px 0}.requisites-heading>p{font-size:15px;color:var(--muted);max-width:430px}.requisites-heading>.draft-label{font-size:12px;display:inline-block;border:1px solid #f7d32255;color:var(--yellow);padding:9px 12px;margin-bottom:20px}.requisites dl{margin:0;min-width:0}.requisites dl>div{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.requisites dt{font-size:13px;color:var(--muted)}.requisites dd{font-size:15px;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.footer>a{font-size:13px}.object-films{padding-top:75px;border-top:1px solid var(--line)}
@media(max-width:700px){.object-films>h2{margin-bottom:35px}.object-film{margin-top:35px}.object-film-head{display:block}.object-film-head>span{font-size:10px}.object-film-head h3{font-size:23px;margin-top:10px}.object-film video{aspect-ratio:4/3;max-height:70svh}.trust-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.trust-heading>p{font-size:16px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-grid img{height:280px}.detail-grid h3{font-size:25px}.detail-grid p{font-size:16px}.detail-grid span{font-size:11px}.trust-note{grid-template-columns:1fr;gap:14px}.trust-note a{text-align:left;font-size:16px}.trust-note p{font-size:15px}.agreement{padding:55px 6%;grid-template-columns:1fr;gap:35px}.agreement h3{font-size:34px}.agreement b{font-size:19px}.agreement li span{font-size:15px}.requisites{grid-template-columns:1fr;gap:30px}.requisites h2{font-size:10vw}.requisites dl>div{grid-template-columns:1fr;gap:7px}.requisites dd{font-size:16px}.requisites dt{font-size:14px}}
/* Videos belong to the project, with a separate player on demand. */
.scene-clip{position:absolute;right:6%;bottom:70px;width:220px;height:286px;border:1px solid #ffffff50;background:#141913;padding:0;overflow:hidden;color:#fff;z-index:3;text-align:left;box-shadow:0 14px 50px #0005;transition:transform .35s,border-color .35s}.scene-clip.landscape{width:290px;height:190px}.scene-clip img{height:100%;width:100%;object-fit:cover;transition:transform .7s,filter .5s}.scene-clip:after,.detail-film:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 40%,#000b);pointer-events:none}.scene-clip:hover{transform:translateY(-6px);border-color:var(--yellow)}.scene-clip:hover img{transform:scale(1.06)}.clip-top,.clip-bottom{position:absolute;left:17px;right:17px;z-index:1}.clip-top{top:15px;font-size:9px;font-weight:800;letter-spacing:1.4px}.clip-bottom{bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.clip-bottom b{font-size:20px;color:var(--yellow)}.clip-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff99;background:#10120f44;backdrop-filter:blur(6px);width:57px;height:57px;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:18px;padding-left:3px;z-index:1;transition:background .3s}.scene-clip:hover .clip-play,.detail-film:hover .clip-play{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.showcase-info{max-width:calc(88% - 320px)}.big-index{right:25%;bottom:28px;font-size:130px;opacity:.55}.detail-film{position:relative;display:block;width:100%;height:280px;padding:0;border:0;background:#1a1d18;color:#fff;text-align:left;overflow:hidden}.detail-film>img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.detail-film:hover>img{transform:scale(1.05)}.detail-film .clip-play{color:var(--yellow);font-size:18px;letter-spacing:0}.detail-film .detail-film-label{position:absolute;left:20px;bottom:18px;z-index:1;color:white;font-size:13px;font-weight:700;letter-spacing:0}.video-modal{padding:32px;background:#090c0bf2;backdrop-filter:blur(18px);width:100vw;height:100svh;max-width:100vw;max-height:100svh}.video-modal::backdrop{background:#080b09d9}.video-modal[open]{display:flex;align-items:center;justify-content:center}.video-panel{display:flex;flex-direction:column;align-items:stretch;max-width:100%;width:min(1100px,88vw);max-height:calc(100svh - 64px)}.video-modal-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}.video-modal-head>div{min-width:0}.video-modal-head span{color:var(--yellow);font-size:10px;letter-spacing:1.5px}.video-modal-head h2{font-family:Manrope,Arial,sans-serif;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.6px;margin-top:8px}.video-modal .video-modal-close{position:static;flex-shrink:0;width:44px;height:44px;font-size:29px;border:1px solid #ffffff66;background:#ffffff0a;color:#fff}.video-modal video{display:block;max-width:100%;width:100%;height:auto;max-height:calc(100svh - 200px);object-fit:contain;background:transparent}.video-modal.portrait-film .video-panel{width:min(460px,calc((100svh - 200px)*.565))}.video-modal.portrait-film .video-modal-head h2{font-size:18px}.video-modal-note{margin-top:12px;color:#aaa;font-size:12px}.video-modal.portrait-film .video-modal-head{gap:14px}.video-modal.portrait-film .video-modal-head span{font-size:8px;letter-spacing:.7px}
@media(min-width:701px) and (max-width:1100px){.scene-clip{width:170px;height:225px}.scene-clip.landscape{width:220px;height:160px}.showcase-info{max-width:calc(88% - 240px)}.showcase h3{font-size:4.8vw}.big-index{right:30%}}
@media(max-width:700px){.scene-clip{top:8%;bottom:auto;right:6%;width:122px;height:166px}.scene-clip.landscape{width:165px;height:119px}.clip-top{top:10px;left:10px;right:10px;font-size:7px;letter-spacing:.5px}.clip-bottom{bottom:10px;left:10px;right:10px;font-size:10px}.clip-bottom b{font-size:17px}.clip-play{width:43px;height:43px;font-size:14px}.showcase-info{max-width:none;right:6%}.big-index{right:auto;left:6%;top:11%;bottom:auto;font-size:130px;opacity:.7}.detail-film{height:280px}.detail-film .detail-film-label{font-size:14px}.video-modal{padding:18px}.video-panel{width:100%;max-height:calc(100svh - 36px)}.video-modal-head{gap:15px}.video-modal-head h2{font-size:19px}.video-modal-head span{font-size:8px;letter-spacing:.8px}.video-modal video{max-height:calc(100svh - 180px)}.video-modal.portrait-film .video-panel{width:min(100%,calc((100svh - 180px)*.565))}.video-modal-note{font-size:11px}.video-modal .video-modal-close{height:38px;width:38px}}
@media(prefers-reduced-motion:reduce){.scene-clip:hover,.scene-clip:hover img,.detail-film:hover>img{transform:none}}