:root{--black: #2d2d2d;--offwhite: #f7f7f7;--white: #ffffff}*{position:relative;padding:0;margin:0;box-sizing:border-box}html{font-size:1vw}body{font-family:"Montserrat","Helvetica Neue",Helvetica,sans-serif;font-variation-settings:"wght" 400,"wdth" 100;overflow:hidden;color:var(--black);background:var(--offwhite);overflow-x:hidden;position:fixed;transition:background .5s,color .5s;--black: #2d2d2d;--offwhite: #f7f7f7;--white: #ffffff}body.darkmode{--black: #f7f7f7;--offwhite: #2d2d2d;--white: #292929}body.darkmode #switcher path{d:path("M12,3c0,0-3.6,5.5,0,9c3.8,3.7,9,0,9,0c0,5-4,9-9,9s-9-4-9-9S7,3,12,3z")}body.darkmode #switcher line{stroke-dashoffset:3}h1{pointer-events:none;transition:color .5s}p{transition:color .5s}a{text-decoration:none;color:var(--black);transition:font-variation-settings 1s}a:hover{font-variation-settings:"wght" 700,"wdth" 100}.logo{position:absolute;top:3vw;right:3vw;width:4vw;aspect-ratio:1;fill:none;stroke:var(--black);stroke-width:12;z-index:666;transition:.5s}@media(orientation: portrait){.logo{top:5vw;right:5vw;width:10vw}}.logo path{animation:logo 3s cubic-bezier(0, 0.55, 0.45, 1) 1s both}.logo path:first-of-type{stroke-dasharray:173;stroke-dashoffset:173}.logo path:last-of-type{stroke-dasharray:307;stroke-dashoffset:307}@keyframes logo{from{stroke-width:0}to{stroke-dashoffset:0}}#switcher{position:absolute;top:3vw;left:3vw;width:2vw;height:2vw;z-index:666;cursor:pointer}#switcher line{stroke-dasharray:2 4}#switcher>*{fill:none;stroke:var(--black);stroke-linecap:round;stroke-linejoin:round;transition:.5s}@media(orientation: portrait){#switcher{top:5vw;left:5vw;width:6vw;height:6vw}}main{width:100vw}header{height:100vh;z-index:-1}header canvas{width:100vw;height:100vh;opacity:.05}header>div{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center}@media(orientation: portrait){header>div{height:60vh}}header>div>*{position:absolute}header>div h1{right:0;color:var(--white);font-size:36vw;letter-spacing:-4vw;font-variation-settings:"wght" 700,"wdth" 100;animation:font-width 5s cubic-bezier(0, 0.55, 0.45, 1) 1s both}@media(orientation: portrait){header>div h1{rotate:-90deg;top:40vw;right:-55vw;font-size:60vw}}header>div h2{color:var(--black);font-size:10vw;text-transform:uppercase;font-variation-settings:"wght" 700,"wdth" 100;letter-spacing:-0.3vw;line-height:.85;left:5vw;bottom:10vw;animation:font-width 3s cubic-bezier(0, 0.55, 0.45, 1) 1s both;transition:color .5s}header>div h3{font-family:"Playfair Display",serif;font-weight:400;font-size:2.7vw;font-style:italic;left:50vw;bottom:14.6vw;animation:font-fade 3s cubic-bezier(0, 0.55, 0.45, 1) 3s both;transition:color .5s}@keyframes font-width{from{opacity:0;letter-spacing:1vw;font-variation-settings:"wght" 100,"wdth" 100}10%{opacity:1}}@keyframes font-fade{from{opacity:0}}#sobre{padding:10vw;display:flex;justify-content:center;align-items:center}#sobre h1{position:absolute;bottom:0;right:10vw;z-index:-1;font-size:5vw;line-height:1;text-align:right;white-space:nowrap;font-variation-settings:"wght" 100,"wdth" 100;letter-spacing:-0.2vw;color:var(--white);opacity:0;transition:font-variation-settings 8s,opacity 1s}#sobre h1.is-inview{opacity:1;font-variation-settings:"wght" 700,"wdth" 100}#sobre p{max-width:50ch;font-size:2vw;line-height:1.6;font-variation-settings:"wght" 300,"wdth" 100}@media(orientation: portrait){#sobre{height:100dvh}#sobre h1{font-size:10vw}#sobre p{font-size:5vw}#sobre video{width:100%}}.case{display:flex;justify-content:space-between;align-items:center;padding:10vw;min-height:100vh}.case:nth-of-type(even){flex-direction:row-reverse}.case h1{position:absolute;bottom:5vw;left:0;font-size:20vw;line-height:.9;white-space:nowrap;font-variation-settings:"wght" 100,"wdth" 100;letter-spacing:-1vw;color:var(--white);opacity:0;transition:font-variation-settings 5s,opacity .5s}.case h1.is-inview{opacity:1;font-variation-settings:"wght" 700,"wdth" 100}.case a{border-bottom:1px solid var(--black);padding:.5vw 0}.case p{font-size:1.2vw;line-height:1.6;font-variation-settings:"wght" 400,"wdth" 100;max-inline-size:30ch;text-wrap:balance}.case video{width:50vw}@media(orientation: portrait){.case{padding:0;flex-direction:column-reverse;justify-content:center}.case:nth-of-type(even){flex-direction:column-reverse}.case h1{bottom:25vh;font-size:35vw}.case p{max-width:100%;font-size:3vw;padding:10vw}.case video{width:100%}}#ts h1{font-size:14vw;bottom:5vw}@media(orientation: portrait){#ts h1{font-size:25vw;bottom:25vh}}#culturainglesa h1{font-size:16vw;bottom:5vw}@media(orientation: portrait){#culturainglesa h1{font-size:30vw;bottom:25vh}}#mos h1{font-size:30vw}@media(orientation: portrait){#mos h1{font-size:40vw;bottom:25vh}}footer{padding:10vw;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2vh;height:100vh}footer.is-inview svg path{animation:logo 3s cubic-bezier(0, 0.55, 0.45, 1) 1s both}footer svg{position:absolute;width:60vh;aspect-ratio:1;fill:none;stroke:var(--white);stroke-width:12}@media(orientation: portrait){footer svg{width:100vw}}footer svg path:first-of-type{stroke-dasharray:173;stroke-dashoffset:173}footer svg path:last-of-type{stroke-dasharray:307;stroke-dashoffset:307}footer p{max-width:50ch;font-size:1.5vw;line-height:1;font-variation-settings:"wght" 300,"wdth" 100}@media(orientation: portrait){footer h1{font-size:60vw}footer p{font-size:5vw}footer video{width:100%}}.noise{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1001;background-image:url(../img/noise.gif);background-position:0 0;background-size:auto;pointer-events:none;opacity:.05;transition:opacity .2s cubic-bezier(0.445, 0.05, 0.55, 0.95)}/*# sourceMappingURL=style.css.map */