@font-face{font-family:LanaPixel;src:url('/assets/LanaPixel.ttf') format('truetype');font-display:swap}
.work-section{position:relative;isolation:isolate;padding-top:35px;padding-bottom:45px}
.cut-feature::before{transform:translateX(var(--bridge-x));transition:transform var(--bridge-duration) var(--bridge-easing);content:'';display:block;position:absolute;inset:0 auto 0 calc((100% - min(1080px,100% - 72px))/2 - 54.5px);width:299px;z-index:1;pointer-events:none;background:#111113;border-inline:1px solid #ffffff14;box-shadow:none;filter:none}
.cut-studio-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;container-type:size;background:#08090b}
.cut-studio-track{position:absolute;left:0;top:50%;height:var(--studio-height);aspect-ratio:6/1;background:url('/assets/studio-production-loop-bright.png') 0 0/50% 100% repeat-x;animation:studio-pan 160s linear infinite;will-change:transform}
@keyframes studio-pan{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(-50%,-50%,0)}}
@media(prefers-reduced-motion:reduce){.cut-studio-track{animation:none;transform:translate3d(-12%,-50%,0);will-change:auto}}
.cut-feature{--studio-height:720px;--bridge-x:-100vw;--bridge-duration:1.2s;--bridge-easing:cubic-bezier(.16,1,.3,1);height:var(--studio-height);min-height:720px;background:transparent;overflow:hidden;mask-image:none}
.cut-feature::after{content:none}
.cut-feature.bridge-visible,.cut-feature:focus-visible{--bridge-x:0px;--bridge-duration:1.2s;--bridge-easing:cubic-bezier(.16,1,.3,1)}

.cut-feature-content.wrap{min-height:var(--studio-height);height:var(--studio-height);display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:40px;padding:15px 0 25px}
.cut-brand-column{transform:translateX(var(--bridge-x));transition:transform var(--bridge-duration) var(--bridge-easing);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;padding:26px 16px;margin-bottom:0;background:transparent;border:0;border-radius:0;width:100%;box-shadow:none}
.cut-small-brand{display:flex;flex-direction:column;align-items:center;gap:19px;color:#eee;font:30px/1 LanaPixel,sans-serif;transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.cut-small-brand img{width:90px;height:90px;object-fit:contain}
.cut-visit{font-size:12px;color:#ffad75}
.cut-showcase{min-width:0;width:100%;text-align:center}
.cut-window-area{height:520px;position:relative;overflow:visible;mask-image:none}
.cut-perspective{--preview-scale:1.16;left:calc(50% + 24px);top:32px;width:625px;height:1320px;opacity:1;filter:none;transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8));transform-origin:top center;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.cut-feature:hover .cut-perspective{transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8))}
@media(hover:hover) and (pointer:fine){.cut-feature .cut-window-area:hover .cut-perspective,.cut-feature:focus-visible .cut-perspective{transform:translate(-50%,-20px) scale(calc(var(--preview-scale)*.8))}}
@media(prefers-reduced-motion:reduce){.cut-feature .cut-perspective,.cut-feature:hover .cut-perspective,.cut-feature .cut-window-area:hover .cut-perspective,.cut-feature:focus-visible .cut-perspective{transform:translate(-50%,20px) scale(calc(var(--preview-scale)*.8));transition:none}}
.cut-ui-crop{position:relative;height:1320px;box-shadow:none;border:0;border-radius:29px 29px 0 0;background-color:#202023;background-image:url('/assets/demicut-preview-reference.png');background-position:-23.23px -20.06px;background-size:665.12px auto;background-repeat:no-repeat;pointer-events:none}
.cut-preview-text{position:absolute;top:-20.06px;left:-23.23px;display:block;width:665.12px;height:auto;max-width:none;overflow:visible;font-family:LanaPixel,sans-serif;font-weight:400;font-style:normal;letter-spacing:0;line-height:1;font-synthesis:none}
.cut-feature .cut-caption{position:relative;z-index:2;display:flex;justify-content:center;gap:.45em;flex-wrap:wrap;margin:16px 0 0;color:white;font-size:clamp(24px,2.4vw,34px);line-height:1.35;letter-spacing:-.045em}
.cut-caption>span{white-space:nowrap}.cut-caption .caption-grow{color:#fd8c0b}.cut-caption .caption-shrink{color:#258bff}
.work-section>.section-heading{align-items:center;justify-content:center;position:relative;padding-bottom:24px}
.work-section .app-tagline{display:flex;justify-content:center;align-items:flex-end;min-height:1.6em;gap:.4em;flex-wrap:wrap;margin:0;font-size:clamp(36px,3.84vw,52.8px);line-height:1.15;letter-spacing:-.055em;color:white}
.app-tagline>span{display:inline-flex;align-items:flex-end;gap:.17em;white-space:nowrap}.app-tagline .caption-grow{color:#fd8c0b}.app-tagline .caption-shrink{color:#258bff}
.app-tagline .caption-word{display:inline-block;position:relative;font-size:1em;line-height:1.15;transition:font-size .4s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.app-tagline:hover .caption-word{font-size:1.04em}.app-tagline .caption-word:hover{font-size:1.16em}.cut-small-brand:hover{transform:scale(1.08)}}
.cut-feature:focus-visible .cut-small-brand{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.app-tagline .caption-word,.app-tagline:hover .caption-word,.app-tagline .caption-word:hover{font-size:1em;transition:none}.cut-small-brand,.cut-small-brand:hover,.cut-feature:focus-visible .cut-small-brand{transform:none;transition:none}}
.work-section #portfolioLink{position:absolute;right:0;bottom:28px}
@media(min-width:1600px){.cut-feature::before{left:calc((100% - min(1260px,100% - 80px))/2 - 54.5px)}}
@media(max-width:1000px){.cut-feature::before{left:-10.3px;width:236.6px}}
@media(max-width:760px){.cut-feature::before{left:50%;bottom:auto;transform:translateX(calc(var(--bridge-x) - 50%));width:196px;height:262px}.work-section>.section-heading{padding-bottom:15px}.work-section .app-tagline{font-size:clamp(30px,6vw,40.8px)}.work-section #portfolioLink{position:static}}
@media(min-width:1600px){.cut-feature-content.wrap{grid-template-columns:190px minmax(0,1fr);max-width:1260px;width:calc(100% - 80px);min-height:var(--studio-height)}.cut-window-area{height:520px}.cut-perspective{--preview-scale:1.36}}
@media(max-width:1000px){.cut-feature-content.wrap{grid-template-columns:160px minmax(0,1fr);gap:22px;min-height:var(--studio-height)}.cut-feature{min-height:var(--studio-height)}.cut-small-brand{font-size:26px}.cut-window-area{height:520px}.cut-perspective{--preview-scale:.93}.cut-caption{max-width:100%}}
@media(max-width:760px){.work-section{padding-top:20px;padding-bottom:35px}.cut-feature-content.wrap{min-height:var(--studio-height);display:flex;flex-direction:column;gap:12px;padding-top:38px;padding-bottom:25px}.cut-feature{min-height:0}.cut-brand-column{width:164px;padding:22px 16px;margin-bottom:0;gap:16px}.cut-small-brand img{width:72px;height:72px}.cut-small-brand{font-size:25px;gap:14px}.cut-window-area{height:369px}.cut-perspective{--preview-scale:.72;left:calc(50% + 12px)}.cut-feature .cut-caption{font-size:27px;margin-top:12px;column-gap:.45em}.cut-visit{font-size:11px}}
@media(max-width:460px){.cut-window-area{height:279px}.cut-perspective{--preview-scale:.54}.cut-feature .cut-caption{font-size:24px}}
body.quick-mode .cut-feature-content.wrap{min-height:190px;display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px 0}
body.quick-mode .cut-brand-column{width:100%;padding:14px 10px;margin:0;gap:12px}body.quick-mode .cut-small-brand img{width:45px;height:45px}body.quick-mode .cut-small-brand{font-size:20px;gap:10px}body.quick-mode .cut-window-area{display:none}body.quick-mode .cut-feature .cut-caption{margin:0;font-size:22px}body.quick-mode .cut-feature{min-height:190px}body.quick-mode .work-section{padding-bottom:10px}
body.quick-mode .cut-studio-track{animation:none;transform:translate3d(-12%,-50%,0);will-change:auto}

@media(prefers-reduced-motion:reduce){.cut-feature::before,.cut-brand-column{transition:none}}