@font-face{font-family:Nohemi;src:url('assets/fonts/Nohemi-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Nohemi;src:url('assets/fonts/Nohemi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nohemi;src:url('assets/fonts/Nohemi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f6f3ec;--ink:#1e1c21;--blue:#5ab4f6;--link:#1b6fc9;--deep:#062d43;--rule:#1e1c212d;--space:clamp(24px,5.2vw,100px);--flow:clamp(64px,8vw,132px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:300 18px/1.5 Nohemi,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0;background:transparent;cursor:pointer}img,video{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:300;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(54px,7.6vw,118px);margin-bottom:30px}h2{font-size:clamp(44px,6vw,94px);margin-bottom:28px}h3{font-size:clamp(28px,3vw,44px);margin-bottom:15px}p{margin-bottom:20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--link);outline-offset:6px}a:hover{color:var(--link)}[hidden]{display:none!important}::selection{background:#5ab4f650}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);z-index:100;padding:15px}.skip:focus{top:15px}.dot{color:var(--blue)}.lead{font-size:clamp(21px,2vw,29px);line-height:1.3;max-width:670px}.small,.scope{font-size:16px;line-height:1.55}.caption,figcaption{font-size:13px;line-height:1.4;margin:10px 0 0;color:#625f5e}.chapter{display:flex;gap:24px;align-items:center;font-size:13px;line-height:1.4;font-weight:400;text-transform:uppercase;letter-spacing:.04em;margin:0 0 28px}.chapter:after{content:'';width:90px;height:1px;background:currentColor;opacity:.25}.handwritten{font:400 clamp(24px,2.05vw,32px)/1.12 Caveat,cursive;letter-spacing:.01em}.annotation{display:block;pointer-events:none;max-width:270px;transform:rotate(-7deg);position:relative}.annotation p{margin-bottom:0}.annotation .gesture{width:130px;height:100px;margin-top:12px;color:var(--blue)}.annotation .gesture-underline{height:18px;width:160px}.gesture{display:block;overflow:visible;color:var(--blue);pointer-events:none}.gesture path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gesture-thread{color:#696a6a}.marked{display:inline-block;position:relative}.marked>.gesture{position:absolute;left:2%;bottom:-.14em;width:98%;height:.34em}.text-link{display:inline-flex;gap:14px;align-items:baseline;border-bottom:1px solid currentColor;padding:7px 0 9px;font-size:16px;font-weight:400;line-height:1.3;max-width:100%}.text-link>span:last-child{transition:transform .25s}.text-link:hover>span:last-child{transform:translate(3px,-3px)}
.header{display:flex;align-items:center;gap:30px;padding:0 var(--space);min-height:96px;position:relative;z-index:10}.brand{margin-right:auto;flex-shrink:0}.brand img{width:170px;height:auto}.header nav{display:flex;gap:clamp(20px,2.8vw,48px);align-items:center;font-size:15px;font-weight:400}.header nav a{padding:15px 0;position:relative;white-space:nowrap}.header nav a:last-child{padding-left:32px;border-left:1px solid var(--rule)}.header nav a:last-child:after{content:'';margin-left:14px}.header nav a[aria-current=page]:before{content:'';height:1px;background:var(--blue);position:absolute;left:0;right:0;bottom:6px}.lang,.motion{font-size:14px;min-height:44px;padding:8px 0 8px 24px;border-left:1px solid var(--rule);display:flex;gap:7px;align-items:center}.motion-label{font-size:13px}.burger{display:none;position:relative;width:44px;height:44px;flex-shrink:0}.burger>span:not(.visually-hidden){position:absolute;left:8px;right:8px;height:1px;background:var(--ink);top:17px}.burger>span:nth-child(2){top:25px}.nav-open .burger>span:first-child{transform:translateY(4px) rotate(45deg)}.nav-open .burger>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.hero{position:relative;isolation:isolate;min-height:670px;height:calc(100svh - 96px);max-height:960px;overflow:hidden}.hero-media,.scene-video,.hero-wash,.underwater-shade{position:absolute;inset:0;width:100%;height:100%}.scene-video{object-fit:cover}.hero .scene-video{object-position:56% center}.hero-wash{background:linear-gradient(90deg,#f6f3ecdf 0%,#f6f3ec99 25%,#f6f3ec00 64%);pointer-events:none}.hero-copy{position:relative;padding:clamp(65px,8vh,105px) var(--space) 165px;width:min(850px,64%)}.hero h1{font-weight:700;font-size:clamp(60px,6.6vw,110px);line-height:1;letter-spacing:-.05em}.hero .chapter{text-transform:none;letter-spacing:0}.hero .chapter:after{display:none}.hero-intro{font-size:clamp(23px,2vw,30px);line-height:1.22;max-width:530px}.hero-bottom{position:absolute;left:var(--space);bottom:35px;font-size:14px;display:grid;gap:22px}.hero-bottom>a{display:flex;gap:16px}.hero-note{position:absolute;right:5%;bottom:7%;color:#fff;text-shadow:0 1px 10px #0009}.funcional{font-size:16px;padding:28px var(--space);margin:0;max-width:850px;color:#59575a}.origin{display:grid;grid-template-columns:45% 55%;padding:62px var(--space) 75px;overflow:hidden;align-items:center}.origin h2{font-size:clamp(56px,6.8vw,108px)}.origin-copy>p:not(.chapter){max-width:465px;font-size:21px;line-height:1.3}.character{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;min-height:440px;margin:0}.character video{width:135%;max-width:none;flex-shrink:0;mix-blend-mode:multiply;pointer-events:none}.character-note{position:absolute;right:0;bottom:0}.character-note .gesture{transform:rotate(24deg);width:110px;height:70px}.section-heading{position:relative}.heading-note{position:absolute;right:7%;top:24%;transform:rotate(-8deg)}.works{padding:60px var(--space) var(--flow);border-top:1px solid var(--rule)}.works .section-heading{padding-bottom:24px}.home-projects{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin:18px calc(var(--space)*-1) 25px}.home-projects .project-card{position:relative;min-height:460px}.home-projects .project-image{height:100%}.project-image img{width:100%;height:100%;object-fit:cover}.project-visual{display:block;overflow:hidden}.home-projects .project-visual{height:100%}.home-projects .card-copy{position:absolute;inset:auto 0 0;padding:75px 28px 24px;color:white;background:linear-gradient(transparent,#000b);pointer-events:none}.home-projects .card-copy a{pointer-events:auto}.home-projects .card-copy .chapter{display:none}.home-projects h3{font-size:28px}.home-projects p{font-size:18px;margin-bottom:8px}.home-projects .text-link{color:white}.home-projects .project-card a:hover{color:#aad9ff}.wants{padding:var(--flow) var(--space);display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--rule)}.wants .gesture-connection{width:95%;margin-top:35px}.wants-list{padding:0;margin:15px 0 0;list-style:none}.wants-list li{border-bottom:1px solid var(--rule)}.wants-list .text-link{display:flex;justify-content:space-between;border:0;font-size:clamp(22px,2.3vw,36px);font-weight:300;padding:20px 0}.wants-note{margin:45px 20px 0 auto}.underwater{position:relative;min-height:500px;color:var(--paper);background:var(--deep);padding:70px var(--space);isolation:isolate;overflow:hidden}.underwater-shade{background:linear-gradient(90deg,#001a2cdd,#001a2c66 63%,#001a2c33)}.underwater-copy{position:relative;max-width:970px}.underwater-copy .lead{max-width:640px}.method{display:flex;gap:0;border-top:1px solid #ffffff60;padding-top:24px;margin-top:35px;max-width:740px}.method>span{flex:1}.method>span+span{border-left:1px solid #ffffff60;padding-left:20px}.water-note{position:absolute;right:4%;bottom:35px}.contact{padding:70px var(--space) 60px}.contact .annotation{max-width:none;margin:0 0 25px;transform:rotate(-3deg);width:fit-content}.contact-title{font-size:clamp(45px,6.7vw,105px);font-weight:300;line-height:1.03;letter-spacing:-.045em;display:flex;align-items:center;gap:25px}.contact-title>span:first-child{max-width:1250px}.contact-title>span:last-child{color:var(--blue);white-space:nowrap}.mobile-break{display:none}.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:0 var(--space);padding:35px 0 40px;border-top:1px solid var(--rule);font-size:14px}.footer-l{display:grid;gap:16px}.footer-nav{display:flex;gap:24px}.footer-link>span:last-child{display:none}.family{font-size:13px;color:#615e62;margin:0}.family a{border-bottom:1px solid currentColor}.footer-brand{display:grid;justify-items:end;gap:9px;flex-shrink:0}.footer-brand img{width:170px;height:auto}.footer-brand>span{font-size:15px}
.page-hero{position:relative;padding:65px var(--space) 45px}.page-hero>.lead{max-width:660px}.projects-heading h1{max-width:1020px}.projects-note{position:absolute;right:12%;top:80px}.projects-note-small{position:absolute;right:5%;bottom:75px}.filters{display:flex;gap:30px;flex-wrap:wrap;margin-top:32px}.filt{padding:12px 0;font-size:15px;position:relative;min-height:44px}.filt[aria-pressed=true]:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--blue)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 30px;padding:0 var(--space) 60px;align-items:start}.project-card{min-width:0}.project-card .project-image{aspect-ratio:16/10;overflow:hidden}.project-card .project-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card .project-visual:hover img{transform:scale(1.025)}.card-copy{padding-top:20px}.card-copy .chapter{font-size:12px;margin-bottom:16px}.card-copy h3{font-size:clamp(28px,3vw,45px);margin-bottom:13px}.card-copy p{line-height:1.25;max-width:400px}.project-card.feature{grid-column:span 12;display:grid;grid-template-columns:3fr 1fr;gap:28px}.feature .card-copy{align-self:center;position:relative}.feature .card-copy:after{content:'';display:block;width:135px;height:90px;margin:24px 0 0;background:url('assets/grafismos/flecha.svg') center/contain no-repeat}.feature .project-image{aspect-ratio:2.4}.project-card.portrait{grid-column:span 4;grid-row:span 2}.portrait .project-image{aspect-ratio:.73}.project-card.wide{grid-column:span 8}.wide .project-image{aspect-ratio:2.5}.project-card.half{grid-column:span 6}.project-card.third{grid-column:span 4}.project-grid.is-filtered .project-card{grid-column:span 6;grid-row:auto;display:block}.project-grid.is-filtered .project-image{aspect-ratio:16/10}.project-grid.is-filtered .feature .card-copy:after{display:none}
.services-heading h1{max-width:1080px}.services-heading .heading-note{top:200px;right:6%}.door-index{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:70px}.door-index .text-link{font-size:16px;font-weight:300}.door{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:40px 7%;padding:var(--flow) var(--space);border-top:1px solid var(--rule)}.door-copy h2{font-size:clamp(43px,5.4vw,82px)}.door-copy .lead{font-size:22px;line-height:1.42}.door-media{align-self:center}.door-media .project-image{aspect-ratio:1.4;overflow:hidden}.door-media img{height:100%;object-fit:cover}.door-note{margin:30px 0 0;font-size:27px}.door-deliverables{grid-column:2;max-width:720px}.door-deliverables>p:not(.chapter){font-size:18px}.cases-inline{display:flex;gap:20px;flex-wrap:wrap}.cases-inline .text-link{font-size:14px}.door-gesture{position:absolute;left:5%;bottom:75px;width:32%;height:90px}.door-2{background:#ece9e2}.door-3{background:var(--deep);color:var(--paper);border:0}.door-3 .caption{color:#c6d8df}.door-3 a:hover{color:var(--blue)}.door-4 .door-copy{order:1}.door-4 .door-media{order:0}.door-4 .door-deliverables{grid-column:1;order:2}.door-4 .door-gesture{left:auto;right:10%;width:22%}.process{position:relative;padding:var(--flow) var(--space);background:#eeece5}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:50px 0;padding:0;counter-reset:steps}.steps li{border-top:1px solid var(--rule);padding-top:20px}.steps li:before{counter-increment:steps;content:'0' counter(steps);font-size:14px;color:var(--link);display:block;margin-bottom:28px}.steps h3{font-size:30px}.steps p{font-size:18px;line-height:1.35}.scope{max-width:850px}.process-note{margin:35px 0 0 auto}
.case-hero{position:relative}.case-hero.panoramic{min-height:620px;height:78svh;max-height:850px;background:var(--deep);color:white;isolation:isolate}.panoramic>.project-image{position:absolute;inset:0;z-index:-2}.panoramic:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001321cf,#00132122 80%);z-index:-1}.case-copy{padding:70px var(--space);max-width:880px}.case-copy h1{font-size:clamp(54px,6.2vw,100px);max-width:800px}.case-copy .lead{max-width:570px;font-size:24px}.case-hero-note{position:absolute;right:6%;bottom:40px}.case-hero.split{display:grid;grid-template-columns:40% 60%;align-items:center;padding:25px var(--space) 50px 0}.split .case-copy{padding:55px 45px 55px var(--space)}.split .case-copy h1{font-size:clamp(46px,4.6vw,76px)}.split>.project-image{height:100%;min-height:440px}.split .case-hero-note{position:relative;grid-column:2;justify-self:end;margin-top:28px;right:auto;bottom:auto}.case-observation{position:relative;padding:90px var(--space);display:grid;grid-template-columns:1fr 2.2fr;gap:7%;border-bottom:1px solid var(--rule)}.observation-text{font-size:clamp(29px,3.4vw,50px);line-height:1.2;letter-spacing:-.025em;margin:0}.case-observation>.gesture{position:absolute;width:210px;height:25px;right:var(--space);bottom:40px}.case-idea{display:grid;padding:85px var(--space);grid-template-columns:1fr 1fr;gap:8%;align-items:center}.case-idea:not(.with-art){grid-template-columns:1fr}.case-idea:not(.with-art)>div{display:grid;grid-template-columns:1fr 1.3fr;column-gap:7%}.case-idea:not(.with-art) .chapter{grid-column:1/-1}.case-idea:not(.with-art) .idea-note{grid-column:2}.case-idea h2{font-size:clamp(44px,4.7vw,70px)}.case-idea .lead{font-size:22px;line-height:1.45}.idea-note{margin-top:30px}.idea-note .gesture{height:60px;margin-top:0}.concept-art{align-self:center}.art-window{position:relative;overflow:hidden;width:100%}.art-window img{position:absolute;max-width:none;height:auto;display:block}.concept-art figcaption{font-size:13px}.case-orona-vision .concept-art,.case-roche-orchestra .concept-art{mix-blend-mode:multiply}.case-sequence{padding:30px var(--space) 75px}.case-sequence ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:25px 0 0}.case-sequence li{position:relative;border-top:1px solid var(--rule);padding-top:20px}.step-number{font-size:13px;display:block;margin-bottom:25px}.case-sequence h3{font-size:clamp(32px,4vw,62px)}.case-sequence .gesture{width:70px;height:45px;margin:15px 0 0 auto}.film-section{padding:60px var(--space) 70px;background:var(--deep);color:var(--paper)}.film-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:5%}.film-heading .chapter{grid-column:1/-1}.film-heading h2{font-size:clamp(42px,5vw,72px)}.film-heading>p:not(.chapter){align-self:center}.player{position:relative;width:100%;aspect-ratio:16/9;background:#02131d;overflow:hidden}.player img,.player video{width:100%;height:100%;object-fit:contain}.player img{object-fit:cover}.play{position:absolute;inset:0;margin:auto;border:1px solid white;border-radius:50%;width:86px;height:86px;background:#f6f3eced;color:var(--ink);font-size:25px;display:grid;place-items:center}.play:hover{background:white;transform:scale(1.05)}.case-credits{padding:35px var(--space);display:flex;gap:35px;align-items:baseline;border-bottom:1px solid var(--rule);font-size:15px}.case-credits .chapter{margin:0 auto 0 0}.case-credits>p{margin:0}.case-next{padding:30px var(--space);display:flex;justify-content:space-between;gap:25px}.case-syngenta .case-sequence{background:#ecefe5}.case-nike-running .case-sequence{background:#efe7d8}.case-roche-orchestra .case-sequence{background:#e9eff0}.case-palace-of-light .case-sequence{background:#ece7dc}
.mirada-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:60px var(--space) 30px;overflow:hidden}.mirada-hero h1{font-size:clamp(57px,6.9vw,107px)}.mirada-hero .character{min-height:510px}.story-layout{padding:50px var(--space) 100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid var(--rule);margin-top:50px}.story-margin{padding-top:60px}.story-margin>.gesture{width:100%;margin-top:200px;transform:rotate(45deg)}.relato{max-width:750px}.relato-body p{font-size:24px;line-height:1.55;margin-bottom:30px}.relato-body .pum{font-family:Caveat;font-size:90px;line-height:1;margin:20px 0 50px;transform:rotate(-7deg);color:var(--link)}.signature{font-size:52px;margin:45px 0 15px}.who{font-size:16px;line-height:1.6}.who strong{font-weight:400}.talk{position:relative;padding:65px var(--space) 100px;display:grid;grid-template-columns:1fr 1fr;gap:50px 8%;align-items:start}.talk-copy{display:contents}.talk-copy>.handwritten{grid-column:1/-1;margin:0;transform:rotate(-4deg);width:fit-content}.talk h1{grid-column:1/-1;font-size:clamp(68px,10vw,154px);line-height:.96;margin:0 0 10px;font-weight:300}.talk-copy>.lead{grid-column:1;max-width:540px;font-size:clamp(25px,2.7vw,39px);line-height:1.23;margin:0}.talk .mail{grid-column:1;margin:0}.mail a{font-size:clamp(24px,3vw,44px);line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere}.talk .small{grid-column:1;margin:0}.talk .form{grid-column:2;grid-row:3/span 6}.talk-thread{grid-column:1;align-self:end;width:140%;margin:20px 0;z-index:-0}.talk-note{grid-column:1;margin:0 0 0 20px}.form{display:grid;gap:24px;align-content:start;position:relative}.form label{display:grid;gap:9px;font-size:15px;font-weight:400;position:relative}.form label small{font-size:13px;font-weight:300;line-height:1.4}.form input[type=text],.form input[type=email],.form textarea{width:100%;min-width:0;border:1px solid #8a87826b;background:#ffffff0a;padding:13px 12px;font-size:18px;border-radius:0;font-weight:300}.form textarea{resize:vertical}.form input:focus,.form textarea:focus{outline:2px solid var(--link);outline-offset:2px}.form .check{display:flex;gap:12px;font-size:14px;font-weight:300;align-items:start}.check input{width:18px;height:18px;accent-color:var(--link);margin:3px 0 0;flex-shrink:0}.check a{border-bottom:1px solid currentColor}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.btn{justify-self:start;background:var(--deep);color:var(--paper);font-size:17px;padding:17px 24px;display:flex;gap:20px;min-height:50px}.btn:hover{background:var(--link)}.btn[disabled]{opacity:.6}.form-msg{margin:0;font-size:16px;min-height:24px}.form-msg.ok{color:#245837}.form-msg.warn{color:#a52c28}.form .bad input,.form .bad textarea{border-color:#a52c28}.after{border-top:1px solid var(--rule);padding-top:22px}.after .chapter{margin-bottom:15px}.after p{font-size:16px;line-height:1.5}.after i{font-style:normal;color:var(--link);margin:0 8px}.legal{padding:65px var(--space) 100px;max-width:1100px}.legal h1{font-size:clamp(45px,5vw,75px)}.legal h2{font-size:26px;font-weight:400;letter-spacing:-.02em;margin-top:35px}.legal p{font-size:18px;line-height:1.6}.legal a{overflow-wrap:anywhere;text-decoration:underline}.pg-404 .page-hero{min-height:65svh}
@media(min-width:1800px){body{max-width:2300px;margin:auto}.hero-copy{width:60%;max-width:1050px}.hero h1{font-size:130px}.hero-intro{font-size:32px}.case-copy{max-width:1050px}.case-copy h1{font-size:120px}}
@media(max-width:1150px){.header{gap:18px}.header nav{gap:22px;font-size:14px}.brand img{width:145px}.motion-label{display:none}.header nav a:last-child{padding-left:20px}.hero-copy{width:72%}.heading-note{right:0}.projects-note{right:5%;top:80px;max-width:180px}.projects-heading h1{max-width:75%}.case-copy{max-width:730px}.split .case-copy{padding-right:25px}.split .case-copy h1{font-size:53px}.case-hero.split{grid-template-columns:44% 56%}.door{gap:35px 5%}.door-copy .lead{font-size:20px}.home-projects .project-card{min-height:360px}.home-projects .card-copy{padding:65px 20px 20px}.home-projects h3{font-size:24px}.talk{gap:35px 6%}.steps{gap:25px}.steps h3{font-size:27px}}
@media(max-width:900px){.header{min-height:80px}.header nav{position:fixed;inset:80px 0 0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);padding:25px var(--space);overflow:auto}.header nav a{font-size:30px;white-space:normal;border-bottom:1px solid var(--rule);padding:20px 0}.header nav a:last-child{padding-left:0;border-left:0}.nav-open .header nav{display:flex}.burger{display:block}.brand{margin-right:auto}.lang,.motion{padding-left:15px}.hero{height:calc(100svh - 80px);min-height:660px}.hero-copy{width:84%}.hero h1{font-size:70px}.hero-intro{font-size:26px;max-width:470px}.origin{grid-template-columns:1fr 1fr;gap:15px}.origin h2{font-size:65px}.character video{width:160%}.character-note{bottom:0;font-size:23px}.character{min-height:430px}.heading-note{position:relative;top:auto;right:auto;margin:20px 0 0 auto}.heading-note .gesture{height:65px}.home-projects{grid-template-columns:1.25fr 1fr 1fr;gap:6px}.home-projects .project-card{min-height:350px}.home-projects .card-copy{padding:65px 14px 20px}.home-projects h3{font-size:22px}.home-projects p{font-size:16px}.water-note{display:none}.project-card.feature{grid-template-columns:2fr 1fr}.feature .project-image{aspect-ratio:1.6}.project-grid{gap:40px 25px}.portrait .project-image{aspect-ratio:.6}.wide .project-image{aspect-ratio:1.8}.project-card.third{grid-column:span 6}.door-index{grid-template-columns:1fr 1fr}.services-heading .heading-note{position:relative;top:auto;right:auto}.door{grid-template-columns:1fr 1fr}.door h2{font-size:45px}.door-gesture{width:30%;bottom:80px}.steps{grid-template-columns:1fr 1fr}.case-hero.split{grid-template-columns:1fr;padding:0}.split .case-copy{padding:50px var(--space)}.split>.project-image{height:450px;min-height:0;margin:0 var(--space)}.split .case-hero-note{grid-column:1;margin:20px var(--space) 30px}.case-copy h1{font-size:70px}.case-idea{gap:5%}.case-observation{grid-template-columns:1fr;gap:20px}.case-credits{flex-wrap:wrap;gap:20px}.case-credits .chapter{width:100%}.mirada-hero{grid-template-columns:1fr 1fr}.mirada-hero h1{font-size:66px}.story-layout{grid-template-columns:.6fr 1.4fr;gap:6%}.relato-body p{font-size:22px}.talk h1{font-size:100px}.talk .form{grid-row:3/span 8}.talk-thread{width:125%}.talk-note{font-size:25px}.footer{align-items:flex-start}.footer-brand{max-width:210px}}
@media(max-width:650px){:root{--space:24px;--flow:65px}body{font-size:18px}.header{min-height:74px;gap:10px}.header nav{top:74px}.brand img{width:132px}.lang,.motion{padding-left:12px}.lang{font-size:14px}.burger{margin-left:0}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-copy{order:0;padding:36px var(--space) 32px;width:100%}.hero h1{font-size:clamp(52px,12.5vw,80px);line-height:.99}.hero-intro{font-size:23px}.hero .chapter{margin-bottom:22px}.hero-media{position:relative;order:1;aspect-ratio:1.3;height:auto}.hero-wash{display:none}.hero-bottom{position:relative;order:2;inset:auto;padding:20px var(--space);font-size:13px}.hero-bottom>a{display:none}.hero-note{display:none}.hero .scene-video{object-position:59% center}.funcional{padding:22px var(--space);font-size:15px}.origin{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px}.origin h2{font-size:clamp(60px,13.5vw,85px)}.origin-copy>p:not(.chapter){font-size:20px}.character{min-height:320px;margin-top:10px}.character video{width:130%}.character-note{right:0;bottom:10px}.character-note .gesture{display:none}.annotation .handwritten{font-size:25px}.chapter{font-size:12px;margin-bottom:22px}.works{padding-top:40px}.works h2{font-size:clamp(46px,10.6vw,67px)}.section-heading{padding-bottom:0}.heading-note{margin:10px 0 15px auto;max-width:175px}.heading-note .gesture{width:65px;height:45px;margin-top:0}.home-projects{grid-template-columns:1fr;margin:12px calc(var(--space)*-1) 20px;gap:10px}.home-projects .project-card{min-height:0}.home-projects .project-image{height:auto;aspect-ratio:1.3}.home-projects .card-copy{padding:75px 24px 25px}.home-projects h3{font-size:29px}.home-projects p{font-size:19px}.wants{grid-template-columns:1fr;gap:20px}.wants h2{font-size:60px}.wants .gesture-connection{width:75%;height:75px;margin:0 0 10px auto}.wants-list .text-link{font-size:25px;padding:20px 0}.wants-note{margin-top:30px}.underwater{min-height:510px;padding-top:50px}.underwater h2{font-size:55px}.underwater .lead{font-size:22px}.underwater .scene-video{object-position:60%}.method{display:grid;grid-template-columns:1fr 1fr;row-gap:15px}.method>span+span{padding-left:0;border:0}.method>span:nth-child(even){padding-left:15px;border-left:1px solid #ffffff60}.contact{padding-top:50px;padding-bottom:40px}.contact-title{font-size:clamp(42px,10.8vw,64px);gap:12px;align-items:flex-end}.contact-title>span:last-child{font-size:50px}.contact .annotation{margin-bottom:24px}.footer{display:grid;gap:35px;padding-bottom:32px}.footer-brand{justify-items:start;max-width:none}.footer-brand img{width:160px}.footer-l{gap:18px}.family{line-height:1.5}.page-hero{padding-top:45px}.page-hero h1{font-size:clamp(51px,11vw,75px);max-width:none}.projects-heading .lead{font-size:23px}.projects-note{position:relative;top:auto;right:auto;margin:25px 5px 0 auto;max-width:170px}.projects-note .gesture{width:80px;height:60px;margin-top:0}.projects-note-small{display:none}.filters{gap:23px;margin-top:12px}.filt{font-size:14px}.project-grid{display:flex;flex-direction:column;gap:38px}.project-card{width:100%}.project-card.feature{display:block}.project-card .project-image,.project-grid.is-filtered .project-image{aspect-ratio:1.5}.portrait .project-image{aspect-ratio:1.15}.feature .card-copy:after{display:none}.card-copy{padding-top:16px}.card-copy h3{font-size:35px}.card-copy .chapter{margin-bottom:12px}.card-copy p{font-size:20px}.door-index{grid-template-columns:1fr;margin-top:35px;gap:8px}.door-index .text-link{padding:14px 0}.services-heading .heading-note{margin:28px 5px 20px auto;max-width:200px}.door{grid-template-columns:1fr;gap:25px}.door h2{font-size:53px}.door-copy .lead{font-size:21px}.door-deliverables,.door-4 .door-deliverables{grid-column:1}.door-4 .door-copy,.door-4 .door-media{order:unset}.door-gesture{display:none}.door-media .project-image{aspect-ratio:1.5}.door-note{max-width:250px;margin:25px 0}.cases-inline{gap:18px}.process h2{font-size:53px}.steps{grid-template-columns:1fr;gap:18px;margin-top:35px}.steps li{display:grid;grid-template-columns:40px 1fr;gap:4px 10px}.steps li:before{grid-row:span 2;margin:5px 0 0}.steps h3{font-size:32px;margin-bottom:12px}.steps p{grid-column:2}.process-note{margin-top:25px}.case-hero.panoramic{height:auto;max-height:none;min-height:0;padding-bottom:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.panoramic .case-copy{padding:45px var(--space) 35px}.panoramic>.project-image{position:relative;inset:auto;order:2;aspect-ratio:1.25;z-index:auto}.panoramic:after{display:none}.panoramic .case-hero-note{position:relative;right:auto;bottom:auto;margin:0 var(--space) 35px auto}.case-copy h1,.split .case-copy h1{font-size:clamp(49px,11.5vw,75px)}.case-copy .lead{font-size:22px}.split .case-copy{padding:40px var(--space)}.split>.project-image{height:auto;aspect-ratio:1.3;margin:0}.case-observation{padding-top:55px;padding-bottom:60px}.observation-text{font-size:31px}.case-observation>.gesture{bottom:23px;width:170px}.case-idea{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px;gap:30px}.case-idea:not(.with-art)>div{display:block}.case-idea h2{font-size:52px}.case-idea .lead{font-size:21px}.idea-note{margin-top:24px}.idea-note .gesture{height:45px}.case-sequence{padding-top:20px;padding-bottom:45px}.case-sequence ol{grid-template-columns:1fr;gap:15px}.case-sequence li{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:15px;padding-top:18px}.step-number{margin:0}.case-sequence h3{font-size:38px;margin:0}.case-sequence .gesture{grid-column:2;width:50px;height:25px;margin:0 0 0 auto}.film-section{padding:40px var(--space)}.film-heading{display:block}.film-heading h2{font-size:49px}.film-heading>p{font-size:17px}.play{width:65px;height:65px;font-size:20px}.case-credits{padding-top:25px;padding-bottom:25px;display:grid;gap:15px}.case-credits .chapter{font-size:12px}.case-next{flex-direction:column;align-items:flex-start;gap:12px}.mirada-hero{grid-template-columns:1fr;padding-top:40px}.mirada-hero h1{font-size:clamp(59px,13vw,86px)}.mirada-hero .character{min-height:320px}.story-layout{grid-template-columns:1fr;padding-top:30px;padding-bottom:55px;gap:30px;margin-top:20px}.story-margin{padding-top:0}.story-margin .annotation{margin-left:auto;max-width:250px}.story-margin>.gesture{display:none}.story-margin .gesture-arrow{width:65px;height:55px;margin-top:0}.relato-body p{font-size:22px}.talk{display:flex;flex-direction:column;padding-top:45px;padding-bottom:55px;gap:24px}.talk-copy{display:contents}.talk h1{font-size:clamp(65px,14vw,95px);margin:0 0 10px;order:0}.talk-copy>.handwritten{order:0;margin:0 0 10px}.talk .lead{font-size:27px;order:0}.talk .mail{order:0;margin-top:10px}.mail a{font-size:30px}.talk .small{font-size:15px;order:0}.talk-thread{width:95%;margin:0;height:110px;order:1}.talk .form{width:100%;order:2}.talk-note{order:3;margin:20px 0 0 auto}.form{gap:23px}.form label{font-size:15px}.after .chapter{font-size:12px}.legal{padding-top:45px}.legal h1{font-size:45px}.legal h2{font-size:25px}.legal p{font-size:17px}.pg-404 h1{font-size:54px}}
@media(max-width:360px){:root{--space:20px}.header{gap:4px}.brand img{width:116px}.lang,.motion{padding-left:9px}.hero h1{font-size:49px}.hero-intro{font-size:21px}.origin h2{font-size:56px}.filters{gap:18px}.filt{font-size:13px}.case-copy h1,.split .case-copy h1{font-size:46px}.talk h1{font-size:63px}.mail a{font-size:27px}.contact-title{font-size:40px}.contact-title>span:last-child{font-size:38px}.steps h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Optical and small-screen corrections from the first rendered pass. */
.character video{mix-blend-mode:normal}
.talk-thread{width:116%}
.project-image{position:relative}
.image-label{position:absolute;top:12px;left:12px;right:auto;margin:0;padding:5px 8px;background:#f6f3ecee;color:#343236;font-size:12px;max-width:90%;line-height:1.3}
.card-note{margin:28px 8px 0 auto;max-width:190px}
.card-note .handwritten{font-size:25px}
.card-note .gesture{width:75px;height:55px;margin:6px 0 0 0;transform:rotate(50deg)}
.home-projects .card-note{display:none}
.feature .card-copy:after{display:none}
.case-hero>*{min-width:0}
.case-forest-auditorium .concept-art,.case-palace-of-light .concept-art{mix-blend-mode:multiply}
@media(max-width:650px){.card-note{margin:15px 4px 0 auto}.card-note .handwritten{font-size:24px}.card-note .gesture{height:40px}.image-label{font-size:12px}.talk-thread{width:95%}}
@media(max-width:360px){.case-syngenta .case-copy h1{font-size:40px}}

.case-idea>*{min-width:0}
.case-orona-vision .concept-art,.case-roche-orchestra .concept-art,.case-forest-auditorium .concept-art,.case-palace-of-light .concept-art{mix-blend-mode:normal}
@media(max-width:360px){.case-idea h2{font-size:44px}}

/* Neo · 12-09-2026 · cada proyecto encuentra su gesto. */
.origin{overflow:visible}.origin-copy{position:relative;z-index:1;min-width:0}.origin .character{overflow:clip}.origin h2{overflow-wrap:normal}
.recreated{position:relative;background:var(--deep)}
.recreation-label{position:absolute;left:14px;bottom:12px;margin:0;padding:5px 8px;background:#f6f3eced;color:#454548;font-size:11px;line-height:1.25;letter-spacing:.015em;max-width:calc(100% - 28px)}
.project-card .recreated,.project-grid.is-filtered .project-card .recreated,.home-projects .recreated,.door-media .recreated{height:auto;aspect-ratio:3/2;overflow:hidden}
.project-card .recreated img,.door-media .recreated img{height:auto;aspect-ratio:3/2;object-fit:contain}
.home-projects{gap:30px;margin:28px 0 40px;grid-template-columns:1.25fr 1fr 1fr;align-items:start}
.home-projects .project-card{min-height:0}.home-projects .project-visual{height:auto}
.home-projects .card-copy{position:static;inset:auto;background:none;color:var(--ink);padding:23px 0 0;pointer-events:auto}
.home-projects h3{font-size:clamp(26px,2.8vw,42px)}.home-projects p{font-size:18px;line-height:1.4}
.home-projects .text-link{color:var(--ink)}.home-projects .project-card a:hover{color:var(--link)}
.home-projects .project-card:nth-child(2){margin-top:85px}.home-projects .project-card:nth-child(3){margin-top:165px}
.home-projects .card-note{display:block}.home-projects .card-note .handwritten{font-size:26px}
.project-card.portrait{grid-column:span 5;grid-row:auto}.project-card.wide{grid-column:span 7}
.project-grid .project-card:nth-child(3){margin-top:85px}.project-grid .project-card:nth-child(4){margin-top:35px}
.project-grid.is-filtered .project-card{margin-top:0}
.card-note .gesture{transform:none;width:130px;height:75px}.card-note .gesture-wave{width:175px;height:55px}.card-note .gesture-route{width:160px;height:85px}
.card-note .gesture-sprout{height:95px}.card-note .gesture-orbit{width:145px;height:90px}
.case-hero.editorial{padding:0 var(--space) 32px;background:var(--paper);color:var(--ink)}
.editorial .case-copy{max-width:none;padding:40px 0 38px;display:grid;grid-template-columns:1.22fr 1fr;gap:0 9%;align-items:start}
.editorial .case-copy>.chapter{grid-column:1/-1;margin-bottom:25px}
.editorial .case-copy h1{grid-column:1;grid-row:2/span 2;font-size:clamp(56px,5.6vw,92px);margin:0;max-width:780px}
.editorial .case-copy>.lead{grid-column:2;grid-row:2;margin:5px 0 18px;max-width:460px;font-size:22px}
.editorial .case-copy>.text-link{grid-column:2;grid-row:3;justify-self:start}
.editorial>.project-image{height:auto;aspect-ratio:3/2;width:100%;max-height:none}
.editorial>.project-image img{width:100%;height:auto;object-fit:contain}
.editorial .case-hero-note{position:relative;right:auto;bottom:auto;margin:24px 3% 4px auto;max-width:300px}
.editorial .case-hero-note .handwritten{font-size:29px}
.case-hero.split{padding-top:35px;padding-bottom:30px;grid-template-columns:40% 60%}
.split>.project-image{height:auto;min-height:0;aspect-ratio:3/2;align-self:center}.split>.project-image img{height:auto;object-fit:contain}
.case-observation{padding-top:50px;padding-bottom:58px;gap:6%;align-items:start}
.observation-text{font-size:clamp(27px,2.65vw,40px);line-height:1.17;margin-bottom:0}
.case-observation>.gesture{bottom:20px;width:175px}
.case-idea{padding-top:62px;padding-bottom:62px;gap:5%;grid-template-columns:.8fr 1.2fr;align-items:start}
.case-idea h2{font-size:clamp(40px,4.15vw,66px)}.case-idea .lead{font-size:21px;line-height:1.4}
.schema{position:relative;padding:16px 0 0;background:linear-gradient(155deg,#f9f7f100,#e8edf14d)}
.schema>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.schema>figcaption{margin:8px 0 22px;font:400 25px/1.2 Caveat,cursive;color:#66615e;transform:rotate(-2deg)}
.schema-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0}
.schema-steps li{min-width:0;border-top:1px solid var(--rule);padding-top:13px}
.schema-steps .step-number{color:var(--link);font-size:12px;margin-bottom:11px}.schema-steps h3{font-size:clamp(23px,2.2vw,32px);line-height:1.06;margin-bottom:12px}
.schema-steps p{font-size:15px;line-height:1.35;margin:0}
.idea-note{margin:30px 0 0}.idea-note .gesture{max-width:170px;height:90px}
.case-roche-orchestra .schema{background:linear-gradient(145deg,#eef2f4,#e6f1f5)}
.case-syngenta .schema{background:linear-gradient(145deg,#f6f3ec,#eaf0df)}
.case-palace-of-light .schema,.case-nike-running .schema{background:linear-gradient(145deg,#f6f3ec,#f1e8d8)}
.film-section{padding-top:46px}.film-heading h2{font-size:clamp(42px,4.5vw,66px)}
.case .film-video{object-fit:contain}.case .film-controls button{width:46px;height:46px;border-radius:50%;border-width:1px}
.case .film.is-full .film-controls{display:flex}.case .film:fullscreen{height:100%;aspect-ratio:auto}
.door-1{grid-template-columns:1fr 1.3fr}.door-2 .door-media{transform:rotate(-2deg);box-shadow:0 22px 55px #24222716}
.door-3 .door-media{margin-right:calc(-1 * var(--space));align-self:center}.door-3 .recreation-label{background:#f6f3ecee}
.door-4 .door-media{align-self:start}.door-4 .door-note{margin-left:35px}
.talk{gap:28px 8%;grid-template-columns:1.05fr 1fr;padding-top:55px}
.talk-copy{display:block;grid-column:1;grid-row:1/span 2;min-width:0}
.talk-copy>.handwritten{margin:0 0 30px}.talk h1{font-size:clamp(64px,7.8vw,118px);margin:0 0 35px;line-height:1}
.talk-copy>.lead{font-size:clamp(24px,2.3vw,34px);margin:0 0 30px;max-width:500px}
.talk-copy>.mail{margin:0 0 24px}.talk-copy>.small{margin-bottom:22px}
.talk .form{grid-column:2;grid-row:1/span 4;margin-top:62px}
.talk-thread{grid-column:1;grid-row:3;width:108%;margin:0;height:130px}
.talk-note{grid-row:4;margin:5px 0 0 40px}
@media(min-width:1450px){.editorial>.project-image{width:90%;margin-left:5%}.case-bedisruptive .editorial>.project-image{width:100%;margin-left:0}}
@media(max-width:1000px){.home-projects{gap:20px}.home-projects .project-card:nth-child(2){margin-top:40px}.home-projects .project-card:nth-child(3){margin-top:80px}.home-projects h3{font-size:26px}.home-projects .card-note{margin-right:0}.home-projects .card-note .handwritten{font-size:23px}.case-idea{grid-template-columns:1fr 1.1fr}.schema-steps{gap:10px}.schema-steps h3{font-size:24px}.schema-steps p{font-size:14px}.case-hero.split{grid-template-columns:1fr 1.2fr}.split .case-copy{padding-right:28px}.split .case-copy h1{font-size:48px}.talk h1{font-size:77px}.talk-copy>.lead{font-size:27px}.talk .mail a{font-size:30px}}
@media(max-width:750px){.home-projects{grid-template-columns:1fr;margin:20px 0 35px;gap:35px}.home-projects .project-card:nth-child(n){margin-top:0}.home-projects .card-copy{padding:20px 0 0}.home-projects .card-note{margin-top:15px}.home-projects h3{font-size:36px}.home-projects p{font-size:20px}.home-projects .card-note .handwritten{font-size:26px}.home-projects .project-image{aspect-ratio:3/2}.project-grid .project-card:nth-child(n){margin-top:0}.project-grid .project-card{grid-column:span 12}.editorial .case-copy{display:block;padding-top:35px}.editorial .case-copy h1{font-size:clamp(45px,10.8vw,72px);margin-bottom:25px}.editorial .case-copy>.lead{font-size:22px}.editorial>.project-image{width:calc(100% + 2 * var(--space));margin-left:calc(-1 * var(--space));aspect-ratio:3/2}.editorial .case-hero-note{margin:22px 0 0 auto}.case-hero.split{display:block;padding:0 0 30px}.split .case-copy{padding:35px var(--space)}.split .case-copy h1{font-size:clamp(45px,10.8vw,72px)}.split>.project-image{margin:0;height:auto;aspect-ratio:3/2}.split .case-hero-note{margin:24px var(--space) 0 auto;max-width:260px}.case-observation{display:block;padding-top:42px;padding-bottom:52px}.observation-text{font-size:29px}.case-idea{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:20px}.case-idea h2{font-size:clamp(43px,9.8vw,65px)}.schema{padding:0}.schema-steps{gap:14px}.schema-steps h3{font-size:clamp(22px,5.2vw,32px)}.schema-steps p{font-size:14px}.schema>figcaption{font-size:24px}.idea-note .gesture{height:55px}.door-1{grid-template-columns:1fr}.door-3 .door-media{margin-right:0}.door-2 .door-media{transform:none}.door-4 .door-note{margin-left:0}.door{overflow:hidden}.talk{display:flex;gap:22px;padding-top:35px}.talk-copy{display:block}.talk h1{font-size:clamp(64px,13vw,90px);margin-bottom:28px}.talk-copy>.lead{font-size:26px;margin-bottom:24px}.talk-copy>.handwritten{margin-bottom:25px}.talk .form{margin-top:0}.talk-thread{width:95%;height:95px;margin:0}.talk-note{margin:10px 0 0 auto}.recreation-label{font-size:10px;left:8px;bottom:8px;padding:4px 6px}.card-note .gesture{width:120px;height:65px}}
@media(max-width:360px){.schema-steps{grid-template-columns:1fr}.schema-steps li{display:grid;grid-template-columns:24px 1fr;column-gap:10px}.schema-steps .step-number{grid-row:span 2;margin:3px 0 0}.schema-steps p{grid-column:2}.schema-steps h3{font-size:27px}.talk .mail a{font-size:27px}.case-copy .chapter{flex-wrap:wrap;gap:10px}.chapter:after{max-width:22vw;flex-shrink:1}}
@media(max-width:360px){.case-syngenta .split .case-copy h1{font-size:39px}}
@media(min-width:751px){.project-grid:not(.is-filtered) .project-card:nth-child(4){grid-column:span 12;display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;margin:20px 4%;width:auto}.project-grid:not(.is-filtered) .project-card:nth-child(4) .card-copy{max-width:420px}}

/* El planteamiento se ve: ilustraciones recuperadas de los bocetos iniciales. */
.case-idea .process-art{background:none;mix-blend-mode:normal;padding:0;min-width:0}
.process-art>img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.process-art>figcaption{font:300 12px/1.4 Nohemi,Arial,sans-serif;color:#696760;margin:13px 0 0;transform:none;letter-spacing:.01em}
.case-idea .process-art{align-self:center}
.case-development{padding:25px var(--space) 75px}
.case-development>header{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;align-items:start;margin-bottom:40px}
.case-development h2{font-size:clamp(38px,4.1vw,62px);line-height:1.04;letter-spacing:-.04em;max-width:850px;margin-bottom:0}
.development-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:30px 0 0}
.development-steps li{border-top:1px solid var(--rule);padding-top:18px;min-width:0}
.development-steps .step-number{color:var(--link);margin-bottom:20px}
.development-steps h3{font-size:clamp(25px,2.6vw,39px);line-height:1.08;margin-bottom:18px}
.development-steps p{font-size:18px;line-height:1.45;max-width:420px;margin:0}
.development-orona-vision .process-art{max-width:960px;margin:35px auto}
.case-bedisruptive .case-idea,.case-pharmalink .case-idea,.case-sumbio21 .case-idea{display:block}
.case-bedisruptive .case-idea>div,.case-pharmalink .case-idea>div,.case-sumbio21 .case-idea>div{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:start}
.case-bedisruptive .case-idea>div>.chapter,.case-pharmalink .case-idea>div>.chapter,.case-sumbio21 .case-idea>div>.chapter{grid-column:1/-1}
.case-bedisruptive .case-idea>div>h2,.case-pharmalink .case-idea>div>h2,.case-sumbio21 .case-idea>div>h2{grid-column:1;grid-row:2/span 2}
.case-bedisruptive .case-idea .idea-note,.case-pharmalink .case-idea .idea-note,.case-sumbio21 .case-idea .idea-note{grid-column:2;margin-top:15px}
.case-bedisruptive .case-idea>.process-art,.case-pharmalink .case-idea>.process-art,.case-sumbio21 .case-idea>.process-art{max-width:1080px;margin:20px auto 0}
.case-forest-auditorium .case-idea,.case-palace-of-light .case-idea{grid-template-columns:.75fr 1.4fr;gap:4%}
.case-forest-auditorium .case-idea>.process-art,.case-palace-of-light .case-idea>.process-art{width:112%;margin-left:-3%}
.case-nike-running .case-idea{grid-template-columns:1.2fr .8fr}
.case-nike-running .case-idea>div{grid-column:2;grid-row:1}.case-nike-running .case-idea>.process-art{grid-column:1;grid-row:1}
.development-roche-orchestra{background:#edf1f0;padding-top:45px}
.development-nike-running{background:#eee7dc;padding-top:45px}
.development-syngenta{background:#edf0e7;padding-top:45px}
@media(max-width:1000px){.development-steps{gap:24px}.development-steps p{font-size:17px}.case-forest-auditorium .case-idea>.process-art,.case-palace-of-light .case-idea>.process-art{width:100%;margin-left:0}}
@media(max-width:750px){.case .case-idea{display:block}.case .case-idea>div{display:block}.case .case-idea>.process-art{width:100%;margin:30px 0 0}.case-development{padding:25px var(--space) 45px}.case-development>header{display:block;margin-bottom:30px}.case-development h2{font-size:clamp(36px,8.9vw,55px)}.development-steps{grid-template-columns:1fr;gap:28px}.development-steps li{display:grid;grid-template-columns:26px 1fr;column-gap:12px}.development-steps .step-number{grid-row:span 2;margin:4px 0 0}.development-steps h3{font-size:30px;margin-bottom:13px}.development-steps p{grid-column:2;font-size:18px;max-width:none}.process-art>figcaption{font-size:11px}.development-orona-vision .process-art{margin:22px 0}.case .case-idea .idea-note{margin-top:20px}}

.process-full{display:block;cursor:zoom-in}.process-art .process-full img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:darken}.process-art>figcaption{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.process-art>figcaption a{color:var(--link);white-space:nowrap;font-size:12px}.process-art>figcaption a:hover{text-decoration:underline}@media(max-width:360px){.process-art>figcaption{flex-wrap:wrap;gap:5px}}

/* Neo · lectura de los casos, 12/09. Fotografías completas y ritmos propios. */
.case-hero.editorial>.original-frame{aspect-ratio:auto;background:transparent}
.case-hero.editorial>.original-frame img{display:block;width:100%;height:auto;object-fit:contain}
.case-gallery{padding:20px var(--space) 70px}
.case-gallery>header{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;margin-bottom:35px}
.case-gallery h2{font-size:clamp(36px,4.1vw,62px);letter-spacing:-.04em;line-height:1.07}
.gallery-frames{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:start}
.gallery-frames figure{margin:0;min-width:0}
.gallery-frames figure:nth-child(2){margin-top:70px}
.gallery-frames img{display:block;width:100%;height:auto}
.gallery-frames figcaption,.gallery-source{font-size:14px;line-height:1.4;margin:12px 0 0;color:var(--ink)}
.gallery-source{color:#686461;font-size:12px;margin-top:24px}
.gallery-orona-vision .gallery-frames{grid-template-columns:1fr 1fr}
.development-steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.case-alsa-fitur .case-idea,.case-orona-vision .case-idea,.case-nike-running .case-idea,.case-roche-orchestra .case-idea{display:block}
.case-alsa-fitur .case-idea>div,.case-orona-vision .case-idea>div,.case-nike-running .case-idea>div,.case-roche-orchestra .case-idea>div{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:start}
.case-alsa-fitur .case-idea>div>.chapter,.case-orona-vision .case-idea>div>.chapter,.case-nike-running .case-idea>div>.chapter,.case-roche-orchestra .case-idea>div>.chapter{grid-column:1/-1}
.case-alsa-fitur .case-idea>div>h2,.case-orona-vision .case-idea>div>h2,.case-nike-running .case-idea>div>h2,.case-roche-orchestra .case-idea>div>h2{grid-column:1;grid-row:2/span 2}
.case-alsa-fitur .case-idea .idea-note,.case-orona-vision .case-idea .idea-note,.case-nike-running .case-idea .idea-note,.case-roche-orchestra .case-idea .idea-note{grid-column:2}
.case-alsa-fitur .case-idea>.process-art,.case-orona-vision .case-idea>.process-art,.case-nike-running .case-idea>.process-art,.case-roche-orchestra .case-idea>.process-art{max-width:1160px;margin:35px auto 0;width:100%}
.process-art img{height:auto!important;object-fit:contain}
.development-alsa-fitur{background:#e9eff0;padding-top:45px}
.case-forest-auditorium .case-idea:not(.with-art){display:block}
/* Keep the collection readable with ten projects, independent of their order. */
@media(min-width:751px){
 .project-grid:not(.is-filtered) .project-card:nth-child(4){display:block;grid-column:span 5;margin:0;width:auto}
 .project-grid:not(.is-filtered) .project-card:nth-child(3){margin-top:90px}
 .project-grid:not(.is-filtered) .project-card:nth-child(6){grid-column:span 12;display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;margin:20px 4%}
 .project-grid:not(.is-filtered) .project-card:nth-child(6) .project-image{aspect-ratio:1.65}
 .project-grid:not(.is-filtered) .project-card:nth-child(7){grid-column:span 12;display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}
 .project-grid:not(.is-filtered) .project-card:nth-child(7) .project-image{aspect-ratio:1.85}
}
@media(max-width:750px){
 .case .case-idea>div{display:block}
 .case-gallery{padding:10px var(--space) 45px}
 .case-gallery>header{display:block;margin-bottom:25px}
 .gallery-frames,.gallery-orona-vision .gallery-frames{grid-template-columns:1fr;gap:25px}
 .gallery-frames figure:nth-child(2){margin-top:0}
 .development-steps{grid-template-columns:1fr}
 .case-hero.editorial>.original-frame{width:100%;margin-left:0}
 .case-gallery h2{font-size:clamp(34px,8vw,50px)}
 .case-alsa-fitur .case-idea>.process-art,.case-orona-vision .case-idea>.process-art,.case-nike-running .case-idea>.process-art,.case-roche-orchestra .case-idea>.process-art{margin-top:25px}
}

/* Octavio · imágenes sobre la mesa: giros y encuentros, 12/09. */
.home-projects{isolation:isolate;padding:35px 12px 0;gap:0}
.home-projects .project-card{position:relative;min-width:0}
.home-projects .project-visual{position:relative;display:block;width:112%;max-width:none;z-index:2;transform-origin:50% 55%;box-shadow:0 14px 32px -24px #072b3e75}
.home-projects .project-card:nth-child(1) .project-visual{transform:rotate(-5deg);margin-left:-2%}
.home-projects .project-card:nth-child(2) .project-visual{transform:rotate(5deg);margin-left:-5%;z-index:3}
.home-projects .project-card:nth-child(3) .project-visual{transform:rotate(-4deg);margin-left:-8%}
.home-projects .card-copy{padding:48px 16px 0 8px;position:relative}
.home-projects .project-card:nth-child(2){margin-top:75px}
.home-projects .project-card:nth-child(3){margin-top:135px}
.home-projects .project-visual:focus-visible{outline:3px solid var(--blue);outline-offset:7px}
.gallery-frames,.gallery-orona-vision .gallery-frames{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;isolation:isolate;padding:30px 2% 20px}
.gallery-frames figure:first-child{grid-column:1/8;grid-row:1;transform:rotate(-3.5deg);z-index:1}
.gallery-frames figure:nth-child(2){grid-column:7/13;grid-row:1;margin-top:120px;transform:rotate(4deg);z-index:2}
.gallery-frames img{box-shadow:0 12px 28px -21px #072b3e80}
.gallery-frames figcaption{max-width:80%;margin-top:16px}
.gallery-bedisruptive .gallery-frames figure:first-child{transform:rotate(3deg)}
.gallery-bedisruptive .gallery-frames figure:nth-child(2){transform:rotate(-4deg);margin-top:150px}
.gallery-orona-vision .gallery-frames figure:first-child{grid-column:1/9;transform:rotate(-2deg)}
.gallery-orona-vision .gallery-frames figure:nth-child(2){grid-column:8/13;transform:rotate(5deg);margin-top:160px}
.case-pharmalink .process-full{transform:rotate(-1.5deg)}
.case-nike-running .process-full{transform:rotate(1.3deg)}
@media(max-width:1000px) and (min-width:751px){
 .home-projects{padding-left:0;padding-right:0}
 .home-projects .project-visual{width:108%}
 .home-projects .project-card:nth-child(3) .project-visual{margin-left:-7%}
 .home-projects .card-copy{padding-top:35px;padding-right:12px}
 .gallery-frames figure:nth-child(2){margin-top:90px}
}
@media(max-width:750px){
 .home-projects{padding:20px 0 0;gap:38px}
 .home-projects .project-card:nth-child(n){margin-top:0}
 .home-projects .project-card:nth-child(n) .project-visual{width:96%;margin-left:2%}
 .home-projects .project-card:nth-child(1) .project-visual{transform:rotate(-2.5deg)}
 .home-projects .project-card:nth-child(2) .project-visual{transform:rotate(2deg)}
 .home-projects .project-card:nth-child(3) .project-visual{transform:rotate(-2deg)}
 .home-projects .card-copy{padding:30px 0 0}
 .gallery-frames,.gallery-orona-vision .gallery-frames{display:block;padding:10px 3% 12px}
 .gallery-frames figure:first-child{transform:rotate(-2deg)}
 .gallery-frames figure:nth-child(2),.gallery-bedisruptive .gallery-frames figure:nth-child(2),.gallery-orona-vision .gallery-frames figure:nth-child(2){margin-top:35px;transform:rotate(2deg)}
 .gallery-frames figcaption{max-width:100%}
 .case-pharmalink .process-full,.case-nike-running .process-full{transform:none}
}

/* Pharmalink: el recorrido original, con decisiones dentro de la imagen. */
.pharma-experience{position:relative;width:100%;color:var(--paper);background:var(--deep)}
.pharma-stage{position:relative;aspect-ratio:1920/636;width:100%;isolation:isolate;background:transparent}
.pharma-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}
.pharma-stage>video+video{z-index:-1}
.pharma-start{position:absolute;z-index:4;inset:0;display:flex;gap:18px;align-items:center;justify-content:center;color:white;font-size:clamp(17px,2vw,28px);text-shadow:0 1px 8px #000;background:#00121c35}
.pharma-start:hover{background:#00121c55}
.pharma-targets{position:absolute;inset:0;z-index:3;pointer-events:none}
.pharma-targets>button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;color:white;background:#001823ab;padding:10px 14px;font-size:clamp(11px,1.1vw,17px);line-height:1.25;text-align:center;border:1px solid #ffffff80;max-width:20%;text-shadow:0 1px 3px #000;transition:background .15s}
.pharma-targets>button:hover,.pharma-targets>button:focus-visible{background:#082b40;outline:2px solid var(--blue);outline-offset:3px}
.pharma-targets>.pharma-lift{top:60%;background:#082b4066}
.pharma-toolbar{display:flex;gap:12px 24px;flex-wrap:wrap;padding:18px 0 4px;align-items:center}
.pharma-toolbar button,.pharma-error button{color:var(--paper);font-size:14px;padding:8px 0;border-bottom:1px solid #ffffff70;min-height:44px}
.pharma-toolbar button:hover{color:var(--blue)}
.pharma-toolbar [aria-pressed=true]{color:var(--blue)}
.pharma-toolbar [data-action=full]{margin-left:auto}
.pharma-status{font-size:14px;min-height:21px;margin:14px 0 0;color:#d7e4eb}
.pharma-info{max-width:680px;padding:24px 0 0}.pharma-info h3{font-size:23px}.pharma-info p{font-size:16px}
.pharma-error{padding:20px 0}
.pharma-experience:fullscreen,.pharma-expanded{background:var(--deep);padding:24px;overflow:auto;display:flex;flex-direction:column;justify-content:center}
.pharma-expanded{position:fixed;inset:0;z-index:500}.pharma-lock{overflow:hidden}
.pharma-experience:fullscreen .pharma-stage,.pharma-expanded .pharma-stage{flex-shrink:0;max-width:calc((100dvh - 170px) * 1920 / 636);margin:0 auto}
@media(max-width:750px){
 .pharma-stage{margin-bottom:0}
 .pharma-targets:has(button){position:absolute;inset:auto 0 auto;top:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;pointer-events:auto}
 .pharma-targets>button{position:static;transform:none;max-width:none;font-size:12px;min-height:48px;padding:9px 7px}
 .pharma-stage:has(.pharma-targets button){margin-bottom:var(--pharma-menu-height,185px)}
 .pharma-stage:has(.pharma-lift){margin-bottom:65px}
 .pharma-toolbar{gap:4px 16px;padding-top:12px}.pharma-toolbar button{font-size:12px}
 .pharma-toolbar [data-action=full]{margin-left:0}
 .pharma-experience:fullscreen,.pharma-expanded{padding:12px;justify-content:flex-start}
 .pharma-experience:fullscreen .pharma-stage,.pharma-expanded .pharma-stage{max-width:none}
}

/* Octavio · levantar una fotografía de la mesa (12/09). */
@media(hover:hover) and (pointer:fine){
 .project-card:has(.project-visual:hover),.project-card:has(.project-visual:focus-visible){position:relative;z-index:20}
 .home-projects .project-card:nth-child(n) .project-visual:is(:hover,:focus-visible){z-index:20}
 .gallery-frames figure:has(>img:hover),.process-art:has(.process-full:is(:hover,:focus-visible)),.door-media:has(.project-image:hover){position:relative;z-index:20}
 .project-visual,.gallery-frames figure,.process-full,.door-media .project-image{
  --lift-turn:1.8deg;
  transition:translate .42s cubic-bezier(.2,.7,.2,1),rotate .42s cubic-bezier(.2,.7,.2,1),scale .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease;
 }
 .project-card:nth-child(even) .project-visual,.gallery-frames figure:nth-child(even),.door:nth-child(even) .project-image{--lift-turn:-1.8deg}
 .project-card .project-visual:hover img{transform:none}
 .project-visual:is(:hover,:focus-visible),.process-full:is(:hover,:focus-visible){box-shadow:0 24px 44px -20px #072b3e65}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .project-visual:is(:hover,:focus-visible),.gallery-frames figure:has(>img:hover),.process-full:is(:hover,:focus-visible),.door-media .project-image:hover{
  translate:0 -8px;rotate:var(--lift-turn);scale:1.045;
 }
}

/* BeDisruptive · la anotación forma parte de la escena. */
.case-bedisruptive .editorial>.project-image{position:relative}
.case-bedisruptive .editorial .project-image>.case-hero-note{
 position:absolute;right:5.5%;bottom:7%;margin:0;max-width:43%;
 color:#fff;text-shadow:0 2px 12px #001b26b3;
}
.case-bedisruptive .editorial .project-image>.case-hero-note .handwritten{font-size:clamp(20px,2.15vw,36px);line-height:1.13}

/* Neo · 12-09-26 · first demonstrate, then explore the decisions. */
.case-opening{padding:38px var(--space) 28px;}
.case-opening>.chapter{margin-bottom:22px;}
.opening-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start;}
.case-opening h1{font-size:clamp(48px,5.2vw,78px);line-height:1.02;letter-spacing:-.05em;margin:0;max-width:820px;}
.case-opening .lead{font-size:21px;line-height:1.35;margin:0 0 20px;max-width:560px;}
.opening-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:15px;}
.case-first-film{background:var(--paper);padding:0 var(--space);color:var(--ink);scroll-margin-top:110px;}
.case-first-film .film{background:transparent;}
.case-relevance{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding:48px var(--space) 55px;border-bottom:1px solid var(--rule);}
.case-relevance h2{font-size:clamp(29px,3vw,44px);line-height:1.1;margin-bottom:18px;}
.case-relevance p:not(.chapter){font-size:20px;line-height:1.42;margin:0 0 22px;}
.case-relevance .case-role{padding-top:4px;}
.case-role .chapter{font-size:12px;}
.case-relevance .text-link{font-size:17px;}
.case-editorial-image{position:relative;padding:55px var(--space) 5px;}
.case-editorial-image>.project-image{position:relative;}
.case-editorial-image>.project-image img{width:100%;height:auto;display:block;}
.case-editorial-image>.case-hero-note{position:relative;right:auto;bottom:auto;max-width:330px;margin:22px 3% 12px auto;}
.case-bedisruptive .case-editorial-image .project-image>.case-hero-note{position:absolute;right:6%;bottom:7%;margin:0;color:white;text-shadow:0 1px 14px #001a23;max-width:260px;z-index:2;}
.case-bedisruptive .case-editorial-image .case-hero-note .handwritten{font-size:clamp(20px,2.6vw,36px);}
.case-evidence-first .case-idea{padding-top:60px;padding-bottom:55px;scroll-margin-top:105px;}
.case-compact .case-idea{padding-top:50px;}
.case-clips{padding:50px var(--space) 65px;background:var(--deep);color:var(--paper);}
.case-clips header{display:flex;justify-content:space-between;gap:40px;align-items:start;}
.case-clips h2{font-size:clamp(36px,4vw,58px);margin:0 0 32px;line-height:1.06;}
.chapter-choices{display:flex;gap:10px 26px;flex-wrap:wrap;border-bottom:1px solid #ffffff40;margin:0 0 26px;padding-bottom:15px;}
.chapter-choice{background:none;border:0;border-bottom:2px solid transparent;color:var(--paper);padding:8px 0;font:inherit;font-size:17px;cursor:pointer;}
.chapter-choice[aria-pressed=true]{border-color:var(--blue);color:var(--blue);}
.chapter-choice:focus-visible{outline:2px solid var(--blue);outline-offset:4px;}
.chapter-view{display:grid;grid-template-columns:1.7fr 1fr;gap:5%;align-items:center;}
.chapter-video{width:100%;height:auto;display:block;max-height:650px;}
.chapter-description h3{font-size:32px;line-height:1.1;margin-bottom:20px;}
.chapter-description p{font-size:19px;line-height:1.4;}
.case-related{padding:40px var(--space);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;gap:20px;}
.case-related>.chapter{grid-column:1/-1;margin:0;}
.case-related>div{display:flex;flex-wrap:wrap;gap:20px 36px;}
.pharma-entry{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(0deg,#001d3655,transparent);}
.pharma-entry[hidden]{display:none;}
.pharma-entry .pharma-start,.pharma-entry .pharma-direct{position:static;inset:auto;transform:none;border:1px solid #f6f3ecbb;background:var(--paper);color:var(--ink);padding:17px 23px;border-radius:0;font:inherit;font-size:18px;cursor:pointer;}
.pharma-entry .pharma-direct{background:#062d43e8;color:var(--paper);}
.pharma-entry button:focus-visible{outline:3px solid var(--blue);outline-offset:5px;}
@media(max-width:900px){.case-opening{padding-top:24px;}.opening-grid{gap:5%;}.case-opening h1{font-size:50px;}.case-opening .lead{font-size:19px;}}
@media(max-width:650px){.opening-grid{grid-template-columns:1fr;gap:18px;}.case-opening h1{font-size:clamp(37px,9.8vw,56px);}.case-opening>.chapter{margin-bottom:14px;}.case-opening .lead{font-size:18px;margin-bottom:15px;}.opening-links{font-size:13px;gap:8px 18px;}.case-opening{padding-bottom:24px;}.case-first-film{padding:0;}.case-relevance{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:35px;}.case-relevance h2{font-size:29px;}.case-relevance p:not(.chapter){font-size:18px;}.case-relevance .text-link{font-size:15px;}.case-editorial-image{padding-top:35px;}.case-editorial-image>.case-hero-note .handwritten{font-size:25px;}.case-bedisruptive .case-editorial-image .project-image>.case-hero-note{right:5%;bottom:7%;max-width:150px;}.case-evidence-first .case-idea{padding-top:40px;padding-bottom:35px;}.case-clips{padding-top:35px;padding-bottom:40px;}.case-clips header{display:block;}.case-clips h2{font-size:35px;}.chapter-view{grid-template-columns:1fr;gap:25px;}.chapter-choice{font-size:15px;}.chapter-choices{gap:8px 20px;}.chapter-description h3{font-size:29px;}.chapter-description p{font-size:18px;}.case-related{grid-template-columns:1fr;}.case-related>div{gap:12px 24px;}.pharma-entry{flex-direction:column;gap:9px;}.pharma-entry .pharma-start,.pharma-entry .pharma-direct{padding:9px 14px;font-size:13px;}}
/* No empty status strip below the interactive before the visitor enters. */
.case-first-film .pharma-status:empty{display:none;}
.pharma-entry .pharma-start{text-shadow:none;}

/* Neo · 12-09-2026 · las anotaciones pertenecen a la imagen */
.project-image{position:relative;isolation:isolate}
.project-image>.image-note,.case .case-editorial-image .project-image>.case-hero-note{
 position:absolute;z-index:2;inset:auto 5% 6% auto;margin:0;max-width:42%;color:#fff;text-shadow:0 2px 12px #000b;pointer-events:none;
}
.project-image>.image-note .handwritten,.case .case-editorial-image .project-image>.case-hero-note .handwritten{font-size:clamp(19px,2.45vw,36px);line-height:1.08;margin:0;}
.project-image>.image-note .gesture{display:none}
.project-card .project-image>.image-note .handwritten{font-size:clamp(19px,1.9vw,28px)}
@media(max-width:650px){.project-image>.image-note,.case .case-editorial-image .project-image>.case-hero-note{max-width:46%}.project-image>.image-note .handwritten,.case .case-editorial-image .project-image>.case-hero-note .handwritten{font-size:clamp(17px,4.8vw,25px)}}

/* Nuestra mirada · el origen personal se convierte en un proceso visible. */
.mirada-visual{overflow:hidden}
.mirada-visual h2{font-weight:400;letter-spacing:-.055em;line-height:1.04}
.mirada-visual .mirada-hero{padding-bottom:25px;gap:10px;grid-template-columns:1fr 1.4fr}
.mirada-visual .mirada-hero h1{font-size:clamp(58px,6.4vw,102px)}
.mirada-visual .mirada-hero .lead{font-size:clamp(21px,2vw,28px);margin:30px 0 22px}
.mirada-visual .character{min-height:490px;isolation:isolate}
.mirada-visual .character video{width:130%;max-width:none;mix-blend-mode:multiply}
.mirada-visual .character-note{position:absolute;inset:auto 0 8% auto;max-width:180px;color:var(--ink);z-index:2}
.mirada-visual .character-note .handwritten{font-size:28px}
.mirada-origin{display:grid;grid-template-columns:.85fr 1.45fr;gap:6%;padding:50px var(--space) 85px;align-items:start}
.origin-personal h2{font-size:clamp(32px,3.25vw,51px);margin-bottom:25px}
.origin-personal>p:not(.chapter){font-size:20px;line-height:1.4;margin-bottom:20px}
.origin-personal .pum{font-size:62px!important;line-height:1!important;margin:10px 0 15px!important;transform:rotate(-8deg);display:inline-block}
.origin-personal .who{font-size:16px!important;margin-top:25px!important}
.mirada-image{position:relative;margin:0;isolation:isolate;min-width:0}
.mirada-image img{display:block;width:100%;height:auto}
.mirada-image>.image-note{position:absolute;z-index:2;inset:auto 6% 6% auto;max-width:55%;margin:0;pointer-events:none}
.mirada-image .handwritten{font-size:clamp(23px,2.6vw,38px);line-height:1.05;margin:0}
.tone-light{color:white;text-shadow:0 1px 10px #000b}.tone-dark{color:#1e1c21;text-shadow:0 1px 9px #fff9}
.studio-desk{transform:rotate(1.5deg);margin-top:35px;box-shadow:0 24px 40px -30px #30241380}
.studio-desk img{aspect-ratio:1.18;object-fit:cover;object-position:67% 50%}
.studio-desk>.image-note{inset:auto auto 7% 6%}
.full-tale{margin:20px 0;border-top:1px solid #1e1c2140;border-bottom:1px solid #1e1c2140;padding:15px 0;font-size:17px}
.full-tale summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.full-tale summary::-webkit-details-marker{display:none}.full-tale[open] summary{margin-bottom:24px}.full-tale[open] summary span{transform:rotate(90deg)}
.full-tale .relato-body p{font-size:19px;line-height:1.45;margin:0 0 16px}
.full-tale .relato-body .pum{font-size:45px!important}
.mirada-bridge{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:55px var(--space) 120px;border-top:1px solid #1e1c2126}
.mirada-bridge h2{font-size:clamp(40px,4.5vw,70px)}
.mirada-bridge .lead{font-size:clamp(24px,2.2vw,32px);line-height:1.25;margin-bottom:22px}
.mirada-bridge p:not(.chapter):not(.lead){font-size:20px;line-height:1.45}
.bridge-thread{position:absolute;bottom:0;left:38%;width:55%;height:95px}
.mirada-process{padding:65px var(--space) 75px}
.mirada-process h2{font-size:clamp(45px,5.5vw,85px)}
.visual-steps{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.visual-steps li{min-width:0}
.visual-steps li:nth-child(2){padding-top:34px}.visual-steps li:nth-child(3){padding-top:5px}.visual-steps li:nth-child(4){padding-top:46px}
.visual-step-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:22px}
.visual-step-heading .step-number{font-size:14px;color:var(--ink);margin:0}
.visual-step-heading h3{font-size:clamp(22px,2.25vw,35px);font-weight:400;letter-spacing:-.05em;margin:0}
.step-image{box-shadow:0 15px 28px -25px #302413b0}
.step-image img{aspect-ratio:.9;object-fit:cover}
.visual-steps li:nth-child(1) .step-image{transform:rotate(-2deg)}
.visual-steps li:nth-child(2) .step-image{transform:rotate(2deg)}
.visual-steps li:nth-child(2) .step-image img{object-position:75% center}
.visual-steps li:nth-child(3) .step-image{transform:rotate(-1deg)}
.visual-steps li:nth-child(3) .step-image img{object-position:37% center}
.visual-steps li:nth-child(4) .step-image{transform:rotate(2deg)}
.visual-steps li:nth-child(4) .step-image img{object-position:64% center}
.step-image>.image-note{max-width:85%;inset:auto 7% 7% 7%}
.step-image .handwritten{font-size:clamp(21px,2vw,30px);line-height:1.1}
.visual-steps li:nth-child(3) .step-image>.image-note{inset:5% 5% auto 7%}
.step-explanation{font-size:19px;line-height:1.4;margin:27px 0 22px}
.step-decision{border-top:1px solid #1e1c2126;padding-top:15px}
.step-decision>span{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--link);line-height:1.4}
.step-decision>p{font-size:16px;line-height:1.4;margin:10px 0 0}
.method-flex{max-width:750px;font-size:20px;line-height:1.45;margin:55px auto 0;text-align:center}
.mirada-finale{position:relative;isolation:isolate;margin:25px 0 0;background:var(--deep);color:white;min-height:580px;display:flex;align-items:center}
.finale-image{position:absolute;inset:0;z-index:-2}
.finale-image img{width:100%;height:100%;object-fit:cover;object-position:50% center}
.mirada-finale:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 22%,#04253670 50%,#042536eb 100%);pointer-events:none}
.finale-image>.image-note{inset:auto auto 8% 6%;max-width:32%;z-index:3}
.finale-copy{margin-left:52%;padding:65px var(--space) 65px 0;position:relative;z-index:1}
.finale-copy h2{font-size:clamp(37px,3.5vw,57px)}
.finale-copy>p:not(.chapter){font-size:22px;line-height:1.4;max-width:420px;margin-top:25px}
.mirada-proof{padding:70px var(--space) 60px}
.mirada-proof h2{font-size:clamp(35px,4vw,62px);max-width:1000px}
.mirada-proof-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:35px}
.mirada-proof-links .text-link{font-size:30px}.mirada-proof-links p{font-size:19px;margin-top:20px;line-height:1.3}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.step-image{transition:transform .35s ease,box-shadow .35s ease}.visual-steps li .step-image:hover{transform:rotate(0) scale(1.04);z-index:4;box-shadow:0 25px 35px -20px #30241360}}
@media(max-width:1000px){.mirada-visual .character{min-height:380px}.mirada-origin{gap:5%;grid-template-columns:1fr 1.15fr}.visual-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.visual-steps li:nth-child(n){padding-top:0}.visual-steps li:nth-child(even){padding-top:35px}.step-image img{aspect-ratio:1.2}.step-image .handwritten{font-size:29px}.mirada-bridge{gap:5%}.studio-desk img{aspect-ratio:.9}}
@media(max-width:650px){.mirada-visual .mirada-hero{grid-template-columns:1fr;gap:0}.mirada-visual .mirada-hero h1{font-size:clamp(52px,12vw,76px)}.mirada-visual .character{min-height:290px;margin-top:0}.mirada-visual .character video{width:120%}.mirada-visual .character-note{right:0;bottom:6%;max-width:140px}.mirada-visual .character-note .handwritten{font-size:22px}.mirada-origin{grid-template-columns:1fr;padding-top:20px;padding-bottom:45px;gap:20px}.origin-personal h2{font-size:35px}.origin-personal>p:not(.chapter){font-size:19px}.studio-desk{margin-top:0;transform:rotate(1deg)}.studio-desk img{aspect-ratio:1.2}.studio-desk .handwritten{font-size:29px}.mirada-bridge{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:80px}.mirada-bridge h2{font-size:39px}.mirada-bridge .lead{font-size:24px}.mirada-bridge p:not(.chapter):not(.lead){font-size:19px}.bridge-thread{left:10%;width:80%;height:60px}.mirada-process{padding-top:35px;padding-bottom:40px}.mirada-process h2{font-size:45px}.visual-steps{grid-template-columns:1fr;gap:35px;margin-top:35px}.visual-steps li:nth-child(n){padding-top:0}.visual-step-heading{margin-bottom:16px}.visual-step-heading h3{font-size:32px}.step-image img{aspect-ratio:1.2}.step-image .handwritten{font-size:28px}.step-explanation{font-size:19px;margin-top:22px}.method-flex{font-size:19px;text-align:left;margin-top:35px}.mirada-finale{min-height:670px;align-items:flex-end}.finale-image img{object-position:45% center}.mirada-finale:after{background:linear-gradient(180deg,transparent 15%,#04253690 38%,#042536f0 100%)}.finale-image>.image-note{inset:6% auto auto 7%;max-width:70%}.finale-image .handwritten{font-size:28px}.finale-copy{margin:0;padding:270px var(--space) 35px}.finale-copy h2{font-size:37px}.finale-copy>p:not(.chapter){font-size:20px}.mirada-proof{padding-top:40px;padding-bottom:25px}.mirada-proof h2{font-size:35px}.mirada-proof-links{grid-template-columns:1fr;gap:25px}.mirada-proof-links .text-link{font-size:29px}.mirada-proof-links p{margin-top:12px}.mirada-visual .contact-title{font-size:clamp(39px,9.4vw,61px)}}
/* Comprobación visual: colocar el texto sobre el hueco real de cada escena. */
.mirada-visual .mirada-hero>div:first-child{position:relative;z-index:3}
.project-image{--note-inset:auto 5% 6% auto;--note-color:#fff;--note-shadow:0 2px 12px #000b}
.project-image.image-orona-vision{--note-inset:6% auto auto 6%}
.project-image.image-alsa-fitur{--note-inset:6% 29% auto auto}
.project-image.image-pharmalink{--note-color:#1e1c21;--note-shadow:0 1px 9px #fff8}
.project-image.image-syngenta{--note-inset:auto auto 6% 5%;--note-color:#1e1c21;--note-shadow:0 1px 9px #fff8}
.project-image.image-nike-running{--note-inset:6% 6% auto auto;--note-color:#1e1c21;--note-shadow:0 1px 9px #fff8}
.project-image.image-forest-auditorium{--note-inset:5% auto auto 5%;--note-color:#1e1c21;--note-shadow:0 1px 9px #fff8}
.project-image>.image-note,.case .case-editorial-image .project-image>.case-hero-note{inset:var(--note-inset);color:var(--note-color);text-shadow:var(--note-shadow)}
.visual-steps li:first-child .step-image>.image-note{bottom:14%}
.visual-steps li:nth-child(3) .step-image>.image-note{max-width:45%;right:auto}
.visual-steps li:nth-child(3) .step-image .handwritten{font-size:clamp(20px,1.7vw,27px)}

.mirada-visual .character video{clip-path:inset(3px 0)}
.project-card .image-orona-vision{--note-inset:6% 5% auto auto}
.project-card .image-orona-vision>.image-note{max-width:62%}

/* Jeff · 12-9-26 · Octavio: en algunos titulares el trazo quedaba delante de las letras. El subrayado de .marked pasa detrás del texto. */
.marked{isolation:isolate}.marked>.gesture{z-index:-1}

/* Aviso de idioma en las páginas legales finesas (Jeff, 13-9-26) */
.legal-lang-note{border-left:3px solid currentColor;padding:.6rem 0 .6rem 1rem;margin:0 0 2rem;font-size:.95rem;opacity:.85}

/* Neo 87 · company context, project evidence and three-language navigation. */
.langs{display:flex;align-items:center;gap:0;flex-shrink:0;border-left:1px solid var(--rule)}
.langs .lang{border:0;padding:12px 10px;min-width:40px;text-align:center;line-height:1.2}
.langs .lang:hover{color:var(--blue)}
.brand-evidence{margin:0 var(--space);padding:34px 0 42px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.evidence-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;align-items:center;margin:30px 0 22px}
.evidence-logos a{display:flex;align-items:center;justify-content:center;min-height:72px;padding:12px;transition:transform .2s}
.evidence-logos a:hover{transform:translateY(-3px)}
.evidence-logos img{width:100%;max-width:165px;height:58px;object-fit:contain;filter:brightness(0);opacity:.86}
.evidence-caption{max-width:650px;color:#625f5e;font-size:14px;line-height:1.45}
.group-note,.group-direction,.virtual-reach{margin-inline:var(--space);padding:68px 0;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--rule)}
.group-note h2,.virtual-reach h2{font-size:clamp(34px,3.6vw,56px);line-height:1.08;letter-spacing:-.045em;max-width:650px}
.group-note p,.group-direction p{font-size:20px;line-height:1.45}
.group-note .text-link,.group-direction .text-link,.virtual-reach .text-link{margin-top:23px;font-size:16px}
.group-direction{border-top:1px solid var(--rule);align-items:start;scroll-margin-top:120px}
.group-direction h2{font-size:clamp(38px,4vw,64px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 15px}
.group-direction .group-role{color:#625f5e;font-size:15px;margin-bottom:24px}
.group-direction .chapter,.virtual-reach .chapter,.contact-address .chapter{font-size:12px}
.group-logo{display:block;width:150px;margin:0 0 28px}.group-logo img{width:100%;height:auto}
.group-backing h3{font-size:clamp(29px,2.5vw,39px);line-height:1.12;margin-bottom:24px;font-weight:300;letter-spacing:-.035em}
.virtual-reach{border-top:1px solid var(--rule);align-items:start}
.virtual-reach .lead{font-size:clamp(22px,2vw,29px);line-height:1.4;max-width:700px}
.virtual-reach .chapter{margin-bottom:22px}
.contact-address{border-top:1px solid var(--rule);margin-top:28px;padding-top:24px;font-size:14px;line-height:1.5}
.contact-address .contact-phone{display:inline-block;font-size:23px;margin:16px 0 13px}
.contact-address>p:not(.chapter){font-size:15px;margin:0 0 15px}
.contact-address .privacy-purpose{font-size:12px!important;margin-top:8px!important;color:#625f5e}
.contact-address a{text-decoration:underline;text-underline-offset:4px}.contact-address .contact-phone{text-decoration:none}
.contact-address .mail-purpose{font-size:13px}
.lang-fi h1,.lang-fi h2,.lang-fi h3{hyphens:auto;overflow-wrap:normal}
@media(max-width:900px){.langs .lang{padding:10px 7px;min-width:35px}.group-note,.group-direction,.virtual-reach{gap:5%}.group-direction p{font-size:18px}}
@media(max-width:650px){.group-note,.group-direction,.virtual-reach{grid-template-columns:1fr;padding-block:38px;gap:28px}.group-note h2,.virtual-reach h2{font-size:36px}.group-direction h2{font-size:40px}.group-note p,.group-direction p{font-size:19px}.group-backing{border-top:1px solid var(--rule);padding-top:28px}.group-backing h3{font-size:31px}.group-logo{width:130px;margin-bottom:22px}.brand-evidence{padding-block:28px}.evidence-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:20px}.evidence-logos img{height:43px;max-width:135px}.evidence-caption{font-size:13px}.contact-address{margin-top:22px}.contact-address>p:not(.chapter){font-size:14px}.virtual-reach .lead{font-size:23px}}

/* Long Finnish compounds keep their CTA arrow inside the layout. */
.lang-fi .contact-title>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.lang-fi .contact-title>span:last-child{flex-shrink:0}

/* 96 · Encuadres completos de las recreaciones ALSA y Forest, sin bandas. */
.project-image.image-alsa-fitur.recreated,.project-image.image-forest-auditorium.recreated{height:auto!important;aspect-ratio:auto!important;background:transparent}
.project-image.image-alsa-fitur.recreated img,.project-image.image-forest-auditorium.recreated img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain}

/* 97 · Navegación siempre presente, también al recorrer fichas largas. */
:root{--header-height:96px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.header{position:sticky;top:0;z-index:50;background:var(--paper);box-shadow:0 1px 0 var(--rule)}
@media(max-width:900px){:root{--header-height:80px}}
@media(max-width:650px){:root{--header-height:74px}}
@media print{.header{position:relative;box-shadow:none}}

/* 99 · Cristal al ácido: mismo tono claro, transparencia y desenfoque. */
.header{background:var(--paper);color:var(--ink);transition:none;box-shadow:0 1px 0 rgba(30,28,33,.08)}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){.header{background:rgba(246,243,236,.64);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
@media(max-width:900px){.header nav{position:absolute;inset:100% 0 auto;height:calc(100dvh - var(--header-height));overflow-y:auto;background:var(--paper);color:var(--ink)}}
@media print{.header{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* 100 · Cabecera compacta: conservar el tamaño original de marca. */
:root{--header-height:68px}
.header{min-height:var(--header-height)}
@media(min-width:901px){.header nav a{padding-block:10px}.header nav a[aria-current=page]:before{bottom:3px}}
@media(max-width:900px){:root{--header-height:60px}}
@media(max-width:650px){:root{--header-height:56px}}
@media(max-height:650px){:root{--header-height:56px}}

/* 101 · Flecha vectorial: Safari iOS no puede convertirla en emoji. */
.header nav a:last-child:after{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}