/* Elemental4 / Matter in motion. An original, progressively enhanced art system. */
@property --e4-travel{syntax:'<number>';inherits:true;initial-value:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--fx-x:50%;--fx-y:50%;--pointer-x:0;--pointer-y:0;--scroll-speed:0;--chapter-progress:0}
body:after{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.026;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='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:91px;border-bottom-color:#b2d8ff19}.desktop-nav{padding:7px 25px;border:1px solid #ccd5ff25;border-radius:50px;background:#0a092c30;backdrop-filter:blur(18px);gap:30px}.desktop-nav a{font-size:11px;position:relative}.desktop-nav a:after{content:'';position:absolute;height:3px;width:3px;background:#b8e7ff;bottom:3px;left:50%;border-radius:50%;transform:scale(0);transition:transform .3s}.desktop-nav a:hover:after{transform:scale(1)}
.hero{isolation:isolate;min-height:850px;max-height:1250px;padding-top:130px;background:radial-gradient(ellipse at 70% 40%,#1a2257 0%,#080921 38%,#030018 72%)}.hero-art{opacity:.44;mix-blend-mode:screen;transition:opacity 1s}.hero-art img{filter:saturate(.78) contrast(1.15);object-position:64% 50%}.has-webgl .hero-art{opacity:.13}.hero-shade{background:linear-gradient(90deg,#030018 0%,#030018b8 28%,#03001800 70%),linear-gradient(0deg,#030018 0%,#03001800 30%)}.hero-grid{opacity:.65;background-size:25% 100%}.hero-top{position:relative;z-index:2}.hero-copy{z-index:4;margin-top:50px;margin-bottom:50px;max-width:950px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(88px,9.2vw,161px);letter-spacing:-.079em;line-height:.94}.hero h1 em{background:linear-gradient(110deg,#dcf6ff,#97ddff 40%,#8786ef 82%,#c5b4f3);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-kicker{display:flex;align-items:center;gap:11px;color:#c0d4e5;letter-spacing:.16em;font-size:8px;margin-bottom:28px}.kicker-line{display:block;width:35px;height:1px;background:#77c7ee;box-shadow:0 0 15px #5abdff}.hero-description{max-width:340px;color:#d4d8e9;font-size:14px}.hero-bottom{position:relative;z-index:5;padding-top:15px;border-top:1px solid #abc2e826}.hero .primary{background:#c3e9fc;border:1px solid #d3efff;box-shadow:0 0 0 5px #7fcfff0a,0 5px 30px #1f5a8525}.hero .primary:hover{box-shadow:0 0 0 8px #7fcfff15,0 0 55px #56acdf45}.primary span,.outline span{transition:transform .4s var(--ease)}.pill:hover span{transform:translate(3px,-3px)}.hero-explore{color:#c7cee3}.hero-explore span{display:inline-block;transition:transform .3s}.hero-explore:hover span{transform:translateY(5px)}
.matter-stage{position:absolute;right:-1%;top:8%;width:65%;height:79%;z-index:-1;pointer-events:none;perspective:1000px}.matter-canvas{width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity 1.4s;filter:drop-shadow(0 0 28px #407fe626)}.has-webgl .matter-canvas{opacity:1}.matter-aura{position:absolute;inset:15% 15% 5%;border-radius:50%;background:radial-gradient(ellipse,#587de247,transparent 65%);filter:blur(25px);transform:rotate(-30deg)}.matter-orbit{position:absolute;left:10%;top:14%;width:78%;height:70%;border:1px solid #71bef228;border-radius:50%;transform:rotateX(67deg) rotateY(-15deg) rotateZ(-28deg);box-shadow:0 0 40px #66cfff06,inset 0 0 40px #66cfff08}.matter-orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;top:45%;left:0;background:#b9e9ff;box-shadow:0 0 24px #74ceff}.orbit-b{transform:rotateX(15deg) rotateY(67deg) rotateZ(-32deg);border-style:dashed;border-color:#9bccff1b}.orbit-b:after{left:80%;top:10%;width:4px;height:4px}.matter-coordinate{position:absolute;font:8px 'Space Grotesk';letter-spacing:.12em;color:#b4bed5}.coord-a{right:9%;top:25%;writing-mode:vertical-rl}.coord-b{left:25%;bottom:8%}.matter-crosshair{position:absolute;right:17%;bottom:8%;font-size:30px;font-weight:300;color:#96cdef70}.matter-console{position:absolute;right:6vw;bottom:110px;z-index:5;text-align:right}.matter-instruction{display:block;font:8px 'Space Grotesk';letter-spacing:.13em;color:#a8bdd8;margin-bottom:12px}.matter-modes{display:flex;border:1px solid #bed1ff30;border-radius:32px;gap:3px;padding:4px;background:#090b25b0;backdrop-filter:blur(20px)}.matter-modes button{font-size:10px;padding:12px 17px;border-radius:24px;color:#b4bdd7;transition:background .35s,color .35s;min-height:40px}.matter-modes button[aria-pressed=true]{background:#c6eaff;color:#0b1a37}.matter-modes button:hover{background:#37629444;color:white}.matter-modes button[aria-pressed=true]:hover{background:#e1f3ff;color:#0b1a37}.matter-tip{display:block;font-size:8px;letter-spacing:.06em;color:#a7b2cc;margin-top:10px}.motion-toggle{background:#08091f65}.motion-toggle:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#88d7ff;margin-right:5px}.motion-toggle[aria-pressed=true]:before{background:#9b9eb1}
.split-word{display:inline-block;white-space:nowrap;vertical-align:bottom;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em;line-height:1.05}.split-inner{display:inline-block;will-change:transform}.hero-copy h1 .split-inner{background:inherit}.hero-copy h1 em .split-inner{background:linear-gradient(120deg,#c6edff,#8ed3ff 55%,#a596f3);background-clip:text;color:transparent}.hero-copy h1 em{background:none;color:#a4d8ff}.signal-ribbon{overflow:hidden;position:relative;z-index:3;padding:25px 0;border-block:1px solid #bcdbff20;background:#0b0927;transform:rotate(-2deg);width:101%;margin-left:-.5%;margin-top:-10px;box-shadow:0 15px 50px #0003}.signal-track{display:flex;gap:50px;width:max-content;will-change:transform}.signal-track>span{display:flex;align-items:center;gap:28px;font-family:'Space Grotesk';font-weight:500;font-size:28px;letter-spacing:-.055em;white-space:nowrap}.signal-track em{font-family:Georgia,serif;color:#a0daf5;font-size:34px}.signal-track b{font-weight:400;color:#54b9ed;font-size:38px;line-height:1}.js-motion .signal-track{animation:e4-marquee 36s linear infinite;animation-play-state:paused}.js-motion .signal-ribbon.fx-visible .signal-track{animation-play-state:running}@keyframes e4-marquee{to{transform:translateX(calc(-50% - 25px))}}
.manifest{padding-top:100px;padding-bottom:80px;position:relative;isolation:isolate}.manifest:before{content:'';font-size:44vw;line-height:1;position:absolute;right:-5%;top:5%;color:#14143960;z-index:-1;pointer-events:none;transform:rotate(calc(var(--chapter-progress)*100deg))}.manifest-content{padding-bottom:80px}.manifest h2{font-size:clamp(40px,5.6vw,88px);line-height:1.17}.manifest-aside{position:relative;padding-top:25px}.manifest-aside:before{content:'';position:absolute;left:-25px;top:0;width:1px;height:100%;background:linear-gradient(transparent,#79c9f255,transparent)}.manifest .orbit-icon{font-size:85px;background:linear-gradient(150deg,#cfeaff,#3783b9,#6a56af);background-clip:text;color:transparent}.ink-word{opacity:.25;transition:opacity .25s,filter .25s}.ink-word.ink-lit{opacity:1;filter:blur(0)}.motion-off .ink-word{opacity:1}.manifest-bottom{padding-top:25px;border-top:1px solid #b5d2ff20}
.dive{height:auto;position:relative;isolation:isolate;background:#040217}.dive-sticky{height:850px;min-height:680px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 50%,#25357655,transparent 50%),#030018}.js-motion:not(.short-viewport) .dive{height:350vh}.js-motion:not(.short-viewport) .dive-sticky{position:sticky;top:0;height:100svh;min-height:650px}.dive-top{position:absolute;left:6vw;right:6vw;top:35px;display:flex;justify-content:space-between;align-items:center;z-index:5}.dive-top .eyebrow{font-size:9px;color:#b2c0d9}.dive-skip{font-size:10px;padding:12px 0;border-bottom:1px solid #9fbbdf40}.dive-depth{position:absolute;inset:0;perspective:1100px;perspective-origin:55% 48%;z-index:-1;overflow:hidden}.depth-grid{position:absolute;inset:0;background-image:linear-gradient(#77bdf510 1px,transparent 1px),linear-gradient(90deg,#77bdf510 1px,transparent 1px);background-size:90px 90px;transform:perspective(700px) rotateX(62deg) translateY(30%) scale(1.8);mask-image:linear-gradient(transparent,#000 45%,transparent)}.depth-frame{position:absolute;width:47vw;height:58vh;left:31%;top:21%;border:1px solid #7bc8ff55;border-radius:40% 40% 12% 12%;box-shadow:inset 0 0 25px #6fa8fc07,0 0 30px #629eef08;transform-style:preserve-3d;transform:translateZ(calc(var(--e4-travel)*1300px - var(--depth,0)*230px)) rotateZ(calc(var(--depth,0)*-9deg + var(--e4-travel)*35deg));opacity:calc(.6 - var(--depth,0)*.065)}.frame-one{--depth:0}.frame-two{--depth:1}.frame-three{--depth:2}.frame-four{--depth:3}.frame-five{--depth:4}.depth-frame:before,.depth-frame:after{content:'';position:absolute;width:5px;height:5px;background:#a6dfff;box-shadow:0 0 18px #8cccff;border-radius:50%;left:12%;top:11%}.depth-frame:after{left:auto;top:auto;right:12%;bottom:11%}.depth-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.dive-specimen{position:absolute;width:min(46vw,650px);height:70%;object-fit:contain;right:11%;top:16%;opacity:.73;filter:drop-shadow(0 0 30px #51a9e122);transform:translate3d(0,calc(var(--e4-travel)*-80px),calc(var(--e4-travel)*180px)) rotate(calc(-20deg + var(--e4-travel)*80deg)) scale(calc(.78 + var(--e4-travel)*.42))}.dive-stories{position:absolute;inset:0;display:grid;align-items:center;padding-left:9vw;pointer-events:none}.dive-story{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(40px);transition:opacity .6s,transform .8s var(--ease),visibility .6s;max-width:1000px}.dive-story.active{opacity:1;visibility:visible;transform:none}.dive-number{font:9px 'Space Grotesk';letter-spacing:.16em;color:#9acdec;display:block;margin-bottom:32px}.dive-story>p{font-size:clamp(24px,3.3vw,54px);line-height:1.07;letter-spacing:-.06em;color:#d5dcef;text-shadow:0 2px 30px #030018}.dive-story strong{font-size:clamp(78px,10vw,160px);display:block;line-height:1.04;font-weight:500;color:#f2f4ff;letter-spacing:-.08em;margin-top:8px}.dive-story em{font-family:Georgia,serif;font-weight:400;color:#a5dcff;letter-spacing:-.06em}.dive-caption{font-size:13px;line-height:1.6;display:block;color:#b1bdd8;margin-top:30px}.dive-footer{position:absolute;left:6vw;right:6vw;bottom:35px;display:flex;align-items:center;gap:30px;font:8px 'Space Grotesk';letter-spacing:.12em;color:#a4b4d0}.dive-meter{height:1px;flex:1;background:#c3d8ff22}.dive-meter i{height:1px;display:block;width:calc(var(--e4-travel)*100%);background:#94d6ff;box-shadow:0 0 12px #36a9e1}.dive-percent{font-variant-numeric:tabular-nums;width:38px;text-align:right}.motion-off .dive-sticky,.short-viewport .dive-sticky{height:auto;min-height:0;padding:130px 8vw 80px}.motion-off .dive-stories,.short-viewport .dive-stories{position:relative;display:grid;gap:70px;padding:0}.motion-off .dive-story,.short-viewport .dive-story{opacity:1;visibility:visible;transform:none;grid-area:auto}.motion-off .dive-footer,.short-viewport .dive-footer{display:none}.motion-off .dive-specimen,.short-viewport .dive-specimen{height:60%;top:20%;opacity:.25}.motion-off .dive-depth,.short-viewport .dive-depth{opacity:.65}
.universe-intro{position:relative;overflow:hidden;padding-top:100px;background:radial-gradient(ellipse at 95% 50%,#30267075,transparent 55%)}.universe-intro h2{position:relative;z-index:2}.universe-ghost{position:absolute;right:-3%;top:0;font-family:'Space Grotesk';font-size:46vw;letter-spacing:-.15em;line-height:1;font-weight:700;-webkit-text-stroke:1px #87a9ed24;color:transparent;pointer-events:none;transform:translateY(calc(var(--chapter-progress)*-75px))}.universe-intro .intro-bottom{position:relative;z-index:2}.universe-intro .serif-word{color:#abd4ff}.circle-link{position:relative}.circle-link:after{content:'';position:absolute;inset:-7px;border:1px dashed #aad8ff35;border-radius:50%;transition:transform .8s}.circle-link:hover:after{transform:rotate(95deg) scale(1.12)}.lab-sticky{perspective:1600px}.lab-top{background:#030018ed;backdrop-filter:blur(15px);border-block:1px solid #a4cfff20}.lab-brand:before{content:'';display:inline-block;width:5px;height:5px;background:#7fccf7;border-radius:50%;margin-right:9px;box-shadow:0 0 15px #65bbf7}.lab-scenes{perspective:1600px}.scene.is-active{animation:none}.lab-shutter{position:absolute;inset:0;z-index:10;display:flex;pointer-events:none}.lab-shutter i{flex:1;background:linear-gradient(180deg,#102644,#292661);transform:scaleY(0);transform-origin:bottom}.lab-current strong{letter-spacing:-.04em}.lab-controls button{transition:background .3s,border-color .3s}.lab-controls button:hover{border-color:#a3ccff}.choose-style{background:linear-gradient(100deg,#b8e8ff,#9caaff);background-clip:text;color:transparent}.lab-progress i{box-shadow:0 0 12px #39aaff}.style-options button{position:relative;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}.style-options button:hover{transform:translateY(-3px);border-color:#8ebbf0}.style-picker{box-shadow:0 0 0 1px #689ce612,0 20px 80px #0008;max-height:calc(100svh - 220px);overflow-y:auto}.scene-glass:before{content:'';position:absolute;inset:-70%;background:conic-gradient(from 40deg,transparent,#aec9ff12,transparent,#a9afff17,transparent);pointer-events:none;z-index:-1}.scene-neu .neu-track i{transition:width .7s}.scene-max .max-star{transform-origin:center}.scene-y2k:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#47336d 4px)}.scene-aero:after{content:'';position:absolute;inset:-30%;z-index:-1;background:repeating-conic-gradient(from -25deg at 90% 0%,transparent 0 12deg,#fff3 13deg 17deg,transparent 19deg 40deg);filter:blur(10px);transform:rotate(-10deg)}.scene-brutal h3 span{box-shadow:7px 7px 0 #dafa30,9px 9px 0 #151515}.scene-chrome .chrome-rings i:after{content:'';position:absolute;inset:-35px;border-radius:50%;border:1px solid #c8e6ff35;transform:rotate(20deg) scale(1.02)}.scene-natural:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 30deg at 90% 0%,transparent 0 8deg,#f1fff124 9deg 11deg,transparent 12deg 30deg);filter:blur(8px);mix-blend-mode:soft-light}
.js-motion .scene-glass.is-active:before{animation:e4-turn 24s linear infinite}.js-motion .scene-neu.is-active .neu-knob{animation:e4-breathe 5s ease-in-out infinite}.js-motion .scene-max.is-active .max-star{animation:e4-turn 16s linear infinite}.js-motion .scene-max.is-active .max-sticker{animation:e4-sticker 4s ease-in-out infinite}.js-motion .scene-retro.is-active .retro-seal{animation:e4-turn 30s linear infinite}.js-motion .scene-y2k.is-active .y2k-star{animation:e4-y2k 6s ease-in-out infinite}.js-motion .scene-aero.is-active:after{animation:e4-light 12s ease-in-out infinite alternate}.js-motion .scene-minimal.is-active .minimal-circle{animation:e4-levitate 7s ease-in-out infinite}.js-motion .scene-surreal.is-active .surreal-portal{box-shadow:15px 10px 0 #445979,inset 0 0 70px #69c7ee60,0 0 60px #99d8ff15}.js-motion .scene-chrome.is-active .chrome-rings i:nth-child(2){animation:e4-ring 9s linear infinite}.js-motion .scene-clay.is-active .clay-head{animation:e4-clay 5s ease-in-out infinite}.js-motion .scene-bento.is-active .bento-orbit{animation:e4-breathe 7s ease-in-out infinite}.js-motion .scene-bento.is-active .bento-chart i{transform-origin:bottom;animation:e4-bars 4s ease-in-out infinite;animation-delay:calc(var(--bar-i,0)*-.65s)}.bento-chart i:nth-child(2){--bar-i:1}.bento-chart i:nth-child(3){--bar-i:2}.bento-chart i:nth-child(4){--bar-i:3}.bento-chart i:nth-child(5){--bar-i:4}.js-motion .scene-collage.is-active .collage-photo{animation:e4-collage 8s ease-in-out infinite}.js-motion .scene-flat.is-active .flat-shapes b{animation:e4-breathe 5s ease-in-out infinite}.js-motion .scene-natural.is-active:after{animation:e4-light 13s ease-in-out infinite alternate}.js-motion .matter-orbit.orbit-a{animation:e4-orbit 24s linear infinite}.js-motion .hero .matter-aura{animation:e4-breathe 8s ease-in-out infinite}.js-motion .live-dot{animation:e4-pulse 4s ease-in-out infinite}.fx-offscreen .ecosystem-object{animation-play-state:paused!important}.fx-offscreen .scene *,.fx-offscreen .scene:before,.fx-offscreen .scene:after{animation-play-state:paused!important}.hero.fx-offscreen .matter-orbit,.hero.fx-offscreen .matter-aura{animation-play-state:paused!important}
@keyframes e4-turn{to{transform:rotate(360deg)}}@keyframes e4-breathe{0%,100%{scale:1}50%{scale:1.06}}@keyframes e4-sticker{0%,100%{transform:rotate(15deg) scale(1)}50%{transform:rotate(-7deg) scale(1.04)}}@keyframes e4-y2k{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(25deg) scale(.88)}}@keyframes e4-light{from{transform:rotate(-12deg) translateX(-5%)}to{transform:rotate(10deg) translateX(5%)}}@keyframes e4-levitate{0%,100%{transform:translateY(0);box-shadow:20px 40px 60px #0002}50%{transform:translateY(-23px);box-shadow:10px 60px 70px #0001}}@keyframes e4-ring{to{transform:rotateY(360deg)}}@keyframes e4-clay{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(6deg) translateY(-12px)}}@keyframes e4-bars{0%,100%{scale:1 1}50%{scale:1 .48}}@keyframes e4-collage{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes e4-orbit{from{transform:rotateX(67deg) rotateY(-15deg) rotateZ(-28deg)}to{transform:rotateX(67deg) rotateY(-15deg) rotateZ(332deg)}}@keyframes e4-pulse{0%,100%{box-shadow:0 0 0 0 #36a9e130}50%{box-shadow:0 0 0 6px #36a9e100}}
.lab-outro{position:relative;overflow:hidden;padding-block:120px;background:radial-gradient(ellipse at 50% 10%,#39379770,transparent 65%),#030018}.lab-outro:before{content:'';position:absolute;width:70vw;height:70vw;border:1px solid #adc9ff18;border-radius:50%;left:15vw;top:-40vw;pointer-events:none;box-shadow:0 0 0 35px #adc9ff04,0 0 0 70px #adc9ff03,0 0 0 105px #adc9ff02}.lab-outro h2{position:relative;z-index:1;font-size:clamp(46px,6vw,95px)}.lab-outro .pill{position:relative;z-index:1}
.projects{background:#dee7ed;position:relative;isolation:isolate;overflow:clip;border-radius:38px 38px 0 0}.projects:before{content:'SELECTED WORK';position:absolute;top:135px;left:1%;right:0;font:700 14vw 'Space Grotesk';letter-spacing:-.08em;white-space:nowrap;color:#28375606;pointer-events:none;z-index:-1}.projects .section-heading{position:relative;padding-bottom:80px}.projects .section-heading h2{font-size:clamp(52px,7.6vw,116px)}.project-grid{perspective:1300px;gap:100px 5vw}.project-card{position:relative;transform-style:preserve-3d;--card-r:0deg;--card-y:0px;transform:translateY(var(--card-y)) rotate(var(--card-r));will-change:transform}.project-card:nth-child(even){margin-top:165px}.project-visual{border-radius:6px;box-shadow:0 22px 55px #14254120;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--ease),box-shadow .65s;aspect-ratio:1.2}.project-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--card-light-x,50%) var(--card-light-y,0%),#ffffff70,transparent 52%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s}.project-visual:hover:after{opacity:1}.project-visual:hover{box-shadow:0 35px 80px #14254135}.project-visual img{height:112%;transform:translateY(calc(var(--image-y,0)*1px));object-position:50% 50%;transition:transform .8s var(--ease),filter .5s}.project-visual:hover img{transform:translateY(calc(var(--image-y,0)*1px)) scale(1.045);filter:saturate(1.08)}.project-open{background:#e0f3ffed!important}.project-meta{margin-top:25px;align-items:center}.project-meta h3{font-size:28px}.project-meta>span{font:500 42px 'Space Grotesk';letter-spacing:-.09em;color:#68849f70}.project-meta p{color:#46586c;letter-spacing:.08em;font-size:8px}.projects-end{position:relative;z-index:2;padding-top:35px}.projects-end p{font-size:23px;letter-spacing:-.04em}.project-card.reveal{opacity:1!important}.js-motion .project-card.reveal{transform:translateY(var(--card-y)) rotate(var(--card-r))!important}
.ecosystem{padding-top:110px;background:radial-gradient(ellipse at 20% 65%,#29397366,transparent 50%),#030018}.ecosystem-title{position:relative;isolation:isolate}.ecosystem-title:after{content:'';position:absolute;width:350px;height:350px;left:-25px;bottom:5%;border:1px solid #7fa9ea25;border-radius:50%;box-shadow:0 0 0 35px #4b83c007,0 0 0 70px #4b83c004;z-index:-1;transform:rotateX(45deg) rotateZ(calc(var(--service-phase,0)*35deg));transition:transform 1.5s var(--ease)}.ecosystem-object{transform:rotate(calc(var(--service-phase,0)*18deg));filter:drop-shadow(0 25px 40px #2c9feb30) hue-rotate(calc(var(--service-phase,0)*12deg));transition:filter 1.3s,rotate 1.3s;rotate:calc(var(--service-phase,0)*12deg)}.services{position:relative}.services details{position:relative;transition:background .45s,border-color .45s}.services details[open]{border-color:#74c9f390;background:linear-gradient(90deg,#2f5b9215,transparent)}.services summary{padding:34px 15px 34px 0;transition:padding-left .45s,color .45s}.services summary:hover{padding-left:12px;color:#a9dfff}.services summary h3{font-size:25px}.services summary>span{width:28px;transition:color .3s}.services details[open] summary>span{color:#9edfff}.services details[open] .service-body{animation:e4-service-in .5s var(--ease)}@keyframes e4-service-in{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.process{position:relative;padding-bottom:100px;overflow:clip}.process h2{font-size:clamp(46px,5.8vw,94px)}.process-steps{gap:16px}.process-steps article{padding:28px 22px 30px;border:1px solid #bdd3ff20;border-radius:3px;background:linear-gradient(145deg,#24315c30,#030018);min-height:255px;transition:transform .6s var(--ease),border-color .6s}.process-steps article:nth-child(even){margin-top:35px;margin-bottom:-35px}.process-steps article:hover{transform:translateY(-12px) rotate(-1deg);border-color:#7ebadd80}.process-steps article:before{width:24px;height:1px;left:22px;top:-1px;box-shadow:0 0 20px #6cc7ff}.process-steps h3{font-size:24px;line-height:1.1}.process-steps p{font-size:12px}.process-steps article>span{color:#91cde9}.faq{padding-block:80px}.faq details{transition:background .4s,padding .4s}.faq details[open]{background:#92caff07;padding-inline:18px;border-color:#80bcf45c}.faq summary{font-size:16px}.contact{padding-top:110px;border-radius:35px 35px 0 0;border-top:1px solid #9dd4ff30;background:#090728}.contact-glow{background:radial-gradient(ellipse at var(--fx-x,30%) var(--fx-y,70%),#4b4bae70,transparent 60%),radial-gradient(ellipse at 95% 90%,#36a9e125,transparent 50%);transition:background .2s}.contact:before{content:'LET’S MAKE IT';position:absolute;left:-5%;bottom:-5%;font:700 19vw 'Space Grotesk';letter-spacing:-.09em;white-space:nowrap;color:#b5d8ff04;z-index:-1;pointer-events:none}.contact h2{font-size:clamp(62px,7.2vw,111px)}.brief-form{position:relative;background:linear-gradient(135deg,#d5eaff0b,#a9c6ff03);border-color:#bddcff30;box-shadow:0 20px 70px #0003,inset 0 1px #ebf7ff18;overflow:hidden}.brief-form:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--fx-x) var(--fx-y),#88c2ff10,transparent 60%)}.brief-choices label>span{transition:background .35s,border-color .35s,transform .35s}.brief-choices label:hover>span{transform:translateY(-3px);border-color:#b0d7ff70}.brief-choices input:checked+span{box-shadow:inset 0 0 30px #54bafb0b}.brief-panel:not([hidden]){animation:e4-service-in .5s var(--ease)}.footer{position:relative;overflow:hidden;background:linear-gradient(#030018,#0c0b29)}.footer-wordmark{display:inline-block;transform:translateY(calc(var(--chapter-progress)*-12px));background:linear-gradient(110deg,#effaff,#acbfdf 60%,#899ad5);background-clip:text;color:transparent}.footer-wordmark>span{color:#63b8e3}.back-top:hover{background:#a0d9ff;color:#07162b;transform:translateY(-5px)}.back-top{transition:background .3s,transform .3s}.footer-bottom{position:relative;z-index:2}.cursor-aura{position:fixed;top:0;left:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid #acdfff80;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transition:width .3s,height .3s,background .3s,border-color .3s,opacity .3s;mix-blend-mode:screen;color:#fff;font-size:8px;letter-spacing:.07em}.cursor-aura.over-work{width:76px;height:76px;background:#132657b8;border-color:#bcecff;backdrop-filter:blur(5px);mix-blend-mode:normal}.cursor-aura.over-action{width:52px;height:52px;background:#96ceff15;border-color:#d9edff55}.cursor-aura.is-present{opacity:1}.motion-off .cursor-aura{display:none}.motion-off .split-inner{transform:none!important;filter:none!important;opacity:1!important}.motion-off .project-card{--card-r:0deg!important;--card-y:0px!important}.motion-off .matter-canvas{opacity:0!important}.motion-off .hero-art{opacity:.42!important}.motion-off .dive,.short-viewport .dive{height:auto!important}.motion-off .scene h3{opacity:1!important;clip-path:none!important;filter:none!important}.fx-pause-all *,.fx-pause-all *:before,.fx-pause-all *:after{animation-play-state:paused!important}
@supports(animation-timeline:view()){.js-motion .section-label:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#a1dbff,transparent);transform-origin:left;animation:e4-rule linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.section-label{position:relative}@keyframes e4-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(min-width:761px) and (max-width:1100px){.hero h1{font-size:10.5vw}.matter-stage{width:76%;right:-14%;top:10%}.matter-console{bottom:115px;right:5vw}.matter-modes button{font-size:9px;padding:10px 12px}.hero-description{max-width:300px}.hero .hero-explore{margin-left:12px}.dive-story strong{font-size:12vw}.services summary h3{font-size:21px}.process-steps h3{font-size:21px}.contact h2{font-size:7.3vw}.contact-layout{gap:5vw}.brief-form{padding:23px}}
@media(max-width:760px){.site-header{height:80px}.desktop-nav{display:none}.hero{min-height:860px;max-height:1050px;height:100svh;padding-top:112px;justify-content:initial}.hero-art{opacity:.42;mix-blend-mode:screen}.hero-art img{object-position:67%}.has-webgl .hero-art{opacity:.17}.hero-shade{background:linear-gradient(90deg,#030018d0,transparent),linear-gradient(0deg,#030018 0%,#03001800 70%)}.matter-stage{right:-36%;width:115%;height:62%;top:17%;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 38%)}.matter-coordinate{font-size:6px}.coord-a{right:30%;top:15%}.coord-b{display:none}.matter-orbit{border-color:#91ceff30}.hero-copy{margin:65px 0 0;padding-top:0;max-width:100%}.hero h1{font-size:clamp(63px,14.5vw,104px);line-height:.95}.hero h1 .split-word{line-height:1.08}.hero-kicker{font-size:7px;letter-spacing:.08em;gap:9px;margin-bottom:28px;white-space:nowrap}.kicker-line{width:19px;flex-shrink:0}.hero-description{font-size:13px;max-width:270px;line-height:1.6;margin-top:23px;margin-bottom:24px}.hero-explore{margin-left:0!important;margin-top:10px}.hero .hero-bottom{margin-top:auto;padding-top:16px}.matter-console{left:6vw;right:auto;bottom:102px;text-align:left;max-width:88vw}.matter-instruction{font-size:7px;letter-spacing:.1em;margin-bottom:9px}.matter-modes{gap:2px;background:#090b25a0}.matter-modes button{font-size:9px;padding:10px 14px;min-height:36px}.matter-tip{display:none}.signal-ribbon{padding:17px 0;margin-top:0}.signal-track{gap:28px}.signal-track>span{font-size:20px;gap:19px}.signal-track em{font-size:25px}.signal-track b{font-size:28px}.manifest{padding-top:75px;padding-bottom:55px}.manifest:before{font-size:95vw;right:-25%;top:22%;opacity:.7}.manifest h2{font-size:8.7vw}.manifest-content{padding-bottom:40px}.manifest-aside{padding-left:16%;padding-top:35px}.manifest-aside:before{left:8%;top:45px;height:80%}.manifest .orbit-icon{font-size:64px}.manifest-bottom{font-size:7px}.dive-sticky{height:800px;min-height:630px}.js-motion:not(.short-viewport) .dive{height:300vh}.js-motion:not(.short-viewport) .dive-sticky{height:100svh;min-height:650px}.dive-top{left:6vw;right:6vw;top:25px;gap:20px;align-items:flex-start}.dive-top .eyebrow{font-size:7px;max-width:160px;line-height:1.7}.dive-skip{font-size:8px;padding:3px 0;white-space:nowrap}.dive-depth{perspective:700px;perspective-origin:60% 43%}.depth-frame{width:80vw;height:45vh;left:15%;top:26%;transform:translateZ(calc(var(--e4-travel)*900px - var(--depth,0)*160px)) rotateZ(calc(var(--depth,0)*-10deg + var(--e4-travel)*30deg))}.dive-specimen{width:90%;height:60%;right:-15%;top:18%;opacity:.52}.dive-stories{padding-left:7vw}.dive-number{font-size:8px;margin-bottom:28px}.dive-story>p{font-size:30px}.dive-story strong{font-size:17vw;letter-spacing:-.075em;line-height:1.07}.dive-caption{font-size:12px;margin-top:26px}.dive-footer{gap:15px;left:6vw;right:6vw;bottom:30px;font-size:7px}.dive-footer>span:first-child{max-width:130px;line-height:1.5}.motion-off .dive-sticky,.short-viewport .dive-sticky{padding:120px 7vw 60px}.motion-off .dive-story strong,.short-viewport .dive-story strong{font-size:15vw}.motion-off .dive-stories,.short-viewport .dive-stories{gap:55px}.universe-intro{padding-top:70px}.universe-ghost{font-size:82vw;right:2%;top:75px;color:#c1dfff03}.universe-intro h2{font-size:14.5vw;line-height:1.05}.lab-outro{padding-block:85px}.lab-outro h2{font-size:10.3vw}.lab-outro:before{width:100vw;height:100vw;left:0;top:-55vw}.style-picker{max-height:calc(100svh - 210px)}.projects{border-radius:24px 24px 0 0;padding-top:65px}.projects:before{font-size:16vw;top:150px}.projects .section-heading{padding-bottom:45px}.projects .section-heading h2{font-size:12.5vw}.project-card{margin-bottom:55px}.project-card:nth-child(even){margin-top:0;margin-left:8%}.project-visual{aspect-ratio:1.05;box-shadow:0 18px 35px #14254120}.project-meta{margin-top:20px}.project-meta h3{font-size:22px}.project-meta>span{font-size:31px}.project-meta p{font-size:7px;line-height:1.5;letter-spacing:.04em}.projects-end p{font-size:20px}.ecosystem{padding-top:75px}.ecosystem-title h2{font-size:13.2vw}.ecosystem-title:after{width:220px;height:220px;left:auto;right:-15%;top:15%;bottom:auto}.ecosystem-object{width:65%;right:-15%;top:4%;opacity:.75}.services summary{padding-block:27px}.services summary h3{font-size:20px}.services summary>span{width:18px}.services summary:hover{padding-left:0}.process{padding-bottom:85px}.process h2{font-size:10vw;margin-bottom:45px}.process-steps{gap:12px}.process-steps article{padding:22px 15px;min-height:270px}.process-steps article:nth-child(even){margin-top:20px;margin-bottom:-20px}.process-steps article:before{left:15px}.process-steps h3{font-size:19px}.process-steps p{font-size:11px}.process-steps article>span{font-size:7px;letter-spacing:.07em}.faq{padding-block:60px}.faq summary{font-size:14px}.contact{padding-top:70px;border-radius:24px 24px 0 0}.contact h2{font-size:14vw}.contact:before{font-size:33vw;bottom:8%}.brief-form{backdrop-filter:blur(10px)}.footer-wordmark{font-size:18vw}.footer-bottom{gap:17px;font-size:7px}.cursor-aura{display:none}.motion-off .hero{min-height:860px}.matter-canvas{filter:none}}
@media(max-width:360px){.hero h1{font-size:60px}.hero-kicker{font-size:6px;letter-spacing:.05em}.matter-modes button{font-size:8px;padding:10px 12px}.hero{min-height:820px}.hero-copy{margin-top:55px}.matter-console{bottom:100px}.process-steps{gap:10px}.process-steps article{padding:18px 12px;min-height:280px}.process-steps h3{font-size:18px}.hero .pill{font-size:11px}.dive-story strong{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.ink-word{opacity:1}.matter-canvas{display:none}.hero-art,.has-webgl .hero-art{opacity:.42}.project-card{--card-r:0deg!important;--card-y:0px!important}.cursor-aura{display:none}.split-inner{opacity:1!important;transform:none!important;filter:none!important}.dive-story{opacity:1;visibility:visible;transform:none;grid-area:auto}.dive-stories{position:relative;display:grid;gap:50px;padding:0}.dive-sticky,.js-motion .dive-sticky{height:auto;min-height:0;padding:130px 7vw 70px}.dive,.js-motion .dive{height:auto}.dive-footer{display:none}.dive-specimen{opacity:.2}.scene h3{filter:none!important;clip-path:none!important}}
@media print{body:after,.matter-stage,.matter-console,.signal-ribbon,.dive,.cursor-aura,.universe-ghost{display:none!important}.ink-word{opacity:1}.split-inner{transform:none!important;opacity:1!important}.hero h1 em,.hero h1 em .split-inner,.footer-wordmark{color:#234;background:none}.project-card{transform:none!important}.project-visual{transform:none!important}.process-steps article{min-height:0}.process-steps article:nth-child(even){margin:0}.projects:before{display:none}}

#contenido{overflow-x:clip}.manifest{overflow:clip}.matter-console:not([data-ready]){display:none}.ink-word{opacity:.4}.ink-word.ink-lit{opacity:1}.hero[data-matter="1"] .hero-art img{filter:saturate(1.2) hue-rotate(18deg)}.hero[data-matter="2"] .hero-art img{filter:saturate(.55) hue-rotate(-18deg)}
html:not(.js-motion) .dive-sticky{height:auto;min-height:0;padding:130px 8vw 80px}html:not(.js-motion) .dive-stories{position:relative;display:grid;gap:70px;padding:0}html:not(.js-motion) .dive-story{opacity:1;visibility:visible;transform:none;grid-area:auto}html:not(.js-motion) .dive-footer{display:none}

/* A material swatch makes choosing a visual direction tangible. */
.style-picker{width:min(720px,92vw)}.style-options button{padding:9px 9px 12px;min-height:100px}.style-swatch{display:block;height:35px;margin-bottom:9px;border-radius:4px;background:#333;position:relative;overflow:hidden;border:1px solid #ffffff20;isolation:isolate}.style-swatch:after{content:'e4';font:italic 600 32px Georgia,serif;position:absolute;left:8px;top:-3px;letter-spacing:-.13em}.style-options [data-style=glass] .style-swatch{background:radial-gradient(circle at 80% 20%,#e0cfff,#48559e 60%);color:#fff}.style-options [data-style=glass] .style-swatch:after{left:45%;top:5px;padding:0 25px;background:#ffffff30;border:1px solid #fff7;border-radius:10px;backdrop-filter:blur(8px)}.style-options [data-style=neu] .style-swatch{background:#dbe1e9;color:#778996;box-shadow:inset 2px 2px 4px #a3afbf,inset -2px -2px 4px #fff}.style-options [data-style=max] .style-swatch{background:repeating-conic-gradient(#fd482c 0 15deg,#ffb4d9 15deg 30deg);color:#232157}.style-options [data-style=max] .style-swatch:after{content:'e4';left:55%;color:#ecff50;font-size:48px}.style-options [data-style=retro] .style-swatch{background:repeating-linear-gradient(-20deg,#e8dab7 0 12px,#a8492e 13px 18px,#e9ab52 19px 24px,#748148 25px 29px);color:#693322}.style-options [data-style=y2k] .style-swatch{background:linear-gradient(135deg,#ecceff,#b7eaff);color:#6c56a5}.style-options [data-style=y2k] .style-swatch:after{content:'e4';left:60%;text-shadow:2px 2px white;font-size:45px}.style-options [data-style=aero] .style-swatch{background:radial-gradient(ellipse at 60% 150%,#3b994c 0 40%,transparent 42%),linear-gradient(#4aacdc,#ccf9ff);color:white}.style-options [data-style=aero] .style-swatch:after{content:'';border-radius:50%;width:25px;height:25px;left:60%;top:4px;box-shadow:inset 2px 2px 5px white;border:1px solid #fff9}.style-options [data-style=brutal] .style-swatch{background:#dafa30;color:#111;border:3px solid #111}.style-options [data-style=brutal] .style-swatch:after{content:'RAW.';font:900 33px Arial;letter-spacing:-.1em}.style-options [data-style=minimal] .style-swatch{background:#eeeee9;color:#414943}.style-options [data-style=minimal] .style-swatch:after{content:'●';font-size:21px;left:70%;top:4px}.style-options [data-style=editorial] .style-swatch{background:#edece6;color:#20201f;border-block:3px solid #20201f}.style-options [data-style=surreal] .style-swatch{background:radial-gradient(ellipse at 70% 100%,#8591b9 30%,transparent 32%),linear-gradient(#3a346d,#b9cdd8);color:#fff1da}.style-options [data-style=chrome] .style-swatch{background:linear-gradient(165deg,#444955,#e8f8ff 24%,#3c454c 40%,#02030b 50%,#e5f9ff 56%,#617483 80%);color:#dfefff}.style-options [data-style=clay] .style-swatch{background:#d7bcde;color:#7d6098;border-radius:12px;box-shadow:inset 3px 3px 5px #ffeaff,inset -3px -3px 5px #a98daf}.style-options [data-style=bento] .style-swatch{background:linear-gradient(90deg,#accbd8 0 45%,transparent 45% 48%,#31366f 48% 74%,transparent 74% 77%,#b3c4b4 77%);color:white}.style-options [data-style=collage] .style-swatch{background:repeating-linear-gradient(15deg,#cdddcc 0 11px,#f591a0 12px 23px,#eee9cc 24px 29px);color:#162831}.style-options [data-style=collage] .style-swatch:after{transform:rotate(-12deg);background:#f2eee5;left:35%}.style-options [data-style=flat] .style-swatch{background:linear-gradient(90deg,#f5a950 50%,#4677ab 50%);color:#203c41}.style-options [data-style=natural] .style-swatch{background:url('forest.webp') center 45%/cover;color:#dfefc8}.style-picker .style-options button:hover .style-swatch{filter:brightness(1.15)}
.js-motion .lab-scenes .scene :is(.glass-orb,.neu-console,.max-star,.retro-sun,.y2k-star,.aero-bubble,.brutal-arrow,.minimal-circle,.surreal-object,.chrome-rings,.clay-toy,.bento-grid,.collage-photo,.flat-shapes){translate:calc(var(--world-x,0)*22px) calc(var(--world-y,0)*16px);transition:translate .8s var(--ease)}
::view-transition-group(e4-project){animation-duration:700ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(e4-project),::view-transition-new(e4-project){height:100%;object-fit:cover;mix-blend-mode:normal}.project-dialog::backdrop{backdrop-filter:blur(16px);background:#030018bb}
@media(max-width:760px){.style-options{grid-template-columns:repeat(2,1fr)}.style-options button{min-height:97px;font-size:11px}.style-swatch{height:32px}.style-picker{padding:18px}.picker-head{position:sticky;top:-18px;padding-block:10px;background:#0e0b27;z-index:2;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(e4-project){animation:none}}

.style-picker{max-height:min(calc(100svh - 210px),calc(100% - 180px))}@media(max-width:760px){.style-picker{max-height:min(calc(100svh - 210px),calc(100% - 210px))}.style-options button span{display:block;margin-bottom:5px}}