@font-face{font-family:'Pressure';src:url('/assets/roboto-flex.ttf?v=3') format('truetype');font-weight:100 1000;font-stretch:25% 151%;font-display:swap}
:root{--bg:#f5f6f8;--bg2:#e9edf3;--surface:rgba(255,255,255,.43);--line:rgba(60,70,98,.14);--text:#262b3b;--muted:#636b7b;--lime:#6555a6;--cyan:#53859a;--r:30px;color-scheme:light}
body{background:var(--bg);color:var(--text)}body:before{display:none}
::selection{background:#d4c5f2;color:#252938}:focus-visible{outline:3px solid #7866bb;outline-offset:5px}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px rgba(114,132,162,.18),0 8px 28px rgba(67,75,115,.065)}
.navbar{width:max-content;max-width:calc(100% - 28px);gap:22px;padding:9px 12px 9px 20px;top:24px;color:var(--text);background:rgba(255,255,255,.58)}
.navbar .pressure{font-family:'Pressure',sans-serif;width:84px;height:34px;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.025em;font-size:32px;line-height:1;flex-shrink:0}
.navbar .pressure span{font-weight:inherit;transition:none;transform:none}.nav-divider{background:rgba(52,60,80,.15)}.navbar nav{gap:23px}.navbar nav a{font-size:13px;color:#555c6c}.navbar nav a:hover{color:#6555a6}.nav-contact{color:#3b3d51;background:rgba(209,201,235,.43);border:1px solid rgba(255,255,255,.8);padding:10px 14px;border-radius:999px}.nav-contact:hover{color:#262b3b;background:#ded8ee}
.hero{min-height:790px;height:100svh;max-height:980px;padding:136px 6vw 24px;isolation:isolate}
.hero-atmosphere{z-index:-1;background:radial-gradient(ellipse at 8% 10%,#d4e4f4 0,transparent 48%),radial-gradient(ellipse at 83% 38%,#dfd4f2 0,transparent 43%),radial-gradient(ellipse at 86% 92%,#f8ddc6 0,transparent 42%),radial-gradient(ellipse at 42% 90%,#e0ebd4 0,transparent 38%),#f5f6f8}
.hero-atmosphere:after{display:none}.hero-content{grid-template-columns:1.08fr 1fr;gap:4vw;max-width:1250px}.hero-copy{padding-bottom:28px}.availability{color:#687080;font:12px Manrope,system-ui;letter-spacing:0;display:flex;align-items:center;margin-bottom:24px}.availability span{background:#94a98b;box-shadow:0 0 0 4px #96b18c17;flex-shrink:0}
h1{font-size:clamp(66px,7.7vw,114px);line-height:1;letter-spacing:-.07em;font-weight:500}h1 em{font-style:normal;color:#7664ab;position:relative;display:inline-flex;align-items:center;gap:26px}.hello-star{color:#93a98e;display:block;transform:rotate(-14deg)}
.hero-copy>p{color:#626878;font-size:17px;line-height:1.75;margin-top:26px}.hero-actions{margin-top:30px;gap:12px}.btn{background:rgba(255,255,255,.45);color:#3f4658;border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 1px #fff,0 3px 12px #53617b09;font-size:14px;padding:14px 20px}.btn:hover{background:rgba(255,255,255,.8);border-color:#fff}.btn.primary{color:#fff;background:#30394b;border-color:#30394b;box-shadow:0 8px 18px #30394b18;font-weight:500}.btn.primary:hover{background:#475069;border-color:#475069}.btn:disabled{opacity:.45;cursor:not-allowed}
.hero-disciplines{color:#626b78;font:12px Manrope,system-ui;text-transform:none;gap:16px;margin-top:40px}.hero-disciplines span:before{color:#9486b3}.hero-bottom{color:#747984;border-color:#62718b20;font-size:9px;letter-spacing:.12em;padding-top:18px}.hero-bottom a,.motion-toggle{color:#4d5668}.hero-bottom a span{color:#6555a6}
.avatar-stage{position:relative;height:530px;width:100%;display:flex;align-items:center;justify-content:center;perspective:900px}.avatar-halo{position:absolute;width:104%;aspect-ratio:1;max-width:570px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#dceef0 0,#d5c6ed88 45%,#f6dbbe88 75%);opacity:.7;border:1px solid #ffffffb0;box-shadow:inset 0 0 70px #fff}
.avatar-window{position:relative;width:340px;height:420px;border-radius:36px;transform:rotate(-7deg);padding:18px 22px;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffffa8,#ffffff25);box-shadow:inset 1px 2px 3px #fff, inset -1px -1px 2px #fff9,0 25px 50px #68718b20;overflow:hidden;animation:avatar-float 8s ease-in-out infinite}
.avatar-window-bar{display:flex;gap:5px;align-items:center;height:24px;color:#6a6c7c;flex-shrink:0}.avatar-window-bar>span{height:5px;width:5px;background:#a6a2b7;border-radius:50%}.avatar-window-bar small{font:10px 'DM Mono',monospace;margin-left:10px;letter-spacing:-.02em}.avatar-window-bar svg{margin-left:auto;width:14px}
.avatar-image{width:100%;height:306px;object-fit:contain;position:relative;padding:14px 8px 0;filter:drop-shadow(0 9px 0 #ffffff55);mix-blend-mode:multiply}.avatar-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffffb0;padding-top:12px;color:#606675}.avatar-caption span:first-child{font-weight:800;font-size:20px;letter-spacing:-.08em}.avatar-caption span:last-child{font:10px 'DM Mono',monospace}
.avatar-tag{position:absolute;display:flex;align-items:center;gap:9px;border-radius:999px;padding:13px 18px;font-size:12px;color:#565767;white-space:nowrap}.avatar-tag svg{width:16px;color:#86759f}.tag-design{top:75px;right:-8px;transform:rotate(8deg);background:linear-gradient(120deg,#fff9,#e9e0f8b0)}.tag-motion{bottom:53px;left:-16px;transform:rotate(5deg);background:linear-gradient(120deg,#fff9,#e4edddb0)}.avatar-sticker{position:absolute;bottom:88px;right:2%;width:74px;height:74px;border-radius:24px;display:grid;place-items:center;font-size:23px;letter-spacing:-.05em;color:#8d694f;background:linear-gradient(135deg,#fff9,#f5d1afb0);transform:rotate(14deg)}
.section{padding:105px 7vw;scroll-margin-top:92px}.section-label,.eyebrow{color:#757b89;letter-spacing:.13em}.about-grid{gap:8vw}.about h2,.section-heading h2,.clients h2{font-size:clamp(42px,4.6vw,66px);line-height:1.08;letter-spacing:-.06em;font-weight:500}.about h2 span,.section-heading h2 span{color:#84749e}.lead{color:#3e4454;font-size:23px;line-height:1.5;margin-top:26px}.about-grid p:not(.lead){line-height:1.8;color:#6d7180}.badge{color:#636879;background:#ffffff80;border-color:#7b86a41f;font-size:10px}.skill-tags{gap:8px}
.works{background:linear-gradient(160deg,#e4eaf04f,#ede9f255,transparent)}.section-heading p{color:#747584;line-height:1.7}.filters{margin-bottom:32px}.filter{color:#626978;background:#ffffff60;border-color:#fff;padding:10px 17px}.filter.active,.filter:hover{background:#dcd6eb;color:#4d425f;border-color:#fff}.project-art{border:1px solid #fff;border-radius:28px}.project-art:after{opacity:.14}.project-caption h3{font-size:18px;color:#353a48}.project-caption p{color:#777b87;font-size:12px}.project-caption{padding:18px 3px}.sample-ui{color:#3e485f}.mini-pills{background:#ffffff70}.asset-card{box-shadow:inset 0 1px 1px #fff,0 10px 28px #68789109;padding:10px}.asset-preview{border-radius:22px}.asset-preview .badge{color:#506044;background:#e1eccf}.asset-info h3{color:#363d4d}.asset-download{color:#6d5d98}.gradient-preview{background:linear-gradient(130deg,#bfdfe4,#d7c7f1 45%,#f2d7c5 75%,#dfeacb)}.gradient-preview>span:first-child{color:#fff9}.glass-preview{background:linear-gradient(145deg,#dce9f2,#c1c7de)}.prompt-preview{background:linear-gradient(120deg,#dbe8ce,#e9e9d6)}.prompt-preview>span:first-child{color:#6b8262}.asset-info p{color:#777b87}
.clients{background:radial-gradient(ellipse at 14% 75%,#e1ebd988,transparent 55%),radial-gradient(ellipse at 90% 40%,#e6dcf488,transparent 50%);max-width:none}.clients .section-heading{max-width:1300px;margin:24px auto 40px}.clients h2{margin:0}.client-loops{padding:30px 0;border-radius:32px;overflow:hidden}.logo-loop{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);padding:24px 0}.logo-track{display:flex;width:max-content;will-change:transform}.logo-sequence{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:70px;padding-right:70px;flex-shrink:0}.brand-wordmark{font-size:31px;white-space:nowrap;color:#515769;letter-spacing:-.065em;min-width:100px;text-align:center;line-height:1.2;transition:opacity 180ms ease}.brand-0{font-weight:800}.brand-1{font-weight:700;font-style:italic}.brand-2{font-family:Georgia,serif;font-weight:700;font-style:italic}.brand-3{font-weight:600;letter-spacing:-.055em}.loop-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;color:#747c86}.loop-toggle{display:flex;gap:6px;align-items:center;background:#ffffff50;border:1px solid white;border-radius:99px;padding:7px 12px;font-size:12px;color:#5c6373;cursor:pointer}.loop-toggle svg{width:13px;height:13px}
.contact{background:radial-gradient(ellipse at 20% 35%,#d7e5f5a0,transparent 45%),radial-gradient(ellipse at 80% 75%,#efdfd099,transparent 48%);max-width:none;min-height:620px}.contact-glow{background:radial-gradient(circle,#dfd3ec,transparent 65%);opacity:.8;filter:blur(28px)}.contact h2{font-size:clamp(55px,7vw,94px);line-height:1.06;letter-spacing:-.065em;font-weight:500}.contact h2 em{color:#8a779e}.contact p{color:#6b7080}.contact-note{color:#737c84;margin-top:48px}footer{border-color:#62718b20;color:#747c86}footer .wordmark{color:#333b4a}footer button{color:#6a598f}
.dialog{background:linear-gradient(135deg,#f9fafcf5,#ebedf5f5);color:var(--text);box-shadow:0 30px 90px #414d7740;border:1px solid #fff}.dialog::backdrop{background:#a6aeca50;backdrop-filter:blur(10px)}.dialog-head{border-color:var(--line)}.dialog-body .lead{color:#50596e}.dialog-body .alert{color:#587047;background:#dbe8cf70;border-color:#b8c7a080}.dialog-body>h2{font-size:38px;font-weight:500;line-height:1.12;letter-spacing:-.05em;margin-bottom:18px}.dialog-body>p{color:var(--muted)}.field>span{color:#596073}.field input,.field textarea,.field select{color:#30394b;background:#ffffff80;border-color:#bac3d480}.field select option{background:#f5f6f8;color:#30394b}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9788bf;box-shadow:0 0 0 3px #a99bc72b}.dialog form small{color:#697183}.drawer-nav a{color:#535c70}.mobile-menu{color:#4a5264}.toast{color:#46556c}.toast svg{color:#71845a}.toast.error svg{color:#a85050}
.intro{background:radial-gradient(ellipse at 20% 20%,#dae8f6,transparent 65%),radial-gradient(ellipse at 80% 80%,#e7d8ee,transparent 60%),#f5f6f8}.intro .dialog-head .eyebrow{color:#737b8e}.intro-orbits i{border-color:#929bbb45}.intro-copy h2{font-weight:500}.intro-copy em{color:#8b7bac}.intro-footer{color:#737b8e}.intro-progress{background:#d9dce8}.intro-progress span{background:#a397bf}
@keyframes avatar-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-5deg)}}
@media(hover:hover) and (pointer:fine){.avatar-window:hover{animation-play-state:paused}.brand-wordmark:hover{opacity:.6}}
@media(max-width:1050px){.hero{padding-left:5vw;padding-right:5vw;min-height:740px}.avatar-stage{height:470px}.avatar-window{width:290px;height:365px;padding:16px}.avatar-image{height:264px}.tag-design{top:50px;right:-4px}.tag-motion{bottom:145px;left:-28px}.avatar-sticker{bottom:65px;right:-8px}.availability{font-size:11px}.hero-actions .btn{padding:13px 16px}}
@media(max-width:800px){.navbar{gap:14px;padding:8px 12px 8px 17px;top:16px}.navbar nav{display:flex;gap:18px}.navbar .nav-divider{display:block}.navbar .nav-contact{display:none}.mobile-menu{display:none}.navbar .pressure{width:72px;height:30px;font-size:28px}.hero{height:auto;max-height:none;min-height:0;padding:134px 24px 24px}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}h1{font-size:65px}.hero-copy>p{font-size:15px}.availability{font-size:11px;max-width:240px}.avatar-stage{height:390px}.avatar-window{width:245px;height:315px;border-radius:28px;padding:14px}.avatar-image{height:216px}.avatar-window-bar small{font-size:8px}.avatar-caption span:last-child{font-size:8px}.avatar-tag{font-size:10px;padding:10px 12px}.tag-design{top:14px}.tag-motion{bottom:2px;left:0}.avatar-sticker{width:55px;height:55px;font-size:19px;bottom:45px;right:-10px}.hero-actions{flex-wrap:wrap}.hero-disciplines{gap:8px;font-size:10px;margin-top:28px}.hero-bottom{margin-top:55px}.section{padding:78px 24px}.about-grid{grid-template-columns:1fr 1fr;gap:32px}.about h2,.section-heading h2{font-size:44px}.lead{font-size:20px}.project-grid{grid-template-columns:1fr 1fr}.project-caption{align-items:flex-start;gap:8px;flex-direction:column}.asset-grid{grid-template-columns:repeat(3,1fr);gap:12px}.asset-info{padding:14px 5px}.asset-info h3{font-size:15px}.asset-info p{font-size:11px}.asset-preview{height:145px}.section-heading{display:flex}.section-heading p{font-size:13px}.contact{min-height:500px}.contact h2{font-size:65px}.contact-note{font-size:10px}.hero-bottom a{font-size:11px}.hero-bottom>span{max-width:180px;line-height:1.7}footer{display:flex;font-size:10px}footer>div{gap:12px}}
@media(max-width:580px){.navbar nav{gap:15px}.navbar nav a{font-size:12px}.navbar nav a[href='#clientes']{display:none}.navbar .nav-divider{display:none}.mobile-menu{display:block;padding:6px}.navbar{gap:18px;max-width:calc(100% - 24px)}.hero{padding:116px 22px 22px}.hero-content{grid-template-columns:1fr;gap:4px}.hero-copy{padding:0}.availability{max-width:none;font-size:11px;margin-bottom:20px}h1{font-size:76px;line-height:.98}.hero-copy>p{font-size:14px;margin-top:20px}.hero-actions{gap:9px;margin-top:24px}.hero-actions .btn{font-size:12px;padding:13px 16px}.hero-disciplines{font-size:11px;margin-top:25px}.avatar-stage{height:410px;max-width:370px;margin:20px auto 0}.avatar-window{height:332px;width:263px}.avatar-image{height:236px}.avatar-halo{width:96%}.tag-design{top:24px;right:0}.tag-motion{bottom:105px;left:-4px}.avatar-sticker{bottom:46px;right:0}.hero-bottom{margin-top:16px;font-size:8px}.hero-bottom>span{max-width:130px}.hero-bottom a{font-size:10px}.about-grid,.project-grid,.asset-grid{grid-template-columns:1fr}.about-grid{gap:6px}.section-heading{display:block}.section-heading h2,.about h2{font-size:44px}.section-heading p{font-size:14px;margin-top:20px}.lead{font-size:22px}.about-grid p:not(.lead){font-size:15px}.filters{gap:6px}.filter{font-size:11px;padding:9px 12px}.project-caption{flex-direction:row}.project-caption h3{font-size:16px}.project-caption .badge{font-size:8px}.asset-grid{gap:20px}.asset-preview{height:190px}.asset-info{padding:18px 10px}.asset-info h3{font-size:18px}.asset-info p{font-size:12px}.brand-wordmark{font-size:26px;min-width:90px}.logo-sequence{gap:44px;padding-right:44px}.logo-loop{padding:20px 0}.client-loops{margin:0 -8px;padding:15px 0;border-radius:24px}.contact h2{font-size:51px}.contact p{font-size:14px}.contact{min-height:480px}.contact-note{margin-top:36px}footer{display:grid;gap:16px;padding:26px 24px}footer>div{gap:25px}.intro-copy h2{font-size:54px}}
.hero-atmosphere:after{display:block;inset:auto;right:-16vw;top:8%;width:64vw;height:64vw;border:1px solid #ffffff85;background:linear-gradient(160deg,#e1eaf830,transparent 65%);box-shadow:0 0 0 60px #ffffff16,0 0 0 120px #ffffff12,0 0 100px #d3e6cc30;animation:orbit 18s linear infinite}
.hero-atmosphere:before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 60%,#c9e5f080,transparent 40%),radial-gradient(ellipse at 80% 30%,#ddcff180,transparent 38%),radial-gradient(ellipse at 70% 90%,#f6d7bc70,transparent 35%);animation:pastel-drift 18s ease-in-out infinite alternate}
.avatar-stage .art-orbit{inset:6% -8% 7%;border-color:#7c8caa50;pointer-events:none;z-index:2;box-shadow:0 1px 0 #ffffff90}.avatar-stage .orbit-two{border-color:#a48fb54d}.avatar-tag,.avatar-sticker{z-index:3}.avatar-window{z-index:1}
@keyframes pastel-drift{from{transform:translate(-2%,-2%) rotate(-4deg)}to{transform:translate(3%,3%) rotate(5deg)}}
@media(max-width:580px){.hero-atmosphere:after{width:120vw;height:120vw;right:-40vw;top:40%}.avatar-stage .art-orbit{inset:5% -3%}}
@media(prefers-reduced-motion:reduce){.avatar-window,.hero-atmosphere:before,.hero-atmosphere:after,.art-orbit{animation:none}.hello-star{transform:none}.logo-loop{overflow:auto;mask-image:none}.logo-track{transform:none!important}.logo-sequence[data-copy]{display:none}.logo-track{will-change:auto}}