header nav{display:flex;gap:26px;margin-left:auto;margin-right:44px}header nav a{font:500 11px Poppins,sans-serif;letter-spacing:.14em;opacity:.85;transition:opacity .25s,text-shadow .25s}header nav a:hover{opacity:1;text-shadow:0 0 14px #62e6ec}
.studio-statement{position:relative;z-index:4;display:grid;grid-template-columns:.7fr 1.5fr auto;gap:5vw;align-items:start;margin-top:10vh;padding:42px 0;border-top:1px solid rgba(105,220,255,.26);border-bottom:1px solid rgba(105,220,255,.14)}.studio-statement span,.studio-statement p,.studio-statement a{font-weight:500;font-family:Poppins,sans-serif;letter-spacing:.12em}.studio-statement span{font-size:11px;color:#61def1}.studio-statement p{margin:0;font-size:12px;line-height:1.8;color:rgba(255,255,255,.75)}.studio-statement a{font-size:11px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.5)}
.use-cases{position:relative;min-height:130vh;padding:15vh 0 14vh 5vw;overflow:hidden;background:radial-gradient(circle at 12% 22%,rgba(102,51,138,.2),transparent 27%),linear-gradient(145deg,#07060d,#03070c 68%);color:#f5f2ec}.cases-intro{max-width:950px}.cases-intro p,.cases-intro>span,.cases-rail span,.cases-rail p,.cases-rail a{font-weight:500;font-family:Poppins,sans-serif;letter-spacing:.13em}.cases-intro p{font-size:11px;color:#b991e2}.cases-intro h2{font-size:clamp(68px,9vw,150px);font-weight:400;line-height:.8;letter-spacing:-.055em;margin:28px 0}.cases-intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(222,199,246,.66)}.cases-intro>span{font-size:13px;color:rgba(255,255,255,.7)}
.cases-rail{display:flex;gap:14px;margin-top:11vh;padding-right:8vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:1400px}.cases-rail::-webkit-scrollbar{display:none}.cases-rail article{position:relative;flex:0 0 min(34vw,500px);min-height:520px;padding:34px;overflow:hidden;scroll-snap-align:center;border:1px solid rgba(255,255,255,.17);background:linear-gradient(150deg,color-mix(in srgb,var(--case) 14%,#0b0b13),rgba(5,5,10,.88));transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}.cases-rail article:before{content:'';position:absolute;width:300px;height:300px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--case),transparent 66%);opacity:.14;transition:opacity .4s,transform .6s}.cases-rail article:hover{transform:translateY(-16px) rotateY(-2deg);border-color:color-mix(in srgb,var(--case) 65%,white);box-shadow:0 30px 90px color-mix(in srgb,var(--case) 16%,transparent)}.cases-rail article:hover:before{opacity:.3;transform:scale(1.3)}.cases-rail span{font-size:11px;color:var(--case)}.cases-rail h3{font-size:clamp(30px,3.4vw,64px);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:100px 0 28px;overflow-wrap:break-word;hyphens:auto}.cases-rail p{font-size:11px;line-height:1.8;color:rgba(255,255,255,.66);max-width:340px}.cases-rail a{position:absolute;left:34px;bottom:34px;font-size:11px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--case) 60%,white)}
@media(max-width:900px){header nav{display:none}.studio-statement{grid-template-columns:1fr}.cases-rail article{flex-basis:78vw;min-height:470px}.use-cases{padding-left:20px}.cases-intro h2{font-size:17vw}}
