@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2) format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff) format("woff")}:root{--brand-name: "Taller Serrano";--wordmark-left: "Taller";--wordmark-right: "Serrano";--tagline: "definir el espacio es definir la experiencia";--white: #ffffff;--black: #0b0b0c;--grey: #73736f;--accent: #E4342B;--primary: var(--black);--secondary: var(--white);--muted: var(--grey);--hairline: color-mix(in srgb, var(--primary) 14%, transparent);--font-serif: "EB Garamond", "Times New Roman", Georgia, serif;--zoom: 1;--font-min: 12px;--font-max: 48px;--font-size: clamp(var(--font-min), calc(1.1111vw * var(--zoom)), var(--font-max));--font-size-s: clamp(11px, .8vw, 13px);--font-size-base: clamp(14px, 1.05vw, 18px);--font-size-l: clamp(24px, 2.6vw, 46px);--font-size-wordmark: clamp(20px, 2.6vw, 40px);--line-height: 1.375;--letter-spacing: .01em;--edge: clamp(16px, 2.2vw, 40px);--third-x: 33.333vw;--third-x2: 66.666vw;--third-y: 33.333dvh;--third-y2: 66.666dvh;--t-fast: .4s;--t-media: .6s;--t-cursor: .5s;--t-reveal: .9s;--t-curtain: .8s;--t-preloader-letter: .09s;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--z-background: 0;--z-grain: 1;--z-index-list: 5;--z-nav: 10;--z-curtain: 12;--z-preloader: 14;--perspective: 1200px}body.palette-primary{--primary: var(--white);--secondary: var(--black);--muted: color-mix(in srgb, var(--white) 55%, transparent);background:var(--black);color:var(--white)}body.palette-secondary{--primary: var(--black);--secondary: var(--white);--muted: var(--grey);background:var(--white);color:var(--black)}body{transition:background-color var(--t-media) var(--ease-in-out-quart),color var(--t-media) var(--ease-in-out-quart)}*,*:before,*:after{box-sizing:border-box}html,body,#root,#app{height:100%;margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-serif);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);overflow:hidden;height:100dvh}a{color:inherit;text-decoration:none}img,video,canvas{display:block;max-width:100%}.nav__link.--active{color:var(--accent);text-decoration:none}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100%;left:var(--edge);z-index:9999;background:var(--accent);color:var(--white);padding:.7em 1.1em;font-size:var(--font-size-base);transition:top .16s var(--ease-out-quart)}.skip-link:focus{top:var(--edge)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wa-hero__studio{margin:1.4rem auto 0;max-width:36em;font-size:clamp(.75rem,1.25vw,.95rem);line-height:1.5;letter-spacing:.055em;opacity:.72}#app,.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;perspective:var(--perspective);perspective-origin:50% 50%}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-background);overflow:hidden;background:var(--secondary)}.background__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.045);transition:opacity var(--t-media) var(--ease-in-out-quart),transform 1.4s var(--ease-out-quint);will-change:opacity,transform}.background__media.--active{opacity:1;transform:scale(1)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-grain);pointer-events:none;opacity:.06;mix-blend-mode:overlay}body.palette-secondary .grain{mix-blend-mode:multiply;opacity:.05}.nav{position:fixed;top:var(--edge);left:50%;transform:translate(-50%);z-index:var(--z-nav);width:min(760px,92vw);text-align:center;color:var(--primary);pointer-events:none}.nav__wordmark,.nav__link{pointer-events:auto}.nav__wordmark{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-base);letter-spacing:.02em}.nav__links{display:flex;justify-content:center;gap:clamp(16px,1.8vw,32px);margin-top:.9em;font-size:clamp(14px,1.15vw,18px)}.nav__link{position:relative;padding:.2em 0;opacity:.68;transition:transform .16s var(--ease-out-quart),opacity .2s ease}.nav__link.--active{opacity:1}@media(hover:hover)and (pointer:fine){.nav__link:hover{opacity:1}}.nav__link:active{transform:scale(.96)}.mag-letter{display:inline-block;white-space:pre;transform-origin:50% 50%;pointer-events:none}.nav__link.--active{text-decoration:none}.nav__link.--active:after{content:"";position:absolute;left:0;right:0;bottom:-.05em;height:1px;background:currentColor}.langnav{position:fixed;right:var(--edge);top:var(--edge);z-index:calc(var(--z-nav) + 1);display:flex;flex-direction:column;align-items:flex-end;color:var(--primary);pointer-events:none}.langnav__trigger{pointer-events:auto;background:none;border:0;cursor:pointer;padding:.85em .6em;display:inline-flex;align-items:center;gap:.4em;-webkit-tap-highlight-color:transparent;font-family:var(--font-serif);font-size:clamp(10px,.72vw,12px);letter-spacing:.12em;color:var(--muted);transition:color .2s ease,transform .16s var(--ease-out-quart)}.langnav.--open .langnav__trigger{color:var(--primary)}.langnav__trigger:active{transform:scale(.97)}.langnav__caret{font-size:.8em;transition:transform .22s var(--ease-in-out-quart)}.langnav.--open .langnav__caret{transform:rotate(180deg)}.langnav__menu{display:flex;flex-direction:column;align-items:stretch;gap:.1em;margin-top:.1em;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .16s ease,transform .16s var(--ease-out-quart),visibility 0s linear .16s}.langnav.--open .langnav__menu{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:visibility 0s,opacity .22s var(--ease-out-quart),transform .22s var(--ease-out-quart)}.langnav__opt{background:none;border:0;cursor:pointer;padding:.7em .85em;text-align:right;min-width:46px;-webkit-tap-highlight-color:transparent;font-family:var(--font-serif);font-size:clamp(10px,.72vw,12px);letter-spacing:.14em;color:var(--muted);transition:color .2s ease,transform .16s var(--ease-out-quart)}.langnav__opt:active{transform:scale(.97)}.langnav__opt.--active{color:var(--accent)}@media(hover:hover)and (pointer:fine){.langnav__trigger:hover{color:var(--primary)}.langnav__opt:hover{color:var(--primary);transform:translate(-2px)}}.rotary{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-list);display:grid;place-items:center;transform-style:preserve-3d;pointer-events:none}.rotary__viewport{position:relative;width:min(720px,84vw);height:100dvh;transform-style:preserve-3d}.rotary__holder{position:absolute;left:0;right:0;top:50%;transform-style:preserve-3d;will-change:transform}.rotary__item{position:absolute;left:0;right:0;display:grid;grid-template-columns:2.5em 1fr;gap:1em;align-items:baseline;text-align:left;color:var(--primary);transform-origin:50% 50%;will-change:transform,opacity;pointer-events:auto}.rotary__num{font-variant:small-caps;opacity:.9}.rotary__title{font-size:var(--font-size-l)}.rotary__meta{color:var(--muted);font-size:var(--font-size-s)}.rotary__item.--active .rotary__title{font-size:calc(var(--font-size-l) * 1.15)}.rotary__item .rotary__title{transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.rotary a:hover .rotary__title{opacity:1}}.rotary__label{position:fixed;top:50%;transform:translateY(-50%);z-index:var(--z-index-list);color:var(--primary);font-size:var(--font-size-s);letter-spacing:.04em}.rotary__label.--left{left:var(--edge)}.rotary__label.--right{right:var(--edge)}@media(max-width:767px){.rotary__viewport{width:94vw}.background{left:auto;right:0;width:100vw}.nav{width:94vw}}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-list);background:var(--secondary)}.player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.player__meta{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none;color:var(--primary)}.player__title{font-size:var(--font-size-l)}.player__ctrl{position:fixed;z-index:var(--z-nav);font-size:var(--font-size-s);cursor:pointer;color:var(--primary)}.player__ctrl.--fullscreen{top:var(--edge);left:var(--edge)}.player__ctrl.--playpause{top:50%;left:var(--edge);transform:translateY(-50%)}.player__ctrl.--sound{bottom:var(--edge);left:var(--edge)}.player__ctrl.--close{top:50%;right:var(--edge);transform:translateY(-50%)}.player__progress{position:fixed;left:var(--edge);top:12%;bottom:12%;width:1px;background:var(--hairline);z-index:var(--z-nav)}.player__progress>span{display:block;width:100%;background:var(--primary);height:0%}.talent-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-list);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,80px);padding:22vh var(--edge) 0}.talent-item{text-align:center}.talent-item:nth-child(3n+1){transform:translateY(2vh)}.talent-item:nth-child(3n+2){transform:translateY(-4vh)}.talent-item:nth-child(3n){transform:translateY(3vh)}.talent-item__num{color:var(--muted);font-size:var(--font-size-s)}.talent-item__reel{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--muted);margin:.6em 0}.talent-item__name{font-size:var(--font-size-base)}@keyframes sceneIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.approach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-list);display:grid;place-items:center;padding:0 var(--edge)}.approach__col{width:min(680px,84vw);text-align:center}.approach__intro p{font-size:var(--font-size-base);margin:0 0 1.2em}.approach__service-title{font-size:var(--font-size-l)}.--reveal{opacity:0;transform:translateY(12px)}.--reveal.--in{opacity:1;transform:none;transition:opacity var(--t-reveal) var(--ease-out-quart),transform var(--t-reveal) var(--ease-out-quart)}main[data-initial-route=true] .wa-hero__title,main[data-initial-route=true] .wa-hero__sub,main[data-initial-route=true] .--portfolio .rotary,main[data-initial-route=true] .--portfolio .vistas{animation:none!important}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-preloader, 14);display:grid;place-items:center;align-content:center;gap:1.2em;background:var(--secondary, #fff);color:var(--primary, #000);transform:translateZ(14px);animation:preloader-release .08s linear .08s both}.preloader.--out{display:none}@keyframes preloader-release{to{opacity:0;visibility:hidden;pointer-events:none}}.preloader__word{font-family:var(--font-serif, serif);font-size:clamp(24px,5vw,64px);letter-spacing:.18em;display:inline-flex}.preloader__letter{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .28s var(--ease-out-expo, cubic-bezier(.19, 1, .22, 1)),transform .28s var(--ease-out-expo, cubic-bezier(.19, 1, .22, 1))}.preloader__letter:nth-child(2){transition-delay:15ms}.preloader__letter:nth-child(3){transition-delay:.03s}.preloader__letter:nth-child(4){transition-delay:45ms}.preloader__letter:nth-child(5){transition-delay:.06s}.preloader__letter:nth-child(6){transition-delay:75ms}.preloader__letter:nth-child(7){transition-delay:.09s}.preloader__letter:nth-child(8){transition-delay:.105s}.preloader__letter:nth-child(9){transition-delay:.12s}.preloader__letter:nth-child(10){transition-delay:.135s}.preloader__letter:nth-child(11){transition-delay:.15s}.preloader__letter:nth-child(12){transition-delay:.165s}.preloader__letter:nth-child(13){transition-delay:.18s}.preloader__letter:nth-child(14){transition-delay:.195s}.preloader.--in .preloader__letter{opacity:1;transform:none}.preloader__progress{font-family:var(--font-serif, serif);font-size:var(--font-size-s, 12px);letter-spacing:.1em;color:var(--muted, #999);min-height:1em}.--whoweare:after,.--portfolio:after,.--workshop:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(62vw 60vh at 50% 52%,#0b0b0c80,#0b0b0c00 68%)}.rotary__viewport{width:min(760px,90vw);position:absolute;left:50%;top:0;transform:translate(-50%)}.rotary__item{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.6em,3vw,3em);align-items:baseline;left:0;right:0;width:auto;white-space:nowrap}.rotary__num{display:block;text-align:right;font-size:clamp(15px,1.4vw,20px);letter-spacing:.04em}.rotary__body{position:static;transform:none;text-align:left;white-space:nowrap}.rotary__title{display:block;font-size:clamp(15px,1.5vw,22px);line-height:1.08;white-space:nowrap}.rotary__meta{display:none;white-space:nowrap}.rotary__item.--active{grid-template-columns:1fr}.rotary__item.--active .rotary__num{display:none}.rotary__item.--active .rotary__body{text-align:center}.rotary__item.--active .rotary__title{font-size:clamp(38px,5vw,72px);text-transform:uppercase;letter-spacing:.02em}.rotary__item.--active .rotary__title:before{content:"“"}.rotary__item.--active .rotary__title:after{content:"”"}.rotary__item.--active .rotary__meta{display:block;margin-top:.4em;color:var(--muted);font-size:var(--font-size-base)}.rotary__label{font-size:clamp(14px,1.4vw,20px);letter-spacing:.04em;opacity:.92;pointer-events:none;text-shadow:0 1px 14px rgba(11,11,12,.45)}@keyframes labelFlyL{0%{opacity:0;transform:translateY(-50%) translate(calc(50vw - var(--edge) - 100% - 1.5em))}12%{opacity:1}to{opacity:.92;transform:translateY(-50%) translate(0)}}@keyframes labelFlyR{0%{opacity:0;transform:translateY(-50%) translate(calc(-50vw + var(--edge) + 100% + 1.5em))}12%{opacity:1}to{opacity:.92;transform:translateY(-50%) translate(0)}}.rotary__label.--left.--swap{animation:labelFlyL 1s var(--ease-out-quart) both}.rotary__label.--right.--swap{animation:labelFlyR 1s var(--ease-out-quart) both}.nav__wordmark{font-size:var(--font-size-wordmark);letter-spacing:.01em;justify-content:center;gap:.3em}.nav.--min .nav__wordmark{display:none}.nav.--min .nav__links{margin-top:0}@media(max-width:560px){.rotary__item.--active .rotary__title{font-size:clamp(22px,7vw,30px)}.rotary__label{font-size:13px}.nav.--min .nav__links{margin-top:2.4em}}