@font-face{font-family:Space;src:url('space-grotesk-3.a0d054c4.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#08090b;--surface:#111215;--text:#f0f0ed;--muted:#96999f;--line:#ffffff20;--accent:#ff693b;--blue:#7695ff;--pad:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:-80px;left:20px;background:var(--text);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:15px}.wrap{max-width:1600px;margin:auto;padding-inline:var(--pad)}
.nav{height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:4;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:500;line-height:1.05;letter-spacing:-.04em}.brand img{display:block;width:174px;height:auto}.brand{flex-shrink:0}.brand span span{display:block}.nav-links{display:flex;gap:36px;align-items:center;font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-contact{border:1px solid #ffffff45;padding:12px 18px;border-radius:3px}.arrow{display:inline-block;margin-left:24px;transition:transform .25s}a:hover .arrow{transform:translate(3px,-3px)}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px;box-shadow:0 0 14px #ff693b70}
.hero{position:relative;min-height:790px;height:calc(100svh - 100px);max-height:1000px;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.hero-copy{position:relative;z-index:2;pointer-events:none;width:100%}.hero-copy a{pointer-events:auto}.hero .eyebrow{margin:0 0 34px;color:#c1c3c8}.hero h1{font-size:clamp(68px,8.8vw,144px);line-height:.96;font-weight:400;letter-spacing:-.085em;margin:0}.hero h1 span{display:block}h1 span:first-child{font-weight:500}@media(min-width:1001px){h1 span{white-space:nowrap}}.hero h1 .silver{color:#a6abb3;background:linear-gradient(105deg,#fff 0%,#aeb4c1 43%,#6c737f 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bottom{display:flex;align-items:flex-end;gap:60px;margin-top:40px}.hero-bottom p{max-width:330px;font-size:17px;line-height:1.65;color:#adb0b6;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 22px;background:var(--accent);color:#0a0a0a;font-size:14px;font-weight:500;border:1px solid var(--accent);border-radius:3px;transition:background .25s,transform .25s;white-space:nowrap}.button:hover{background:#ff8965;transform:translateY(-3px)}.button .arrow{margin:0;font-size:20px}.hero-art{position:absolute;width:76%;height:90%;right:-6%;top:-4%;z-index:-1;pointer-events:none;will-change:transform;transform:translate3d(var(--mx,0px),var(--my,0px),0)}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:levitate 9s ease-in-out infinite;mask-image:linear-gradient(to bottom,black 80%,transparent)}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 35%)}.hero-copy{padding-top:90px}.hero-meta{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.05em}.hero-meta a{display:flex;align-items:center;gap:14px}.hero-meta a span{font-size:19px;color:var(--text)}.motion-toggle{background:none;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:3px;cursor:pointer;font-size:12px}.motion-toggle:hover{color:white;border-color:#ffffff66}.art-note{position:absolute;right:1%;top:23%;font-size:11px;letter-spacing:.12em;color:#b0b4bd;writing-mode:vertical-rl;z-index:1}
.signal{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;position:relative;height:94px;display:flex;align-items:center;background:#0b0c0f}.signal-track{display:flex;gap:50px;align-items:center;width:max-content;animation:marquee 38s linear infinite}.signal-group{display:flex;gap:50px;align-items:center;white-space:nowrap;color:#9da0a7;font-size:18px;letter-spacing:-.04em}.signal-group i{color:var(--accent);font-style:normal;font-size:22px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:115px 0 54px}.section-head .eyebrow{color:var(--muted);margin:0 0 22px}.section-head h2{font-size:clamp(42px,5.2vw,80px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:0}.section-head h2 span{color:#747880}.section-head>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:310px;margin:0 0 3px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 28px}.app-card{min-width:0;--app-color:var(--blue)}.app-visual{overflow:hidden;aspect-ratio:16/9;background:#17191c;border:1px solid var(--line);position:relative;border-radius:4px}.app-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .8s;filter:saturate(.8)}.app-card:hover .app-visual img{transform:scale(1.045);filter:saturate(1.1)}.app-num{position:absolute;top:13px;right:13px;color:#fff;background:#08090bbd;backdrop-filter:blur(12px);font-size:12px;padding:6px 9px;border:1px solid #ffffff30}.app-info{padding:23px 0 0}.app-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-title h3{font-size:27px;letter-spacing:-.055em;font-weight:500;margin:0}.app-title a{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.app-title a:hover{color:var(--app-color)}.app-title .arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px}.app-tag{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 10px;white-space:nowrap}.app-info p{max-width:410px;font-size:16px;line-height:1.6;color:var(--muted);margin:13px 0 18px}.app-category{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-color)}
.studio{position:relative;overflow:hidden;margin-top:120px;border-block:1px solid var(--line);background:#0c0e12}.studio-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:100px;position:relative}.studio .eyebrow{color:var(--accent);margin-top:7px}.studio h2{font-size:clamp(35px,4vw,64px);line-height:1.12;letter-spacing:-.06em;font-weight:400;margin:0 0 30px}.studio h2 span{color:#737a87}.studio p{color:#a7abb4;max-width:550px;font-size:17px;line-height:1.7}.studio-label{display:flex;flex-direction:column;justify-content:space-between;gap:60px}.studio-label .coordinates{font-size:12px;color:var(--muted);line-height:1.8}.studio-label .studio-mark{width:90px;height:90px;object-fit:contain}.contact{position:relative;padding-block:120px 80px;overflow:hidden}.contact .eyebrow{color:var(--muted);margin-bottom:26px}.contact-link{display:flex;justify-content:space-between;align-items:center;font-size:clamp(60px,10vw,155px);line-height:1.1;letter-spacing:-.08em}.contact-link>span:last-child{font-size:clamp(55px,9vw,140px);font-weight:300;color:var(--accent);transition:transform .3s}.contact-link:hover>span:last-child{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:38px;color:var(--muted);font-size:16px}.contact-bottom a{color:var(--text)}.contact-bottom a:hover{color:var(--accent)}footer{border-top:1px solid var(--line);padding-block:28px 35px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer-brand{color:var(--text)}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none}html.motion-paused{scroll-behavior:auto}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){.hero-art{right:0}.hero-copy{padding-top:80px}}@media(max-width:1000px){.hero{min-height:740px;max-height:950px}.hero-art{width:92%;right:-12%;top:0;height:73%;opacity:.85}.hero-copy{padding-top:120px}.hero h1{font-size:clamp(65px,10.8vw,108px)}.hero-bottom{gap:35px}.art-note{display:none}.studio-inner{gap:30px;grid-template-columns:.6fr 1fr}.section-head{padding-top:85px}.section-head>p{max-width:260px}}
@media(max-width:640px){.nav{height:82px}.brand{font-size:15px}.brand img{width:142px}.nav-links{gap:18px;font-size:13px}.nav-links .nav-contact{display:none}.hero{min-height:780px;height:calc(100svh - 82px);max-height:930px;justify-content:flex-end;padding-bottom:100px}.hero-art{width:125%;height:440px;right:-13%;top:-28px;opacity:1}.hero-art::after{background:linear-gradient(0deg,var(--bg),transparent 40%)}.hero-copy{padding-top:250px}.hero .eyebrow{font-size:11px;margin-bottom:25px}.hero h1{font-size:clamp(55px,12.6vw,80px);letter-spacing:-.08em}.hero-bottom{display:block;margin-top:27px}.hero-bottom p{font-size:16px;max-width:300px;margin-bottom:23px}.button{padding:15px 19px}.hero-meta{bottom:22px;font-size:11px;gap:12px}.hero-meta .location{display:none}.signal{height:72px}.signal-group{font-size:15px;gap:30px}.signal-track{gap:30px}.section-head{display:block;padding:70px 0 35px}.section-head>p{margin-top:24px;max-width:340px}.section-head h2{font-size:43px}.app-grid{grid-template-columns:1fr;gap:40px}.app-info{padding-top:16px}.app-title h3{font-size:25px}.app-info p{margin-top:9px;margin-bottom:12px}.studio{margin-top:75px}.studio-inner{grid-template-columns:1fr;padding-block:60px;gap:30px}.studio-label{flex-direction:row;align-items:center;gap:20px}.studio-label .studio-mark,.coordinates{display:none}.studio h2{font-size:38px}.studio p{font-size:16px}.contact{padding-block:70px 55px}.contact-link{font-size:clamp(48px,12vw,77px)}.contact-bottom{display:block;font-size:14px;line-height:1.8;margin-top:22px}footer{font-size:11px;flex-wrap:wrap;line-height:1.6;gap:12px}footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Keep the original chrome photo; feather only its empty outer backdrop. */
.hero-art::after{display:none}.hero-art img{animation:none;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 91%,transparent);-webkit-mask-composite:source-in}
.balloon-ready .hero{isolation:isolate;overflow:visible}.balloon-ready .hero-art{position:absolute;left:0;top:0;right:auto;width:76vw;height:auto;opacity:1;z-index:3;pointer-events:none;mix-blend-mode:lighten;transform-origin:50% 20%;will-change:transform}
.balloon-ready .hero-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.balloon-ready .hero-copy{z-index:5}.balloon-ready .nav{z-index:6}.balloon-ready .hero-meta{z-index:5}.balloon-ready .section-head,.balloon-ready .app-grid{position:relative;z-index:4}
.cloud-grab{position:absolute;inset:0;border:0;padding:0;background:transparent;color:transparent;pointer-events:auto;cursor:grab;touch-action:none;clip-path:polygon(5% 58%,10% 46%,18% 44%,21% 34%,26% 26%,35% 22%,46% 18%,55% 10%,65% 9%,72% 26%,79% 28%,84% 36%,90% 40%,95% 57%,95% 69%,83% 80%,63% 86%,45% 88%,24% 81%,12% 74%)}
.cloud-grab:active,.is-dragging .cloud-grab{cursor:grabbing}.cloud-grab:focus-visible{outline:none;background:#ffffff0d}.cloud-grab:disabled{cursor:default;pointer-events:none}

.panel-metaphor img{filter:none}.panel-credit{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}.panel-credit a{text-decoration:underline;text-underline-offset:3px}

.app-card:hover .panel-metaphor img{transform:none;filter:none}