.service-film{position:relative;isolation:isolate;background:#070809;overflow:hidden;height:min(850px,calc(100svh - 80px));min-height:650px;color:#f0f0ed;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.service-film--web-design{margin-block:55px 15px}.service-film--software{margin-block:20px 75px}.service-film-media,.service-film-shade{position:absolute;inset:0;pointer-events:none}.service-film-media video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.95}.service-film-shade{z-index:1;background:linear-gradient(90deg,#070809e6 0%,#070809c9 25%,#07080940 48%,#07080900 68%),linear-gradient(0deg,#070809 0%,#070809d9 12%,#07080900 42%,#07080900 72%,#070809a6 100%)}.service-film-top{position:absolute;top:50px;left:var(--gutter);right:var(--gutter);z-index:2;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.12em;color:#a9a8a2}.service-film--software .service-film-top{color:#9eacc1}.service-film-index{font-size:7px;color:#717780;letter-spacing:.1em}.service-film-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:26%;z-index:2;pointer-events:none}.service-film-titles{display:grid;max-width:670px;min-height:200px;font-size:clamp(44px,5.8vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1.08}.service-film-line{grid-area:1/1;opacity:0;transform:translate3d(0,30px,0);transition:opacity .28s ease,transform .4s ease;will-change:opacity,transform}.service-film-line.is-current{opacity:1;transform:translate3d(0,0,0);transition:opacity .5s ease .28s,transform .85s cubic-bezier(.22,1,.36,1) .28s}.service-film-line em{font-style:normal;color:#b8b2a8}.service-film--software .service-film-line em{color:#94aac7}.service-film-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:55px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:25px}.service-film-caption{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#7e858c}.service-film-description p{margin-top:17px;font-size:13px;color:#aaaeb3;line-height:1.85}.service-film-link{display:inline-flex;align-items:center;gap:50px;margin-top:24px;padding-bottom:10px;border-bottom:1px solid #ffffff4d;font-size:11px;color:#e4e5e7}.service-film-link span{font-size:20px}.service-film-link:hover{color:#fff;border-bottom-color:#fff}.service-film-controls{display:flex;align-items:center;gap:25px;color:#a6adb6}.service-film-time{font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.service-film-controls button{min-height:44px;min-width:110px;padding:12px 16px;border:1px solid #ffffff30;border-radius:100px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:9px;background:#07080950;backdrop-filter:blur(8px);transition:background .25s,border-color .25s}.service-film-controls button:hover{background:#ffffff14;border-color:#ffffff7a}.service-film-controls button:focus-visible{outline:2px solid #c8ddff;outline-offset:5px}.service-film-toggle-icon{height:9px;width:8px;display:block;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.service-film.is-playing .service-film-toggle-icon{border:0;border-left:2px solid currentColor;border-right:2px solid currentColor;width:7px;height:9px}.service-film-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:#ffffff0d;z-index:3}.service-film-progress i{display:block;height:100%;background:#bab5aa;transform:scaleX(var(--service-progress,0));transform-origin:left;transition:transform .25s linear}.service-film--software .service-film-progress i{background:#91aacb}.service-film .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.service-film [hidden]{display:none!important}
@media(min-width:1700px){.service-film-titles{font-size:95px}.service-film-media video{object-fit:contain}}
@media(max-width:1050px){.service-film{min-height:680px;height:85svh}.service-film-media video{width:120%;max-width:none;left:-10%}.service-film-titles{font-size:clamp(43px,6.4vw,69px);max-width:540px}.service-film-description p{font-size:12px}.service-film-shade{background:linear-gradient(90deg,#070809e6,#07080996 33%,transparent 72%),linear-gradient(0deg,#070809,#070809ad 19%,transparent 52%,#07080970 100%)}}
@media(max-width:650px){.service-film{scroll-margin-top:50px;height:790px;min-height:0;max-height:none}.service-film--web-design{margin-top:20px}.service-film--software{margin-block:0 35px}.service-film-top{top:37px;left:24px;right:24px;font-size:7px;letter-spacing:.08em}.service-film-index{font-size:6px;max-width:80px;text-align:right;line-height:1.6}.service-film-copy{top:111px;left:24px;right:24px}.service-film-titles{font-size:clamp(39px,10.8vw,65px);min-height:140px;line-height:1.06;letter-spacing:-.06em}.service-film-media video{width:150%;max-width:none;height:auto;aspect-ratio:16/9;left:-40%;top:258px;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 19%,#000 77%,transparent)}.service-film-shade{background:linear-gradient(0deg,#070809 0%,#070809e6 21%,#07080900 41%,#07080900 58%,#070809 75%),linear-gradient(90deg,#07080940,transparent 35%,transparent 80%,#07080930)}.service-film-footer{left:24px;right:24px;bottom:42px;align-items:end;gap:10px}.service-film-description p{font-size:11px;line-height:1.8;margin-top:13px}.service-film-caption{font-size:7px}.service-film-link{font-size:10px;gap:30px;margin-top:20px;padding-bottom:8px}.service-film-link span{font-size:17px}.service-film-controls{display:flex;flex-direction:column;align-items:end;gap:14px}.service-film-time{font-size:7px}.service-film-controls button{min-width:95px;padding:12px;font-size:8px}.service-film-progress{left:24px;right:24px}}
@media(max-width:360px){.service-film{height:750px}.service-film-titles{font-size:37px}.service-film-media video{top:250px}.service-film-description p{font-size:10px}.service-film-controls button{min-width:82px}}
@media(prefers-reduced-motion:reduce){.service-film-line,.service-film-line.is-current,.service-film-progress i{transition:none}.service-film-line{transform:none}}