:root{--bg:#04090b;--panel:#071115;--cyan:#74edeb;--blue:#34a9bd;--white:#f0fbfc;--muted:#82999f;--line:rgba(126,220,223,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 "DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}canvas#network{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.33}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.spotlight{position:fixed;width:550px;height:550px;border-radius:50%;background:rgba(47,190,196,.09);filter:blur(85px);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.loader{position:fixed;inset:0;z-index:100;background:#020607;display:grid;place-content:center;justify-items:center;transition:opacity .8s,visibility .8s}.loader.done{opacity:0;visibility:hidden}.loader img{width:96px}.loader small{letter-spacing:.25em;color:#85bdc6;margin-top:15px}.loadline{width:180px;height:1px;background:#173037;margin-top:25px}.loadline i{display:block;height:100%;background:var(--cyan);animation:load 1.7s ease forwards}@keyframes load{from{width:0}to{width:100%}}header{height:105px;position:absolute;inset:0 0 auto;z-index:10;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 15px/1.05 "Space Grotesk"}.logo img{width:58px;height:58px}.logo small{font-size:8px;letter-spacing:.2em;color:var(--muted)}nav{display:flex;gap:38px}nav a{text-decoration:none;color:#b9c9cc;font-size:13px}.talk{border:1px solid rgba(116,237,235,.55);border-radius:40px;padding:12px 19px;text-decoration:none;font-size:13px}.talk b{margin-left:15px;color:var(--cyan)}.hero{height:100vh;min-height:750px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 7vw 60px}.hero video,.contact video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64}.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,9,.96) 5%,rgba(2,7,9,.66) 52%,rgba(2,7,9,.35)),linear-gradient(0deg,#04090b 0%,transparent 25%,rgba(1,4,6,.35))}.hero-copy{position:relative;z-index:2;width:100%;max-width:1450px}.kicker,.label{font:500 11px "Space Grotesk";letter-spacing:.23em;color:#89afb5}.kicker i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan);margin-right:10px}.hero h1,.statement h2,.sticky h2,.projects-title h2,.method h2,.contact h2{font-family:"Space Grotesk";font-weight:500;letter-spacing:-.055em;line-height:.9}.hero h1{font-size:clamp(4.5rem,8.4vw,9.3rem);margin:25px 0 0}.hero h1 span{color:#dff4f4}.hero h1 em,.sticky h2 i,.projects-title h2 i,.method h2 i,.contact h2 i{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin-top:35px}.hero-bottom>p{max-width:500px;color:#9eb0b3;font-size:18px}.circle{width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;text-decoration:none;background:var(--cyan);color:#021012;font:600 10px/1.25 "Space Grotesk";position:relative}.circle b{position:absolute;right:18px;bottom:14px;font-size:17px}.scroll{position:absolute;z-index:3;right:5vw;bottom:50px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#71878c}.scroll span{display:inline-block;height:60px;border-left:1px solid var(--cyan);margin-top:15px}.statement,.expertise,.projects,.method{padding:145px 7vw;position:relative}.statement{background:rgba(4,9,11,.94);border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(3rem,5.8vw,6.7rem);margin:55px 0}.statement h2 span{color:#477078}.statement-foot{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-left:32%}.statement-foot>p{color:var(--muted);font-size:18px;max-width:560px}.statement-foot>div{display:flex;flex-direction:column;font:500 10px "Space Grotesk";letter-spacing:.2em}.statement-foot strong{padding:11px 0;border-bottom:1px solid var(--line)}.expertise{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:rgba(5,13,16,.95)}.sticky{position:sticky;top:90px;height:max-content}.sticky h2,.projects-title h2,.method h2{font-size:clamp(3.6rem,6vw,7rem);margin:40px 0}.sticky>p:last-child,.projects-title>p:last-child,.method-head>p{color:var(--muted);max-width:400px}.cards{display:grid;grid-template-columns:1fr 1fr}.cards article{min-height:380px;padding:32px;border:1px solid var(--line);margin:-1px 0 0 -1px;background:rgba(7,18,22,.68);transition:background .35s,transform .35s;position:relative}.cards article:hover{background:rgba(15,42,49,.88);transform:translateY(-7px)}.cards article>span{position:absolute;right:25px;color:#48676e;font:12px "Space Grotesk"}.cards svg{width:65px;height:65px;margin:40px 0 30px;fill:none;stroke:var(--cyan);stroke-width:1}.cards h3{font:500 27px "Space Grotesk";margin:0}.cards p{color:var(--muted);min-height:74px}.cards a{font-size:12px;color:var(--cyan);text-decoration:none}.projects{background:#050a0c}.projects-title{text-align:right;display:grid;justify-items:end}.project{width:76%;margin-top:100px}.project:nth-of-type(3){margin-left:auto}.screen{height:600px;padding:16px;background:#0b1417;box-shadow:0 40px 120px rgba(0,0,0,.5);transition:transform .5s ease}.project:hover .screen{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg) scale(.99)}.screenbar{height:28px;background:#111c1f;padding:7px}.screenbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42666d;margin-right:4px}.screenbar span{display:block;text-align:center;margin-top:-17px;font-size:8px;color:#557077}.beauty,.events{height:calc(100% - 28px);padding:80px;display:flex;flex-direction:column;justify-content:center}.beauty{background:radial-gradient(circle at 75% 25%,#795b53,transparent 32%),linear-gradient(135deg,#16100f,#362925);color:#f3ded7}.events{background:radial-gradient(circle at 25% 75%,#b27020,transparent 30%),linear-gradient(135deg,#280a06,#7d1d13);color:#ffd6b2}.screen small{letter-spacing:.25em}.screen h3{font:600 clamp(2.4rem,4.3vw,5.3rem)/.98 "Space Grotesk";letter-spacing:-.04em;margin:30px 0}.screen button{width:max-content;padding:12px 18px;color:inherit;background:transparent;border:1px solid currentColor;font-size:9px;letter-spacing:.12em}.meta{display:flex;justify-content:space-between;margin-top:24px}.meta div{display:flex;flex-direction:column}.meta b{font:500 19px "Space Grotesk"}.meta span{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:5px}.meta>strong{font:400 42px "Space Grotesk";color:#38545b}.method{background:rgba(6,16,20,.97)}.method-head{display:flex;justify-content:space-between;align-items:end}.method ol{list-style:none;margin:65px 0 0;padding:0;border-top:1px solid var(--line)}.method li{display:grid;grid-template-columns:70px .7fr 1fr 30px;align-items:center;gap:20px;padding:27px 5px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.method li:hover{padding-inline:20px;background:rgba(116,237,235,.035)}.method li>b{color:#46656c;font-size:11px}.method h3{font:500 26px "Space Grotesk";margin:0}.method li p{color:var(--muted);margin:0}.method li span{color:var(--cyan);font-size:21px}.contact{height:88vh;min-height:680px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.contact .video-shade{background:radial-gradient(circle,rgba(2,8,10,.46),rgba(2,7,9,.91))}.contact>div:last-child{position:relative;z-index:2}.contact h2{font-size:clamp(4rem,8vw,9rem);margin:30px 0 60px}.mail{display:inline-block;border-bottom:1px solid var(--cyan);padding:8px 4px;text-decoration:none;font:500 clamp(1.2rem,2vw,2rem) "Space Grotesk";color:var(--cyan)}.mail b{margin-left:22px}footer{min-height:160px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:30px;padding:35px 5vw;background:#030709;border-top:1px solid var(--line);color:#70858a;font-size:11px}.foot-logo{display:flex;align-items:center;gap:12px;color:#b7c7ca;font:500 12px "Space Grotesk"}.foot-logo img{width:56px}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}@media(max-width:850px){header{height:82px}nav{display:none}.logo img{width:48px;height:48px}.hero{min-height:700px;padding-inline:6vw}.hero h1{font-size:clamp(3.6rem,15vw,6rem)}.hero-bottom{align-items:flex-end}.hero-bottom>p{font-size:15px;max-width:62%}.circle{width:90px;height:90px}.scroll{display:none}.statement,.expertise,.projects,.method{padding:100px 6vw}.statement-foot{margin-left:0;grid-template-columns:1fr}.expertise{grid-template-columns:1fr}.sticky{position:relative;top:0}.cards{grid-template-columns:1fr}.cards article{min-height:320px}.project{width:100%;margin-top:65px}.screen{height:400px}.beauty,.events{padding:35px}.method-head{display:block}.method li{grid-template-columns:40px 1fr 25px}.method li p{display:none}.contact{min-height:600px}footer{grid-template-columns:1fr 1fr}.spotlight{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}video{display:none!important}.reveal{opacity:1;transform:none}.cards article,.screen{transition:none}}body.intro-lock{overflow:hidden}.intro{position:fixed;inset:0;z-index:100;background:#010405;overflow:hidden;transition:opacity .9s ease,visibility .9s}.intro::before,.intro::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(74,220,224,.07) 10%);transform:scaleY(0);transform-origin:center;animation:gridIn .8s .15s forwards}.intro::after{background:repeating-linear-gradient(0deg,transparent 0,transparent calc(12.5% - 1px),rgba(74,220,224,.05) 12.5%)}.intro.leave{opacity:0;visibility:hidden}.intro #intro-net{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:netIn 1s .25s forwards}.intro-scan{position:absolute;inset:-20% 0 auto;height:35%;background:linear-gradient(transparent,rgba(99,241,239,.12),transparent);animation:scan 2.6s .2s ease-in-out}.intro-flash{position:absolute;inset:0;background:#a9ffff;opacity:0;pointer-events:none}.intro.burst .intro-flash{animation:flash .65s ease-out}.intro-center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center}.intro-rings{width:min(46vw,520px);aspect-ratio:1;position:relative;display:grid;place-items:center;opacity:0;transform:scale(.45) rotate(-30deg);animation:ringReveal 1.25s .45s cubic-bezier(.16,.9,.2,1) forwards}.intro-rings>i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(105,232,232,.23);border-top-color:var(--cyan);animation:introSpin 7s linear infinite}.intro-rings>i:nth-child(2){inset:10%;animation-duration:5s;animation-direction:reverse;border-style:dashed}.intro-rings>i:nth-child(3){inset:23%;animation-duration:3.5s}.intro-rings>i:first-child::before,.intro-rings>i:nth-child(2)::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);top:14%;left:15%;box-shadow:0 0 22px var(--cyan)}.intro-mark{width:48%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 65px rgba(73,221,224,.16);transform:scale(0);animation:markIn .65s 1.15s cubic-bezier(.2,1.4,.3,1) forwards}.intro-mark img{width:100%;height:100%;object-fit:cover}.intro-copy{text-align:center;margin-top:-13%;position:relative;opacity:0;transform:translateY(20px);animation:copyIn .7s 1.72s forwards}.intro-copy small,.intro-copy span{display:block;font:500 9px "Space Grotesk";letter-spacing:.4em;color:#6e969c}.intro-copy strong{display:block;font:600 clamp(1.8rem,3.5vw,4rem) "Space Grotesk";letter-spacing:.12em;margin:8px 0;color:#dffefe;text-shadow:0 0 30px rgba(116,237,235,.28)}.intro-status{position:absolute;left:3vw;right:3vw;bottom:3vw;display:flex;justify-content:space-between;font:500 9px "Space Grotesk";letter-spacing:.2em;color:#4e7178}.skip{position:absolute;right:3vw;top:3vw;border:0;background:transparent;color:#77979d;font:500 9px "Space Grotesk";letter-spacing:.18em;padding:14px;cursor:pointer}.skip b{color:var(--cyan);margin-left:8px}.skip:hover{color:var(--white)}.hero.wake video{animation:heroWake 1.5s cubic-bezier(.2,.8,.2,1)}@keyframes gridIn{to{transform:scaleY(1)}}@keyframes netIn{to{opacity:.78}}@keyframes scan{to{transform:translateY(430%)}}@keyframes introSpin{to{transform:rotate(360deg)}}@keyframes ringReveal{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes markIn{to{transform:scale(1)}}@keyframes copyIn{to{opacity:1;transform:none}}@keyframes flash{0%,100%{opacity:0}35%{opacity:.38}}@keyframes heroWake{from{transform:scale(1.08);filter:blur(7px)}to{transform:scale(1);filter:none}}@media(max-width:850px){.intro-rings{width:82vw}.intro-copy{margin-top:-8%}.intro-copy strong{letter-spacing:.06em}.intro-status{bottom:25px}.skip{top:18px;right:14px}}@media(prefers-reduced-motion:reduce){.intro{display:none!important}}