.works{--edge:#8e5bff8c;background:var(--coal);position:relative}.works__stage{height:100vh;min-height:640px;position:relative;overflow:hidden}.works__fx{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.works__glow{z-index:0;pointer-events:none;position:absolute;inset:0}.works__head{z-index:3;right:var(--gutter);position:absolute;top:max(10vh,104px)}.works__eyebrow{color:#cdb8ff;margin:0 0 10px;font-size:15px;font-weight:800}.works__eyebrow:before{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--ember), var(--violet));width:34px;height:2px;margin-inline-end:12px;display:inline-block}.works__title{margin:0;font-family:Ploni Black,Ploni,sans-serif;font-size:clamp(2.2rem,3.4vw,3.8rem);font-weight:900;line-height:1}.works__frame{z-index:2;aspect-ratio:16/9;will-change:transform;width:min(58vw,1040px);box-shadow:0 0 0 1px var(--edge), 0 30px 80px #0000008c, 0 0 60px -10px var(--edge);border-radius:18px;margin-top:calc(min(58vw,1040px)/-3.55556 + 3vh);position:absolute;top:50%;left:5vw;overflow:hidden}.works__frame video{object-fit:cover;background:#120d1a;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.works__info{z-index:3;right:var(--gutter);width:min(28vw,420px);position:absolute;top:50%;transform:translateY(-33%)}.works__num{color:#0000;-webkit-text-stroke:1.5px #cdb8ff8c;font-family:Ploni Black,Ploni,sans-serif;font-size:clamp(5rem,9vw,9.5rem);font-weight:900;line-height:.85;display:block}.works__name{text-align:right;min-height:2.3em;margin:14px 0 0;font-family:Ploni Black,Ploni,sans-serif;font-size:clamp(1.6rem,2.3vw,2.5rem);font-weight:900;line-height:1.12}.works__name .w{white-space:nowrap;vertical-align:top;padding-bottom:.06em;display:inline-block;overflow:hidden}.works__name .ch{display:inline-block}.works__count{letter-spacing:.12em;color:var(--bone-soft);text-align:right;direction:ltr;margin:10px 0 0;font-size:14px}.works__count b{color:var(--bone)}.works__ticks{gap:2px;margin:26px 0 0;padding:0;list-style:none;display:grid}.works__ticks button{color:#f0ebf399;width:100%;font:inherit;text-align:right;cursor:pointer;transition:color .3s var(--ease-out), transform .3s var(--ease-out);background:0 0;border:0;align-items:baseline;gap:12px;padding:5px 0;font-size:14px;display:flex}.works__ticks button span{letter-spacing:.1em;font-size:11px}.works__ticks li.on button{color:var(--bone);transform:translate(-6px)}.works__ticks li.on button:before{content:"";background:linear-gradient(90deg, var(--ember), var(--violet));align-self:center;width:18px;height:2px}@media (hover:hover){.works__ticks button:hover{color:var(--bone)}}.works__ticks button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.works__yt{color:var(--bone);border:1px solid #f0ebf34d;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:10px 18px;font-size:14px;font-weight:700;transition:border-color .25s,background-color .25s;display:inline-flex}.works__yt[hidden]{display:none}.works__yt i{border-block:5px solid #0000;border-inline-end:8px solid var(--ember);width:0;height:0}@media (hover:hover){.works__yt:hover{border-color:var(--ember);background:#ff7a3514}}.works__yt:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.works__frame.has-link{cursor:pointer}.works--windows .works__frame,.works--windows .works__ticks{display:none}.works--windows .works__info{text-align:center;width:min(25vw,380px);left:50%;right:auto}.works--windows .works__name,.works--windows .works__count{text-align:center}.works--windows .works__morelist button{text-align:right}.wins{z-index:2;pointer-events:none;position:absolute;inset:0}.win{aspect-ratio:16/9;cursor:pointer;opacity:0;will-change:transform, opacity;width:min(30vw,560px);box-shadow:0 0 0 1px var(--edge), 0 18px 40px #00000080;background:#120d1a;border:0;border-radius:16px;padding:0;position:absolute;top:52%;left:50%;overflow:hidden}.win video{object-fit:cover;width:100%;height:100%;display:block}video.still{animation:12s ease-in-out infinite alternate works-still}@keyframes works-still{0%{transform:scale(1)}to{transform:scale(1.12)translate(-2%,-1%)}}.reduced video.still{animation:none}.win:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.works__more{color:var(--bone);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin-top:22px;padding:10px 0;font-size:15px;font-weight:700;display:inline-flex}.works__more i{width:22px;height:22px;transition:transform .35s var(--ease-out), border-color .2s;border:1px solid #f0ebf361;border-radius:50%;position:relative}.works__more i:before,.works__more i:after{content:"";background:currentColor;width:9px;height:1.5px;margin:-.75px 0 0 -4.5px;position:absolute;top:50%;left:50%}.works__more i:after{transition:transform .35s var(--ease-out);transform:rotate(90deg)}.works__more[aria-expanded=true] i{border-color:var(--ember);transform:rotate(180deg)}.works__more[aria-expanded=true] i:after{transform:rotate(0)}@media (hover:hover){.works__more:hover i{border-color:var(--ember)}}.works__more:focus-visible,.works__morelist button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.works__morelist{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.works__morelist[hidden]{display:none}.works__morelist button{color:#f0ebf3b3;width:100%;font:inherit;text-align:right;cursor:pointer;transition:border-color .25s, color .25s, transform .25s var(--ease-out);background:#0d0a128c;border:1px solid #f0ebf31f;border-radius:10px;align-items:center;gap:10px;padding:4px;font-size:13px;display:flex}.works__morelist img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:none;width:52px}.works__morelist em{letter-spacing:.1em;opacity:.6;font-size:11px;font-style:normal;display:block}.works__morelist li.on button{border-color:var(--edge,#8e5bff8c);color:var(--bone)}@media (hover:hover){.works__morelist button:hover{color:var(--bone);border-color:#f0ebf34d;transform:translate(-4px)}}.tx-fx{z-index:30;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.reduced .tx-fx{display:none}.works--static .works__stage{height:auto;min-height:0;padding:14vh 0 4vh}.works--static .works__frame,.works--static .works__info,.works--static .works__fx{display:none}.works--static .works__head{padding:0 var(--gutter);position:static}.works__list{padding:0 var(--gutter) 12vh;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin:0;list-style:none;display:grid}.works__list img{aspect-ratio:16/9;object-fit:cover;border-radius:14px;width:100%;display:block}.works__list p{margin:10px 0 0;font-weight:700}.works__list span{color:var(--bone-soft);margin-inline-end:10px;font-size:13px}@media (width<=760px){.works__stage{height:100svh;min-height:0}.works__head{top:max(11svh,84px);right:20px}.works__frame{border-radius:14px;width:auto;margin-top:0;top:30svh;left:20px;right:20px}.works__frame video{border-radius:14px}.works__info{width:auto;top:calc(30svh + 56.25vw - 2.5px);left:20px;right:20px;transform:none}.works__num{font-size:4.4rem}.works__ticks{display:none}.works--windows .works__info{width:auto;inset:auto 20px 6svh}.win{width:calc(100vw - 40px);top:36%}.works__more{margin-top:10px}.works__morelist{grid-template-columns:1fr 1fr}}.works__open{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}