@font-face{font-family:Display;src:url('assets/anton.ttf');font-weight:400;font-display:swap}
:root{--bg:#fff;--ink:#111b21;--muted:#5b6267;--line:#182d3b26;--blue:#009ee0}
body{background:#fff;color:var(--ink)}h1,h2,.project-title,.word-strip span,.process-content h3,.contact-title{font-family:Display,Arial,sans-serif;letter-spacing:-.025em;font-weight:400}h1 em,h2 em,.contact-title em{font-style:normal;color:var(--blue)}
.header{height:100px;padding:0 5%;border-bottom:1px solid var(--line)}.header nav a,.header nav button,.header-contact{font-size:10px;color:#182830}.header-contact{border:1px solid #111b21;padding:10px 18px;margin-left:0}.header-contact:hover{background:#ecf9ff}.header-contact>span{font-size:20px}.header nav{gap:25px}.logo-crop{width:130px;height:76px}
.hero{min-height:0;background:#fff;overflow:visible}.hero-inner{padding:38px 5% 0;max-width:1700px}.hero .eyebrow{color:#52616b;font-size:9px;display:flex;align-items:center;gap:9px;letter-spacing:1.3px}.status-dot{background:#00b4ff;width:7px;height:7px;border-radius:50%;display:inline-block}.hero-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:5%;align-items:center;margin-top:32px}.hero h1{font-size:clamp(58px,6.3vw,102px);line-height:1.07;letter-spacing:-.023em;margin:0}.hero h1 em{color:#009ee0}.hero-copy>p{font-size:14px;line-height:1.8;margin:26px 0 21px}.hero-cta{display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid #192b36;padding-bottom:10px;font-size:10px;letter-spacing:.7px;font-weight:500}.hero-cta span{font-size:23px}.hero-media{height:440px;position:relative;overflow:hidden;background:#e8eef1}.hero-media video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:saturate(.7)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 40%,#0007);pointer-events:none}.media-top{position:absolute;left:23px;right:23px;top:23px;display:flex;justify-content:space-between;color:white;z-index:1;font-size:8px;line-height:1.6;letter-spacing:1px}.media-top i{display:inline-block;width:6px;height:6px;background:#00b4ff;border-radius:50%;margin-left:4px}.hero-play{position:absolute;bottom:24px;left:23px;z-index:1;display:flex;align-items:center;gap:14px;color:#fff;background:none;font-size:10px;letter-spacing:1px;padding:0}.hero-play span{border:1px solid #fff;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;padding-left:3px}.hero-play:hover span{background:#fff;color:#142833}.hero-media #motion-toggle{position:absolute;bottom:24px;right:23px;z-index:1;background:#0005;color:#fff;border:1px solid #ffffff80;width:35px;height:35px}.hero-footer{position:static;border-bottom:1px solid var(--line);color:#4b5961;margin-top:34px;padding:20px 0;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}.hero-footer>span{margin:0;color:#192b36}.hero-footer p{font-size:10px;letter-spacing:.2px}
.section{padding:95px 6%;}.section h2{font-size:clamp(45px,5.5vw,82px);line-height:1.12}.section .eyebrow,.studio-copy .eyebrow{color:#5b6870}.services{gap:8%;align-items:start}.service-heading h2{font-size:clamp(47px,5.4vw,80px)}.service-heading>p:not(.eyebrow),.service-body,.work-heading>p,.section-heading>p,.process-content p,.studio-copy>p:not(.eyebrow){color:#56616a}.service summary{padding:30px 0}.service h3{font-size:22px;font-weight:400}.service[open] h3,.service-body a{color:#0078ae}.service-no{color:#687782}.line-link{border-color:#182d3b}.word-strip{background:#eaf8ff;padding:25px 0;border:0}.word-strip span,.word-strip span:nth-of-type(2){font-family:Display,Arial,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(46px,7vw,106px);letter-spacing:-.02em}.word-strip>div{gap:40px}.word-strip i{color:#009ee0;font-size:42px}
.work-heading{padding-bottom:38px}.work-heading>p{max-width:235px}.filters button{color:#55616b}.filters button.active,.filters button:hover{color:#111b21}.filters>span{color:#52616b}.project-grid{padding:0 6%;gap:38px 28px}.project-image,.project:nth-child(3) .project-image,.project:nth-child(4) .project-image,.project:last-child .project-image{height:auto;background:#fff;display:flex;flex-direction:column;color:#fff}.project-image img{height:320px;object-fit:cover;filter:saturate(.8)}.project-image:after{height:100px;bottom:auto;background:linear-gradient(#0008,transparent)}.project-image:hover img{transform:scale(1.015)}.project-bottom{position:relative;bottom:auto;left:auto;right:auto;gap:6px;color:#172833;background:#fff;width:100%;padding:21px 0 0;text-align:left}.project-title{font-size:29px;text-transform:uppercase;letter-spacing:-.015em}.project-subtitle{color:#58646c;font-size:11px}.project-top{top:20px;left:22px;right:22px}.hover-play{top:42%}.project:last-child{grid-column:auto}.project:last-child .project-image img{height:320px}.portfolio-caption{margin-top:35px;color:#58616a;border-bottom:1px solid var(--line)}.portfolio-caption>a{color:#122b3a}
.process{background:#f6f7f7;max-width:none;margin-top:0}.process-tabs button{color:#586771}.process-tabs button[aria-selected=true]{color:#092d44}.process-content{min-height:250px}.process-content h3{font-size:31px;letter-spacing:0;text-transform:uppercase}.step-number{font-family:Display,sans-serif;letter-spacing:-4px;font-style:normal;color:#beeaff;font-size:130px}.studio{background:#fff}.studio-copy h2{font-size:clamp(55px,5.7vw,86px);line-height:1.1}.stats{border-color:var(--line)}.stats strong{font-family:Display,sans-serif;font-size:56px;letter-spacing:0}.stats>div>span{color:#566570}.studio-image>span{color:white}.team .section-heading h2{font-size:clamp(42px,4.5vw,68px)}.team-image img{filter:grayscale(1);height:310px}.team-number{color:white}.team figcaption p,.client-names p,.client-label{color:#596770}.team figcaption h3{font-family:Display,sans-serif;font-size:22px}.clients{padding-top:0}.client-names{padding-bottom:45px}.testimonial blockquote{font-family:Rubik,Arial,sans-serif;font-size:25px;font-weight:300;letter-spacing:-.6px}.testimonial p>span{color:#616a70}.contact{background:#eaf8ff;padding-top:65px;padding-bottom:70px}.contact-top .eyebrow{color:#285467}.contact-title{font-size:clamp(65px,9vw,140px);line-height:1.12;letter-spacing:-.02em;margin:45px 0}.contact-arrow{font-size:95px;top:5%}.contact-button{background:#112c3c}.footer{border-top:1px solid var(--line)}.legal p{color:#53626b}.legal a{color:#007cac}.legal h1{font-size:65px}.legal h2{font-size:32px}dialog{color:#fff}
@media(min-width:1500px){.hero-media{height:520px}.project-image img,.project:last-child .project-image img{height:410px}}
@media(max-width:1100px){.header nav{gap:16px}.header{gap:20px}.hero-media{height:400px}.hero h1{font-size:6.7vw}.hero-layout{grid-template-columns:1.1fr 1fr;gap:4%}.hero-copy>p{font-size:13px}.section{padding:75px 6%}.project-image img,.project:last-child .project-image img{height:270px}.team-image img{height:260px}}
@media(max-width:850px){.header{height:88px}.header nav{top:88px}.header-contact{margin-left:auto}.hero h1{font-size:7.3vw}.hero-media{height:360px}.hero-layout{gap:3%}.hero-inner{padding-top:28px}.hero-copy>p{font-size:12px}.hero-cta{font-size:8px;gap:20px}.hero-footer p{display:none}.services{gap:35px}.section h2{font-size:57px}.service-heading h2{font-size:57px}.work-heading{padding-bottom:30px}.project-grid{gap:30px 20px}.project-image img,.project:last-child .project-image img{height:240px}.project-title{font-size:26px}.team .section-heading h2{font-size:43px}.team-image img{height:230px}.studio-copy h2{font-size:63px}.contact-title{font-size:10vw}.contact-arrow{font-size:68px}}
@media(max-width:550px){.header{height:80px;padding:0 20px;gap:13px}.header-contact{border:0;padding:0;font-size:8px;gap:12px}.header nav{top:80px}.hero-inner{padding:29px 22px 0}.hero .eyebrow{font-size:7px;letter-spacing:.8px;max-width:none;gap:7px}.hero-layout{grid-template-columns:1fr;gap:30px;margin-top:27px}.hero h1{font-size:clamp(48px,13.3vw,73px);line-height:1.09;letter-spacing:-.02em}.hero-copy>p{font-size:13px;margin:21px 0 17px}.hero-cta{font-size:9px;gap:36px}.hero-media{height:320px}.media-top{font-size:7px;top:19px;left:19px;right:19px}.hero-play{left:19px;bottom:20px}.hero-footer{margin-top:21px;padding:18px 0;font-size:7px;gap:8px}.hero-footer>span{display:block;font-size:7px}.section{padding:62px 22px}.section h2,.service-heading h2{font-size:44px}.service h3{font-size:20px}.word-strip>div{padding-left:22px;gap:27px}.word-strip span,.word-strip span:nth-of-type(2){font-size:49px}.word-strip i{font-size:28px}.work-heading{padding-bottom:25px}.work-heading>p{max-width:none;margin-top:22px}.filters{margin:0 22px 24px}.project-grid{padding:0 22px;gap:30px}.project-image img,.project:last-child .project-image img{height:255px}.project-title{font-size:28px}.project-bottom{padding-top:17px}.project-top{left:17px;right:17px;top:16px}.project-subtitle{font-size:10px}.portfolio-caption{margin-top:15px;padding:25px 22px}.process-content{min-height:290px}.step-number{font-size:64px;letter-spacing:-2px}.process-content h3{font-size:25px}.studio-copy{padding:55px 22px}.studio-copy h2{font-size:58px}.team .section-heading h2{font-size:35px}.team-image img{height:225px}.team figcaption h3{font-size:20px}.clients{padding-top:12px}.testimonial blockquote{font-size:21px;line-height:1.6}.contact{padding-top:45px;padding-bottom:50px}.contact-title{font-size:clamp(43px,11.8vw,64px);margin:35px 0}.contact-arrow{font-size:30px;right:0;top:5px}.footer{padding-left:22px;padding-right:22px}.legal h1{font-size:43px}.legal h2{font-size:29px}}

.hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.media-top{color:#fff;text-shadow:0 1px 5px #0008}.studio-image img{filter:none;object-position:42% center}.project-invite{background:#eaf8ff;min-height:390px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.project-invite h3{font-family:Display,Arial,sans-serif;font-size:49px;line-height:1.12;letter-spacing:-.02em;margin:22px 0}.project-invite h3 em{color:#009ee0;font-style:normal}.project-invite>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18374733;padding-top:16px;font-size:10px;letter-spacing:1px}.project-invite>a>span{font-size:25px}@media(max-width:850px){.project-invite{padding:27px;min-height:320px}.project-invite h3{font-size:40px}}@media(max-width:550px){.project-invite{min-height:340px}.project-invite h3{font-size:46px}}

/* White identity, cinematic portfolio. */
.work{background:#101820;color:#f7f8fa;padding-bottom:0;--line:#ffffff2e}
.work .eyebrow{color:#a9b9c3}.work h2 em{color:#49c6ff}
.work-heading>p{color:#b4c0c8}.work .filters button{color:#b5c1c9}
.work .filters button.active,.work .filters button:hover{color:#fff;border-bottom-color:#49c6ff}
.work .filters>span{color:#a9b9c3}
.work .project-image,.work .project-bottom{background:#101820;color:#fff}
.work .project-subtitle{color:#b3c0ca}.work .project-image img{filter:saturate(.9)}
.work .project-invite{background:#1a2934;color:#f7f8fa;border:1px solid #ffffff1f}
.work .project-invite h3 em{color:#49c6ff}.work .project-invite>a{border-color:#ffffff30}
.work .portfolio-caption{border-color:#ffffff26;color:#afc0cc;padding-top:32px;padding-bottom:32px}
.work .portfolio-caption>a{color:#f5f7f9}
.reel-banner{margin:0 6% 35px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}
.reel-banner>div{display:flex;align-items:center;gap:22px}.reel-banner .reel-label{color:#49c6ff;font-size:9px;letter-spacing:1.3px}.reel-banner p{font-size:13px;color:#d3dce2}
.reel-banner button{background:none;color:#fff;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:1px;padding:0;flex-shrink:0}
.reel-banner button>span{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:44px;height:44px;padding-left:3px;transition:.2s}.reel-banner button:hover>span{background:#49c6ff;border-color:#49c6ff;color:#101820}
@media(max-width:550px){.reel-banner{margin:0 22px 28px;gap:20px;padding:20px 0}.reel-banner>div{display:block}.reel-banner p{font-size:11px;line-height:1.6;margin-top:7px;max-width:180px}.reel-banner button{font-size:8px;gap:9px}.reel-banner button>span{width:38px;height:38px}}

/* Direct contact on every page, without loading third-party scripts. */
.whatsapp-float{position:fixed;right:24px;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#087f49;color:#fff;border:1px solid #ffffff75;border-radius:40px;box-shadow:0 5px 22px #001e3030;font:500 13px/1.2 Rubik,Arial,sans-serif;transition:background .2s,transform .2s}.whatsapp-float:hover{background:#06663b;transform:translateY(-2px)}.whatsapp-float:focus-visible{outline:3px solid #00b4ff;outline-offset:4px}.footer{padding-bottom:100px}.cinema-bottom{padding-right:180px}@media(max-width:550px){.whatsapp-float{right:16px;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));width:54px;height:54px;padding:14px;justify-content:center}.whatsapp-float span{display:none}.cinema-bottom{padding-right:62px;gap:10px;flex-wrap:wrap}.footer{padding-bottom:90px}}

@media(max-width:550px){.whatsapp-float{width:auto;height:50px;padding:12px 16px;gap:8px}.whatsapp-float span{display:inline;font-size:12px}.cinema-bottom{padding-right:135px}}

/* Compact circular WhatsApp button, matching the services site. */
.whatsapp-float{width:54px;height:54px;padding:0;gap:0;justify-content:center;border-radius:50%;background:#25d366;color:#fff;border:0;box-shadow:0 3px 10px #0003;right:24px;bottom:max(24px,env(safe-area-inset-bottom))}.whatsapp-float span{display:none}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover{background:#1bb65a}.cinema-bottom{padding-right:70px}@media(max-width:550px){.whatsapp-float{width:48px;height:48px;right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.whatsapp-float svg{width:25px;height:25px}.cinema-bottom{padding-right:58px}}

.business-reviews{margin-top:70px;text-align:left}.reviews-heading{margin-bottom:38px}.clients .reviews-heading .eyebrow{margin-bottom:20px}.reviews-heading h2{font-size:clamp(38px,4.7vw,64px)}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.review-card{display:flex;flex-direction:column;align-items:start;background:#f4f8fa;border-top:3px solid #00b4ff;padding:30px;min-width:0}.review-quote{font:70px/.85 Georgia,serif;color:#009ee0;height:48px}.review-card blockquote{font:400 15px/1.85 Rubik,Arial,sans-serif;color:#243c4a;margin:10px 0 32px}.review-card figcaption{margin-top:auto;border-top:1px solid #12344a26;padding-top:20px;width:100%}.review-card strong{display:block;font-size:14px;font-weight:500;color:#142d3c}.review-card figcaption span{display:block;color:#536875;font-size:10px;line-height:1.7;margin-top:7px}@media(max-width:850px){.reviews-grid{gap:16px}.review-card{padding:23px}.review-card blockquote{font-size:13px}}@media(max-width:650px){.reviews-grid{grid-template-columns:1fr;gap:20px}.business-reviews{margin-top:50px}.review-card{padding:27px}.review-card blockquote{font-size:14px;margin-bottom:25px}.reviews-heading{margin-bottom:28px}}

/* Descripciones breves del equipo */
.team figcaption .team-role{font-size:11px;line-height:1.6;color:#007ea8;margin-top:8px}.team figcaption .team-bio{font-size:13px;line-height:1.85;letter-spacing:0;text-transform:none;color:#53636d;margin-top:14px;max-width:36em}@media(max-width:550px){.team-grid{grid-template-columns:1fr}.team-image img{height:340px}.team figcaption .team-bio{font-size:14px}.team figcaption .team-role{font-size:12px}}


/* Compact official client logos */
.official-logo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:38px;margin:38px auto 0;max-width:960px}.official-logo-row figure{margin:0;min-width:0;text-align:center}.official-logo-row img{width:100%;max-width:235px;height:105px;object-fit:contain;display:block;margin:0 auto 18px}.official-logo-row img.bilbao-official-logo{height:105px;width:auto;max-width:100%}.official-logo-row figcaption{font:400 11px/1.6 Rubik,sans-serif;color:#56616a}.clients>.eyebrow{margin-bottom:0}.clients .business-reviews{margin-top:65px}@media(max-width:550px){.official-logo-row{gap:18px;margin-top:25px}.official-logo-row img,.official-logo-row img.bilbao-official-logo{height:72px;margin-bottom:12px}.official-logo-row figcaption{font-size:9px}.clients .business-reviews{margin-top:45px}}

.eibar-project{font:400 12px/1.8 Rubik,sans-serif;color:#56616a;text-align:center;margin:32px auto 0;padding-top:22px;border-top:1px solid #e1e8ec;max-width:960px}.eibar-project strong{font-weight:500;color:#243c4a}.eibar-project em{font-style:normal}