/* Scroll language inspired by the supplied cinematic portfolio reference. */
.site-header{position:sticky;top:0;z-index:40;background:#090b11d9;backdrop-filter:blur(16px)}
.motion-title-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.motion-title-line{display:block;transform-origin:0 100%;will-change:transform}.work .section-heading{align-items:flex-end;margin-bottom:55px}.work .section-heading h2{font-size:clamp(55px,7.5vw,125px);letter-spacing:-.075em;line-height:.99}.work .section-note{padding-bottom:8px}.work-progress{display:none}.work-is-pinned .work-progress{display:flex;align-items:center;gap:20px;color:#9b90b1;font-size:8px;letter-spacing:1.2px;padding:0 2px 20px;direction:ltr}.work-step{margin-left:auto}.work-progress-line{width:100px;height:1px;background:#332d41;overflow:hidden}.work-progress-line i{display:block;height:100%;background:#d4bfff;transform:scaleX(.25);transform-origin:left}
.work-is-pinned .work-list{position:relative;display:block;height:clamp(440px,72svh,800px);border-radius:18px;overflow:hidden;isolation:isolate;background:#11151e}
.work-is-pinned .project{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:0;padding:0;border:1px solid #343548;border-radius:18px;overflow:hidden;will-change:clip-path,transform}
.work-is-pinned .project .project-visual{border-radius:0;height:100%;width:100%;aspect-ratio:auto;align-self:stretch}
.work-is-pinned .project .project-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(25px,3vw,55px);gap:25px;flex-wrap:nowrap;background:linear-gradient(145deg,#1a1826,#10121b);min-width:0}
.work-is-pinned .project-info>div{width:100%}.work-is-pinned .project-info h3{font-size:clamp(29px,3vw,49px);font-weight:400;letter-spacing:-1.9px;line-height:1.08;margin-top:25px}.work-is-pinned .project-info .micro{font-size:7px;line-height:1.8;letter-spacing:.8px;max-width:200px;color:#837894}.work-is-pinned .project-info>p{display:block;font-size:12px;line-height:1.9;order:3;margin:0;color:#9590a6;max-width:310px;width:100%}.work-is-pinned .project-info .text-link{order:4;margin:5px 0 0;font-size:11px;gap:30px;color:#d7c7f4}.work-is-pinned .project-horizon .project-visual{padding:70px 6% 0}.work-is-pinned .project-horizon .project-visual img{min-height:0;height:auto}.work-is-pinned .project-store .project-visual{padding:45px 7%}.work-is-pinned .project-fan .project-visual{padding:40px 6%}.work-is-pinned .project-fan .phone-frame{height:85%;width:37%}.work-is-pinned .project-fan .fan-type{font-size:clamp(32px,3.7vw,62px)}.work-is-pinned .project-glasses .project-visual{padding:40px 5%}.work-is-pinned .project-open{top:25px;right:25px;z-index:4}.work-is-pinned .visual-label{bottom:25px;left:25px}.work-is-pinned .project[aria-hidden=true]{pointer-events:none}
.expertise{border-radius:38px 38px 0 0}.expertise .service{overflow:hidden}.service-symbol{transform-origin:center}.demo-section{border-radius:38px 38px 0 0}.cinema{will-change:clip-path,transform}.film-card{overflow:hidden}.film-thumb{transform-origin:50% 100%}.portrait-frame{overflow:hidden;border-radius:24px}.contact-link .motion-title-line{padding-bottom:.04em}
@media(min-width:801px){.about-copy h2{font-weight:400}.process .section-heading h2{font-weight:400}.contact-link h2{font-weight:400;font-size:clamp(72px,10vw,155px);letter-spacing:-.07em}.about{padding-block:145px}.work{padding-bottom:140px}.demo-section{padding-block:120px}.hero h1{font-weight:400;font-size:clamp(64px,7.2vw,125px);letter-spacing:-.075em}.hero h1 .accent{font-weight:700}}
@media(max-width:1000px) and (min-width:801px){.work-is-pinned .project{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.work-is-pinned .project .project-info{padding:25px}.work-is-pinned .project-info h3{font-size:32px}.work-is-pinned .project-info>p{font-size:11px}.work-is-pinned .project-info .micro{font-size:6px}}
@media(max-width:800px){.work .section-heading h2{font-size:clamp(45px,8.5vw,70px)}.work .section-heading{margin-bottom:35px}.expertise,.demo-section{border-radius:24px 24px 0 0}.site-header{backdrop-filter:blur(10px)}.work-progress{display:none}.hero h1{font-weight:400}.hero h1 .accent{font-weight:700}}
@media(prefers-reduced-motion:reduce){.motion-title-line,.cinema,.film-thumb{will-change:auto}}
.work-is-pinned .work-list{height:clamp(430px,44vw,720px)}.work-is-pinned .work-progress{position:absolute;top:18px;left:24px;right:24px;padding:0;z-index:10;pointer-events:none;color:#b9a9cc}.work-is-pinned .project-horizon .project-visual{padding-top:55px}