@import "https://fonts.googleapis.com/css2?family=Ubuntu+Sans:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{margin:0}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}html,body{background:#07090d}body{color:#f4f7fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu Sans,Ubuntu,Arial,sans-serif;font-weight:500;overflow:hidden}button,a{font:inherit}button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;margin:0;padding:0}img,video{display:block}:root{--navbar-height:clamp(105px, 12vh, 130px);--page-x:clamp(34px, 5vw, 86px);--page-background:#07090d;--surface:#0b1017;--card:#101720;--blue:#1677ff;--blue-bright:#3b9cff;--blue-dark:#0a2e5c;--text:#f4f7fb;--text-muted:#8e9aaa;--border:#0a2e5cb8;--transition:.8s cubic-bezier(.16, 1, .3, 1);--ease:.3s ease}.page{--x:0;--y:0;background:var(--page-background);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.studio-shell{box-sizing:border-box;background:var(--page-background);cursor:pointer;width:160px;height:160px;transition:width var(--transition), height var(--transition), flex-basis var(--transition), border-radius var(--transition), transform .4s ease;border:8px solid #07090d;border-radius:50%;flex:0 0 160px;position:relative;overflow:hidden}.studio-shell:not(.is-open):hover{transform:scale(1.05)}.studio-shell.is-opening{transform:scale(1.02)}.studio-shell.is-open{cursor:default;border-radius:0;flex-basis:auto;width:100vw;height:100vh;transform:none}.studio-entry{background:#07090d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-entry-logo{object-fit:contain;filter:brightness(0)invert();width:100px;max-width:100px;height:auto}.studio-interface{background:var(--page-background);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.topbar{z-index:100;width:100%;height:var(--navbar-height);padding:0 var(--page-x);-webkit-backdrop-filter:blur(22px)saturate(125%);border-bottom:1px solid var(--border);background:#07090de0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #00000047}.topbar-video{z-index:0;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.topbar-brand{z-index:5;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .22s,transform .3s;display:flex;position:relative}.topbar-brand:hover{transform:scale(.985)}.topbar-logo{object-fit:contain;filter:brightness(0)invert();width:clamp(115px,9vw,155px);height:auto;transition:opacity .22s}.topbar-brand:hover .topbar-logo{opacity:.55}.topbar-nav{z-index:5;align-items:center;gap:clamp(34px,3.5vw,64px);display:flex;position:relative}.topbar-link{color:var(--text-muted);letter-spacing:-.035em;white-space:nowrap;transition:color var(--ease);justify-content:center;align-items:center;padding:12px 0;font-size:clamp(17px,1.05vw,21px);font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.topbar-link:hover,.topbar-link.is-active{color:var(--text)}.topbar-link:after{content:"";background:var(--blue);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:2px;left:0;transform:scaleX(0)}.topbar-link.is-active:after{transform-origin:0;transform:scaleX(1)}.hero-area{top:var(--navbar-height);background-color:var(--page-background);background-image:radial-gradient(at 28% 48%,#1677ff12 0%,#0000 58%),linear-gradient(#1677ff07 1px,#0000 1px),linear-gradient(90deg,#1677ff07 1px,#0000 1px);background-size:100% 100%,56px 56px,56px 56px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-left{z-index:1;padding:35px var(--page-x);background:0 0;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hero-intro-card{top:36px;right:var(--page-x);z-index:8;isolation:isolate;background:#191970;border:1.5px solid #12124f;border-color:#2a2a88 #12124f #0c0c38;border-radius:clamp(28px,2.4vw,40px);flex-direction:column;justify-content:flex-end;width:min(48vw,720px);padding:clamp(40px,4vw,64px);transition:box-shadow .3s;display:flex;position:absolute;bottom:36px;overflow:hidden;box-shadow:0 1px #ffffff0d,0 10px 18px #00000047,0 28px 48px #0000005c,0 52px 80px #00000047,inset 0 1px #ffffff0f,inset 0 -24px 32px #0000002e}.hero-intro-card:hover{box-shadow:0 1px #ffffff0f,0 12px 22px #0000004d,0 32px 54px #00000061,0 56px 84px #0000004d,inset 0 1px #ffffff12,inset 0 -24px 32px #0000002e}.hero-intro-glow{z-index:0;pointer-events:none;background:linear-gradient(#191970 0% 62%,#14145e 100%);position:absolute;inset:0}.hero-intro-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff09 0%,#0000 16%);position:absolute;inset:0}.hero-intro-kicker,.hero-intro-card h2,.hero-intro-card p{z-index:1;position:relative}.hero-intro-kicker{color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:800}.hero-intro-card h2{max-width:12ch;color:var(--text);letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(36px,3.4vw,58px);font-weight:800;line-height:.95}.hero-intro-card p{max-width:38ch;color:var(--text-muted);letter-spacing:-.02em;margin:0;font-size:clamp(15px,1.05vw,18px);line-height:1.5}.background-title{width:max-content;transform:translate(calc(var(--x) * -3px), calc(var(--y) * -2px));pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;margin:0;display:flex}.art-tech-title{white-space:nowrap;color:var(--text);letter-spacing:-.075em;margin-bottom:clamp(10px,1.1vh,16px);margin-left:4px;font-size:clamp(73px,7vw,136px);font-weight:800;line-height:.92;display:block}.studio-title{white-space:nowrap;color:var(--text);letter-spacing:-.095em;font-size:clamp(166px,16vw,311px);font-weight:800;line-height:.72;display:block}.hero-right{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.section-card{z-index:30;background:var(--card);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(28px)saturate(130%);pointer-events:auto;width:min(64vw,1120px);height:min(100% - 90px,690px);min-height:500px;transition:border-color var(--ease), box-shadow var(--ease);border-radius:clamp(28px,2.5vw,42px);flex-direction:column;padding:clamp(52px,4.5vw,78px);animation:.52s cubic-bezier(.16,1,.3,1) both cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000047}.section-card:hover{border-color:#1677ff73;box-shadow:0 16px 36px #00000047,0 0 22px #1677ff1a}.section-card-proyectos,.section-card-servicios,.section-card-contacto{isolation:isolate;-webkit-backdrop-filter:none;width:min(76vw,1320px);transition:box-shadow .3s;box-shadow:0 1px #ffffff0d,0 10px 18px #00000047,0 28px 48px #0000005c,0 52px 80px #00000047,inset 0 1px #ffffff0f,inset 0 -24px 32px #0000002e}.section-card-proyectos{background:#5a1e0a;border:1.5px solid #3a1206;border-color:#a24a16 #3a1206 #2a0c04}.section-card-servicios{background:#4a3a08;border:1.5px solid #2e2405;border-color:#c4a02a #2e2405 #1c1603}.section-card-contacto{background:#6f8f08;border:1.5px solid #526900;border-color:#c6f52a #526900 #405400}.section-card-proyectos:hover,.section-card-servicios:hover,.section-card-contacto:hover{box-shadow:0 1px #ffffff0f,0 12px 22px #0000004d,0 32px 54px #00000061,0 56px 84px #0000004d,inset 0 1px #ffffff12,inset 0 -24px 32px #0000002e}.section-card-proyectos:before,.section-card-servicios:before,.section-card-contacto:before{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}.section-card-proyectos:before{background:linear-gradient(#6b2410 0%,#5a1e0a 58%,#3d1408 100%)}.section-card-servicios:before{background:linear-gradient(#5c4a0c 0%,#4a3a08 58%,#322706 100%)}.section-card-contacto:before{background:linear-gradient(#8eaf12 0%,#6f8f08 58%,#506706 100%)}.section-card-proyectos:after,.section-card-servicios:after,.section-card-contacto:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff09 0%,#0000 16%);position:absolute;inset:0}.section-card-proyectos .hover-preview-area{-webkit-backdrop-filter:none;background:#3d1408;border:1.5px solid #3a1206;box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff0d}.section-card-servicios .hover-preview-area{-webkit-backdrop-filter:none;background:#322706;border:1.5px solid #2e2405;box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff0d}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-card-close{z-index:50;width:42px;height:42px;color:var(--text-muted);justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:33px;font-weight:500;line-height:1;transition:color .2s,transform .3s;display:flex;position:absolute;top:clamp(20px,2vw,32px);right:clamp(22px,2.2vw,36px)}.section-card-close:hover{color:var(--blue-bright);transform:rotate(90deg)}.section-card-header{z-index:5;width:100%;position:relative}.section-card-header h2{color:var(--text);letter-spacing:-.075em;margin:0;font-size:clamp(69px,5.3vw,103px);font-weight:800;line-height:.9}.projects-layout,.services-layout{z-index:5;flex:1;grid-template-columns:minmax(240px,.8fr) minmax(380px,1.45fr);align-items:stretch;gap:clamp(30px,4vw,65px);min-height:0;margin-top:clamp(30px,4vh,50px);display:grid;position:relative}.projects-list,.services-list{grid-template-rows:repeat(4,1fr);min-width:0;display:grid}.project-row,.service-row{border-bottom:1px solid var(--border);width:100%;min-width:0;color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:0 3px;transition:opacity .2s,transform .25s;display:flex}.project-row:first-child,.service-row:first-child{border-top:1px solid var(--border)}.project-row:hover,.project-row.is-previewing,.service-row:hover,.service-row.is-previewing{transform:translate(8px)}.project-row.is-disabled{cursor:default;opacity:.42}.project-row.is-disabled:hover{transform:none}.row-title{font-size:clamp(19px,1.2vw,24px);font-weight:700;line-height:1.15}.row-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:clamp(11px,.68vw,13px)}.hover-preview-area{background:var(--card);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(120%);pointer-events:none;border-radius:24px;min-width:0;min-height:300px;animation:.42s cubic-bezier(.16,1,.3,1) both previewAppear;overflow:hidden;box-shadow:0 16px 36px #00000047}@keyframes previewAppear{0%{opacity:0;filter:blur(5px);transform:translate(18px)scale(.965)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.project-preview{background:var(--page-background);flex-direction:column;width:100%;height:100%;min-height:300px;display:flex;overflow:hidden}.project-preview-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 42px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:42px;padding:0 13px;display:grid}.preview-dots{gap:5px;display:flex}.preview-dots span{background:var(--blue-dark);border-radius:50%;width:7px;height:7px}.preview-address{min-width:0;color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.preview-live{color:var(--blue-bright);letter-spacing:.12em;font-size:10px;font-weight:800}.project-preview-window{background:var(--page-background);flex:1;min-height:0;position:relative;overflow:hidden}.project-preview-frame{background:var(--page-background);pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.service-preview-area{align-items:stretch;display:flex}.service-preview-content{flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:300px;padding:clamp(32px,2.8vw,48px);display:flex;position:relative;overflow:hidden}.service-preview-content:before{content:"";filter:blur(65px);pointer-events:none;background:#1677ff1f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;right:-120px}.service-preview-label{z-index:2;color:var(--text-muted);letter-spacing:.16em;margin-bottom:18px;font-size:10px;font-weight:800;position:relative}.service-preview-content h3{z-index:2;max-width:95%;color:var(--text);letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(29px,2.7vw,47px);font-weight:800;line-height:.98;position:relative}.service-preview-content p{z-index:2;max-width:650px;color:var(--text-muted);letter-spacing:-.015em;margin:0;font-size:clamp(14px,.95vw,18px);line-height:1.5;position:relative}.service-preview-bottom{z-index:2;border-top:1px solid var(--border);width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:11px;display:flex;position:relative}.service-preview-bottom span:last-child{color:var(--blue-bright);font-size:19px}.contact-card-content{width:100%;height:100%;position:relative;overflow:hidden}.contact-card-inner{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative}.contact-card-label{color:var(--text-muted);letter-spacing:.18em;margin-bottom:18px;font-size:11px;font-weight:800}.contact-card-inner h2{color:var(--text);letter-spacing:-.075em;margin:0 0 22px;font-size:clamp(53px,4.7vw,83px);font-weight:800;line-height:.88}.contact-card-inner p{max-width:390px;color:var(--text-muted);letter-spacing:-.025em;margin:0 0 28px;font-size:clamp(17px,1.15vw,21px);line-height:1.45}.contact-card-email{color:var(--blue);letter-spacing:-.035em;transition:color var(--ease), text-shadow var(--ease);margin-bottom:14px;font-size:clamp(22px,1.5vw,28px);font-weight:800;text-decoration:none}.contact-card-email:hover{color:var(--blue-bright);text-shadow:0 0 16px #1677ff59}.contact-card-link{color:var(--text-muted);transition:color var(--ease);font-size:14px;font-weight:700;text-decoration:none}.contact-card-link:hover{color:var(--blue-bright)}@media (width<=1100px){:root{--navbar-height:100px;--page-x:38px}.studio-shell{border-width:6px}.topbar-logo{width:120px}.topbar-nav{gap:28px}.topbar-link{font-size:16px}.art-tech-title{font-size:clamp(59px,7vw,97px)}.studio-title{font-size:clamp(126px,16vw,216px)}.hero-intro-card{width:min(50vw,520px);padding:36px 32px;top:28px;bottom:28px}.hero-intro-card h2{font-size:clamp(30px,4vw,42px)}.section-card{width:72vw;height:calc(100% - 70px);min-height:430px;padding:48px 54px}.section-card-proyectos,.section-card-servicios,.section-card-contacto{width:88vw}.projects-layout,.services-layout{grid-template-columns:minmax(210px,.8fr) minmax(280px,1.3fr);gap:28px}}@media (width<=768px){:root{--navbar-height:82px;--page-x:20px}.studio-shell{border-width:4px}.studio-shell.is-open{height:100dvh}.topbar{-webkit-backdrop-filter:blur(16px);background:#07090de0}.topbar-logo{width:82px}.topbar-nav{gap:16px}.topbar-link{padding:10px 0;font-size:13px}.hero-left{padding:20px var(--page-x);align-items:flex-start;padding-top:18px}.hero-intro-card{top:auto;left:var(--page-x);right:var(--page-x);border-radius:26px;width:auto;height:46%;min-height:220px;padding:26px 24px;bottom:18px}.hero-intro-card h2{max-width:none;font-size:clamp(26px,7vw,34px)}.hero-intro-card p{font-size:14px}.art-tech-title{margin-bottom:6px;font-size:clamp(43px,12vw,69px)}.studio-title{font-size:clamp(93px,27vw,151px)}.section-card,.section-card-proyectos,.section-card-servicios,.section-card-contacto{border-radius:26px;width:calc(100% - 30px);height:calc(100% - 42px);min-height:0;padding:28px 22px}.section-card-header h2{font-size:clamp(44px,11vw,63px)}.projects-layout,.services-layout{scrollbar-width:none;grid-template-rows:auto auto;grid-template-columns:1fr;gap:14px;margin-top:20px;overflow-y:auto}.projects-layout::-webkit-scrollbar{display:none}.services-layout::-webkit-scrollbar{display:none}.projects-list,.services-list{min-height:180px}.project-row,.service-row{min-height:45px}.row-title{font-size:16px}.row-meta{font-size:9px}.service-preview-area{min-height:230px}.service-preview-content{min-height:230px;padding:24px 22px}.service-preview-label{margin-bottom:12px;font-size:9px}.service-preview-content h3{letter-spacing:-.045em;max-width:100%;margin:0 0 15px;font-size:clamp(25px,6vw,32px);line-height:.99}.service-preview-content p{max-width:100%;font-size:14px;line-height:1.44}.service-preview-bottom{padding-top:12px;font-size:9px}}@media (width<=520px){:root{--navbar-height:74px;--page-x:14px}.topbar-logo{width:68px}.topbar-nav{gap:10px}.topbar-link{font-size:11px}.art-tech-title{font-size:clamp(37px,11vw,55px)}.studio-title{font-size:clamp(83px,25vw,123px)}.hero-intro-card{border-radius:22px;height:42%;min-height:200px;padding:20px 18px}.hero-intro-kicker{margin-bottom:10px;font-size:9px}.hero-intro-card h2{margin-bottom:10px;font-size:22px}.hero-intro-card p{font-size:13px;line-height:1.4}.section-card,.section-card-proyectos,.section-card-servicios,.section-card-contacto{border-radius:24px;width:calc(100% - 20px);height:calc(100% - 24px);padding:24px 18px}.section-card-header h2{font-size:43px}.row-meta{display:none}.services-layout{gap:12px;margin-top:16px}.services-list{min-height:170px}.service-row{min-height:42px}.service-preview-area{border-radius:20px;min-height:220px}.service-preview-content{min-height:220px;padding:20px 18px 16px}.service-preview-label{letter-spacing:.14em;margin-bottom:9px;font-size:8px}.service-preview-content h3{letter-spacing:-.04em;max-width:100%;margin:0 0 12px;font-size:22px;font-weight:800;line-height:1}.service-preview-content p{font-size:12.8px;line-height:1.4}.service-preview-bottom{padding-top:10px;font-size:8px}.service-preview-bottom span:last-child{font-size:15px}}@media (width<=390px){.topbar-logo{width:58px}.topbar-nav{gap:7px}.topbar-link{font-size:10px}.section-card,.section-card-proyectos,.section-card-servicios,.section-card-contacto{border-radius:21px;padding:22px 16px}.section-card-header h2{font-size:39px}.row-title{font-size:14px}.services-layout{gap:10px;margin-top:14px}.services-list{min-height:160px}.service-row{min-height:40px}.service-preview-area{min-height:210px}.service-preview-content{min-height:210px;padding:18px 16px 14px}.service-preview-label{margin-bottom:8px}.service-preview-content h3{margin-bottom:10px;font-size:22px;line-height:1}.service-preview-content p{font-size:12.2px;line-height:1.38}.service-preview-bottom{padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=520px){.service-preview-area{border-radius:20px;min-height:225px}.service-preview-content{min-height:225px;padding:20px 18px 16px}.service-preview-label{letter-spacing:.14em;margin-bottom:9px;font-size:9px}.service-preview-content h3{letter-spacing:-.04em;max-width:100%;margin:0 0 12px;font-size:24px;font-weight:800;line-height:1}.service-preview-content p{letter-spacing:-.01em;max-width:100%;margin:0;font-size:13px;line-height:1.4}.service-preview-bottom{margin-top:auto;padding-top:10px;font-size:9px}.service-preview-bottom span:last-child{font-size:16px}}@media (width<=390px){.service-preview-area{min-height:218px}.service-preview-content{min-height:218px;padding:18px 16px 14px}.service-preview-label{margin-bottom:8px;font-size:9px}.service-preview-content h3{margin-bottom:10px;font-size:23px;line-height:1}.service-preview-content p{font-size:12.6px;line-height:1.38}.service-preview-bottom{padding-top:8px;font-size:8.5px}}