@import "https://fonts.googleapis.com/css2?family=Nixie+One&family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap";:root{--min-unit:max(10px,1vmax);--one-col:7.14286vw;--one-row:15vh;--ease:cubic-bezier(.78,0,.22,1);--transition:all 1s var(--ease);--accent:#fff500}*{box-sizing:border-box;font-weight:inherit;border:0;margin:0;padding:0}body{height:100vh;font-size:calc(max(10px,1vmax) - 4px);font-size:calc(var(--min-unit) - 4px);font-family:Nixie One,system-ui,serif;font-style:normal;font-weight:400;line-height:calc(1.25*max(10px,1vmax));line-height:calc(var(--min-unit)*1.25);scroll-behavior:smooth;text-align:center;text-wrap:pretty;background:#fff}body:after{content:"";background-blend-mode:multiply;pointer-events:none;z-index:100;mix-blend-mode:multiply;background:url(../../../texture.png),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='60'/%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");height:100vh;top:0}body:after,footer,header{width:100vw;position:fixed;left:0}footer,header{z-index:99;justify-content:space-between;align-items:center;display:flex}header{top:0}header img{height:max(2*max(10px,1vmax),25px);height:max(calc(var(--min-unit)*2),25px);width:auto;margin:max(10px,1vmax);margin:var(--min-unit)}header nav a{text-transform:uppercase;color:inherit;padding:max(10px,1vmax);padding:var(--min-unit);text-decoration:none}header nav a:hover{background:#fff500;background:var(--accent);text-decoration:underline}footer{right:3.57143vw}footer b:after{content:" | ";font-weight:200}main{scrollbar-width:none;width:min(100vw,1200px);min-height:100vh;padding:calc(4*max(10px,1vmax)) 0;padding:calc(var(--min-unit)*4) 0;text-align:left;background:#fff;flex-direction:column;display:inline-flex;position:relative;overflow:visible;box-shadow:0 1px 1px #00000026,0 10px 0 -5px #eee,0 10px 1px -4px #00000026,0 20px 0 -10px #eee,0 20px 1px -9px #00000026}main #hero{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;z-index:99;pointer-events:none;position:fixed;left:50%}main #hero[centro]{height:50vh;bottom:50%;translate:-50% 50%}main #hero[piso]{height:75vh;bottom:0;translate:-50%}main #hero[izq]{left:25%}main #hero[der]{left:75%}section{gap:max(10px,1vmax);gap:var(--min-unit);flex-direction:column;flex:1;width:100%;height:auto;padding:5vh 0;display:flex;position:relative}section img{transition:filter 1s cubic-bezier(.78,0,.22,1);transition:filter 1s var(--ease)}:is(section img):not(:hover){filter:grayscale()contrast(150%)}[f]:is(section img){width:100%;height:auto;margin:max(10px,1vmax) 0;margin:var(--min-unit) 0;display:block}section>p{min-height:15vh;min-height:var(--one-row)}section>div{gap:max(10px,1vmax);gap:var(--min-unit);flex-flow:wrap;flex-grow:1;width:100%;display:flex}:is(section>div)>*{flex:0 0 100%;flex:0 0 var(--col,100%)}:is(section>div) img[col]{width:var(--col)}section [col]{gap:max(10px,1vmax);gap:var(--min-unit);flex-direction:column;display:flex}section [c2]{--col:calc(16.6667% - var(--min-unit)*5/6)}section [c3]{--col:calc(25% - var(--min-unit)*3/4)}section [c4]{--col:calc(33.3333% - var(--min-unit)*2/3)}section [c6]{--col:calc(50% - var(--min-unit)*1/2)}section [c8]{--col:calc(66.6667% - var(--min-unit)*1/3*2)}section [ic2]{-moz-column-gap:max(10px,1vmax);-moz-column-gap:var(--min-unit);column-gap:max(10px,1vmax);column-gap:var(--min-unit);-moz-column-count:2;column-count:2;display:inline-block}section [r1]{min-height:15vh;min-height:var(--one-row)}section [r2]{min-height:30vh;min-height:calc(var(--one-row)*2)}h1,h2,h3,h4{letter-spacing:-.08ch;width:100%;line-height:.8;display:block}h1{text-align:center;font-family:Helvetica Neue,sans-serif;font-size:14vw}h2{font-optical-sizing:auto;text-transform:uppercase;text-align:justify;text-align-last:justify;font-family:Sofia Sans Extra Condensed,sans-serif;font-size:3rem;font-style:normal;font-weight:400}h3{text-align:center;font-size:1.5rem}h3,h4{text-transform:uppercase}h4{font-size:1rem}hr{height:max(10px,1vmax);height:var(--min-unit);width:100%}b,strong{font-weight:600}del{opacity:.3;font-size:inherit;text-decoration:none}p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:normal}p[ind]{text-indent:50px}h2[em]{color:#fff;background:#000;line-height:1;box-shadow:0 0 0 .3rem #000}em{background:#fff500;background:var(--accent);font-style:normal}figure{gap:max(10px,1vmax);gap:var(--min-unit);flex-direction:column;display:flex;position:relative}figure:has(img){overflow:hidden}figure:hover [thumb] img{scale:1.1}figure figcaption{min-height:15vh;min-height:var(--one-row)}figure [thumb]{border-radius:max(10px,1vmax);border-radius:var(--min-unit);height:15vh;height:var(--one-row);overflow:hidden}:is(figure [thumb]) img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all 1s cubic-bezier(.78,0,.22,1);transition:var(--transition);position:relative}
