:root{--paper:#f4f3ee;--ink:#22251f;--muted:#777a70;--line:#d7d8cf;--accent:#d6ed47}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:94px;margin:0 4.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:36px;letter-spacing:-2px}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:3px}.header-note,.small-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}.nav-link{font-size:13px}.nav-link span{margin-left:28px}.hero{padding:67px 4.5% 55px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}h1{font-size:clamp(80px,10.5vw,170px);line-height:.94;letter-spacing:-.075em;margin:45px 0 42px;font-weight:500;position:relative}h1 em,.closing em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.asterisk{position:absolute;right:4%;top:9%;font-size:150px;font-weight:400;color:var(--ink);animation:turn 45s linear infinite}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{font-size:14px;line-height:1.7;margin:0;color:#62655b}.explore{font-size:13px;display:flex;align-items:center;gap:50px}.explore span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:43px;width:43px}.work-section{padding:38px 4.5% 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:25px;letter-spacing:-1px;font-weight:500;margin:0}h2 span{font-size:11px;vertical-align:top;margin-left:9px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:28px 0 40px}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:11px 19px;font-size:12px;transition:background .25s,color .25s}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{background:var(--accent);color:var(--ink)}.group{margin-bottom:65px;animation:arrive .5s both}.group-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0 24px;font-size:12px}.group-heading h3{margin:0;font-size:12px;font-weight:500}.group-heading span{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.card{min-width:0}.stage{width:100%;border:0;display:flex;align-items:center;justify-content:center;position:relative;padding:25px;background:#e7e7df;overflow:hidden;aspect-ratio:4/5}.stage img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 6px 10px #0000000b)}.stage:hover img{transform:scale(1.025)}.stage .open{position:absolute;bottom:12px;right:12px;background:var(--paper);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:.3s}.stage:hover .open,.stage:focus-visible .open{opacity:1;transform:none}.caption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:14px}.caption h4{font-weight:500;font-size:13px;margin:0}.caption span{font-size:10px;color:var(--muted)}.logos .stage{aspect-ratio:4/3;padding:40px;background:#e9e9e2}.miniaturas .stage{aspect-ratio:16/9;padding:0;background:#e7e7df}.ilustraciones .stage,.arte-digital .stage{aspect-ratio:4/5;padding:25px}.endnote{text-align:center;font-size:12px;color:var(--muted);padding:10px 0 65px}.closing{background:var(--accent);padding:65px 4.5%;}.closing p{font-size:clamp(40px,6vw,90px);letter-spacing:-.06em;line-height:1.04;margin:40px 0}.closing>a{font-size:13px;border-bottom:1px solid;padding-bottom:8px}footer{margin:0 4.5%;min-height:130px;display:flex;gap:30px;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:10px;color:#62655b}dialog{border:0;background:#171a16;color:#f4f3ee;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:25px 4%;}dialog::backdrop{background:#171a16}.viewer-bar{display:flex;justify-content:space-between;align-items:center;font-size:14px}.viewer-bar button,.viewer-image button{border:1px solid #55594f;background:transparent;border-radius:30px;padding:12px 20px;color:inherit}.viewer-image{height:calc(100% - 115px);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0}.viewer-image img{width:calc(100% - 160px);height:100%;object-fit:contain}#viewer-meta{text-align:center;font-size:11px;color:#b6b9af}body:has(dialog[open]){overflow:hidden}:focus-visible{outline:3px solid #89a316;outline-offset:5px}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){main,header,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:760px){header{height:75px}.header-note,.small-label{display:none}.brand{font-size:30px}.hero{padding-top:45px}h1{font-size:clamp(68px,14vw,105px);margin:40px 0}.asterisk{font-size:65px;top:10%;right:0}.eyebrow{font-size:8px;letter-spacing:1px}.hero-bottom{align-items:flex-start;gap:25px;flex-direction:column}.hero-bottom p{font-size:12px}.explore{gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.stage{padding:12px}.logos .stage{padding:18px}.caption{display:block}.caption h4{font-size:12px;line-height:1.4}.caption span{display:block;margin-top:5px}.filters{gap:6px;padding-bottom:28px}.filters button{padding:10px 13px;font-size:11px}.group{margin-bottom:40px}.closing{padding-top:45px;padding-bottom:50px}footer{padding:30px 0;flex-wrap:wrap;gap:25px}footer>span{flex-basis:40%}.viewer-image{gap:5px}.viewer-image button{padding:10px}.viewer-image img{width:calc(100% - 85px)}}@media(max-width:420px){.miniaturas .grid{grid-template-columns:1fr}.asterisk{font-size:48px;top:15%}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Archive, identity and horizontal poster cylinder */
.skip-link{position:absolute;top:-80px;left:20px;z-index:20;background:var(--accent);padding:15px}.skip-link:focus{top:10px}.main-nav{display:flex;gap:30px;font-size:12px}.hero{min-height:600px;padding-top:55px}.hero h1.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:1.5px;line-height:1.5;margin:0;font-weight:600;max-width:58%;position:relative;z-index:3}.display-title{font-size:clamp(76px,8.7vw,142px);line-height:.94;letter-spacing:-.075em;margin:55px 0 70px;font-weight:500;position:relative;z-index:2;max-width:65%;pointer-events:none}.display-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.hero-bottom{position:relative;z-index:3}.hero-bottom p{max-width:65%}.reel{position:absolute;right:0;top:42px;width:44%;height:420px;isolation:isolate}.reel-scene{position:absolute;inset:5px 0 62px;perspective:1050px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.reel-scene:active{cursor:grabbing}.reel-cylinder{position:absolute;left:50%;top:50%;width:160px;height:228px;margin:-114px 0 0 -80px;transform-style:preserve-3d;transition:transform 1100ms cubic-bezier(.22,.68,.12,1);--radius:245px}.reel-poster{position:absolute;inset:0;border:0;padding:0;background:transparent;transform:rotateY(var(--angle)) translateZ(var(--radius));backface-visibility:hidden;transition:filter 1100ms,opacity 1100ms;box-shadow:0 16px 26px #22251f17}.reel-poster img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:var(--paper)}.reel .asterisk{z-index:5;font-size:82px;top:1px;right:11%;pointer-events:none}.reel-controls{position:absolute;bottom:18px;left:11%;right:11%;display:flex;align-items:center;justify-content:space-between;gap:12px}.reel-controls button{border:1px solid var(--line);background:var(--paper);border-radius:50%;height:36px;width:36px;flex-shrink:0;transition:background .25s}.reel-controls button:hover{background:var(--accent)}.reel-controls>div{text-align:center;min-width:0}#reel-caption{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}#reel-count{font-size:9px;color:var(--muted);display:block;margin-top:7px}.reel-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.reel.searching{visibility:hidden}.filters a{border:1px solid var(--line);border-radius:30px;background:transparent;padding:11px 17px;font-size:12px;transition:background .25s,color .25s;white-space:nowrap}.filters a[aria-current=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters a:hover{background:var(--accent);color:var(--ink)}.filters{padding-bottom:22px}.archive-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:30px}.archive-tools label{display:flex;align-items:center;gap:16px;font-size:11px}.archive-tools input{font:inherit;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;width:240px;outline-offset:3px}.archive-tools>span{font-size:10px;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;padding:15px 0 35px;font-size:12px}.pagination button{border:1px solid var(--line);padding:12px 20px;background:transparent;border-radius:30px}.pagination button:hover:enabled{background:var(--accent)}.pagination button:disabled{opacity:.3;cursor:default}.caption h4{overflow-wrap:anywhere}.caption span{white-space:nowrap}.endnote span{display:block;margin-top:8px;font-size:10px}.empty-state{padding:80px 0;text-align:center;color:var(--muted)}.banners .stage{aspect-ratio:2/1;padding:10px}.redes-sociales .stage,.mockups .stage,.fotografia .stage,.editorial-presentaciones .stage,.diseno-web .stage,[class~="3d"] .stage{aspect-ratio:4/5;object-fit:contain}.services{padding:65px 4.5% 80px;border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:45px}.service-grid>a{border-top:1px solid var(--line);padding-top:16px}.service-grid>a>span{font-size:10px;color:var(--muted)}.service-grid h3{font-size:17px;letter-spacing:-.5px;font-weight:500;line-height:1.4;margin:30px 0 15px}.service-grid p,.about p{font-size:13px;line-height:1.8;color:#62655b}.service-grid a:hover h3{text-decoration:underline;text-underline-offset:5px}.about{display:grid;grid-template-columns:1fr 1.2fr;padding:70px 4.5% 90px;border-top:1px solid var(--line);gap:60px}.about h2{font-size:clamp(40px,4.4vw,66px);line-height:1.03;letter-spacing:-3px;margin:0 0 30px}.about p{max-width:590px}.about strong{font-weight:500;color:var(--ink)}.about>.eyebrow{align-items:flex-start;padding-top:10px}.service-hero{padding:65px 4.5%;max-width:1050px}.service-hero h1{font-size:clamp(48px,6vw,85px);line-height:1.02;letter-spacing:-.06em}.service-hero p{font-size:16px;line-height:1.8;max-width:680px;color:#62655b}.service-body{padding:0 4.5% 65px;max-width:1100px}.service-body h2{margin-top:35px}.service-body p{font-size:15px;line-height:1.8;max-width:750px}.service-body ul{font-size:14px;line-height:2}.service-links{padding:25px 4.5%;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.category-heading{padding:60px 4.5% 20px}.category-heading h1{font-size:clamp(45px,6vw,80px);margin:15px 0 25px}.category-heading p{font-size:14px;line-height:1.7;max-width:650px;color:var(--muted)}@media(min-width:1500px){.hero{min-height:650px}.reel{height:460px;top:60px}.reel-cylinder{width:185px;height:262px;margin:-131px 0 0 -92.5px;--radius:275px}}@media(max-width:1050px){.hero{min-height:540px}.display-title{font-size:9vw;margin-bottom:80px}.reel{height:350px;top:55px;width:43%}.reel-cylinder{width:125px;height:178px;margin:-89px 0 0 -62.5px;--radius:190px}.reel .asterisk{font-size:60px;right:10%;top:0}.reel-controls{left:4%;right:4%}#reel-caption{max-width:160px}.hero-bottom p{font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-note{display:none}}@media(max-width:760px){.hero{padding-top:35px;min-height:0}.hero h1.eyebrow{max-width:100%;font-size:8px;letter-spacing:.7px}.display-title{font-size:clamp(66px,13vw,98px);max-width:100%;margin:35px 0 12px}.reel{position:relative;top:auto;right:auto;width:100%;height:355px;margin:10px 0 28px}.reel-scene{inset:0 0 65px}.reel-cylinder{width:135px;height:192px;margin:-96px 0 0 -67.5px;--radius:205px}.reel .asterisk{right:12%;top:4px;font-size:62px}.reel-controls{left:16%;right:16%;bottom:18px}#reel-caption{max-width:190px}.hero-bottom p{max-width:100%;font-size:12px}.main-nav{gap:17px;font-size:11px}.main-nav a:nth-child(2){display:none}.nav-link{font-size:11px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:15px;margin-bottom:15px;scrollbar-width:thin}.filters a{padding:10px 13px;font-size:11px}.archive-tools{align-items:flex-start;flex-direction:column;gap:14px}.archive-tools label{width:100%}.archive-tools input{flex:1;min-width:0}.about{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:55px}.about h2{letter-spacing:-2px}.service-grid{gap:30px 20px}.service-grid h3{font-size:16px}.service-grid p{font-size:12px}.services{padding-top:40px;padding-bottom:50px}.pagination{gap:14px;font-size:11px}.pagination button{padding:11px 15px}.endnote{padding-bottom:35px}.closing>a{font-size:14px}footer{gap:22px}footer .brand{flex-basis:100%}.viewer-bar{gap:15px}.viewer-bar>span{font-size:12px;max-width:65%;overflow-wrap:anywhere}.reel.searching{display:none}}@media(prefers-reduced-motion:reduce){.reel-cylinder,.reel-poster{transition:none!important}.asterisk{animation:none!important}}
@media(min-width:901px){.hero .hero-bottom{padding-top:45px}.hero{min-height:630px}}@media(min-width:761px) and (max-width:900px){.hero{min-height:0}.hero h1.eyebrow{max-width:100%}.display-title{font-size:100px;max-width:100%;margin:40px 0 10px}.reel{position:relative;top:auto;right:auto;width:100%;height:380px;margin:5px 0 35px}.reel-cylinder{width:155px;height:220px;margin:-110px 0 0 -77.5px;--radius:245px}.reel .asterisk{right:18%;font-size:72px;top:6px}.reel-controls{left:28%;right:28%}.hero-bottom p{max-width:65%}}
.hero-bottom{pointer-events:none}.hero-bottom a,.hero-bottom p{pointer-events:auto}