html{scroll-behavior:auto;scroll-padding-top:110px}.page-index .reference-header{position:fixed;inset:0 0 auto;background:linear-gradient(#12271cee,#12271c00);color:var(--paper)}.page-index:has(#obras-proyectos:target) .reference-header{background:var(--ink)}.scroll-film{height:100svh;min-height:520px;position:relative;background:#101a15;color:var(--paper);overflow:hidden}.scroll-film>video,.scroll-film>[data-motion-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-caption{position:absolute;left:4%;bottom:112px;max-width:28ch;text-shadow:0 1px 14px #0008}.film-caption p{font-size:12px;margin-bottom:12px}.film-caption h1{font-size:clamp(26px,3vw,44px)}.film-controls{position:absolute;right:4%;bottom:90px;text-align:right}.film-controls button{min-height:44px;padding:10px 16px;border:1px solid #ffffff80;color:var(--paper);background:#12271cdd;border-radius:0}.film-controls p{font-size:12px;max-width:30ch;background:#12271cdd}.film-controls p:empty{display:none}.film-skip,.persistent-wa{position:fixed;bottom:20px;z-index:30;padding:12px 18px;min-height:44px;background:var(--ink);color:var(--paper);font-size:13px;text-decoration:none}.film-skip{left:4%}.persistent-wa{right:4%;background:var(--green)}.film-intro{padding:0 0 80px}.film-intro h2{max-width:25ch}.film-intro p{margin-top:24px;max-width:60ch}.page-index .reference-header:focus-within{background:var(--ink)}.scroll-film :focus-visible,.film-skip:focus-visible,.persistent-wa:focus-visible{outline:3px solid #fff;outline-offset:4px}.featured-work{scroll-margin-top:0}.page-index footer{padding-bottom:100px}@media(max-width:800px){.scroll-film{min-height:520px}.film-caption{left:24px;bottom:145px;max-width:24ch}.film-caption h1{font-size:26px}.film-caption p{margin-bottom:8px}.film-controls{left:24px;right:auto;bottom:83px;text-align:left}.film-skip{left:16px}.persistent-wa{right:16px}.film-skip,.persistent-wa{padding:11px 14px;font-size:12px}.film-intro{padding-bottom:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Keep loading video compositable, with the photograph visible underneath. */
.scroll-film>video{z-index:1}.scroll-film>[data-motion-poster]{z-index:0}.scroll-film>.film-caption,.scroll-film>.film-controls{z-index:3}

/* Hidden must win over global anchor display rules. */
.film-skip[hidden]{display:none!important}