@import "https://use.typekit.net/ian7yub.css";:root{--main:min(100vw,1024px);--min-unit:clamp(10px,1vmax,14px);--one-col:7.14286vw;--one-row:15vh;--ease:cubic-bezier(.78,0,.22,1);--transition:all 1s var(--ease);--accent:#fff500}::view-transition-old(root){animation:.6s cubic-bezier(.78,0,.22,1) both fade-out,.6s cubic-bezier(.78,0,.22,1) both slide-down;animation:.6s var(--ease) both fade-out,.6s var(--ease) both slide-down}::view-transition-new(root){animation:1s cubic-bezier(.78,0,.22,1) .6s both fade-in,1s cubic-bezier(.78,0,.22,1) .6s both slide-up;animation:1s var(--ease) .6s both fade-in,1s var(--ease) .6s both slide-up}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{transform:translateY(15vh);transform:translateY(var(--one-row))}}@keyframes slide-down{to{transform:translateY(-15vh);transform:translateY(calc(var(--one-row)*-1))}}*{box-sizing:border-box;font-family:inherit;font-weight:inherit;transform-origin:50%;background:0 0;border:0;margin:0;padding:0}body{min-height:100vh;font-size:clamp(10px,clamp(10px,1vmax,14px) - 2px,14px);font-size:clamp(10px,calc(var(--min-unit) - 2px),14px);font-family:serifa,system-ui,serif;font-style:normal;font-weight:400;line-height:calc(1.2*clamp(10px,1vmax,14px));line-height:calc(var(--min-unit)*1.2);scroll-behavior:smooth;text-align:center;text-wrap:pretty;background:#fff;padding:6rem 0 3rem}h1,h2,h3,h4{letter-spacing:-.05ch;width:100%;line-height:.8;display:block}#contacto,h1,h4{text-transform:uppercase;text-align:center;font-family:Helvetica Neue,sans-serif}h1{text-align:center;letter-spacing:-.1ch;justify-content:center;align-items:center;font-size:min(8.2rem,13vw);font-weight:600;display:flex}h2{font-optical-sizing:auto;text-transform:uppercase;text-align:justify;text-align-last:justify;font-family:dharma-gothic-e,sans-serif;font-size:2rem;font-style:normal;font-weight:300}button,h3{font-size:clamp(10px,1vmax,14px);font-size:var(--min-unit);text-transform:uppercase;text-align:center}h4{font-size:10px}hr{height:clamp(10px,1vmax,14px);height:var(--min-unit);width:100%}b,strong{font-weight:600}button{cursor:pointer}a>button{--fg:var(--accent);--bg:#000;background:linear-gradient(#fff500,#000) 0/100% 2px no-repeat,#fff500;background:linear-gradient(var(--fg),var(--bg)) no-repeat 0 /var(--size,100%) 2px,var(--fg);color:var(--bg);padding:clamp(10px,1vmax,14px);padding:var(--min-unit);text-transform:uppercase;border-radius:clamp(10px,1vmax,14px);border-radius:var(--min-unit);transition:background-size 1s cubic-bezier(.78,0,.22,1),color .4s cubic-bezier(.78,0,.22,1);transition:background-size 1s var(--ease),color .4s var(--ease);justify-content:space-between;width:100%;display:flex;overflow:hidden}:is(a>button):not(:hover){--fg:#000;--bg:var(--accent);--size:0%}:is(a>button):after,:is(a>button):before{background:var(--fg);box-shadow:0 0 0 clamp(10px,1vmax,14px) var(--fg);box-shadow:0 0 0 var(--min-unit) var(--fg);display:inline-block}:is(a>button):before{content:attr(aria-label);font-weight:600;position:relative}:is(a>button):after{content:"more";position:relative}a{text-transform:uppercase;color:inherit}del{opacity:.3;font-size:inherit;text-decoration:none}h3[em],p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:normal}i,p[ind]{text-indent:calc(2*clamp(10px,1vmax,14px));text-indent:calc(var(--min-unit)*2);display:inline-block}h2[em]{color:#fff;background:#000;line-height:1;box-shadow:0 0 0 .3rem #000}h3[em]{line-height:1.2}em{background:#fff500;background:var(--accent);font-style:normal}footer,header,main,nav{display:flex;position:relative}header{z-index:99;justify-content:space-between;align-items:stretch;width:100vw;position:fixed;top:0}header>*{z-index:3}header img{height:calc(1.2*clamp(10px,1vmax,14px));height:calc(var(--min-unit)*1.2);width:auto;margin:clamp(10px,1vmax,14px);margin:var(--min-unit);display:block}header nav{z-index:2}:is(header nav) a{height:100%;padding:0 clamp(10px,1vmax,14px);padding:0 var(--min-unit);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:inline-flex}header .act{pointer-events:none;font-weight:600}header button[menu]{padding:0 clamp(10px,1vmax,14px);padding:0 var(--min-unit);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;display:none;position:relative}footer nav{gap:clamp(10px,1vmax,14px);gap:var(--min-unit);width:100%;padding:calc(2*clamp(10px,1vmax,14px)) clamp(10px,1vmax,14px);padding:calc(var(--min-unit)*2) var(--min-unit);justify-content:space-between}:is(footer nav) a{flex:1 0 calc(50% - clamp(10px,1vmax,14px)/2);flex:1 0 calc(50% - var(--min-unit)*1/2)}footer>div{width:100%;margin-top:clamp(10px,1vmax,14px);margin-top:var(--min-unit);display:flex}:is(footer>div) a{padding:0 1ch}footer #legales h4{text-align:left;display:block}footer,main{align-items:center;gap:clamp(10px,1vmax,14px);gap:var(--min-unit);flex-direction:column;display:flex}main{width:min(100vw,1024px);min-height:100vh;width:var(--main);padding:calc(3*clamp(10px,1vmax,14px)) calc(2*clamp(10px,1vmax,14px));padding:calc(var(--min-unit)*3) calc(var(--min-unit)*2);scrollbar-width:none;text-align:left;z-index:2;border:1px solid #ccc;margin:0 auto;overflow:hidden;box-shadow:0 1px 0 -2px #0000004d,0 -1px 5px -2px #0000004d,0 10px 0 -5px #f4f1ea,0 10px 5px -4px #0000004d,0 -10px 0 -5px #f4f1ea,0 -10px 5px -4px #0000004d,0 22px 0 -10px #f4f1ea,0 22px 5px -9px #0000004d,0 -22px 0 -10px #f4f1ea,0 -22px 5px -9px #0000004d}main>*{width:100%}main h4[data]{justify-content:space-between;align-items:center;padding:1ch;display:flex;position:relative;overflow:hidden}:is(main h4[data]):before{content:"";z-index:-1;background-blend-mode:screen;mix-blend-mode:multiply;filter:contrast(21);background:linear-gradient(90deg,#000 9%,#ccc),radial-gradient(closest-side,#000,#777) 0/4px 4px;background:var(--map,linear-gradient(to right,#000 9%,#ccc)),var(--pattern,radial-gradient(closest-side,#000,#777) 0/4px 4px);display:block;position:absolute;inset:0}:is(main h4[data]) em{color:var(--accent);background:0;align-self:flex-start;position:relative}main:after{content:"";pointer-events:none;background:var(--cover) no-repeat center /90%,url(../../../texture.png) repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.03' numOctaves='5' result='noise' type='fractalNoise'/%3E%3CfeDiffuseLighting in='noise' result='texture' surfaceScale='2'%3E%3CfeDistantLight azimuth='45' elevation='70'/%3E%3C/feDiffuseLighting%3E%3CfeTurbulence baseFrequency='.05' numOctaves='3' result='tornNoise' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='tornNoise' result='tornEdges' scale='10' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeBlend in='texture' in2='tornEdges' mode='multiply' result='combined'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='%23fff' filter='url(%23a)'/%3E%3C/svg%3E") repeat,#f4f1ea;background-blend-mode:multiply;mix-blend-mode:multiply;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}main [fxd]{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;z-index:98;pointer-events:none;width:0;display:block;position:relative}main [fxd][centro]{height:50vh;bottom:50%;translate:-50% 50%}main [fxd][piso]{height:75vh;bottom:0;translate:-50%}main [fxd][izq]{left:-25%}main [fxd][der]{left:25%}body,header{--mask:linear-gradient(red,#0000)}:is(header,body):after,:is(header,body):before{content:"";width:100%;-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-backdrop-filter:blur(10px)brightness(1.05);backdrop-filter:blur(10px)brightness(1.05);z-index:1;position:fixed;top:0;left:0}body:after,body:before{z-index:5}body:before{height:calc(6*clamp(10px,1vmax,14px));height:calc(var(--min-unit)*6)}body:after{height:calc(5.5*clamp(10px,1vmax,14px));height:calc(var(--min-unit)*5.5)}header:before{height:calc(5*clamp(10px,1vmax,14px));height:calc(var(--min-unit)*5)}header:after{height:calc(4.5*clamp(10px,1vmax,14px));height:calc(var(--min-unit)*4.5)}section{align-items:center;gap:clamp(10px,1vmax,14px);gap:var(--min-unit);flex-direction:column;flex:1;width:100%;height:auto;display:flex;position:relative}section>p{min-height:15vh;min-height:var(--one-row)}div:has([col]){align-items:flex-start;gap:clamp(10px,1vmax,14px);gap:var(--min-unit);flex-flow:wrap;flex-grow:1;width:100%;display:flex}div:has([col]) [col]{flex:0 0 100%;flex:0 0 var(--col,100%);width:var(--col)}div:has([col]) img[col]{aspect-ratio:1/var(--rh);-o-object-fit:cover;object-fit:cover}[col]{align-items:flex-start;gap:clamp(10px,1vmax,14px);gap:var(--min-unit);flex-direction:column;display:flex}[c2]{--col:calc(16.6667% - var(--min-unit)*5/6)}[c3]{--col:calc(25% - var(--min-unit)*3/4)}[c4]{--col:calc(33.3333% - var(--min-unit)*2/3)}[c6]{--col:calc(50% - var(--min-unit)*1/2)}[c8]{--col:calc(66.6667% - var(--min-unit)*1/3*2)}[c9]{--col:calc(75% - var(--min-unit)*1/4*3)}[ic2]{-moz-column-count:2;column-count:2}[ic2],[ic3]{-moz-column-gap:clamp(10px,1vmax,14px);-moz-column-gap:var(--min-unit);column-gap:clamp(10px,1vmax,14px);column-gap:var(--min-unit);display:inline-block}[ic3]{-moz-column-count:3;column-count:3}[ic4]{-moz-column-gap:clamp(10px,1vmax,14px);-moz-column-gap:var(--min-unit);column-gap:clamp(10px,1vmax,14px);column-gap:var(--min-unit);-moz-column-count:4;column-count:4;display:inline-block}[r1]{max-height:15vh;max-height:var(--one-row)}[r2]{min-height:30vh;min-height:calc(var(--one-row)*2)}a:has(>figure){border-radius:clamp(10px,1vmax,14px);border-radius:var(--min-unit);display:inline-block;position:relative}figure{border-radius:clamp(10px,1vmax,14px);border-radius:var(--min-unit);aspect-ratio:1/.5;background:#fff500;background:var(--accent);place-items:center;display:inline-flex;position:relative;overflow:hidden}figure img{transition:all 1s cubic-bezier(.78,0,.22,1);transition:var(--transition);-o-object-fit:cover;object-fit:cover;height:100%!important;transition-property:filter,opacity,scale!important}figure:after{content:attr(pro);text-transform:uppercase;color:var(--accent);transition:color .4s cubic-bezier(.78,0,.22,1);transition:color .4s var(--ease);place-items:center;display:grid;position:absolute;inset:0}figure:hover:after{color:#000}figure:hover img{filter:none;opacity:0;scale:1.1}figure:not(:hover) img{filter:brightness(.7)grayscale()contrast(130%)}figure figcaption{min-height:15vh;min-height:var(--one-row)}img{transition:filter .4s cubic-bezier(.78,0,.22,1);transition:filter .4s var(--ease);display:block}img:not(:hover){filter:grayscale()contrast(130%);transition-duration:1s}img[round]{border-radius:clamp(10px,1vmax,14px);border-radius:var(--min-unit)}img[f]{--col:100%;width:100%;height:auto;display:block}[slides]{aspect-ratio:1/.4;width:100%;transition:filter .4s cubic-bezier(.78,0,.22,1);transition:filter .4s var(--ease);background:url(../../../P.aurea.A.webp) 50%/cover;position:relative;overflow:hidden}[slides]:not(:hover){filter:grayscale()contrast(130%);transition-duration:1s}[slides] img[col]{filter:none;-o-object-fit:cover;object-fit:cover;height:100%;animation:28s infinite fade;animation:fade 28s var(--d,0s) infinite;opacity:0;pointer-events:none;position:absolute}:is(#projects div) a:is([c3],[c2]) figure{aspect-ratio:1/.6}:is(#projects div) a[c6] figure{aspect-ratio:1/.293}@keyframes fade{0%{opacity:0;scale:1.1}3%{opacity:1}14.2%{opacity:1;scale:1}20%{opacity:0;scale:1}to{opacity:0}}h2[circ]{aspect-ratio:1;place-items:center;width:0;animation:16s linear infinite rotate-circ;display:grid}h2[circ] [char]{transform-origin:bottom;rotate:var(--r);height:var(--h);position:absolute;bottom:50%}@keyframes rotate-circ{0%{rotate:0deg}to{rotate:-1turn}}@media (width>=980px){.hi{display:none}a:not(:has(>button)):hover{background:#fff500;background:var(--accent);text-decoration:underline}}@media (width<=980px){:root{--min-unit:calc(clamp(8px,1vmax,12px)*2)}main{padding:calc(2*clamp(10px,1vmax,14px)) clamp(10px,1vmax,14px);padding:calc(var(--min-unit)*2) var(--min-unit);overflow:hidden}[fxd]{opacity:.5}div:has(>[col]:not(img)) [col]{--col:100%}:is(main:not([pro]) #projects>div) [c3] figure{aspect-ratio:1/.5}:is(main:not([pro]) #projects>div) [c6] figure{aspect-ratio:1/.228}#projects>div{flex-direction:row}:is(#projects>div) [col][c2],:is(#projects>div) [col][c3]{--col:calc(50% - var(--min-unit)*2/2)}section :is([ic2],[ic3],[ic4]){gap:calc(2*clamp(10px,1vmax,14px));gap:calc(var(--min-unit)*2);-moz-column-count:auto;column-count:auto;flex-direction:column}div:has(>[col]):not(:has(img):not(:has(:not(img)))){gap:calc(2*clamp(10px,1vmax,14px));gap:calc(var(--min-unit)*2);-moz-column-count:auto;column-count:auto;flex-direction:column}br,hr{height:clamp(10px,1vmax,14px);height:var(--min-unit)}body{font-size:clamp(12px,1.1*clamp(10px,1vmax,14px) - 1vw,20px);font-size:clamp(12px,calc(var(--min-unit)*1.1 - 1vw),20px)}body:has(.menuact){overflow:hidden}:is(body:has(.menuact) footer,body:has(.menuact) main){pointer-events:none;filter:blur(1rem);transition:filter .3s}button,h3{font-size:calc(1.5*clamp(12px,clamp(10px,1vmax,14px) - 1vw,20px));font-size:calc(clamp(12px, calc(var(--min-unit) - 1vw), 20px)*1.5)}nav{flex-direction:column;justify-content:center;align-items:center}header img{height:calc(clamp(10px,1vmax,14px));height:calc(var(--min-unit)*1)}header button[menu]{display:flex}header nav{background:#fff500;background:var(--accent);width:100%;padding:calc(6*clamp(10px,1vmax,14px)) 0;padding:calc(var(--min-unit)*6) 0;gap:clamp(10px,1vmax,14px);gap:var(--min-unit);transition:transform .5s cubic-bezier(.78,0,.22,1);transition:transform .5s var(--ease);position:fixed;top:0;right:0}header:not(.menuact) :is(header nav){transform:translateY(-100%)}footer nav{align-items:stretch}footer #contacto [c6] img[col]{--col:calc(33.3333% - var(--min-unit)*2/3)}footer #legales{flex-direction:column;gap:1ch}footer #contacto p,footer #legales h4{text-align:center}}