@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#0c0c0c;--bg-2:#151514;--fg:#ece9e2;--fg-2:#c9c5bc;--muted:#8a867e;--line:#ece9e224;--accent:#7cc8ff;--display:"Archivo", "Arial Narrow", sans-serif;--text:"Archivo", system-ui, sans-serif;--myriad:"Myriad Pro", "Source Sans 3", "Segoe UI", Arial, sans-serif;--gutter:clamp(16px, 3.2vw, 44px);--ease:cubic-bezier(.2, .7, .1, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}img,video,iframe{max-width:100%;display:block}button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;font-weight:800;font-stretch:72%;line-height:.86}.small{font-family:var(--text);letter-spacing:.005em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.muted{color:var(--muted)}.vf{--l:18px;--w:1.5px;--c:var(--fg);inset:var(--vf-inset,14px);z-index:2;pointer-events:none;background:linear-gradient(var(--c), var(--c)) top left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) top right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top right / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom right / var(--w) var(--l);opacity:.9;transition:inset .5s var(--ease), opacity .3s;background-repeat:no-repeat;position:absolute}.hud{z-index:3;color:var(--fg);font-family:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;position:absolute}.media{object-fit:cover;border:0;width:100%;height:100%}.nosignal{background:repeating-linear-gradient(0deg, transparent 0 31px, var(--line) 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, var(--line) 31px 32px), var(--bg-2);color:var(--muted);place-items:center;display:grid}.render-bar{--p:0;z-index:100;pointer-events:none;opacity:0;height:2px;transition:opacity .2s;position:fixed;inset:0 0 auto}.render-bar.on{opacity:1}.render-fill{background:var(--accent);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.render-label{top:10px;right:var(--gutter);color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;position:absolute}.render-label b{font-weight:500}.site-header{z-index:50;padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:16px;transition:background .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.scrolled{backdrop-filter:blur(10px);background:#0c0c0cdb}.brand{white-space:nowrap;font-size:clamp(22px,5.6vw,30px);line-height:1}.site-header nav{white-space:nowrap;gap:clamp(12px,3vw,36px);display:flex}@media (width<=420px){.site-header nav{font-size:14px}}.site-header nav a{color:var(--fg-2);transition:color .2s}.site-header nav a:hover{color:var(--accent)}.site-footer{padding:28px var(--gutter);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:var(--fg)}.sec{padding:clamp(72px, 11vw, 160px) var(--gutter)}.sec-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(20px,3vw,36px);display:flex}.sec-head .label{color:var(--fg)}.hero{background:var(--bg);height:100svh;min-height:560px;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity .9s var(--ease);position:absolute;inset:0}.hero-slide.on{opacity:1}.hero-slide .media{transition:transform 7s linear;transform:scale(1.04)}.hero-slide.on .media{transform:scale(1)}.hero-shade{z-index:1;background:radial-gradient(ellipse 70% 30% at 50% 50%, #0c0c0c99, transparent), linear-gradient(to top, var(--bg) 0%, #0c0c0c99 18%, transparent 45%), linear-gradient(to bottom, #0c0c0c80 0%, transparent 22%);position:absolute;inset:0}.hero-intro{z-index:3;width:calc(100% - 2 * var(--gutter));text-align:center;font-family:var(--myriad);color:var(--fg);text-shadow:0 0 3px #00000073,0 1px 24px #0009;justify-items:center;font-weight:400;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero-name{margin:0;font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:clamp(27px,2.72vw,55px);font-weight:400;line-height:1}.hero-role{text-transform:uppercase;letter-spacing:.46em;margin:clamp(3px,.21vw,4px) -.46em 0 0;font-size:clamp(11px,.945vw,18px)}.play{color:var(--fg);opacity:.85;justify-items:center;gap:14px;margin-top:clamp(24px,3vw,40px);transition:opacity .3s,color .3s;display:grid}.play-label{letter-spacing:.04em;text-shadow:0 1px 12px #0006}.play-circle{aspect-ratio:1;backdrop-filter:blur(6px);width:clamp(72px,6.5vw,100px);transition:border-color .3s, transform .5s var(--ease);background:#0c0c0c26;border:1px solid #ece9e266;border-radius:50%;place-items:center;display:grid}.play svg{fill:currentColor;width:40%}.play:hover{opacity:1;color:var(--accent)}.play:hover .play-circle{border-color:var(--accent);transform:scale(1.06)}dialog.reel{width:min(1200px, 100vw - 2 * var(--gutter));max-width:none;color:var(--fg);background:0 0;border:0;padding:0;overflow:visible}dialog.reel[open]{animation:reel-in .45s var(--ease)}@keyframes reel-in{0%{opacity:0;transform:scale(.97)}}dialog.reel::backdrop{backdrop-filter:blur(8px);background:#080808e6}.reel-bar{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.reel-bar button{border:1px solid var(--line);width:40px;height:40px;color:var(--fg-2);place-items:center;transition:color .2s,border-color .2s;display:grid}.reel-bar button:hover{color:var(--accent);border-color:var(--accent)}.reel-bar svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px}.reel-frame{aspect-ratio:16/9;background:#000;position:relative}.reel-frame:fullscreen{aspect-ratio:auto}.covers{--cv-w:clamp(240px, min(32vw, 56vh), 640px);overflow:hidden}.cv-stage{z-index:0;height:calc(var(--cv-w) * 1.5);touch-action:pan-y;user-select:none;cursor:grab;position:relative}.cv-stage.dragging{cursor:grabbing}.cv-stage.dragging .cv-item{transition:none}.cv-item{--x:0px;--s:1;width:var(--cv-w);aspect-ratio:2/3;margin-left:calc(var(--cv-w) / -2);background:var(--bg-2);transform:translateX(var(--x)) scale(var(--s));filter:brightness(calc(.35 + var(--s) * .65));transition:transform .7s var(--ease), filter .7s var(--ease), opacity .5s;-webkit-user-drag:none;border-radius:8px;position:absolute;top:0;left:50%;overflow:hidden}.cv-shade{background:linear-gradient(#0000 50%,#0c0c0cd9 100%);position:absolute;inset:0}.cv-text{position:absolute;bottom:48px;left:16px;right:16px}.cv-client{font-size:max(11px, calc(var(--cv-w) * .034));color:var(--fg-2);margin-top:.4em;display:block}.cv-title{letter-spacing:0;font-family:Poppins,Segoe UI,Arial,sans-serif;font-weight:600;font-stretch:100%;line-height:1.05;font-size:calc(var(--cv-w) * .075);overflow-wrap:break-word;hyphens:auto;transition:color .2s;display:block}.cv-cta{color:var(--accent);opacity:0;font-size:13px;transition:opacity .3s;position:absolute;bottom:18px;left:16px}.cv-item.center .cv-cta{opacity:1}.cv-item.center:hover .cv-title{color:var(--accent)}.cv-item.center:hover .media{transform:scale(1.04)}.cv-item .media{transition:transform .8s var(--ease)}.cv-more{background:var(--bg-2);color:var(--fg);border-radius:12px;margin:clamp(28px,4vw,48px) auto 0;padding:16px 28px;transition:background .3s,color .2s;display:table}.cv-more span{transition:transform .3s var(--ease);margin-left:6px;display:inline-block}.cv-more:hover{color:var(--accent);background:#1b1b1a}.cv-more:hover span{transform:translate(4px)}@media (width<=720px){.covers{--cv-w:70vw}}.gallery{padding:clamp(100px, 16vh, 150px) var(--gutter) clamp(72px, 10vw, 140px)}.gal-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,4vw,56px);display:flex}.gal-head h1{margin:0;font-size:clamp(52px,9vw,150px)}.filters{gap:20px;display:flex}.filters button{color:var(--muted);transition:color .2s}.filters button:hover,.filters button[aria-pressed=true]{color:var(--fg)}.filters button[aria-pressed=true]{color:var(--accent)}.gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);display:grid}.gal-item{aspect-ratio:2/3;background:var(--bg-2);position:relative;overflow:hidden}.gal-item[hidden]{display:none}.gal-item .media{transition:opacity .4s, transform .8s var(--ease);position:absolute;inset:0}.gal-item.has-cover .gal-loop{opacity:0}.gal-item:hover .gal-loop{opacity:1}.gal-item:hover .media{transform:scale(1.04)}.gal-text{z-index:1;position:absolute;bottom:16px;left:16px;right:16px}.gal-client{color:var(--fg-2);margin-top:.4em;font-size:14px;display:block}.gal-title{overflow-wrap:break-word;hyphens:auto;font-size:clamp(22px,2vw,32px);transition:color .2s;display:block}.gal-item:hover .gal-title{color:var(--accent)}@media (width<=1100px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gal-text{bottom:10px;left:10px;right:10px}.gal-title{font-size:18px}.gal-client{font-size:12px}}#servicios{padding-top:clamp(48px,6vw,88px)}.services{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.service{background:var(--bg-2);font-family:var(--myriad);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:clamp(28px,2.6vw,40px) clamp(20px,2.2vw,32px);transition:background .3s;display:flex}.service:hover{background:#1b1b1a}.service-title{text-transform:uppercase;max-width:18ch;margin:0;font-size:clamp(24px,2.3vw,36px);font-weight:700;line-height:1;transition:color .2s}.service:hover .service-title{color:var(--accent)}.service p{max-width:40ch;color:var(--fg-2);margin:0;font-size:15px;line-height:1.5}@media (width<=860px){.services{grid-template-columns:1fr}}.clients{padding:28px 0;overflow:hidden}.clients-track{gap:72px;width:max-content;animation:40s linear infinite marquee;display:flex}.clients-track>*{height:36px;color:var(--fg-2);font-family:var(--display);text-transform:uppercase;flex:none;align-items:center;font-size:28px;font-weight:700;font-stretch:80%;display:flex}.clients-track img{opacity:.8;filter:grayscale()brightness(1.6);width:auto;height:100%}@keyframes marquee{to{transform:translate(-50%)}}.contact{text-align:center;justify-items:center;gap:10px;padding-top:0;display:grid}.contact p{margin:0}.mail{font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(26px,3.2vw,44px);font-weight:700;font-stretch:80%;line-height:1;transition:color .2s}.mail:hover{color:var(--accent)}.contact-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:18px;display:flex}.contact-meta a:hover{color:var(--fg)}.pj-head{padding:clamp(100px, 16vh, 160px) var(--gutter) clamp(28px, 4vw, 48px);gap:18px;display:grid}.pj-top{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.pj-top a:hover{color:var(--accent)}.pj-title{margin:0;font-size:clamp(52px,11vw,190px)}.credits{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:8px 0 0;display:grid}.credits dt{color:var(--muted)}.credits dd{color:var(--fg);margin:4px 0 0}.pj-player{margin:0 var(--gutter);aspect-ratio:var(--ar);background:#000;max-height:86vh;position:relative}.pj-player.vertical{height:86vh;max-width:calc(100vw - 2 * var(--gutter));margin-inline:auto}.pj-player .vf{--vf-inset:-10px}.pj-series{gap:clamp(56px,7vw,104px);display:grid}.pj-episode{margin:0 var(--gutter) clamp(20px, 2.2vw, 32px);font-size:clamp(26px,3.4vw,52px)}.pj-body{padding:clamp(56px, 8vw, 120px) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(28px,6vw,96px);display:grid}.pj-summary{font-family:var(--display);margin:0;font-size:clamp(26px,3vw,42px);font-weight:700;font-stretch:82%;line-height:1.05}.prose{max-width:62ch;color:var(--fg-2);font-size:18px}.prose>:first-child{margin-top:0}.prose strong{color:var(--fg)}@media (width<=720px){.pj-body{grid-template-columns:1fr}}.cmp-stage{--pos:50%;aspect-ratio:var(--ar);background:var(--bg-2);user-select:none;max-height:86vh;position:relative;overflow:hidden}.cmp-stage>.media,.cmp-before{position:absolute;inset:0}.cmp-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp-line{top:0;bottom:0;left:var(--pos);background:var(--accent);z-index:2;pointer-events:none;width:1px;position:absolute}.cmp-line:after{content:"◀ ▶";background:var(--accent);color:var(--bg);font:600 11px var(--text);white-space:nowrap;padding:8px 10px;position:absolute;top:50%;left:50%;translate:-50% -50%}.cmp-stage .hud{z-index:3;background:#0c0c0cb3;padding:5px 8px;top:16px}.cmp-l{left:16px}.cmp-r{right:16px}.cmp-stage input{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp-list{gap:var(--gutter);justify-items:center;display:grid}[data-cmp-video]{width:min(100%, calc(86vh * (var(--ar))));cursor:ew-resize;touch-action:pan-y}[data-cmp-video] video,[data-cmp-video] canvas{width:100%;height:100%;position:absolute;inset:0}[data-cmp-video] video{opacity:0}[data-cmp-video] input{pointer-events:none}[data-cmp-video]:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.passes-ui{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,40px);display:grid}.passes-list{margin:0;padding:0;list-style:none}.passes-list button{width:100%;color:var(--muted);text-align:left;align-items:center;gap:10px;padding:10px 0;transition:color .2s;display:flex}.passes-list button:before{content:"";border:1px solid;width:8px;height:8px}.passes-list button:hover,.passes-list button[aria-pressed=true]{color:var(--fg)}.passes-list button[aria-pressed=true]:before{background:var(--accent);border-color:var(--accent)}.passes-stage{aspect-ratio:var(--ar);background:var(--bg-2);max-height:86vh;position:relative}.passes-stage>.media{opacity:0;transition:opacity .35s;position:absolute;inset:0}.passes-stage>.media.on{opacity:1}@media (width<=720px){.passes-ui{grid-template-columns:1fr}.passes-list{border:0;flex-wrap:wrap;gap:0 18px;display:flex}.passes-list button{border:0;width:auto}}.process{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.process figure{margin:0}.process .media{height:auto;aspect-ratio:var(--ar)}.process figure:only-child{grid-column:1/-1}.process figcaption{color:var(--muted);margin-top:10px}@media (width<=720px){.process{grid-template-columns:1fr}}.pj-next{height:78vh;min-height:420px;display:block;position:relative;overflow:hidden}.pj-player+.pj-next,.pj-series+.pj-next{margin-top:clamp(56px,8vw,120px)}.pj-next .media{opacity:.55;transition:opacity .6s, transform 1.2s var(--ease);position:absolute;inset:0}.pj-next:hover .media{opacity:.8;transform:scale(1.03)}.pj-next .vf{--vf-inset:var(--gutter)}.pj-next-txt{z-index:3;left:calc(var(--gutter) + 30px);right:calc(var(--gutter) + 30px);bottom:calc(var(--gutter) + 30px);gap:14px;display:grid;position:absolute}.pj-next-txt .display{font-size:clamp(48px,10vw,170px);transition:color .2s}.pj-next:hover .display{color:var(--accent)}::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}
