:root{--black:#050505;--white:#f5f5f2;--cyan:#58d5ea;--red:#ff3428;--grey:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit}img{display:block;max-width:100%}.skip{position:fixed;top:-50px;left:18px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:18px}header{position:fixed;z-index:50;inset:0 0 auto;height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;mix-blend-mode:difference}.logo{font-size:2.25rem;font-weight:900;text-decoration:none;letter-spacing:0}.menu{width:48px;height:42px;background:transparent;border:0;display:grid;place-content:center;gap:10px;cursor:pointer}.menu i{width:42px;height:2px;background:#fff;display:block;transition:.3s}.menu[aria-expanded=true] i:first-child{transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] i:last-child{transform:translateY(-6px) rotate(-45deg)}.menu-panel{position:fixed;z-index:40;inset:0;background:#1717ee;padding:130px 7vw 60px;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;visibility:hidden;transition:.35s}.menu-panel.open{opacity:1;visibility:visible}.menu-panel nav{display:grid}.menu-panel nav a{font-size:clamp(3rem,7vw,8rem);line-height:.9;text-decoration:none;font-weight:800}.menu-panel p{max-width:260px}.hero{height:100svh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden}.orb{width:min(54vw,650px);aspect-ratio:1;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.ring{width:82%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 40deg,#111 0 10%,var(--cyan) 18%,#161616 32%,var(--red) 50%,#111 68%,var(--cyan) 85%,#121212);box-shadow:inset 24px 20px 50px rgba(255,255,255,.16),inset -24px -20px 55px #000,0 0 80px rgba(74,191,218,.13);filter:saturate(.8);position:relative;animation:spin 13s linear infinite}.ring:after{content:"";position:absolute;inset:25%;background:#050505;border-radius:50%;box-shadow:inset 0 0 28px #000}.ring.inner{position:absolute;width:30%;opacity:.18;filter:blur(10px);animation-direction:reverse}.explore{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);text-transform:uppercase;letter-spacing:.5em;font-size:.58rem}.explore span{display:block;text-align:center;font-size:1.4rem;letter-spacing:0}.social{position:absolute;left:24px;bottom:20px;display:flex;gap:12px}.social a{text-decoration:none;color:#999}.language{position:absolute;right:24px;bottom:20px}.language button{border:0;background:none;color:#777;cursor:pointer}.language button.active{color:#49d4ba}.statement{padding:150px 7vw;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.62rem}.statement h1{font-size:clamp(3.3rem,7.4vw,9rem);line-height:.88;margin:35px 0;max-width:1250px;letter-spacing:0}.lead{font-size:clamp(1.2rem,2vw,2rem);max-width:950px;color:#b9b9b5}.statement>div{display:flex;gap:30px;margin-top:35px}.statement>div a{text-transform:uppercase;font-size:.7rem;text-underline-offset:8px}.services{border-top:1px solid #333}.service{min-height:900px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #333}.service.reverse .copy{order:2}.service .copy{padding:100px 7vw;align-self:center}.service .copy>span{font-size:.62rem}.service h2,.contact h2{font-size:clamp(3.5rem,6vw,7rem);line-height:.9;margin:30px 0;letter-spacing:0}.service .copy>p:not(.eyebrow){font-size:1.2rem;color:#bbb;max-width:600px}.service ul{list-style:none;padding:0;margin-top:45px}.service li{padding:12px 0;border-bottom:1px solid #353535}.service figure{margin:0;overflow:hidden}.service img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.05);transition:filter .4s,transform .8s}.service:hover img{filter:saturate(1);transform:scale(1.02)}.work{padding:130px 7vw;background:#f0efea;color:#111}.work-list{margin-top:60px;border-top:1px solid #aaa}.work-list a{display:grid;grid-template-columns:70px 1fr auto 40px;align-items:center;text-decoration:none;padding:25px 0;border-bottom:1px solid #aaa}.work-list h3{font-size:clamp(2.5rem,5vw,6rem);line-height:1;margin:0;letter-spacing:0}.work-list p{font-size:.7rem}.work-list b{font-size:1.5rem}.contact{padding:140px 7vw;background:#1818ea;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-self:end}.contact label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:8px;padding:13px;color:#fff;border:1px solid rgba(255,255,255,.45);background:transparent}.contact option{color:#111}.contact label:nth-child(4),.contact button,.message{grid-column:1/-1}.contact button{min-height:46px;background:#050505;color:#fff;border:0;padding:0 14px;display:flex;justify-content:space-between;align-items:center}.message{margin:0}.success{color:#9fffc8}.error{color:#ffd2d2}footer{padding:75px 5vw 28px;display:grid;grid-template-columns:1fr auto;gap:20px}footer p{grid-column:1/-1;color:#999}footer nav{display:flex;gap:24px}footer small{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;color:#777}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-15px) scale(1.03)}}
@media(max-width:800px){header{height:66px;padding:0 20px}.logo{font-size:1.8rem}.menu-panel{padding:100px 22px 40px;display:block}.menu-panel p{position:absolute;bottom:30px}.hero{min-height:680px}.orb{width:90vw}.explore{bottom:18%}.statement{padding:100px 22px}.statement h1{font-size:4rem}.service{grid-template-columns:1fr;min-height:0}.service.reverse .copy{order:0}.service .copy{padding:80px 22px}.service figure{height:540px}.work{padding:90px 22px}.work-list a{grid-template-columns:35px 1fr 30px}.work-list p{display:none}.contact{grid-template-columns:1fr;padding:95px 22px}.contact form{grid-template-columns:1fr}.contact label:nth-child(4),.contact button,.message{grid-column:1}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb,.ring{animation:none}.service img{transition:none}}
body{overflow-x:hidden}.statement h1,.service h2,.contact h2{overflow-wrap:anywhere}