/* Candidatura local: la secuencia autorizada es el primer hero. */
.a1-hero { --a1-progress:0; --a1-exit:0; position:relative; z-index:1; height:calc(var(--a1-sequence-end,1698px) + 200svh); background:#090a0b; color:#f4f0ea; }
.a1-hero[hidden],[data-legacy-hero][hidden]{display:none}
.a1-hero__sticky{position:sticky;top:0;z-index:2;height:100svh;overflow:hidden;background:#090a0b}
body[data-examples-background-fixed="true"] .a1-hero__sticky{position:fixed!important;top:0;right:0;left:0;width:100%;transform:translate3d(0,var(--examples-fixed-hero-y,0px),0)!important;transition:none!important;pointer-events:none}
.a1-hero__canvas,.a1-hero__poster,.a1-hero__shade{position:absolute;inset:0;display:block;width:100%;height:100%}
.a1-hero__canvas{z-index:1;opacity:0;transition:opacity .28s var(--ease)}
.a1-hero.is-ready .a1-hero__canvas{opacity:1}
.a1-hero__poster{z-index:0;object-fit:cover;background:#090a0b;transition:opacity .28s var(--ease)}
.a1-hero.is-ready .a1-hero__poster{opacity:0}
.a1-hero__shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(10,11,12,.44) 0%,rgba(10,11,12,.28) 24%,rgba(10,11,12,.08) 43%,rgba(10,11,12,0) 60%),linear-gradient(180deg,rgba(10,11,12,.10),transparent 46%);opacity:calc(.72 - var(--a1-progress) * .18 + var(--a1-exit) * .28)}
.a1-hero__copy{position:absolute;z-index:3;top:clamp(136px,22svh,238px);left:var(--pad);width:min(43vw,610px);color:#f4f0ea;transform:translate3d(0,calc(var(--a1-progress) * -32px),0);opacity:calc(1 - min(1,var(--a1-progress) * 1.55));transition:opacity .08s linear,transform .08s linear}
.a1-hero__copy h1{display:grid;gap:.12em;margin:0;font-family:"PG Hero Plex",PG,"Helvetica Neue",sans-serif;font-size:clamp(47px,5.65vw,88px);font-weight:650;letter-spacing:-.046em;line-height:.91;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.72)}
.a1-hero__copy h1 span:last-child{width:fit-content;margin-top:.06em;color:var(--accent);font-size:.67em;font-weight:700;letter-spacing:-.028em}
.a1-hero__copy p{max-width:31ch;margin:clamp(25px,3.1vw,42px) 0 0;font-family:"PG Hero Plex",PG,"Helvetica Neue",sans-serif;font-size:clamp(14px,1.25vw,18px);font-weight:500;letter-spacing:.018em;line-height:1.42;text-wrap:balance;text-shadow:0 2px 16px rgba(0,0,0,.76)}
/* The first frame keeps the printer unobstructed; copy lives in the open field at left. */
@media(min-width:701px){
  .a1-hero__copy{top:clamp(154px,25svh,260px);left:clamp(24px,2.8vw,48px);width:min(25vw,360px);max-width:calc(25vw - var(--pad))}
  .a1-hero__copy h1{font-size:clamp(47px,4.2vw,72px)}
}
.a1-hero__promise-path{display:inline-flex;align-items:baseline;gap:.32em;white-space:nowrap}
.a1-hero__promise-arrow{width:clamp(42px,3.25vw,58px);height:auto;margin:0 .02em -.14em;color:rgba(244,240,234,.86);overflow:visible;filter:drop-shadow(0 2px 7px rgba(0,0,0,.48))}
.a1-hero__promise-arrow path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.a1-hero__cta{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:clamp(19px,2.1vw,30px);padding-bottom:7px;border-bottom:1px solid rgba(244,240,234,.72);color:#f4f0ea;font-size:10px;font-weight:760;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.76)}
.a1-hero__cta-scroll{position:relative;display:block;width:15px;height:25px;border:1px solid rgba(244,240,234,.78);border-radius:999px;color:var(--accent);overflow:hidden;transition:transform .24s var(--ease),border-color .24s ease}
.a1-hero__cta-scroll i{position:absolute;top:4px;left:50%;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translate3d(-50%,0,0);animation:a1-cta-scroll 1.65s cubic-bezier(.35,0,.25,1) infinite}
.a1-hero__cta:hover .a1-hero__cta-scroll,.a1-hero__cta:focus-visible .a1-hero__cta-scroll{transform:translateY(3px);border-color:#fff}
@keyframes a1-cta-scroll{0%{opacity:0;transform:translate3d(-50%,-3px,0)}18%{opacity:1}72%{opacity:1}100%{opacity:0;transform:translate3d(-50%,13px,0)}}
.a1-hero__cta:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.a1-hero__scroll-cue{position:absolute;z-index:3;left:50%;bottom:clamp(20px,3.2svh,36px);display:grid;justify-items:center;gap:7px;color:#11191d;font-family:"PG Hero Plex",PG,sans-serif;font-size:8px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;opacity:.86;pointer-events:none;transform:translate3d(-50%,0,0);transition:color .18s ease,opacity .28s ease,transform .28s ease}.a1-hero__scroll-cue i{position:relative;display:block;width:1px;height:22px;overflow:hidden;background:rgba(17,25,29,.42);transition:background-color .18s ease}.a1-hero__scroll-cue i::after{content:"";position:absolute;inset:0;background:#11191d;transition:background-color .18s ease;animation:a1-scroll-cue 1.7s cubic-bezier(.5,0,.5,1) infinite}@media(max-width:700px){.a1-hero.is-print-lowered .a1-hero__scroll-cue{color:#f4f0ea;opacity:1}.a1-hero.is-print-lowered .a1-hero__scroll-cue i{background:rgba(244,240,234,.62)}.a1-hero.is-print-lowered .a1-hero__scroll-cue i::after{background:#f4f0ea}}@keyframes a1-scroll-cue{0%{transform:translateY(-110%)}55%,100%{transform:translateY(110%)}}.a1-hero.is-headline-gone .a1-hero__scroll-cue{opacity:0;transform:translate3d(-50%,8px,0)}
.a1-hero__progress{position:fixed;z-index:130;top:0;left:0;width:100%;height:3px;pointer-events:none;opacity:0;transition:opacity .16s linear}
body.a1-hero-active .a1-hero__progress{opacity:1}
.a1-hero__progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--a1-progress));transform-origin:left}
/* En Inicio, submenú y película forman una única apertura sin cambiar el progreso A1. */
@media(min-width:901px){
  .home-page{--home-menu-collapse:0}
  .home-page .a1-hero__sticky{height:100svh;transform:translate3d(0,calc(108px - var(--home-menu-collapse)*40px),0);transition:transform .12s ease-out;will-change:transform}
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel{opacity:1!important;visibility:visible!important;clip-path:inset(calc(var(--home-menu-collapse)*40px) 0 0);border:0!important;background:#d3d9e5!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate;transform:translate3d(0,calc(var(--home-menu-collapse)*-40px),0)!important;transition:transform .12s ease-out!important;will-change:transform}
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel::before,
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel::after{display:none!important;content:none!important}
  .home-page .site-header .pg-examples-menu.is-home-scroll-suppressed>.pg-examples-menu__panel{opacity:1!important;visibility:visible!important;clip-path:inset(40px 0 0);pointer-events:none;transform:translate3d(0,-40px,0)!important}
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:hover,
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:focus-visible{background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:focus-visible{outline:2px solid currentColor!important;outline-offset:-3px!important;text-decoration:underline!important;text-underline-offset:3px}
}
/* La sección auténtica asciende desde abajo durante el hold del frame 90. */
body:not(.a1-hero--legacy) .work-strip{position:relative;z-index:4;margin-top:-100svh;background:linear-gradient(180deg,rgba(8,10,12,.78) 0%,rgba(9,11,13,.88) 18%,rgba(9,11,13,.94) 62%,rgba(9,11,13,.98) 100%);border-top:1px solid rgba(244,240,234,.12);box-shadow:inset 0 1px 0 rgba(244,240,234,.06);-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9)}
/* Contraste dinámico del sistema de cabecera, sin tomar identidad ajena. */
body.a1-hero-active .site-header,body.a1-hero-active .site-header:has(.language-switcher){border-bottom-color:rgba(244,240,234,.18);background:rgba(10,11,12,.83);color:#f4f0ea}
body.a1-hero-active .site-header.is-hidden{transform:none}
body.a1-hero-active .site-header .nav>a,body.a1-hero-active .site-header .nav>.pg-examples-menu>.pg-examples-menu__link,body.a1-hero-active .site-header .nav>.pg-examples-menu>.pg-examples-menu__toggle,body.a1-hero-active .site-header .language-switcher__toggle{color:rgba(244,240,234,.84)}
body.a1-hero-active .site-header .menu-toggle{color:#f4f0ea;border-color:rgba(244,240,234,.3)}
body.a1-hero-active .site-header .pg-wordmark__cat{filter:invert(1) grayscale(1) contrast(1.2)}
html[data-brand-variant="reel-cat"] body.a1-hero-active .site-header .pg-wordmark__cat{filter:none!important}
html[data-brand-variant="reel-cat"] .pg-responsive-wordmark{gap:0!important}
/* Movimiento editorial limpio: la inercia la gobierna motion.js; las tarjetas evitan saltos visuales. */
.motion-horizontal .work-track{backface-visibility:hidden}
.motion-horizontal .work-card{transform:translateZ(0);transition:transform .7s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),outline-color .35s ease,box-shadow .5s ease}
.motion-horizontal .work-card img{transform:translateZ(0);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease}
.motion-horizontal .work-card:hover,.motion-horizontal .work-card:focus-visible{transform:translate3d(0,-3px,0) scale(1.004);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.motion-horizontal .work-card:hover img,.motion-horizontal .work-card:focus-visible img{transform:scale(1.025)}
@media(max-width:700px){.a1-hero{min-height:1080px}.a1-hero__sticky{position:sticky;height:100svh}.a1-hero__canvas,.a1-hero__poster{inset:0;height:100svh}.a1-hero__canvas{display:block}.a1-hero__poster{opacity:1!important;object-fit:cover;object-position:50% 50%}.a1-hero.is-ready .a1-hero__poster{opacity:0!important}.a1-hero__shade{display:block;background:linear-gradient(180deg,rgba(9,10,11,.3) 0,rgba(9,10,11,.12) 36%,rgba(9,10,11,0) 62%)}.a1-hero__progress{display:none}.a1-hero__copy{top:clamp(84px,11svh,102px);width:min(86vw,334px);transform:translate3d(0,calc(var(--a1-progress)*-18px),0);opacity:calc(1 - min(1,var(--a1-progress)*1.55))}.a1-hero__copy h1{gap:.06em;font-size:clamp(34px,9.7vw,44px);line-height:.94;letter-spacing:-.04em}.a1-hero__copy h1 span:last-child{font-size:.6em}.a1-hero__copy p{max-width:24ch;margin-top:12px;font-size:12px;letter-spacing:.018em}.a1-hero__cta{min-height:38px;margin-top:8px}body:not(.a1-hero--legacy) .work-strip{margin-top:-100svh}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body:not(.a1-hero--legacy) .work-strip{background:#0b0d0f}}
@media(prefers-reduced-transparency:reduce){body:not(.a1-hero--legacy) .work-strip{background:#0b0d0f;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.a1-hero{height:100svh;min-height:620px}.a1-hero__sticky{position:relative}.a1-hero__canvas,.a1-hero__shade,.a1-hero__progress,.a1-hero__scroll-cue{display:none}.a1-hero__poster{opacity:1!important}.a1-hero__copy{transform:none;opacity:1}body:not(.a1-hero--legacy) .work-strip{height:auto!important;margin-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}.motion-horizontal .work-pin{position:relative;height:auto;min-height:100svh;display:block;padding:100px 0}.motion-horizontal .work-title{position:relative;left:auto;top:auto;width:auto;padding:0 var(--pad);transform:none!important;opacity:1!important}.motion-horizontal .work-track{position:relative;left:auto;top:auto;overflow-x:auto;padding:45px var(--pad) 30px;transform:none!important}.horizontal-progress{position:relative;left:auto;right:auto;bottom:auto;margin:0 var(--pad)}.motion-horizontal .work-card,.motion-horizontal .work-card img{transition:none!important}}
@media(prefers-reduced-motion:reduce){.a1-hero__cta-scroll i{animation:none}}
