.work-page{background:radial-gradient(circle at 86% 8%,#4673b130,#0000 25%),#050608;min-height:100vh}.work-nav{position:relative;left:auto;transform:none}.work-hero{border-bottom:1px solid var(--line);padding:112px 0 96px}.work-hero h1{max-width:1050px;margin:30px 0;font-size:clamp(58px,8vw,112px)}.work-hero>p:last-child{color:#a8afb9;max-width:650px;font-size:19px;line-height:1.65}.work-index{padding:120px 0}.work-index-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:32px;display:grid}.work-index-heading .section-label{margin:0}.work-index-heading>p:last-child{color:#939ba6;max-width:530px;margin:0;font-size:15px;line-height:1.7}.project-list{border-bottom:1px solid var(--line)}.project-card{border-bottom:1px solid var(--line);grid-template-columns:100px minmax(0,1.15fr) minmax(250px,.85fr);gap:36px;padding:48px 0;transition:padding .25s;display:grid}.project-card:last-child{border-bottom:0}.project-card:hover{background:linear-gradient(90deg,#8bbcff14,#0000 80%);padding-inline:18px}.project-number{color:#6e7682;letter-spacing:.14em;padding-top:4px;font-size:12px}.project-type{color:#9ac7ff;text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:10px;font-weight:700}.project-main h2{letter-spacing:-.055em;margin:18px 0;font-size:clamp(38px,4.8vw,66px);font-weight:480;line-height:.98}.project-copy{color:#a1a7b0;max-width:590px;margin:0;font-size:16px;line-height:1.65}.project-meta{color:#858d97;text-transform:uppercase;letter-spacing:.09em;flex-direction:column;justify-content:space-between;gap:34px;font-size:12px;display:flex}.project-meta a{color:#edf0f4;text-transform:none;letter-spacing:0;border-bottom:1px solid #ffffff3d;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:14px;display:flex}.project-meta a b{font-size:20px;font-weight:400}.work-note{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:48px;padding:100px 0;display:grid}.work-note .section-label{margin:0}.work-note h2,.work-cta h2{letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(42px,5.7vw,80px);font-weight:480;line-height:1}.work-note>div>p{color:#9da4ae;max-width:690px;margin:0;font-size:18px;line-height:1.7}.work-cta{border:1px solid var(--line);background:linear-gradient(135deg,#151d27,#080a0d 60%);margin-bottom:70px;padding:90px 68px;position:relative;overflow:hidden}.work-cta:after{content:"";border:1px solid #8bbcff2e;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-280px;right:-170px;box-shadow:0 0 120px #4075b71f}.work-cta h2{z-index:1;margin:25px 0 38px;position:relative}.work-cta .button{z-index:1;position:relative}@media (max-width:800px){.work-nav .nav-links>a:not(.nav-cta){display:none}.work-hero{padding:82px 0 65px}.work-hero h1{font-size:clamp(50px,15vw,74px)}.work-hero>p:last-child{font-size:17px}.work-index{padding:75px 0}.work-index-heading{grid-template-columns:1fr;gap:24px}.project-card{grid-template-columns:42px 1fr;gap:13px;padding:34px 0}.project-card:hover{background:0 0;padding-inline:0}.project-meta{grid-column:2;gap:18px}.project-main h2{font-size:clamp(38px,11vw,56px)}.work-note{grid-template-columns:1fr;gap:27px;padding:75px 0}.work-note h2,.work-cta h2{font-size:clamp(41px,12vw,58px)}.work-cta{margin-bottom:54px;padding:68px 25px}.work-cta .button{gap:18px;width:100%}}.case-grid{perspective:1400px;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:7px 0;display:grid}.case-float{transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:7s cubic-bezier(.45,.05,.55,.95) infinite case-flight;position:relative}.case-float:nth-child(2n){animation-name:case-flight-reverse;animation-duration:8.2s;animation-delay:-2.4s}.case-float:nth-child(3n){animation-duration:6.3s;animation-delay:-4.1s}.case-float:nth-child(5n){animation-duration:9.1s;animation-delay:-1.2s}.case-float:hover{z-index:2}.case-grid .project-card{isolation:isolate;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(145deg,#121925fa,#06080dfc 72%);border:1px solid #89adda2e;grid-template-rows:1fr auto;grid-template-columns:44px 1fr;gap:0 20px;min-height:326px;padding:31px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 20px 45px #0000001f}.case-grid .project-card:before{content:"";z-index:-2;background:conic-gradient(from 150deg,transparent 0 17%,#51cdff3b 27%,#a560ff2e 38%,transparent 49% 70%,#3d73ff24 80%,transparent 92%);filter:blur(30px);opacity:.62;animation:13s linear infinite case-aura-drift;position:absolute;inset:-42%}.case-grid .project-card:after{content:"";z-index:-1;background:radial-gradient(circle at 18% 110%,#4a95ff2b,#0000 34%),radial-gradient(circle at 92% 5%,#b669ff21,#0000 27%),linear-gradient(135deg,#ffffff06,#0000 42%);position:absolute;inset:1px}.case-grid .project-card:hover{border-color:#7ed2ff9e;transform:translateZ(24px);box-shadow:inset 0 1px #ffffff1f,0 25px 70px #0b499338,0 0 0 1px #816fff1f}.case-grid .project-card:hover:before{opacity:1;animation-duration:6s}.case-grid .case-aura{z-index:-1;filter:blur(7px);opacity:.42;background:radial-gradient(circle,#59dfff45,#6166ff1f 37%,#0000 68%);border-radius:50%;width:180px;height:180px;animation:8s ease-in-out infinite case-orbit;position:absolute;bottom:-74px;right:-65px}.case-grid .case-shine{z-index:0;pointer-events:none;background:linear-gradient(112deg,#0000 45%,#c3ebff17 49%,#b56fff26 51%,#0000 56%);transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:-120% -30%;transform:translate(-55%)rotate(5deg)}.case-grid .project-card:hover .case-shine{transform:translate(55%)rotate(5deg)}.case-grid .project-card>:not(.case-aura):not(.case-shine){z-index:1;position:relative}.case-grid .project-number{color:#d8e9ff8a;grid-row:1/span 2}.case-grid .project-main h2{color:#f4f7ff;letter-spacing:-.05em;margin:16px 0;font-size:clamp(35px,4vw,54px)}.case-grid .project-copy{color:#a9b2c1;max-width:430px;font-size:15px}.case-grid .project-type{color:#9fcbff}.case-grid .project-meta{flex-direction:row;grid-column:2;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:28px;display:flex}.case-grid .project-status{color:#dbeaff;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #93d6ff94;padding-bottom:11px;font-size:10px}@keyframes case-aura-drift{to{transform:rotate(1turn)}}@keyframes case-orbit{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-28px,-20px)scale(1.2)}}@keyframes case-flight{0%,to{transform:translate(0,0)rotateX(0)rotateY(0)}25%{transform:translate3d(7px,-8px,16px)rotateX(.7deg)rotateY(-.8deg)}50%{transform:translate3d(-4px,-13px,25px)rotateX(-.6deg)rotateY(.5deg)}75%{transform:translate3d(-8px,-5px,12px)rotateX(.35deg)rotateY(.7deg)}}@keyframes case-flight-reverse{0%,to{transform:translate(0,0)rotateX(0)rotateY(0)}25%{transform:translate3d(-8px,-5px,15px)rotateX(-.65deg)rotateY(.8deg)}50%{transform:translate3d(5px,-14px,27px)rotateX(.55deg)rotateY(-.5deg)}75%{transform:translate3d(8px,-8px,11px)rotateX(-.35deg)rotateY(-.7deg)}}@media (max-width:800px){.case-grid{grid-template-columns:1fr;gap:14px;padding:4px 0}.case-grid .project-card{grid-template-columns:35px 1fr;gap:0 13px;min-height:280px;padding:25px}.case-grid .project-meta{gap:10px}.case-grid .project-main h2{font-size:42px}.case-float{animation-duration:8.5s}}@media (prefers-reduced-motion:reduce){.case-grid .project-card,.case-grid .case-shine{transition:none}.case-float,.case-grid .project-card:before,.case-grid .case-aura{animation:none}.case-grid .project-card:hover{transform:none}}