:root:has(.immersive-hero){color-scheme:light;background:#fff}body:has(.immersive-hero){background:#fff;min-width:0;margin:0;overflow:hidden}.immersive-hero{--hero-x:0px;--hero-y:0px;--hero-rotation-z:0deg;--hero-scale:1;--hero-exit-scale:1;--creative-presence:.75;--dev-presence:.75;color:#fff;isolation:isolate;background:#fff;width:100vw;height:100svh;position:relative;overflow:hidden}.immersive-hero__scene,.immersive-hero__image,.immersive-hero__canvas{width:100%;height:100%;position:absolute;inset:0}.immersive-hero__scene{z-index:0;transform:translate3d(var(--hero-x), var(--hero-y), 0) rotateZ(var(--hero-rotation-z)) scale(calc(var(--hero-scale) * var(--hero-exit-scale)));transform-origin:50% 52%;backface-visibility:hidden;will-change:transform}.immersive-hero__image{z-index:0;object-fit:cover;object-position:50% 50%;backface-visibility:hidden;display:block}.immersive-hero__image--center{opacity:1}.immersive-hero__canvas{z-index:1;opacity:0;pointer-events:none;background:#fff;transition:opacity .16s ease-out;display:block}.immersive-hero.has-canvas .immersive-hero__canvas{opacity:1}.immersive-hero.has-canvas .immersive-hero__image--center{opacity:0}.immersive-hero:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#00000057,#0000 42% 58%,#00000057);position:absolute;inset:0}.hero-seo{z-index:5;color:#141414b8;pointer-events:none;max-width:min(28rem,100vw - 3rem);position:absolute;top:clamp(1.5rem,3.2vw,3.5rem);left:clamp(1.5rem,4vw,5rem)}.hero-seo h1{letter-spacing:-.025em;margin:0;font:500 clamp(.82rem,1.05vw,1.05rem)/1.2 Inter,Helvetica Neue,Arial,sans-serif}.hero-seo p{letter-spacing:.01em;opacity:.7;margin:.25rem 0 0;font:400 clamp(.68rem,.8vw,.82rem)/1.35 Inter,Helvetica Neue,Arial,sans-serif}.immersive-hero__links{z-index:2;opacity:1;visibility:visible;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-height:100svh;transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1),visibility linear;display:grid;position:relative}.immersive-hero.is-intro .immersive-hero__links{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.immersive-hero.is-intro .immersive-hero__link--creative{transform:translate(-14px,8px)}.immersive-hero.is-intro .immersive-hero__link--dev{transform:translate(14px,8px)}.immersive-hero__link{color:#fff;flex-direction:column;justify-content:flex-end;gap:.65rem;min-width:0;padding:clamp(1.5rem,5vw,5.5rem);text-decoration:none;transition:background-color .24s,opacity .24s,transform .76s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.immersive-hero__link--creative{text-align:left;align-items:flex-start}.immersive-hero__link--dev{text-align:right;align-items:flex-end}.immersive-hero__copy{flex-direction:column;gap:.65rem;width:max-content;max-width:100%;display:flex}.immersive-hero__link--creative .immersive-hero__copy{text-align:right;align-items:flex-end}.immersive-hero__link--dev .immersive-hero__copy{text-align:left;align-items:flex-start}.immersive-hero__word{letter-spacing:-.08em;font:700 clamp(4rem,11vw,11rem)/.78 Inter,Helvetica Neue,Arial,sans-serif;transition:color .22s}.immersive-hero__label{letter-spacing:.18em;text-transform:uppercase;font:600 clamp(.7rem,1.2vw,.95rem)/1.1 Inter,Helvetica Neue,Arial,sans-serif;transform:translate(6px)}.immersive-hero__link--creative .immersive-hero__label{transform:translate(18px)}.immersive-hero__link--dev .immersive-hero__label{transform:translate(9px)}.immersive-hero__copy:after{color:currentColor;opacity:0;content:"↗";font:500 clamp(.9rem,1.2vw,1.1rem)/1 Inter,Helvetica Neue,Arial,sans-serif;transition:opacity .22s,transform .22s cubic-bezier(.16,1,.3,1);transform:translate(-5px)}.immersive-hero__link--creative .immersive-hero__copy:after{position:relative;left:16px}.immersive-hero__link--dev .immersive-hero__copy:after{position:relative;left:8px;transform:translate(5px)}.immersive-hero__link:hover{opacity:1;background:#0000001f}.immersive-hero__link:hover .immersive-hero__copy:after,.immersive-hero__link:focus-visible .immersive-hero__copy:after{opacity:.85;transform:translate(0,0)}.immersive-hero__link--creative:hover .immersive-hero__word,.immersive-hero__link--creative:focus-visible .immersive-hero__word{color:#ff6a00}.immersive-hero__link--dev:hover .immersive-hero__word,.immersive-hero__link--dev:focus-visible .immersive-hero__word{color:#00f}.immersive-hero__link:focus-visible{z-index:2;outline-offset:-12px;background:#00000038;outline:3px solid #fff;position:relative}.immersive-hero__link--creative{opacity:var(--creative-presence)}.immersive-hero__link--dev{opacity:var(--dev-presence)}.immersive-hero.is-leaving{opacity:.94;transition:opacity .28s ease-out}.immersive-hero.is-leaving .immersive-hero__scene{--hero-exit-scale:1.01}.immersive-hero.is-leaving[data-selected-universe=creative] .immersive-hero__link--creative,.immersive-hero.is-leaving[data-selected-universe=dev] .immersive-hero__link--dev{opacity:1}.immersive-hero.is-leaving[data-selected-universe=creative] .immersive-hero__link--dev,.immersive-hero.is-leaving[data-selected-universe=dev] .immersive-hero__link--creative{opacity:.45}.immersive-hero__diagnostics{z-index:3;color:#fff;pointer-events:none;background:#00000094;border:1px solid #ffffff73;border-radius:.5rem;max-width:calc(100% - 2rem);padding:.55rem .7rem;font:600 .68rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:1rem;left:1rem}@media (width<=760px),(hover:none),(pointer:coarse){body:has(.immersive-hero){overflow:auto}.hero-seo{max-width:none;top:1rem;left:1rem;right:1rem}.hero-seo h1{font-size:.9rem}.hero-seo p{font-size:.72rem}.immersive-hero__scene{transform:scale(1.015)}.immersive-hero__image{object-position:54% 50%}.immersive-hero__links,.immersive-hero.is-intro .immersive-hero__links{opacity:1;visibility:visible;pointer-events:auto;min-height:100svh;transform:none}.immersive-hero__link{padding:1.5rem}.immersive-hero__word{font-size:clamp(2.65rem,14vw,4.5rem)}.immersive-hero__label{letter-spacing:.12em;max-width:8rem;font-size:.62rem}.immersive-hero__copy:after{display:none}}@media (width>=600px) and (height>=600px) and (hover:none) and (pointer:coarse){body:has(.immersive-hero.is-touch-scrub){overflow:hidden}.immersive-hero.is-touch-scrub{touch-action:none}.immersive-hero.is-touch-scrub .immersive-hero__scene{transform:translate3d(var(--hero-x), var(--hero-y), 0) rotateZ(var(--hero-rotation-z)) scale(calc(var(--hero-scale) * var(--hero-exit-scale)))}}@media (prefers-reduced-motion:reduce){body:has(.immersive-hero){overflow:auto}.immersive-hero__scene{transform:none}.immersive-hero__links,.immersive-hero.is-intro .immersive-hero__links{opacity:1;visibility:visible;pointer-events:auto;transition:none;transform:none}.immersive-hero__link{transition:none}.immersive-hero__copy:after{display:none}}