:root{--bg:#07080b;--paper:#e9e9e5;--ink:#0b0c0e;--silver:#c9ced6;--muted:#8e939c;--line:rgba(181,188,199,.18);--accent:#aeb8ff;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f2f3f4;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.projects-nav{position:fixed;z-index:30;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,8,11,.72);backdrop-filter:blur(18px)}.projects-brand{display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.19em;font-size:11px}.projects-brand span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #777d87;border-radius:50%}.projects-nav nav{display:flex;gap:30px;color:#aeb2b9;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.projects-nav nav a:hover{color:#fff}.projects-back{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#c4c7cd}.projects-back span{margin-left:12px}.projects-hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:150px clamp(25px,7vw,118px) 10vh;overflow:hidden;background:radial-gradient(circle at 70% 45%,#151a23 0,transparent 31%),#07080b}.projects-hero__grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:9vw 9vw}.projects-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.projects-sphere{position:absolute;right:8vw;top:19vh;width:min(39vw,570px);aspect-ratio:1;border-radius:50%;transform:translate(calc(var(--mx)*24px),calc(var(--my)*24px)) rotateX(calc(var(--my)*-9deg)) rotateY(calc(var(--mx)*11deg));transition:transform .18s ease-out;background:radial-gradient(circle at 31% 25%,#fff 0 2%,#c8d0dd 4%,#687482 16%,#202731 35%,#0b0d12 61%,#656e7a 72%,#11141a 83%);box-shadow:inset -55px -58px 90px #000,inset 25px 22px 45px rgba(255,255,255,.28),0 0 100px rgba(150,170,205,.12)}.projects-sphere:before,.projects-sphere:after{content:"";position:absolute;inset:-9%;border:1px solid rgba(200,211,226,.31);border-radius:50%;transform:rotate(54deg) scaleY(.34)}.projects-sphere:after{inset:-21%;opacity:.42;transform:rotate(-25deg) scaleY(.72);border-style:dashed;animation:orbit-spin 15s linear infinite}.projects-sphere i{position:absolute;inset:22%;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 30px rgba(255,255,255,.12)}.projects-sphere b{position:absolute;left:47%;top:47%;width:6%;aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 0 22px #fff}.projects-sphere span{position:absolute;left:50%;top:-18%;height:136%;width:1px;background:linear-gradient(transparent,#9aa7b8,transparent);transform:rotate(35deg)}@keyframes orbit-spin{to{transform:rotate(335deg) scaleY(.72)}}.projects-hero__copy{position:relative;z-index:3;max-width:820px}.projects-hero__copy>p,.ecosystem header>p,.method header>p,.media-lab__copy>p,.projects-future>p{margin:0 0 28px;text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:#b5b9c1}.projects-hero__copy>p span,.ecosystem header>p span,.method header>p span,.media-lab__copy>p span,.projects-future>p span{color:#aeb8ff;margin-right:16px}.projects-hero h1{font-size:clamp(4rem,8vw,8.5rem);font-weight:300;line-height:.84;letter-spacing:-.065em;margin:0}.projects-hero h1 em{font-style:normal;color:#747982}.projects-hero__lead{width:min(600px,75%);margin:38px 0 36px;color:#b9bdc4;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55}.projects-hero__copy>a,.project-world__copy>a,.media-lab__copy>a,.projects-close>a{display:inline-flex;align-items:center;gap:38px;padding:20px 24px;border:1px solid #69717e;text-transform:uppercase;letter-spacing:.17em;font-size:10px;transition:.3s}.projects-hero__copy>a:hover,.project-world__copy>a:hover,.media-lab__copy>a:hover{background:#f1f1ef;color:#0b0c0e}.projects-hero__rail{position:absolute;right:28px;bottom:35px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.23em;font-size:9px;color:#747982}.ecosystem{position:relative;min-height:100vh;padding:130px clamp(24px,6vw,100px);background:var(--paper);color:var(--ink);overflow:hidden}.ecosystem:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,22,25,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,25,.09) 1px,transparent 1px);background-size:8vw 8vw}.ecosystem header{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.5fr;align-items:end;border-bottom:1px solid #b9bab7;padding-bottom:40px}.ecosystem h2,.method h2,.projects-future h2{font-size:clamp(3rem,6.2vw,7rem);font-weight:300;line-height:.92;letter-spacing:-.055em;margin:0}.ecosystem h2 em,.method h2 em,.projects-future h2 em{font-style:normal;color:#777a80}.ecosystem__experience{position:relative;z-index:2;display:grid;grid-template-columns:.8fr .9fr 1.1fr;gap:5vw;align-items:center;min-height:600px}.ecosystem__orbit{position:relative;width:min(33vw,390px);aspect-ratio:1;border:1px solid #979da6;border-radius:50%;display:grid;place-items:center;transition:transform .55s cubic-bezier(.16,1,.3,1)}.ecosystem__orbit:before,.ecosystem__orbit:after,.ecosystem__orbit i{content:"";position:absolute;border:1px solid #a8adb4;border-radius:50%}.ecosystem__orbit:before{inset:15%}.ecosystem__orbit:after{inset:31%}.ecosystem__orbit i:nth-child(1){width:16px;height:16px;top:11%;left:48%;background:var(--accent);border:0;box-shadow:0 0 20px var(--accent)}.ecosystem__orbit i:nth-child(2){width:8px;height:8px;right:17%;bottom:20%;background:#15171a}.ecosystem__orbit i:nth-child(3){inset:-8%;border-style:dashed;animation:orbit-spin 18s linear infinite}.ecosystem__orbit b{font-size:clamp(3rem,6vw,6rem);font-weight:300;letter-spacing:-.08em}.ecosystem__nav{display:flex;flex-direction:column}.ecosystem__nav button{display:flex;gap:19px;align-items:center;padding:20px 0;border:0;border-bottom:1px solid #c6c7c4;background:none;text-align:left;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#76797d;cursor:pointer}.ecosystem__nav button span{color:#a5a9ae}.ecosystem__nav button.is-active{color:#090a0c;font-weight:700}.ecosystem__panel span{font-size:10px;letter-spacing:.2em;color:#898d93}.ecosystem__panel h3{font-size:clamp(3.5rem,7vw,7rem);font-weight:300;line-height:.9;letter-spacing:-.06em;margin:24px 0}.ecosystem__panel p{max-width:520px;font-size:18px;line-height:1.55;color:#5e6268}.ecosystem__panel a{display:inline-flex;gap:30px;margin-top:20px;padding-bottom:9px;border-bottom:1px solid #202226;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.ecosystem__hint{position:relative;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#8b8e93;font-size:9px}.project-worlds{background:#090a0d}.project-world{--world:#9ba7ff;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:1px solid #292c32;overflow:hidden}.project-world:nth-child(even){grid-template-columns:.9fr 1.1fr}.project-world:nth-child(even) .project-world__media{order:2}.project-world--conetbit{--world:#78e7ff}.project-world--bigoo{--world:#ff8171}.project-world--circle{--world:#aeb8ff}.project-world--travel{--world:#7de0bc}.project-world--autentica{--world:#f0a7c6}.project-world__media{position:relative;height:100%;min-height:720px;overflow:hidden}.project-world__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.12);transform:scale(1.05);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.project-world.is-visible .project-world__media img{transform:scale(1)}.project-world__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#090a0d)}.project-world:nth-child(even) .project-world__media:after{background:linear-gradient(-90deg,transparent 55%,#090a0d)}.project-world__media span{position:absolute;z-index:2;width:220px;height:220px;right:12%;top:18%;border:1px solid var(--world);border-radius:50%;opacity:.45;box-shadow:0 0 80px color-mix(in srgb,var(--world) 35%,transparent)}.project-world__copy{padding:80px clamp(30px,6vw,100px)}.project-world__copy>p{color:#999ea8;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.project-world__copy>p span{color:var(--world);margin-right:14px}.project-world__copy h2{font-size:clamp(4rem,7vw,8rem);font-weight:300;letter-spacing:-.065em;line-height:.86;margin:34px 0}.project-world__copy h3{font-weight:300;font-size:clamp(1.65rem,2.5vw,3rem);line-height:1.05;margin:0 0 26px}.project-world__copy>p:not(:first-child){font-size:17px;line-height:1.65;color:#aeb2ba;text-transform:none;letter-spacing:0}.project-world__copy ul{list-style:none;padding:0;margin:30px 0 38px;display:grid;grid-template-columns:1fr 1fr}.project-world__copy li{padding:13px 0;border-bottom:1px solid #33363c;font-size:12px;color:#c4c7cc}.method{min-height:100vh;padding:130px clamp(24px,7vw,115px);background:#e9e9e5;color:#0b0c0e}.method header{display:grid;grid-template-columns:.7fr 1.5fr;align-items:end;border-bottom:1px solid #b6b8b8;padding-bottom:45px}.method__steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.method__steps button{min-height:210px;padding:25px;text-align:left;border:1px solid #c5c6c3;border-right:0;background:none;cursor:pointer;color:#777b80;transition:.35s}.method__steps button:last-child{border-right:1px solid #c5c6c3}.method__steps button span{display:block;font-size:10px}.method__steps button strong{display:block;margin:54px 0 13px;font-size:clamp(1.6rem,2.6vw,3rem);font-weight:300;letter-spacing:-.04em}.method__steps button small{font-size:12px}.method__steps button.is-active{background:#0b0c0e;color:#fff;transform:translateY(-12px)}.method__signal{position:relative;min-height:270px;display:flex;align-items:flex-end;justify-content:space-between;padding:70px 0 20px;overflow:hidden}.method__signal b{font-size:clamp(5rem,13vw,15rem);font-weight:300;letter-spacing:-.075em;color:#d1d2ce}.method__signal p{position:relative;z-index:2;width:min(380px,40%);font-size:17px;line-height:1.55}.method__signal i{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#151618;transform-origin:left;animation:signal 2.2s ease-in-out infinite}@keyframes signal{0%,100%{transform:scaleX(.1)}50%{transform:scaleX(1)}}.media-lab{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;background:#08090c}.media-lab__image{min-height:700px;overflow:hidden}.media-lab__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}.media-lab__copy{padding:100px clamp(30px,6vw,95px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.media-lab__copy h2{font-size:clamp(3.4rem,6vw,7rem);font-weight:300;letter-spacing:-.06em;line-height:.9;margin:0 0 35px}.media-lab__copy>p:not(:first-child){font-size:18px;line-height:1.6;color:#aeb2b9}.media-lab__ticker{display:flex;gap:35px;width:max-content;margin:40px 0;text-transform:uppercase;letter-spacing:.16em;color:#747b85;font-size:10px;animation:ticker 18s linear infinite}.media-lab__ticker span:after{content:"·";margin-left:35px}@keyframes ticker{to{transform:translateX(-40%)}}.projects-future{padding:140px clamp(24px,7vw,115px);background:#e9e9e5;color:#0b0c0e}.projects-future>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:65px}.projects-future>div span{padding:18px 22px;border:1px solid #b7b9b7;border-radius:100px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.projects-close{position:relative;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:100px 24px}.projects-close>p{text-transform:uppercase;letter-spacing:.25em;color:#90959e;font-size:10px}.projects-close h2{font-weight:300;font-size:clamp(3.7rem,7.5vw,8.5rem);line-height:.88;letter-spacing:-.065em;margin:25px 0}.projects-close>span{max-width:680px;color:#aeb3bc;font-size:18px;line-height:1.5}.projects-close>a{margin-top:42px;background:#f1f2f3;color:#0b0c0e}.projects-close__portal{position:absolute;inset:auto;width:min(58vw,760px);aspect-ratio:1;border:1px solid #333842;border-radius:50%;opacity:.28;animation:portal 9s linear infinite}.projects-close__portal i{position:absolute;inset:15%;border:1px dashed #687284;border-radius:50%}.projects-close__portal i:nth-child(2){inset:32%;border-style:solid}.projects-close__portal span{position:absolute;inset:45%;background:#fff;border-radius:50%;box-shadow:0 0 80px #9faed0}@keyframes portal{to{transform:rotate(360deg)}}.projects-close>*:not(.projects-close__portal){position:relative;z-index:2}@media(max-width:900px){.projects-nav nav{display:none}.projects-hero{padding-bottom:9vh}.projects-sphere{width:65vw;right:-20vw;top:16vh;opacity:.68}.projects-hero h1{font-size:clamp(4.2rem,14vw,7rem)}.projects-hero__lead{width:85%}.ecosystem header,.method header{grid-template-columns:1fr;gap:25px}.ecosystem__experience{grid-template-columns:1fr;gap:30px;padding-top:60px}.ecosystem__orbit{width:min(76vw,390px);margin:auto}.ecosystem__panel{padding:20px 0 60px}.project-world,.project-world:nth-child(even){grid-template-columns:1fr}.project-world:nth-child(even) .project-world__media{order:0}.project-world__media{min-height:55vh}.project-world__media:after,.project-world:nth-child(even) .project-world__media:after{background:linear-gradient(transparent 55%,#090a0d)}.project-world__copy{padding:55px 25px 90px}.method__steps{grid-template-columns:1fr 1fr}.method__steps button:nth-child(2){border-right:1px solid #c5c6c3}.method__signal{align-items:flex-start;flex-direction:column}.method__signal p{width:100%}.media-lab{grid-template-columns:1fr}.media-lab__image{min-height:55vh}.projects-close__portal{width:105vw}}@media(max-width:560px){.projects-nav{height:72px;padding:0 18px}.projects-brand b{display:none}.projects-back{font-size:0}.projects-back span{font-size:14px}.projects-hero{padding-left:24px;padding-right:24px}.projects-hero__copy>p{max-width:280px;line-height:1.7}.projects-hero h1{font-size:17vw}.projects-hero__rail{display:none}.ecosystem,.method,.projects-future{padding:100px 22px}.ecosystem h2,.method h2,.projects-future h2{font-size:13vw}.ecosystem__panel h3{font-size:16vw}.project-world__copy h2{font-size:17vw}.project-world__copy ul{grid-template-columns:1fr}.method__steps{grid-template-columns:1fr}.method__steps button,.method__steps button:nth-child(2){border-right:1px solid #c5c6c3}.method__steps button.is-active{transform:none}.method__signal b{font-size:18vw}.media-lab__copy{padding:80px 24px}.projects-close h2{font-size:15vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.projects-sphere,.ecosystem__orbit i:nth-child(3),.media-lab__ticker,.projects-close__portal,.method__signal i{animation:none!important;transition:none!important}}