.hero-app{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;background:var(--neutral-bg);transition:opacity .6s ease,filter .4s ease;font-family:Inter,system-ui,sans-serif}.hero-app[data-takeover=creative]{background:#12081a}.hero-app[data-takeover=tech]{background:#080c16}.hero-app[data-expanding],.hero-app[data-returning]{pointer-events:none}[data-astro-transition-fallback] .hero-center,[data-astro-transition-fallback] .hero-code,[data-astro-transition-fallback] .hero-creative-bg,[data-astro-transition-fallback] .hero-panel-labels{animation:hero-arrive-fade .42s cubic-bezier(.4,0,.2,1) both}@keyframes hero-arrive-fade{0%{opacity:0}to{opacity:1}}.hero-panels{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0}.hero-panel{position:relative;overflow:hidden;transition:flex .55s cubic-bezier(.4,0,.2,1),background .5s ease,border-color .5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-panel-creative{flex:.382;background:#1a1020}.hero-panel-center{flex:.236;background:#fafafa}.hero-panel-tech{flex:.382;background:#080c16}.hero-app[data-takeover=creative] .hero-panel-creative{flex:.68;background:#12081a}.hero-app[data-takeover=creative] .hero-panel-center{flex:0}.hero-app[data-takeover=creative] .hero-panel-tech,.hero-app[data-takeover=tech] .hero-panel-creative{flex:.32}.hero-app[data-takeover=tech] .hero-panel-center{flex:0}.hero-app[data-takeover=tech] .hero-panel-tech{flex:.68}.hero-app[data-expanding] .hero-panel{transition:flex .7s cubic-bezier(.4,0,.2,1),opacity .42s ease,background .5s ease}.hero-app[data-expanding=tech][data-expanding] .hero-panel-tech{flex:1;background:#080c16}.hero-app[data-expanding=tech][data-expanding] .hero-panel-creative{flex:.00001;opacity:0}.hero-app[data-expanding=tech][data-expanding] .hero-panel-center{flex:.00001;background:#080c16}.hero-app[data-expanding=creative][data-expanding] .hero-panel-creative{flex:1;background:#0e0a12}.hero-app[data-expanding=creative][data-expanding] .hero-panel-tech{flex:.00001;opacity:0}.hero-app[data-expanding=creative][data-expanding] .hero-panel-center{flex:.00001;background:#0e0a12}.hero-app[data-expanding][data-expanding] .hero-center,.hero-app[data-expanding][data-expanding] .hero-code,.hero-app[data-expanding][data-expanding] .hero-panel-labels,.hero-app[data-expanding=creative][data-expanding] .hero-creative-vid,.hero-app[data-expanding=creative][data-expanding] .hero-creative-img{opacity:0;transition:opacity .42s ease}@keyframes hero-return-tech-tech{0%{flex-grow:1;background:#080c16}to{flex-grow:.382;background:#080c16}}@keyframes hero-return-tech-creative{0%{flex-grow:.00001;opacity:0}to{flex-grow:.382;opacity:1}}@keyframes hero-return-tech-center{0%{flex-grow:.00001;opacity:0}to{flex-grow:.236;opacity:1}}@keyframes hero-return-creative-creative{0%{flex-grow:1;background:#0e0a12}to{flex-grow:.382;background:#1a1020}}@keyframes hero-return-creative-tech{0%{flex-grow:.00001;opacity:0}to{flex-grow:.382;opacity:1}}@keyframes hero-return-creative-center{0%{flex-grow:.00001;opacity:0}to{flex-grow:.236;opacity:1}}@keyframes hero-return-overlay-fade-in{0%{opacity:0}30%{opacity:0}to{opacity:1}}.hero-app[data-returning]{background:#080c16}.hero-app[data-returning=creative]{background:#0e0a12}.hero-app[data-returning=tech] .hero-panel-tech{animation:hero-return-tech-tech .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning=tech] .hero-panel-creative{animation:hero-return-tech-creative .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning=tech] .hero-panel-center{animation:hero-return-tech-center .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning=creative] .hero-panel-creative{animation:hero-return-creative-creative .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning=creative] .hero-panel-tech{animation:hero-return-creative-tech .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning=creative] .hero-panel-center{animation:hero-return-creative-center .7s cubic-bezier(.4,0,.2,1) forwards}.hero-app[data-returning] .hero-center,.hero-app[data-returning] .hero-code,.hero-app[data-returning] .hero-panel-labels{animation:hero-return-overlay-fade-in .7s cubic-bezier(.4,0,.2,1) forwards}.hero-panel-labels{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.hero-panel-label{font-size:clamp(1rem,1.4vw,1.35rem);font-weight:500;letter-spacing:.04em;transition:color .5s ease,opacity .5s ease}.hero-panel-sub{font-size:.8rem;margin-top:6px;opacity:.5;letter-spacing:.02em;transition:color .5s ease,opacity .5s ease}.hero-panel-creative .hero-panel-label,.hero-panel-creative .hero-panel-sub{color:#d4a0cc;font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-style:italic}.hero-panel-tech .hero-panel-label,.hero-panel-tech .hero-panel-sub{color:#7ab0d8;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.hero-creative-bg{position:absolute;inset:0;pointer-events:none}.hero-creative-img,.hero-creative-vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.hero-creative-img{background:linear-gradient(135deg,#1a1020,#2a1830 40%,#1e1428);opacity:1}.hero-creative-img-inner{width:70%;height:60%;border-radius:8px;background:#c87dba14;border:.5px solid rgba(200,125,186,.12);display:flex;align-items:center;justify-content:center;position:relative}.hero-creative-img-label{position:absolute;bottom:10px;right:14px;font-size:.7rem;color:#c87dba59;font-family:Playfair Display,Georgia,serif;font-style:italic;letter-spacing:.02em}.hero-creative-vid{background:#12081a;opacity:0}.hero-creative-vid-frame{width:70%;height:60%;border-radius:8px;background:#c87dba0d;border:.5px solid rgba(200,125,186,.15);position:relative;overflow:hidden}.hero-creative-vid-scanline{position:absolute;left:0;right:0;height:2px;background:#c87dba1a;animation:hero-scanline 2s linear infinite}@keyframes hero-scanline{0%{top:-2px}to{top:100%}}.hero-creative-vid-bars{position:absolute;bottom:0;left:0;right:0;height:50px;display:flex;align-items:flex-end;gap:2px;padding:0 14px 10px;opacity:.3}.hero-creative-vid-bar{width:3px;background:#c87dba8c;border-radius:1px;animation:hero-vbar .8s ease-in-out infinite alternate}@keyframes hero-vbar{0%{height:4px}to{height:var(--h, 20px)}}.hero-creative-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#c87dba2e;border:.5px solid rgba(200,125,186,.3);display:flex;align-items:center;justify-content:center}.hero-creative-vid-play svg{width:16px;height:16px;fill:#c8a0b8b3}.hero-creative-vid-time{position:absolute;bottom:12px;right:14px;font-size:.7rem;color:#c87dba8c;font-family:JetBrains Mono,Courier New,monospace;letter-spacing:.04em}.hero-creative-vid-label{position:absolute;top:12px;left:14px;font-size:.625rem;color:#c87dba73;font-family:JetBrains Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.18em}.hero-app[data-takeover=creative] .hero-creative-img{opacity:0}.hero-app[data-takeover=creative] .hero-creative-vid{opacity:1}.hero-code-wrap{position:absolute;top:0;bottom:0;right:0;width:38.2%;overflow:hidden;pointer-events:none;z-index:1;translate:0 0;transition:translate .55s cubic-bezier(.4,0,.2,1)}.hero-app[data-takeover=creative] .hero-code-wrap{translate:6.2vw 0}.hero-code{position:absolute;inset:0;padding:20px 28px;overflow:hidden;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;line-height:1.65;white-space:pre;opacity:.3}.hero-app[data-takeover=tech] .hero-code{opacity:.55}.hero-code-line{min-height:1.65em}.hero-code-gutter{color:#1a2538}.hero-code-tag{color:#c7654a}.hero-code-attr{color:#6a8aa0}.hero-code-val{color:#7a9960}.hero-code-txt{color:#4a6078}.hero-code-cmt{color:#2a3848;font-style:italic}.hero-code-pn{color:#3a4858}.hero-code-cls{color:#8a7a50}.hero-code-cursor{display:inline-block;width:6px;height:.95em;background:var(--tech-accent);vertical-align:text-bottom;animation:hero-blink 1s step-end infinite}@keyframes hero-blink{0%,to{opacity:1}50%{opacity:0}}.hero-center{position:absolute;top:0;bottom:0;left:38.2%;width:23.6%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:5;padding:0 12px;text-align:center}.hero-brain{width:88px;height:100px;margin-bottom:18px}.hero-brain-right,.hero-brain-left{fill:#bbb;opacity:.22;transition:fill .5s ease,opacity .5s ease}.hero-brain-midline{stroke:#ccc;stroke-width:.4;stroke-dasharray:2 2}.hero-brain-fold{fill:none;stroke:#aaa;stroke-width:.3;opacity:.35}.hero-app[data-takeover=creative] .hero-brain-right{fill:#c77dba;opacity:.72}.hero-app[data-takeover=creative] .hero-brain-left{opacity:.08}.hero-app[data-takeover=tech] .hero-brain-left{fill:#5a9fd4;opacity:.72}.hero-app[data-takeover=tech] .hero-brain-right{opacity:.08}.hero-cat{pointer-events:auto;margin-bottom:14px;transform:scale(.78);--cat-accent: #1a1a1a;--cat-eye: #444}.hero-app[data-visual=creative] .hero-cat{--cat-accent: #9a5a90;--cat-eye: #d4a0cc}.hero-app[data-visual=tech] .hero-cat{--cat-accent: #3a7abd;--cat-eye: #7ab0d8}.hero-cat .cat-mark-ears,.hero-cat .cat-mark-eye,.hero-cat .cat-mark-nose{transition:color .5s ease,opacity .2s ease}.hero-app[data-fading] .hero-cat .cat-mark-ears,.hero-app[data-fading] .hero-cat .cat-mark-nose{opacity:0}.hero-signature{font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:400;color:#1a1a1a;margin:0;white-space:nowrap;height:clamp(3rem,5.2vw,4.3rem);display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:-.01em;transition:opacity .2s ease,color .5s ease;font-family:"Instrument Serif","DM Serif Display",Georgia,serif;opacity:1}.hero-app[data-visual=creative] .hero-signature{font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:500;letter-spacing:0;color:#d4a0cc}.hero-app[data-visual=tech] .hero-signature{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:clamp(1.4rem,2.1vw,1.8rem);font-weight:400;letter-spacing:0;color:#7ab0d8;text-transform:lowercase}.hero-app[data-visual=tech] .hero-signature:after{content:"";display:inline-block;width:.55em;height:.95em;background:currentColor;margin-left:.18em;vertical-align:text-bottom;animation:hero-signature-cursor 1s step-end infinite}@keyframes hero-signature-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.hero-description{font-size:.78rem;text-align:center;line-height:1.5;max-width:220px;height:1.6em;display:flex;align-items:center;justify-content:center;margin:12px 0 0;color:#888;transition:opacity .2s ease,color .5s ease;font-family:Inter,system-ui,sans-serif;opacity:1}.hero-app[data-visual=creative] .hero-description{font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-style:italic;color:#8a6080}.hero-app[data-visual=tech] .hero-description{font-family:JetBrains Mono,Fira Code,Courier New,monospace;color:#5080a0}.hero-app[data-fading] .hero-signature,.hero-app[data-fading] .hero-description{opacity:0}.hero-hitzones{position:absolute;inset:0;display:flex;z-index:10}.hero-hitzone{height:100%;background:transparent;border:0;padding:0;margin:0;cursor:default;font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0}.hero-hitzone-creative{width:38.2%;cursor:pointer}.hero-hitzone-center{width:23.6%}.hero-hitzone-tech{width:38.2%;cursor:pointer}.hero-hitzone:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff3}.hero-hitzone-creative:focus-visible{box-shadow:inset 0 0 0 2px #d4a0cc59}.hero-hitzone-tech:focus-visible{box-shadow:inset 0 0 0 2px #7ab0d859}.hero-hitzone:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.hero-app,.hero-panel,.hero-creative-img,.hero-creative-vid,.hero-code,.hero-brain-right,.hero-brain-left,.hero-signature,.hero-signature-logo,.hero-description,.hero-panel-label,.hero-panel-sub{transition-duration:.01ms!important}.hero-creative-vid-scanline,.hero-creative-vid-bar,.hero-code-cursor{animation:none!important}.hero-app[data-expanding] .hero-panel{transition-duration:.01ms!important}}@media(max-width:720px){.hero-center{padding:0 8px}.hero-brain{width:64px;height:72px;margin-bottom:12px}.hero-signature{font-size:1.8rem}.hero-app[data-visual=creative] .hero-signature{font-size:1.25rem}.hero-app[data-visual=tech] .hero-signature{font-size:1.05rem}.hero-description{font-size:.7rem;max-width:140px}.hero-panel-label{font-size:.9rem}.hero-panel-sub{display:none}.hero-code{font-size:.625rem;padding:12px 14px}}