:root{--bg:#151D2A;--text:#E7EBEF;--muted:#98AAB8;--line:#53667A;--accent:#273448}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #e4edab;outline-offset:7px}.skip{position:fixed;left:20px;top:-100px;background:white;color:black;padding:15px;z-index:10}.skip:focus{top:15px}header{display:flex;align-items:center;justify-content:space-between;padding:29px 4%;border-bottom:1px solid var(--line)}.logo{font-size:39px;font-weight:900;letter-spacing:-3.7px;position:relative}.logo span{font-size:10px;letter-spacing:0;position:absolute;top:3px;right:-13px}nav{display:flex;gap:39px;font-size:13px}nav a:hover{color:var(--muted)}.languages{display:flex;gap:10px}.languages button{border:0;background:none;font-size:10px;color:var(--muted);padding:5px 0}.languages button[aria-pressed=true]{color:var(--text);border-bottom:1px solid}.intro{padding:34px 4% 40px}.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;line-height:1.5}.intro h1{font-size:clamp(64px,8.8vw,150px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:58px 0 36px}.intro h1 em{font-style:normal;color:#a9b7c4}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{font-size:15px;max-width:300px;line-height:1.5;margin:0}.text-link{display:flex;gap:70px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:12px}.hero{position:relative;height:clamp(360px,49vw,740px);overflow:hidden;margin:0 4%}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081015b3,transparent 45%)}.hero-caption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.hero-play{background:none;border:0;display:flex;align-items:center;gap:12px;font-size:12px}.play-icon{display:grid;place-items:center;border:1px solid #ffffff75;border-radius:50%;height:48px;width:48px;font-size:11px}.hero-play:hover .play-icon{background:#e8e9e6;color:#20262c}.work{padding:105px 8% 100px}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:65px}.section-top h2{font-weight:400;font-size:14px;margin:0}.section-top>span{font-size:11px;color:var(--muted)}.projects{display:grid;grid-template-columns:1.17fr .83fr;column-gap:12%;row-gap:100px;align-items:start}.project:nth-child(even){margin-top:180px}.project:nth-child(3){width:87%}.project:nth-child(4){width:110%;margin-left:-10%}.project:nth-child(5){width:100%}.poster{border:0;background:#151a20;display:block;width:100%;padding:0;position:relative;overflow:hidden;aspect-ratio:2/3}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.poster:hover img{transform:scale(1.025);filter:brightness(.7)}.poster-play{position:absolute;bottom:20px;right:20px;width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;color:white;background:#1116;font-size:11px}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:18px}.project-meta h3{font-weight:400;font-size:20px;letter-spacing:-.6px;margin:0 0 7px}.project-meta p{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0;line-height:1.6}.project-number{font-size:10px;color:var(--muted);padding-top:4px}.about{padding:65px 8% 100px;border-top:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:14%;margin-top:70px}.about h2{font-size:clamp(35px,4.4vw,70px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:0}.about-copy{font-size:22px;line-height:1.45;margin:0}.muted{font-size:14px;line-height:1.7;color:var(--muted);margin:25px 0 45px}.services{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding:19px 0}.services span{font-size:11px;color:var(--muted)}.services span:last-child{margin-left:auto}.services h3{font-weight:400;font-size:15px;margin:0}.contact{background:#bac6d0;color:#20262c;padding:40px 8% 60px}.contact h2{font-size:clamp(48px,7.5vw,120px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:65px 0}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-bottom p{font-size:14px;line-height:1.6;margin:0}.contact-link{font-size:18px;border-bottom:1px solid #64717c;padding-bottom:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 4%}footer>span,footer>a:not(.logo){font-size:9px;letter-spacing:1px}dialog{background:#171c21;color:var(--text);border:1px solid #505b65;padding:24px;width:min(1100px,94vw);max-height:94vh}dialog::backdrop{background:#080d13e8;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top h2{font-weight:400;letter-spacing:-1px;font-size:30px;margin:6px 0}.dialog-top span{font-size:10px;color:var(--muted)}#closeDialog{border:1px solid var(--line);background:none;width:40px;height:40px}.video-wrap{aspect-ratio:16/9;background:#080b10}.video-wrap iframe{width:100%;height:100%;border:0}.dialog-bottom{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.5;margin-top:16px}.dialog-bottom p{margin:0;color:var(--muted)}.dialog-bottom a{white-space:nowrap;text-decoration:underline}@media(min-width:1700px){body{max-width:1900px;margin:auto}}@media(max-width:700px){header{padding:22px 6%}.logo{font-size:31px}nav{gap:16px;font-size:11px}.languages{gap:7px}.intro{padding:28px 6% 32px}.eyebrow{font-size:8px;letter-spacing:1px}.intro h1{font-size:clamp(48px,11vw,77px);margin:44px 0 30px}.intro-bottom p{font-size:12px;max-width:175px}.text-link{gap:20px;font-size:10px}.hero{margin:0 6%;height:390px}.hero-caption{left:16px;right:16px;bottom:20px}.hero-credit{display:none}.hero-play{font-size:10px}.work{padding:65px 6%}.section-top{margin-bottom:35px}.projects{column-gap:7%;row-gap:40px;grid-template-columns:1fr 1fr}.project:nth-child(even){margin-top:90px}.project:nth-child(3),.project:nth-child(4){width:100%;margin-left:0}.project-meta h3{font-size:16px}.project-meta p{font-size:8px}.poster-play{width:30px;height:30px;right:10px;bottom:10px;font-size:9px}.about{padding:35px 6% 55px}.about-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.about-copy{font-size:19px}.about h2{font-size:43px}.contact{padding:30px 6% 45px}.contact h2{margin:45px 0;font-size:11vw}.contact-bottom{align-items:start;flex-direction:column;gap:30px}footer{padding:30px 6%;flex-wrap:wrap;row-gap:30px}footer>span{font-size:8px}footer>span:last-child{width:100%}.dialog-bottom{flex-direction:column;gap:12px}dialog{padding:15px}.dialog-top h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Identidad aprobada: Sesgo A + O */
.logo{display:inline-flex;align-items:center;flex-shrink:0;font-size:inherit;letter-spacing:normal}.logo img{display:block;width:145px;height:auto}header .logo{min-height:44px}@media(max-width:700px){.logo img{width:115px}}@media(max-width:380px){header{flex-wrap:wrap;gap:15px}header .languages{margin-left:auto}header nav{gap:12px}}

.project-meta p.project-services{margin-top:12px;text-transform:none;letter-spacing:.15px;line-height:1.7;color:#c1cbd3;font-size:11px;max-width:390px}

/* BARDO VFX · Midnight Blue */
.logo .wordmark{position:static;font-size:24px;font-weight:500;letter-spacing:.12em;white-space:nowrap}.logo{letter-spacing:normal}.intro h1 em{color:#98AAB8}.contact{background:#273448;color:#E7EBEF}.contact-link{border-color:#98AAB8}.hero{height:650px;background:#273448}.hero>img{object-fit:contain;padding:28px 0 88px}.hero-shade{display:none}.hero-caption{color:#E7EBEF}.poster{background:#273448}.poster img{object-fit:contain}.project-meta p.project-services{color:#98AAB8}dialog{background:#151D2A}button:focus-visible,a:focus-visible{outline-color:#E7EBEF}.languages button{min-width:32px;min-height:44px}nav a{padding:14px 0}.contact-link{overflow-wrap:anywhere}
@media(max-width:700px){header{flex-wrap:wrap;gap:12px}header .logo{order:0}header .languages{order:1;margin-left:auto}header nav{order:2;width:100%;justify-content:space-between;gap:12px}.logo .wordmark{font-size:22px}.hero{height:570px}.hero>img{padding:20px 10px 82px}.intro-bottom{gap:18px}.text-link{gap:12px;flex-shrink:0}.projects{grid-template-columns:1fr;row-gap:44px}.project:nth-child(even){margin-top:0}.project:nth-child(2n){width:88%;margin-left:auto}.project-meta h3{font-size:20px}.project-meta p{font-size:10px}.project-meta p.project-services{font-size:12px}.poster-play{width:44px;height:44px}.hero-play{min-height:44px}.contact-link{font-size:20px}}
@media(max-width:380px){.hero{height:485px}.intro-bottom{align-items:start;flex-direction:column}.intro h1{font-size:45px}.contact h2{font-size:11vw}}