@property --wi-read{syntax:"<length>";inherits:true;initial-value:0}.wi{--wi-bg:#050506;--wi-ink:#e7e6e2;--wi-steel:#9a9fa3;--wi-bright:#f4f3ef;--wi-sky:#87cefa;--wi-line:#ffffff1f;--wi-pad:clamp(22px,4.2vw,80px);--wi-ease:cubic-bezier(.65,0,.25,1);background:var(--wi-bg);min-height:100svh;color:var(--wi-ink);position:relative}.wi-cap{letter-spacing:.08em;text-transform:uppercase;font:400 10px/1.6 IBM Plex Mono,monospace}.wi-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wi a{color:inherit;text-decoration:none}.wi-stage{z-index:0;pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden}.wi-frame{position:absolute;inset:0 0 0 26%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 34%);mask-image:linear-gradient(90deg,#0000 0,#000 34%);container-type:size}.wi-frame:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#050506a6 0,#05050600 20% 54%,#050506d9 100%);position:absolute;inset:0}.wi-layer{z-index:1;visibility:hidden;background:var(--wi-bg);position:absolute;inset:0;overflow:hidden}.wi-layer[data-state=prev]{visibility:visible;z-index:1}.wi-layer[data-state=rest]{visibility:visible;z-index:2}.wi-layer[data-state=on]{visibility:visible;z-index:2;animation:wi-wipe .95s var(--wi-ease) both}@keyframes wi-wipe{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.wi-scan{z-index:3;pointer-events:none;animation:wi-scan .95s var(--wi-ease) both;position:absolute;inset:0}.wi-scan:before{content:"";background:#b9e4ff;height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 16px 3px #87cefa99}@keyframes wi-scan{0%{opacity:1;transform:translateY(0)}88%{opacity:1}to{opacity:0;transform:translateY(100%)}}.wi-gl{z-index:3;opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wi[data-gl=on] .wi-gl{opacity:1}.wi[data-gl=on] .wi-scan{visibility:hidden}.wi-media{object-fit:cover;background:var(--wi-bg);width:100%;height:100%;display:block;position:absolute;inset:0}.wi-layer[data-kind=still]:is([data-state=on],[data-state=rest],[data-state=prev]) .wi-media{animation:14s cubic-bezier(.16,.6,.3,1) both wi-settle}@keyframes wi-settle{0%{transform:scale(1.08)}to{transform:scale(1)}}.wi-world{object-fit:cover;filter:blur(14px)brightness(.6)saturate(1.15);width:116%;height:116%;display:block;position:absolute;inset:-8%}.wi-device{aspect-ratio:360/780;box-sizing:border-box;background:#0b0b0c;border-radius:6.4cqh;height:72cqh;padding:1.05cqh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 .32cqh #2b2b2e,0 5cqh 10cqh #000000b3}.wi-screen{object-fit:cover;background:#000;border-radius:5.4cqh;width:100%;height:100%;display:block}.wi-layer[data-kind=site][data-state=on] .wi-device{animation:1.1s cubic-bezier(.16,1,.3,1) .12s both wi-rise}@keyframes wi-rise{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.wi-detail{right:var(--wi-pad);z-index:5;pointer-events:auto;text-shadow:0 0 18px #000000b3,0 0 4px #00000080;width:min(360px,27vw);animation:.8s cubic-bezier(.16,1,.3,1) .18s both wi-detail;position:absolute;bottom:42px}@keyframes wi-detail{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.wi-detail-meta{color:var(--wi-steel);flex-wrap:wrap;gap:2px 14px;margin:0 0 10px;display:flex}.wi-detail-meta span:first-child{color:var(--wi-sky)}.wi-detail-text{color:#dcdcd8;margin:0 0 14px;font:400 15px/1.5 DM Sans,Arial,sans-serif}.wi-detail-go{color:var(--wi-bright);gap:8px;transition:color .3s;display:inline-flex}.wi-detail-go span{font:13px DM Sans,Arial,sans-serif;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.wi-detail-go:hover{color:var(--wi-sky)}.wi-detail-go:hover span{transform:translate(5px)}.wi-stage-go{display:none}.wi-list{z-index:2;box-sizing:border-box;width:min(100%,1000px);min-height:100svh;padding:104px var(--wi-pad) 56px;text-shadow:0 0 22px #00000080;flex-direction:column;justify-content:center;gap:clamp(20px,3.4svh,40px);margin-top:-100svh;display:flex;position:relative}.wi-label{color:var(--wi-steel);gap:14px;margin:0;font-weight:400;display:flex}.wi-label span{color:#9a9fa3c4}.wi-anchor{margin-top:-24px;position:absolute}.wi-group-head{color:var(--wi-steel);gap:14px;margin:0 0 8px;font-weight:400;display:flex}.wi-group-head span+span{color:#9a9fa3c4}.wi-rows{margin:0;padding:0;list-style:none}.wi-row{-webkit-tap-highlight-color:transparent;border-radius:2px;align-items:baseline;padding:.09em 0;display:flex}.wi-num{letter-spacing:.08em;color:#9a9fa3c4;flex:none;width:46px;font:400 10px/1 IBM Plex Mono,monospace;transition:color .35s}.wi-title{letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;color:var(--wi-bright);opacity:.4;font:600 clamp(28px,3.3vw,60px)/1.02 DM Sans,Arial,sans-serif;transition:opacity .35s,transform .6s cubic-bezier(.2,.7,.2,1)}.wi-kind{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--wi-steel);opacity:0;margin-left:18px;font:400 10px/1.6 IBM Plex Mono,monospace;transition:opacity .35s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translate(-8px)}.wi-go{color:var(--wi-sky);opacity:0;margin-left:10px;font:14px/1 DM Sans,Arial,sans-serif;transition:opacity .35s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translate(-6px)}[data-on=true]>.wi-row .wi-num{color:var(--wi-sky)}[data-on=true]>.wi-row .wi-title{opacity:1;transform:translate(.1em)}[data-on=true]>.wi-row :is(.wi-kind,.wi-go){opacity:1;transform:none}@media (hover:hover) and (min-width:701px){.wi-row:hover .wi-title{opacity:1}}.wi-row:focus-visible{outline:1px solid var(--wi-sky);outline-offset:6px}html[data-work-index=open]{overflow:hidden}.wi-dialog{box-sizing:border-box;color:#e7e6e2;overscroll-behavior:contain;background:#050506;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.wi-dialog::backdrop{background:0 0}.wi-dialog[open]{animation:wi-wipe .75s var(--wi-ease,cubic-bezier(.65,0,.25,1)) both}.wi-dialog[open]:before{content:"";z-index:20;pointer-events:none;background:#b9e4ff;height:2px;animation:.75s cubic-bezier(.65,0,.25,1) both wi-dialog-scan;position:fixed;top:-1px;left:0;right:0;box-shadow:0 0 16px 3px #87cefa99}@keyframes wi-dialog-scan{0%{opacity:1;transform:translateY(0)}88%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.wi-dialog-bar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:24px clamp(22px,4.2vw,80px);display:flex;position:fixed;top:0;left:0;right:0}.wi-dialog-bar>*{pointer-events:auto}.wi-dialog-title{letter-spacing:.08em;text-transform:uppercase;color:#9a9fa3;margin:0;font:400 10px/1.6 IBM Plex Mono,monospace}.wi-dialog-title span{color:#9a9fa3c4;margin-left:14px}.wi-close{color:#f4f3ef;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#05050699;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;min-height:40px;padding:0 16px;font:400 10px/1 IBM Plex Mono,monospace;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.wi-close svg{stroke:currentColor;stroke-width:1.4px;width:10px;height:10px}.wi-close:hover,.wi-close:focus-visible{color:#050506;background:#f4f3ef;border-color:#f4f3ef}.wi-close:focus-visible{outline-offset:3px;outline:1px solid #87cefa}.wi-menu .wi-title{font-size:clamp(26px,2.85vw,52px)}.wi-menu .wi-list{padding-top:92px}@media (max-width:700px){.wi{--wi-read:clamp(96px, 13svh, 130px);min-height:0}.wi-home{padding-top:38px}.wi-home .wi-label{top:0;left:var(--wi-pad);right:var(--wi-pad);margin:0;position:absolute}.wi-stage{z-index:3;background:var(--wi-bg);height:min(74vw,48svh);overflow:visible}.wi-stage:after{content:"";pointer-events:none;background:linear-gradient(180deg, var(--wi-bg), transparent);height:64px;position:absolute;top:100%;left:0;right:0}.wi-stage-go{z-index:6;pointer-events:auto;-webkit-tap-highlight-color:transparent;display:block;position:absolute;inset:0}.wi-frame{inset:0;-webkit-mask-image:none;mask-image:none}.wi-frame:after{background:linear-gradient(#050506b3 0,#05050600 30% 46%,#050506f2 100%)}.wi-device{height:84cqh;top:46%}.wi-detail{left:var(--wi-pad);right:var(--wi-pad);width:auto;bottom:12px}.wi-detail-meta{margin-bottom:5px}.wi-detail-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.42;display:-webkit-box;overflow:hidden}.wi-detail-go{display:none}.wi-list{width:auto;min-height:0;padding:calc(var(--wi-read) - 40px) var(--wi-pad) 40px;margin-top:0;display:block;position:static}.wi-menu{padding-top:64px}.wi-menu .wi-stage{top:64px}.wi-menu .wi-list{padding-top:calc(var(--wi-read) - 40px);padding-bottom:max(40px, calc(100svh - 64px - min(74vw, 48svh) - var(--wi-read) - 34px))}.wi-anchor{scroll-margin-top:calc(min(74vw, 48svh) + var(--wi-read) - 70px)}.wi-group+.wi-group{margin-top:30px}.wi-row{flex-wrap:wrap;padding:9px 0 10px}.wi-row:after{content:"";flex-basis:100%;order:1;height:0}.wi-num{width:34px}.wi-title,.wi-menu .wi-title{white-space:normal;font-size:clamp(25px,7.6vw,38px)}.wi-kind{opacity:.6;order:2;margin:5px 0 0 34px;font-size:9px;transform:none}.wi-go{order:3;margin-left:10px;font-size:13px}.wi-dialog-bar{box-sizing:border-box;background:#050506;height:64px;padding:0 22px}}.wi[data-still] .wi-layer,.wi[data-still] .wi-media,.wi[data-still] .wi-device,.wi[data-still] .wi-detail{animation:none!important}.wi[data-still] :is(.wi-title,.wi-kind,.wi-go,.wi-num){transition:none}@media (prefers-reduced-motion:reduce){.wi-dialog[open],.wi-dialog[open]:before{animation:none}.wi-dialog[open]:before{display:none}}html[data-motion=still] .wi-dialog[open]{animation:none}html[data-motion=still] .wi-dialog[open]:before{display:none}
