.work_section{pointer-events:auto;color:var(--cream);width:100%;position:relative}.work-sticky{background-image:linear-gradient(#000,#222 44%);justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:0;padding:1.5vw 1.39vw calc(1.5vw + 4.5rem);display:flex;position:relative;overflow:hidden}.work-container{pointer-events:auto;width:100%}.work-top-layout{grid-column-gap:1.11vw;grid-row-gap:1.11vw;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-items:start;margin-bottom:4.17vw;display:grid}.work_section .column{flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.work-top-right{flex-direction:column;justify-content:flex-end;align-self:end;align-items:flex-end;gap:clamp(1.25rem,2vw,2rem);display:flex}.work-top-text{max-width:clamp(18rem,26.6vw,30rem);font-family:var(--font-body);color:var(--cream);font-size:clamp(.75rem,1.18vw,1.5rem);line-height:1.6}.work-nav-btn{background-color:var(--accent);border:1px solid var(--accent);width:clamp(44px,3.4vw,3.75rem);height:clamp(44px,3.4vw,3.75rem);color:var(--ink);transition:background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s var(--ease-nm), opacity .3s ease;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.work-nav-btn svg{width:42%;height:42%}.work-nav-btn:hover:not(:disabled){background-color:var(--cream);border-color:var(--cream);color:var(--ink);transform:translateY(-2px)}.work-nav-btn:active:not(:disabled){transform:translateY(0)}.work-nav-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.work-nav-btn:disabled{color:#ffffff59;cursor:not-allowed;background-color:#0000;border-color:#ffffff40}.work_section .label{text-transform:uppercase;white-space:nowrap;font-family:var(--font-body-md);color:var(--cream);border:.14vw solid #ffffff4d;border-radius:4.86vw;margin-bottom:.83vw;padding:.21vw .83vw;font-size:clamp(.625rem,.97vw,1.5rem);font-weight:700;line-height:1;overflow:hidden}.work-label-wrap{grid-column-gap:.28vw;grid-row-gap:.28vw;justify-content:flex-start;align-items:center;gap:.28vw;display:flex}.work_section .h2-style-white{color:var(--cream);font-family:var(--font-display);font-size:clamp(2.24rem,4.58vw,5rem);font-weight:700;line-height:1}.work_section .max-width-700{max-width:clamp(300px,32vw,800px)}.work-label{font-family:var(--font-body-md);color:var(--cream);white-space:nowrap;background-color:#000;border:1px solid #ffffff4d;border-radius:5.14vw;padding:.345vw .69vw;font-size:clamp(.625rem,.97vw,1.5rem);line-height:1}@media (max-width:767px){.work-label{padding:clamp(.27rem,1.33vw,.64rem) clamp(.53rem,2.67vw,1.28rem);font-size:clamp(.7rem,3vw,1rem)}}.work-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,2vw,2.5rem);width:100%;display:flex}@media (min-width:1024px){.work-stage{-moz-column-gap:clamp(1rem, 2.2vw, 2.75rem);grid-template-columns:auto minmax(11rem,1fr) auto minmax(11rem,1fr) auto;align-items:center;column-gap:clamp(1rem,2.2vw,2.75rem);display:grid}}.work-stage-viewport{flex:1 1 0;justify-content:center;min-width:0;display:flex;position:relative}.work-stage-viewport:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:1.5rem}.device-frame{width:min(clamp(15rem,27vw,24rem),74vw);max-height:68vh;transition:width .45s var(--ease-nm);flex:none}.device-frame[data-kind=mobile]{width:min(clamp(9rem,15vw,14rem),52vw)}.device-body{transition:border-radius .45s var(--ease-nm);background:linear-gradient(160deg,#2b2b2b 0%,#101010 42%,#262626 100%);border-radius:clamp(1rem,1.9vw,2rem);padding:clamp(.5rem,.9vw,.95rem) clamp(.5rem,.9vw,.95rem) clamp(.75rem,1.35vw,1.45rem);position:relative;box-shadow:0 0 0 1px #ffffff24,0 0 0 2px #000000d9,0 clamp(1rem,2.2vw,2.2rem) clamp(2rem,4.5vw,4rem) #0000008c}.device-camera{background:#0b0b0b;border-radius:50%;width:clamp(4px,.42vw,7px);height:clamp(4px,.42vw,7px);position:absolute;top:clamp(.24rem,.42vw,.45rem);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff29}.device-frame[data-kind=mobile] .device-body{border-radius:clamp(1.1rem,2.2vw,2.4rem);padding:clamp(.3rem,.5vw,.55rem)}.device-notch{z-index:2;background:#0a0a0a;border-radius:0 0 clamp(.45rem,.7vw,.75rem) clamp(.45rem,.7vw,.75rem);width:34%;height:clamp(.7rem,1.15vw,1.2rem);position:absolute;top:clamp(.3rem,.5vw,.55rem);left:50%;transform:translate(-50%)}.device-indicator{z-index:2;background:#ffffffbf;border-radius:999px;width:30%;height:3px;position:absolute;bottom:clamp(.5rem,.8vw,.85rem);left:50%;transform:translate(-50%)}.device-screen{aspect-ratio:778/1100;isolation:isolate;width:100%;transition:aspect-ratio .45s var(--ease-nm), border-radius .45s var(--ease-nm);background:#000;border-radius:clamp(.4rem,.75vw,.8rem);position:relative;overflow:hidden}.device-frame[data-kind=mobile] .device-screen{aspect-ratio:9/16;border-radius:clamp(.85rem,1.7vw,1.9rem)}.work-slide{width:100%;height:100%;position:relative}.work-slide-empty{background:linear-gradient(160deg,#1b1b1b,#2a2a2a)}.work-slide-media,.work-slide-media img,.work-slide-media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-slide-media video{opacity:0;transition:opacity .45s var(--ease-nm)}.work-slide-media video[data-state=active]{opacity:1}.work-info{color:var(--cream);text-align:center;min-width:0;animation:work-info-in .55s var(--ease-nm) both;flex:100%}.work-info--left{order:3}.work-info--right{order:4}@media (min-width:1024px){.work-info{flex:none}.work-info--left{text-align:right;flex-direction:column;order:0;align-items:flex-end;animation-name:work-info-in-left;display:flex}.work-info--right{text-align:left;order:0;animation-name:work-info-in-right}}@keyframes work-info-in{0%{opacity:0;transform:translateY(10px)}}@keyframes work-info-in-left{0%{opacity:0;transform:translate(-14px)}}@keyframes work-info-in-right{0%{opacity:0;transform:translate(14px)}}.work-stage-total{opacity:.6}.work-stage-index{font-family:var(--font-body-md);letter-spacing:.08em;opacity:.55;font-size:clamp(.7rem,.9vw,1rem)}.work-stage-title{font-family:var(--font-display);margin-top:.25em;font-size:clamp(1.35rem,2.2vw,2.5rem);font-weight:500;line-height:1.05}.work-stage-desc{opacity:.8;max-width:46ch;margin:0 auto;font-size:clamp(.8rem,1vw,1.05rem);line-height:1.55}.work-stage-labels{flex-wrap:wrap;justify-content:center;gap:clamp(.28rem,.5vw,.6rem);margin-top:clamp(.7rem,1.1vw,1.1rem);display:flex}.work-stage-link{background:var(--accent);color:#000;font-family:var(--font-display);transition:transform .3s var(--ease-nm), background-color .3s ease;border-radius:5.14vw;align-items:center;gap:.5em;margin-top:clamp(.9rem,1.4vw,1.5rem);padding:clamp(.45rem,.65vw,.8rem) clamp(.95rem,1.3vw,1.6rem);font-size:clamp(.75rem,1vw,1.1rem);font-weight:500;display:inline-flex}.work-stage-link:hover{background:var(--cream);transform:translateY(-2px)}.work-stage-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.work-stage-link svg{width:1em;height:1em}.work-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:clamp(1.1rem,1.8vw,2rem);display:flex}.work-dot{width:8px;height:8px;transition:width .3s var(--ease-nm), background-color .3s ease;background:#ffffff47;border-radius:999px}.work-dot:hover{background:#ffffff8c}.work-dot[aria-current=true]{background:var(--accent);width:22px}.work-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (pointer:coarse){.work-dot{position:relative}.work-dot:after{content:"";position:absolute;inset:-12px}}@media (max-width:767px){.work-stage{gap:.5rem}.device-frame{width:min(62vw,17rem)}.work-stage-desc{font-size:clamp(.8rem,3.5vw,1rem)}}@media (prefers-reduced-motion:reduce){.work-slide,.work-stage-link,.work-dot,.work-slide-media video{transition:none}}.work-head{text-align:center;flex-direction:column;align-items:center;gap:clamp(1.5rem,2.6vw,2.6rem);margin-bottom:clamp(1rem,1.8vw,1.75rem);padding-top:0;display:flex}.work-head .h2-style-white{max-width:18ch}.work-switch{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;gap:.25rem;padding:.3rem;display:inline-flex}.work-switch__btn{min-height:44px;font-family:var(--font-body-md);letter-spacing:.02em;color:#ffffff9e;transition:color .3s ease, background-color .3s ease, transform .3s var(--ease-nm);border-radius:999px;align-items:center;gap:.5em;padding:.5rem clamp(.9rem,1.5vw,1.5rem);font-size:clamp(.75rem,.95vw,1.05rem);font-weight:700;display:inline-flex}.work-switch__inner{z-index:1;align-items:center;gap:.5em;display:inline-flex;position:relative}.work-switch__btn svg{flex:none;width:1.15em;height:1.15em}.work-switch__label{text-align:left;line-height:1.2;display:block}.work-switch__label-line{display:block}.work-switch__btn:hover:not([data-active=true]){color:var(--cream);background:#ffffff14}.work-switch__btn[data-active=true]{background:var(--accent);color:#000}.work-switch__btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:767px){.work-head .h2-style-white{max-width:14ch}.work-switch__btn{padding:.5rem .9rem}}@media (prefers-reduced-motion:reduce){.device-frame,.device-body,.device-screen,.work-switch__btn{transition:none}.work-info,.work-switch__btn[data-hint=true],.work-switch__sweep{animation:none}.work-switch__sweep{opacity:0}}@media (min-width:1024px){.work-info--left .work-stage-title{font-size:clamp(1.6rem,2.6vw,3rem)}.work-info--left .work-stage-link{margin-top:clamp(1rem,1.5vw,1.6rem)}.work-info--right .work-stage-desc{max-width:34ch;margin:0}.work-info--right .work-stage-labels{justify-content:flex-start}}.work-switch__btn[data-hint=true]{animation:2.4s ease-in-out 2 forwards work-tab-pulse;position:relative;overflow:hidden}.work-switch__sweep{border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffff2300 32%,#ffff236b 48%,#ffffdc8c 52%,#ffff236b 56%,#ffff2300 72%,#0000 100%) 0 0/260% 100%;animation:2.4s ease-in-out 2 forwards work-tab-sweep;position:absolute;inset:0}.work-switch__btn[data-hint=true]:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffff2373;position:absolute;inset:0}.work-switch__btn[data-hint=true]:hover,.work-switch__btn[data-hint=true]:focus-visible{color:var(--cream);animation:none}.work-switch__btn[data-hint=true]:hover .work-switch__sweep,.work-switch__btn[data-hint=true]:focus-visible .work-switch__sweep{opacity:0;animation:none}@keyframes work-tab-sweep{0%{background-position:130% 0}55%,to{background-position:-130% 0}}@keyframes work-tab-pulse{0%,to{color:#ffffffb8;box-shadow:0 0 #ffff2300,0 2px 10px #ffff231f}50%{color:#fff;box-shadow:0 0 0 4px #ffff2317,0 4px 22px #ffff2366}}