@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{color:#eae9e5;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--bg:#0a0b0d;--paper:#eae9e5;--muted:#82837f;--line:#292a2b;--lime:#c6f269;--mono:"DM Mono",monospace;background:#0a0b0d;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--paper);margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:#0a0b0d}.nav{z-index:10;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;width:100%;height:92px;padding:0 max(50vw - 800px,6.2vw);display:flex;position:absolute;top:0;left:0}.wordmark{letter-spacing:-1.8px;align-items:center;font-size:25px;font-weight:700;display:flex}.dot{color:var(--lime)}.wordmark small{font:9px var(--mono);letter-spacing:1px;color:#a2a39d;border-left:1px solid #575852;margin-left:12px;padding-left:12px}.nav nav{color:#c5c5c0;gap:39px;font-size:12px;display:flex}.nav nav a,.socials a,.nav-contact{transition:color .2s}.nav nav a:hover,.socials a:hover,.nav-contact:hover{color:var(--lime)}.nav-contact{border:1px solid #686965;border-radius:30px;align-items:center;gap:12px;padding:11px 16px;font-size:12px;display:flex}.hero{background:radial-gradient(at 70% 45%,#232427 0%,#121315 28%,#0a0b0d 65%);flex-direction:column;justify-content:center;height:min(960px,100vh);min-height:750px;padding:92px max(50vw - 800px,6.2vw) 0;display:flex;position:relative;overflow:hidden}.hero-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.grid-glow{opacity:.2;background-image:linear-gradient(#9993 1px,#0000 1px),linear-gradient(90deg,#9993 1px,#0000 1px);background-size:72px 72px;width:64%;height:100%;position:absolute;top:0;right:0;transform:perspective(500px)rotateY(-14deg)scale(1.2);-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.orb{filter:blur(1px);border-radius:50%;animation:9s ease-in-out infinite float;position:absolute}.orb-a{background:radial-gradient(circle at 34% 28%,#eeeddd 0,#b7b5ab 9%,#716f70 20%,#37373e 37%,#18191e 58%,#0b0c0e 70%);width:min(41vw,610px);height:min(41vw,610px);top:15%;right:11%;box-shadow:inset -55px -35px 90px #030405,0 20px 100px #beb9a719}.orb-b{background:radial-gradient(circle at 35% 28%,#fff9dc,#d3c8a0 12%,#514933 36%,#131416 70%);width:120px;height:120px;animation-delay:-2s;top:29%;right:40%}.orb-c{background:radial-gradient(circle at 30% 24%,#e5f3d0,#869269 14%,#272c25 48%,#101112 75%);width:55px;height:55px;animation-delay:-4s;top:65%;right:10%}@keyframes float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-20px)rotate(4deg)}}.hero-cross{color:#d5d3c4;opacity:.23;font-size:100px;animation:40s linear infinite spin;position:absolute;top:25%;right:20%}@keyframes spin{to{transform:rotate(360deg)}}.hero-meta{font:9px var(--mono);letter-spacing:1px;color:#999a94;justify-content:space-between;display:flex;position:absolute;top:125px;left:max(50vw - 800px,6.2vw);right:max(50vw - 800px,6.2vw)}.live{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}.hero-copy{z-index:1;width:58%;margin-top:30px;position:relative}.eyebrow{font:10px var(--mono);letter-spacing:1.25px;color:#a8aaa0;margin:0 0 25px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(76px,10vw,148px);font-weight:500;line-height:.99}.hero h1 em,.work-heading h2 em,.services-intro h2 em,.contact-center h2 em{color:#0000;-webkit-text-stroke:1px #e7e6dd;font-style:normal}.hero-bottom{justify-content:space-between;align-items:flex-end;width:76%;margin-top:44px;display:flex}.hero-bottom p{color:#b2b2ad;margin:0;font-size:14px;line-height:1.95}.round-link{border:1px solid #696a65;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .25s;display:grid}.round-link:hover{background:var(--lime);border-color:var(--lime);color:#0a0b0d;transform:translateY(4px)}.hero-index{font:11px var(--mono);position:absolute;bottom:42px;left:max(50vw - 800px,6.2vw)}.hero-index span{color:#656660}.hero-side{font:9px var(--mono);letter-spacing:1px;color:#797a75;position:absolute;bottom:42px;right:max(50vw - 800px,6.2vw)}.section{max-width:1700px;margin:0 auto;padding-left:6.2%;padding-right:6.2%}.section-label{border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:1.2px;color:#93948e;justify-content:space-between;padding-top:17px;display:flex}.section-label span:last-child{letter-spacing:.5px;font-family:Noto Sans SC,sans-serif}.about{padding-top:115px;padding-bottom:145px}.about-grid{grid-template-columns:.82fr 1fr;align-items:center;gap:12.5%;padding:82px 8% 0;display:grid}.portrait{background:#1b1d1d;max-width:430px;height:480px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center 22%;filter:brightness(.72)saturate(.76);mix-blend-mode:screen;width:100%;height:100%}.portrait:after{content:"";background:linear-gradient(#0000 48%,#08090999);position:absolute;inset:0}.portrait-overlay{z-index:1;color:#f1eee5;font:10px/1.6 var(--mono);letter-spacing:1px;justify-content:space-between;display:flex;position:absolute;top:25px;left:25px;right:25px}.portrait-overlay svg{color:var(--lime)}.portrait-caption{z-index:1;font:8px var(--mono);letter-spacing:.8px;color:#d0d0c9;position:absolute;bottom:18px;left:20px}.about-copy h2{letter-spacing:-.065em;margin:0 0 25px;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1.22}.about-copy h2 span{color:#888a84}.tiny-star{color:var(--lime);font-size:16px}.body-copy{color:#c5c5be;max-width:430px;margin:0 0 12px;font-size:13px;line-height:2}.body-copy.muted{color:#858680}.about-contact{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px 20px;max-width:490px;margin-top:38px;padding-top:22px;display:grid}.about-contact div{flex-direction:column;gap:8px;display:flex}.about-contact div:last-child{grid-column:1/-1}.about-contact span{font:8px var(--mono);letter-spacing:1px;color:#7f807a}.about-contact b,.about-contact a{color:#deded8;align-items:center;gap:4px;font-size:11px;font-weight:400;display:flex}.about-contact a:hover{color:var(--lime)}.work{padding-top:24px;padding-bottom:145px}.work-heading{justify-content:space-between;align-items:flex-end;padding:65px 0 43px;display:flex}.work-heading h2,.services-intro h2{letter-spacing:-.07em;margin:0;font-size:clamp(43px,6vw,84px);font-weight:500;line-height:1.1}.work-heading p,.services-intro p{color:#999a94;margin:0 5% 8px 0;font-size:12px;line-height:1.9}.project-grid{grid-template-columns:1fr 1fr;gap:50px 24px;display:grid}.project-card.wide{grid-column:1/-1}.project-image{background:#181a1c;height:340px;display:block;position:relative;overflow:hidden}.project-card.wide .project-image{height:485px}.project-image img{object-fit:cover;object-position:top center;filter:saturate(.8)brightness(.82);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-image:hover img{filter:saturate()brightness(.98);transform:scale(1.035)}.project-open{color:#fff;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid;position:absolute;top:17px;right:17px}.project-image:hover .project-open{background:var(--lime);color:#121313;border-color:var(--lime)}.project-image-index{font:8px var(--mono);letter-spacing:1px;color:#fff;text-shadow:0 1px 5px #000;position:absolute;bottom:18px;left:20px}.project-info{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:16px 1px;display:flex}.project-info h3{margin:0;font-size:15px;font-weight:500}.project-info>span{font:8px var(--mono);letter-spacing:.7px;color:#93948e}.project-year{margin-left:auto}.work-foot{color:#898a83;font:8px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:48px;display:flex}.work-foot a{color:#deded8;align-items:center;gap:10px;font:11px Noto Sans SC,sans-serif;display:flex}.work-foot a:hover{color:var(--lime)}.services{padding-top:25px;padding-bottom:155px}.services-intro{justify-content:space-between;align-items:flex-end;padding:66px 0 56px;display:flex}.strength-grid{border-top:1px solid #41423f;border-bottom:1px solid #41423f;grid-template-columns:repeat(3,1fr);display:grid}.strength{border-right:1px solid #41423f;min-height:258px;padding:25px 29px 28px;transition:background .3s;position:relative}.strength:first-child{padding-left:0}.strength:last-child{border:0}.strength:hover{background:#ffffff05}.strength-top{color:#999a94;font:10px var(--mono);justify-content:space-between;display:flex}.strength-top svg{color:var(--lime)}.strength h3{letter-spacing:-.04em;margin:45px 0 12px;font-size:22px;font-weight:500}.strength p{color:#92938d;max-width:280px;margin:0;font-size:11px;line-height:1.9}.strength-tag{font:8px var(--mono);letter-spacing:1px;color:#73746e;position:absolute;bottom:26px;left:29px}.strength:first-child .strength-tag{left:0}.contact{color:#171815;background:#d2d1cc;flex-direction:column;justify-content:space-between;height:min(810px,100vh);min-height:680px;padding:35px max(50vw - 800px,6.2vw) 0;display:flex;position:relative;overflow:hidden}.contact-top{z-index:1;font:9px var(--mono);letter-spacing:1px;border-bottom:1px solid #20271955;justify-content:space-between;padding-bottom:15px;display:flex;position:relative}.contact-top span:last-child{font-family:Noto Sans SC,sans-serif}.contact-center{text-align:center;z-index:1;align-self:center;margin-top:-30px;position:relative}.contact-center .eyebrow{color:#3c4b2a;margin-bottom:20px}.contact-center h2{letter-spacing:-.08em;margin:0 0 37px;font-size:clamp(70px,10vw,135px);font-weight:500;line-height:.99}.contact-center h2 em{-webkit-text-stroke:1.2px #11150d}.contact-button{border:1px solid #202719;border-radius:40px;align-items:center;gap:40px;padding:15px 19px;font-size:11px;transition:all .25s;display:inline-flex}.contact-button:hover{color:var(--lime);background:#11150d}.contact-bottom{z-index:1;border-top:1px solid #20271955;justify-content:space-between;align-items:center;padding:22px 0 24px;display:flex;position:relative}.contact-bottom .wordmark{font-size:22px}.contact-bottom .dot{color:#34412a}.contact-bottom p{color:#28341f;margin:0;font-size:10px;line-height:1.7}.contact-bottom p span{font:7px var(--mono);letter-spacing:.7px;color:#53623e}.socials{gap:22px;display:flex}.socials a{font:8px var(--mono);letter-spacing:.6px;align-items:center;gap:4px;display:flex}.copyright{font:8px var(--mono);color:#53623e}.contact-mark{color:#fff2;pointer-events:none;font-size:350px;line-height:1;position:absolute;top:22%;right:9%;transform:rotate(-12deg)}@media (width>=1701px){.nav,.hero,.contact{padding-left:calc(50vw - 745px);padding-right:calc(50vw - 745px)}}@media (width<=900px){.nav{height:76px;padding:0 5%}.hero{min-height:710px;padding-left:7%;padding-right:7%}.hero-meta{top:105px;left:7%;right:7%}.hero-copy{width:80%}.orb-a{opacity:.77;width:57vw;height:57vw;top:21%;right:-4%}.hero-bottom{width:95%}.section{padding-left:7%;padding-right:7%}.about-grid{gap:8%;padding-left:2%;padding-right:2%}.portrait{height:400px}.project-image{height:270px}.project-card.wide .project-image{height:360px}.contact{padding-left:7%;padding-right:7%}}@media (width<=600px){.nav{height:68px}.wordmark{font-size:21px}.wordmark small{display:none}.nav nav{gap:16px;font-size:10px}.nav-contact{gap:6px;padding:9px 11px;font-size:10px}.hero{height:100svh;min-height:740px;padding:68px 7% 0}.hero-meta{font-size:7px;top:91px}.hero-meta span:last-child{font-size:7px}.hero-copy{width:100%;margin-top:60px}.hero h1{font-size:clamp(70px,17vw,100px)}.hero .eyebrow{font-size:8px}.orb-a{opacity:.55;width:74vw;height:74vw;top:17%;right:-13%}.orb-b{width:70px;height:70px;top:33%;right:68%}.hero-cross{font-size:55px;top:28%;right:22%}.hero-bottom{width:100%;margin-top:30px}.hero-bottom p{font-size:11px}.round-link{flex:none;width:41px;height:41px}.hero-index,.hero-side{font-size:7px;bottom:24px}.hero-index{left:7%}.hero-side{right:7%}.section-label{font-size:7px}.about{padding-top:75px;padding-bottom:90px}.about-grid{flex-direction:column;align-items:stretch;gap:45px;padding:48px 0 0;display:flex}.portrait{width:82%;height:400px;margin-left:auto}.about-copy h2{font-size:48px}.body-copy{font-size:12px}.about-contact{margin-top:25px}.work{padding-bottom:90px}.work-heading{padding:45px 0 28px;display:block}.work-heading h2,.services-intro h2{font-size:48px}.work-heading p{margin:18px 0 0}.project-grid{grid-template-columns:1fr;gap:34px}.project-card.wide{grid-column:auto}.project-card.wide .project-image,.project-image{height:280px}.project-info{flex-wrap:wrap;gap:10px}.project-info h3{font-size:13px}.project-info>span{font-size:7px}.project-year{margin-left:auto}.work-foot{font-size:6px}.work-foot a{font-size:10px}.services{padding-bottom:95px}.services-intro{padding:45px 0 33px;display:block}.services-intro p{margin:18px 0 0}.strength-grid{grid-template-columns:1fr}.strength,.strength:first-child{border-bottom:1px solid #41423f;border-right:0;min-height:205px;padding:23px 0 28px}.strength:last-child{border-bottom:0}.strength h3{margin-top:30px;font-size:20px}.strength-tag,.strength:first-child .strength-tag{bottom:19px;left:0}.contact{height:760px;min-height:680px;padding:25px 7% 0}.contact-top{font-size:7px}.contact-center h2{font-size:76px}.contact-center .eyebrow{font-size:8px}.contact-mark{font-size:230px;top:26%;right:0}.contact-bottom{grid-template-columns:1fr 1fr;gap:18px 10px;padding:17px 0;display:grid}.contact-bottom p{text-align:right;justify-self:end;font-size:9px}.socials{gap:15px}.copyright{justify-self:end;font-size:7px}}.hero-tech{z-index:1;opacity:.9;mix-blend-mode:screen;width:min(47vw,720px);height:220px;position:absolute;top:36%;right:max(50vw - 800px,6.2vw)}.hero-tech .tech-text{width:100%;height:100%}@media (width<=900px){.hero-tech{opacity:.78;width:53vw;height:160px;top:35%;right:5%}}@media (width<=600px){.hero-tech{opacity:.62;width:76vw;height:120px;top:28%;right:7%}}.hero-copy{text-align:left;align-self:flex-start;margin-top:0;position:absolute;top:31%;left:max(50vw - 800px,6.2vw)}.hero-copy h1{text-align:left;margin-left:0;margin-right:auto}.hero-tech{top:40%}@media (width<=900px){.hero-copy{width:80%;top:29%;left:7%}.hero-tech{top:40%}}@media (width<=600px){.hero-copy{width:86%;margin-top:0;top:37%;left:7%}.hero-tech{width:76vw;height:120px;top:48%}}.particle-ending{color:#eae9e5;background:#0a0b0d;border-top:1px solid #ffffff16;flex-direction:column;justify-content:space-between;min-height:100svh;padding:28px max(50vw - 800px,6.2vw) 24px;display:flex;position:relative;overflow:hidden}.ending-top,.ending-bottom{font:9px var(--mono);letter-spacing:1px;color:#858680;justify-content:space-between;align-items:center;display:flex}.ending-top a{color:#c6f269;align-items:center;gap:8px;display:flex}.ending-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:45px 0;display:flex}.ending-kicker{font:9px var(--mono);letter-spacing:2px;color:#92938d;margin:0 0 15px}.ending-particle-wrap{width:min(100%,1160px);height:clamp(230px,36vh,390px);position:relative}.ending-particle-wrap .particle-text{min-height:0}.ending-caption{letter-spacing:.2em;color:#d8d8d0;margin:12px 0 19px;font-size:14px}.ending-email{font:11px var(--mono);border:1px solid #41433e;border-radius:40px;align-items:center;gap:10px;padding:12px 17px;transition:all .25s;display:flex}.ending-email:hover{color:#0a0b0d;background:#c6f269;border-color:#c6f269}.ending-bottom{border-top:1px solid #ffffff1b;padding-top:18px}.ending-bottom span:first-child{letter-spacing:-.5px;color:#eae9e5;font-size:13px;font-weight:600}.ending-bottom i{color:#c6f269;margin-left:3px;font-style:normal}@media (width<=600px){.particle-ending{min-height:90svh;padding:22px 7% 18px}.ending-top,.ending-bottom{font-size:7px}.ending-particle-wrap{height:230px}.ending-caption{font-size:12px}.ending-email{font-size:9px}}.tech-text{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.tech-text-canvas{width:100%;height:100%;display:block}.particle-text{touch-action:none;isolation:isolate;width:100%;height:100%;min-height:240px;display:block;position:relative;overflow:hidden}.particle-text__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.particle-text__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.work-drift{background:radial-gradient(#151819 0%,#0a0b0d 68%);border:1px solid #ffffff10;height:600px;position:relative;overflow:hidden}.project-list{border-top:1px solid var(--line);margin-top:36px}.project-list-item{border-bottom:1px solid var(--line);color:#aaa;min-height:62px;font:9px var(--mono);grid-template-columns:54px 1fr 18px;align-items:center;gap:18px;transition:color .2s,padding .2s;display:grid}.project-list-item:hover{color:var(--lime);padding-left:8px}.project-list-item>span:first-child{color:#777872;font:8px var(--mono);letter-spacing:.6px}.project-list-item strong{color:#eae9e5;font:400 15px Noto Sans SC,sans-serif}.hero-tech{width:min(47vw,720px)!important;height:220px!important;top:40%!important;left:auto!important;right:max(50vw - 800px,6.2vw)!important}.contact{color:#171815!important;background:#d2d1cc!important}.contact-top{border-color:#17181530}.contact-center .eyebrow{color:#65665f}.contact-center h2 em{-webkit-text-stroke-color:#171815}.contact-button{border-color:#17181580}.contact-bottom{border-color:#17181530}.contact-bottom .wordmark small{color:#62635d;border-color:#777872}.contact-bottom .wordmark .dot{color:#777872}.contact-bottom p{color:#4b4c46}.contact-bottom p span,.copyright{color:#777872}.contact-mark{color:#ffffff60}@media (width<=900px){.work-drift{height:520px}}@media (width<=600px){.work-drift{height:410px;margin:0 -4vw}.project-list{margin-top:25px}.project-list-item{grid-template-columns:32px 1fr 16px;gap:9px;min-height:58px}.project-list-item strong{font-size:12px}.hero-tech{width:76vw!important;height:120px!important;top:48%!important;left:auto!important;right:7%!important}}.hero-copy{top:23%!important}.hero-tech{width:min(47vw,720px)!important;height:220px!important;position:absolute!important;top:68%!important;left:max(50vw - 800px,6.2vw)!important;right:auto!important}@media (width<=900px){.hero-copy{top:22%!important}.hero-tech{width:53vw!important;height:160px!important;top:64%!important;left:7%!important}}@media (width<=600px){.hero-copy{width:86%!important;top:27%!important}.hero-tech{width:76vw!important;height:120px!important;top:61%!important;left:7%!important}}.software-board{background:radial-gradient(at 50% 0,#25323a 0,#0000 68%),linear-gradient(145deg,#111619,#090b0d 72%);border:1px solid #ffffff14;flex-direction:column;justify-content:flex-start;padding:25px 25px 50px;display:flex}.software-board:after{display:none}.software-board-head{color:#aeb1ad;font:9px var(--mono);letter-spacing:1.4px;justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.software-board-head svg{color:var(--lime)}.software-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.software-app{aspect-ratio:1;background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #ffffff1c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;transition:transform .25s,border-color .25s,background .25s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0003}.software-app:hover{background:#ffffff12;border-color:#c6f26970;transform:translateY(-4px)}.software-app>span{letter-spacing:-.07em;font:600 clamp(19px,2.5vw,29px)/1 DM Sans,sans-serif}.software-app small{color:#a6a8a3;max-width:100%;font:6px var(--mono);letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photoshop>span{color:#31b9ef}.illustrator>span{color:#ff9d32}.after-effects>span,.premiere>span{color:#bd8cff}.audition>span{color:#48e0b2}.cinema>span{color:#91adff}.blender>span{color:#ff9c38}.davinci>span{color:#f4bd54}.max>span{color:#7bcff0}.stability>span{color:#e881fd}.midjourney>span{color:#f0eee7}.figma>span{color:#f28c73}.liblib>span{color:#9ab9ff}.suno>span{color:#f1d6ff}.udio>span{color:#f4f3ed}.software-board .portrait-caption{color:#858983;letter-spacing:1px;bottom:20px;left:25px}@media (width<=600px){.software-board{padding:22px 20px 48px}.software-board-head{margin-bottom:21px}.software-grid{gap:9px}.software-app{border-radius:9px}.software-app small{font-size:5px}.software-board .portrait-caption{left:20px}}.case-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:46px 22px;margin-top:18px;display:grid}.case-card{grid-column:span 6;min-width:0}.case-card:first-child{grid-column:span 7}.case-card:nth-child(2),.case-card:nth-child(3){grid-column:span 5}.case-card:nth-child(4){grid-column:span 7}.case-card:nth-child(5){grid-column:4/span 6}.case-preview{aspect-ratio:1.42;cursor:pointer;text-align:left;background:#121719;border:1px solid #ffffff1a;width:100%;padding:0;display:block;position:relative;overflow:hidden}.case-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080a0dcc);position:absolute;inset:45% 0 0}.case-preview img{object-fit:cover;object-position:center 0%;filter:saturate(.88)brightness(.83);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;display:block}.case-preview:hover img{filter:saturate()brightness(.97);transform:scale(1.035)}.case-preview-label,.case-number{z-index:1;color:#f2f1ed;position:absolute;bottom:18px}.case-preview-label{font:8px var(--mono);letter-spacing:1px;align-items:center;gap:9px;display:flex;right:18px}.case-preview-label svg{color:var(--lime)}.case-number{font:8px var(--mono);letter-spacing:1px;color:#c5c6be;left:19px}.case-info{justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 1px 0;display:flex}.case-info h3{color:#eae9e5;letter-spacing:-.03em;margin:0 0 7px;font:500 17px Noto Sans SC,sans-serif}.case-info span,.case-info time{color:#81837d;font:8px var(--mono);letter-spacing:.7px}.case-info time{flex:none;padding-top:4px}.case-lightbox{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050607ef;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.case-dialog{background:#0e1011;border:1px solid #ffffff25;flex-direction:column;width:min(100%,980px);max-height:min(92vh,1100px);display:flex;box-shadow:0 35px 100px #0009}.case-dialog-head{z-index:1;background:#0e1011;border-bottom:1px solid #ffffff1b;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex;position:relative}.case-dialog-head span{color:#92948d;font:8px var(--mono);letter-spacing:1.2px}.case-dialog-head h3{color:#eeede8;margin:5px 0 0;font:500 16px Noto Sans SC,sans-serif}.case-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff3a;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.case-close:hover{color:#0a0b0d;border-color:var(--lime);background:var(--lime)}.case-artwork{overscroll-behavior:contain;scrollbar-color:#555 #151718;overflow:auto}.case-artwork img{width:100%;height:auto;display:block}@media (width<=900px){.case-grid{gap:36px 16px}.case-card:nth-child(n){grid-column:span 6}.case-card:nth-child(5){grid-column:4/span 6}}@media (width<=600px){.case-grid{grid-template-columns:1fr;gap:29px;margin-top:8px}.case-card:nth-child(n){grid-column:1}.case-preview{aspect-ratio:1.12}.case-info h3{font-size:14px}.case-info span,.case-info time{font-size:7px}.case-lightbox{padding:8px}.case-dialog{max-height:96vh}.case-dialog-head{padding:13px 15px}.case-dialog-head h3{font-size:14px}}