.work-showcase{position:relative;isolation:isolate;padding:85px var(--gutter) 80px;background:#100d16;color:#f2f0e9;overflow:clip;scroll-margin-top:115px}
.work-showcase:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 42%,#43205a55,transparent 65%),linear-gradient(90deg,transparent calc(50% - .5px),#aa8fc50a 50%,transparent calc(50% + .5px))}
.work-showcase .work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}
.work-showcase .work-kicker{font:10px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.14em;color:#c3ff37;margin:0 0 17px;text-transform:uppercase}
.work-showcase .work-heading h2{font:700 clamp(60px,7.7vw,118px)/.9 AH,Impact,sans-serif;letter-spacing:-.015em;margin:0}
.work-showcase .work-slogan{position:relative;z-index:2;font:400 clamp(33px,3.8vw,64px)/1 Terror,cursive;color:#c3ff37;text-transform:uppercase;text-shadow:0 0 10px #29133580;transform:rotate(-5deg);margin:-.16em 0 0 7%;max-width:90%}
.work-showcase .work-intro{font:12px/1.8 Montserrat,Arial,sans-serif;max-width:280px;margin:0 0 3px;color:#c6bbd1}
.work-showcase .work-brand-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;padding:0;margin:0 0 24px;border-top:1px solid #aa8fc545;border-bottom:1px solid #aa8fc545;align-items:stretch;position:relative;z-index:3}
.work-showcase .work-brand-link{position:relative;display:flex;gap:9px;align-items:center;justify-content:center;min-height:63px;padding:12px 8px;font:500 21px/1.1 AH,Impact,sans-serif;letter-spacing:.02em;text-decoration:none;text-align:center;color:#bdb2c9;transition:color .2s,background .2s;min-width:0}
.work-showcase .work-brand-link:after{content:'';position:absolute;left:15%;right:15%;bottom:-1px;height:2px;background:#c3ff37;transform:scaleX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.work-showcase .work-brand-link:hover,.work-showcase .work-brand-link[aria-current=true]{color:#c3ff37;background:#c3ff3707}
.work-showcase .work-brand-link[aria-current=true]:after{transform:scaleX(1)}
.work-showcase .work-brand-link>span:first-child{font:8px/1.1 Montserrat,Arial,sans-serif;opacity:.5;align-self:flex-start;margin-top:2px}
.work-showcase .work-stage{position:relative;height:clamp(330px,39vw,580px);min-width:0;perspective:1200px;background:#110e18;isolation:isolate;touch-action:pan-y;--work-x:50%;--work-y:50%}
.work-showcase .work-ambient{position:absolute;inset:-30px;z-index:-2;background:var(--work-art,none) center/cover;filter:blur(55px) saturate(.75);opacity:.17;transform:scale(1.08);pointer-events:none}
.work-showcase .work-stage:before{position:absolute;inset:0;content:'';z-index:3;pointer-events:none;background:linear-gradient(#c3ff37,#c3ff37) left top/30px 1px no-repeat,linear-gradient(#c3ff37,#c3ff37) left top/1px 30px no-repeat,linear-gradient(#c3ff37,#c3ff37) right bottom/30px 1px no-repeat,linear-gradient(#c3ff37,#c3ff37) right bottom/1px 30px no-repeat;opacity:.65}
.work-showcase .work-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--work-x) var(--work-y),#c3ff370a,transparent 45%);z-index:2}
.work-showcase .work-screen{display:block;position:absolute;inset:0;border:0;background:none;padding:14px 36px;width:100%;height:100%;color:inherit;cursor:pointer;overflow:hidden;transform:rotateX(var(--work-tilt-x,0deg)) rotateY(var(--work-tilt-y,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;touch-action:pan-y}
.work-showcase .work-poster{position:absolute;inset:14px 36px;width:calc(100% - 72px);height:calc(100% - 28px);object-fit:contain;filter:none;user-select:none;-webkit-user-drag:none;transition:opacity .25s}
.work-showcase .work-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .2s}
.work-showcase .work-stage.is-gpu-ready .work-fx{opacity:1}
.work-showcase .work-stage.is-gpu-ready .work-poster{opacity:0}
.work-showcase .work-inspect-cue{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:98px;height:98px;border:1px solid #c3ff3790;border-radius:50%;background:#100d16c9;backdrop-filter:blur(8px);font:500 19px/1 AH,Impact,sans-serif;color:#c3ff37;transform:translate(-50%,-50%) scale(.86);opacity:0;transition:transform .35s,opacity .35s;pointer-events:none;text-align:center}
.work-showcase .work-screen:hover .work-inspect-cue,.work-showcase .work-screen:focus-visible .work-inspect-cue{opacity:1;transform:translate(-50%,-50%) scale(1)}
.work-showcase .work-screen:focus-visible{outline:2px solid #c3ff37;outline-offset:-4px}
.work-showcase .work-arrow{position:absolute;z-index:4;top:calc(50% - 27px);width:54px;height:54px;display:grid;place-items:center;background:#100d16bd;backdrop-filter:blur(8px);border:1px solid #aa8fc54d;color:#f2f0e9;font:28px/1 Arial,sans-serif;transition:background .2s,color .2s}
.work-showcase .work-prev{left:12px}.work-showcase .work-next{right:12px}
.work-showcase .work-arrow:hover{color:#100d16;background:#c3ff37;border-color:#c3ff37}
.work-showcase .work-stage-label{position:absolute;z-index:4;left:16px;top:12px;font:8px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#cfc5d8;pointer-events:none;text-shadow:0 1px 5px #000}
.work-showcase .work-stage-count{position:absolute;right:16px;bottom:12px;font:9px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#c3ff37;pointer-events:none;z-index:4}
.work-showcase .work-caption{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.25fr) auto;align-items:center;gap:25px;margin-top:25px;padding-bottom:25px;border-bottom:1px solid #aa8fc538}
.work-showcase .work-name{font:700 clamp(38px,4.2vw,70px)/.95 AH,Impact,sans-serif;letter-spacing:0;margin:0;text-transform:uppercase}
.work-showcase .work-role{font:11px/1.7 Montserrat,Arial,sans-serif;color:#c3ff37;margin:0 0 6px}
.work-showcase .work-description{font:12px/1.7 Montserrat,Arial,sans-serif;color:#c6bbd1;margin:0;max-width:480px}
.work-showcase .work-open{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 0 13px 18px;background:none;color:#f2f0e9;border:0;font:500 24px/1.1 AH,Impact,sans-serif;white-space:nowrap}
.work-showcase .work-open>span{font:26px Arial,sans-serif;color:#c3ff37;transition:transform .2s}.work-showcase .work-open:hover>span{transform:translate(3px,-3px)}
.work-showcase .work-mobile-parts{display:none}
.work-showcase[data-detail-view=false] .work-open,.work-showcase[data-detail-view=false] .work-mobile-parts,.work-showcase[data-detail-view=false] .work-inspect-cue{display:none!important}
.work-showcase[data-detail-view=false] .work-screen{cursor:default}
.work-showcase[data-detail-view=false] .work-caption{grid-template-columns:minmax(180px,.85fr) minmax(0,1.25fr)}
@media(max-width:900px){.work-showcase[data-detail-view=false] .work-caption{grid-template-columns:1fr}}
.work-showcase .work-status{font:11px/1.6 Montserrat,Arial,sans-serif;min-height:0;color:#c6bbd1;margin:8px 0 0}.work-showcase .work-status:empty{display:none}
.work-showcase .work-stage.is-switching:before{animation:work-signal .7s ease-out}
@keyframes work-signal{0%{opacity:.2}40%{opacity:1}100%{opacity:.65}}
.work-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:#100d16;color:#f2f0e9;overflow:auto;overscroll-behavior:contain}
.work-dialog::backdrop{background:#100d16}
.work-view-open{overflow:hidden}
.work-word{white-space:nowrap}.work-umlaut{display:inline-block;position:relative}.work-umlaut:before{content:'';position:absolute;top:-.06em;left:18%;width:.1em;height:.1em;background:currentColor;box-shadow:.17em 0 currentColor}
.work-showcase .work-brand-nav{overflow-y:hidden;background:#100d16ed}.work-showcase .work-brand-nav::-webkit-scrollbar{height:3px}.work-showcase .work-brand-nav::-webkit-scrollbar-thumb{background:#5a297b}
.work-dialog .work-dialog-bar{position:sticky;top:0;z-index:3;padding:22px var(--gutter,5vw);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#100d16ed;backdrop-filter:blur(18px);border-bottom:1px solid #aa8fc54a}
.work-dialog .work-dialog-brand{font:700 clamp(32px,4vw,58px)/1 AH,Impact,sans-serif;margin:0;text-transform:uppercase}
.work-dialog .work-dialog-close{display:flex;gap:18px;align-items:center;background:none;border:0;padding:10px 0;color:#f2f0e9;font:500 32px/1 AH,Impact,sans-serif;min-height:44px}.work-dialog .work-dialog-close span{color:#c3ff37;font:34px Arial,sans-serif}
.work-dialog .work-dialog-info{padding:20px var(--gutter,5vw) 12px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;font:12px/1.7 Montserrat,Arial,sans-serif;color:#c6bbd1}.work-dialog .work-dialog-info p{margin:0;max-width:780px}
.work-dialog .work-detail-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 var(--gutter,5vw) 20px}
.work-dialog .work-detail-tabs button{font:500 20px/1.2 AH,Impact,sans-serif;color:#f2f0e9;background:#1c1227;border:1px solid #aa8fc54a;min-height:44px;padding:10px 16px}.work-dialog .work-detail-tabs button[aria-pressed=true]{background:#c3ff37;color:#100d16;border-color:#c3ff37}
.work-dialog .work-image-viewport{position:relative;margin:0 var(--gutter,5vw);height:calc(100svh - 270px);min-height:250px;overflow:auto;background:#0b0910;display:grid;place-items:unsafe center;overscroll-behavior:contain;scrollbar-color:#5a297b #100d16;touch-action:pan-x pan-y pinch-zoom}
.work-dialog .work-detail-image{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none;flex:none}
.work-dialog .work-image-viewport.is-zoomed{display:block;cursor:grab}.work-dialog .work-image-viewport.is-zoomed:active{cursor:grabbing}
.work-dialog .work-detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px var(--gutter,5vw) 30px}
.work-dialog .work-zoom-controls{display:flex;gap:8px;align-items:center;font:11px Montserrat,Arial,sans-serif}.work-dialog .work-zoom-controls button{height:44px;min-width:44px;background:transparent;color:#f2f0e9;border:1px solid #aa8fc575;font:22px Arial,sans-serif}.work-dialog .work-zoom-controls button:disabled{opacity:.35;cursor:default}
.work-dialog .work-detail-projects{display:flex;gap:12px}.work-dialog .work-detail-projects button{min-height:44px;padding:10px 16px;background:transparent;border:1px solid #aa8fc575;color:#f2f0e9;font:500 21px/1 AH,Impact,sans-serif}
.work-dialog :focus-visible,.work-showcase button:focus-visible,.work-showcase a:focus-visible{outline:2px solid #c3ff37;outline-offset:4px}
.work-dialog .work-detail-status{padding:0 var(--gutter,5vw);font:11px/1.6 Montserrat,Arial,sans-serif;min-height:18px;color:#c3ff37}
@media(max-width:900px){.work-showcase{padding-top:65px;padding-bottom:60px}.work-showcase .work-heading{display:block;margin-bottom:28px}.work-showcase .work-heading h2{font-size:clamp(52px,10vw,90px)}.work-showcase .work-slogan{font-size:clamp(32px,5.8vw,51px);margin-left:4%;max-width:94%}.work-showcase .work-intro{font-size:12px;max-width:550px;margin-top:30px}.work-showcase .work-brand-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#5a297b #100d16;overscroll-behavior-x:contain}.work-showcase .work-brand-link{flex:0 0 125px;scroll-snap-align:center;min-height:61px;font-size:23px}.work-showcase .work-stage{height:auto;aspect-ratio:1/1.13}.work-showcase .work-screen{padding:12px 18px}.work-showcase .work-poster{inset:12px 18px;width:calc(100% - 36px);height:calc(100% - 24px)}.work-showcase .work-inspect-cue{display:none}.work-showcase .work-arrow{top:auto;bottom:13px;width:45px;height:45px;font-size:23px}.work-showcase .work-caption{grid-template-columns:1fr auto;gap:16px 12px;margin-top:22px}.work-showcase .work-name{font-size:clamp(36px,8.2vw,60px)}.work-showcase .work-caption-copy{grid-column:1/-1;grid-row:2}.work-showcase .work-open{font-size:20px;padding-left:0;gap:10px}.work-showcase .work-mobile-parts{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.work-showcase .work-mobile-parts button{flex:1;min-height:44px;padding:10px 7px;font:500 18px/1.15 AH,Impact,sans-serif;background:transparent;color:#c6bbd1;border:1px solid #aa8fc54a}.work-showcase .work-mobile-parts button[aria-pressed=true]{background:#c3ff37;color:#100d16;border-color:#c3ff37}.work-showcase .work-stage-count{right:50%;transform:translateX(50%);bottom:26px}.work-dialog .work-dialog-bar{padding:16px 20px;gap:15px}.work-dialog .work-dialog-brand{font-size:34px}.work-dialog .work-dialog-close{font-size:24px;gap:10px}.work-dialog .work-dialog-close span{font-size:28px}.work-dialog .work-dialog-info{display:block;padding:17px 20px 12px;font-size:11px}.work-dialog .work-detail-tabs{padding:0 20px 17px;gap:7px}.work-dialog .work-detail-tabs button{font-size:18px;padding:10px}.work-dialog .work-image-viewport{margin:0 12px;height:calc(100svh - 290px);min-height:240px}.work-dialog .work-detail-bottom{padding:15px 20px 25px;gap:15px}.work-dialog .work-detail-projects{gap:8px}.work-dialog .work-detail-projects button{font-size:19px;padding:10px}.work-dialog .work-detail-status{padding:0 20px}}
@media(max-width:400px){.work-showcase .work-heading h2{font-size:48px}.work-showcase .work-slogan{font-size:29px;max-width:95%}.work-showcase .work-caption{grid-template-columns:1fr}.work-showcase .work-open{justify-self:start;grid-row:3}.work-showcase .work-caption-copy{grid-row:2}.work-dialog .work-dialog-brand{font-size:29px}.work-dialog .work-dialog-close{font-size:21px}.work-dialog .work-detail-tabs button{font-size:16px}.work-dialog .work-detail-projects{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.work-showcase *,.work-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.work-showcase .work-screen{transform:none!important}.work-showcase .work-fx{display:none!important}.work-showcase .work-stage.is-gpu-ready .work-poster{opacity:1}}
@media print{.work-showcase{break-before:page;background:#fff;color:#111}.work-showcase .work-heading h2,.work-showcase .work-name{color:#111}.work-showcase .work-stage{height:320px}.work-showcase .work-poster{opacity:1!important}.work-showcase .work-fx,.work-showcase .work-arrow,.work-showcase .work-open,.work-showcase .work-mobile-parts,.work-showcase .work-inspect-cue,.work-dialog{display:none!important}.work-showcase .work-brand-nav{display:none}.work-showcase .work-intro,.work-showcase .work-role,.work-showcase .work-description{color:#111}}