@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(/fonts/NeueHaasDisplay-Medium.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Aujournuit;src:url(/fonts/Aujournuit-Densed.otf)format("opentype");font-weight:400;font-display:swap}:root{--u:calc(100vw / 1440);--small:max(8px, calc(8 * var(--u)));--orange:#fa872d;--placeholder:#d9d9d9;--sans:"Neue Haas Grotesk Display Pro", "Helvetica Neue", Arial, sans-serif;--serif:"Aujournuit", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#000;font:normal var(--small) / 1.25 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0}img{display:block}ul{list-style:none}a:focus-visible,button:focus-visible{outline:1px solid var(--orange);outline-offset:2px}@media (hover:hover){.nav a:hover,.socials a:hover{color:var(--orange)}}.logo{z-index:10;left:calc(15 * var(--u));top:calc(-36 * var(--u));width:calc(211 * var(--u));height:calc(211 * var(--u));position:fixed}.logo img{object-fit:cover;width:100%;height:100%}.nav a,.socials a{z-index:10;white-space:nowrap;position:fixed}.nav a{top:calc(60 * var(--u))}.socials a{bottom:calc(25 * var(--u))}.slot-1{right:calc(155 * var(--u))}.slot-2{right:calc(40 * var(--u))}.tagline{z-index:10;left:calc(40 * var(--u));bottom:calc(20 * var(--u));white-space:pre;position:fixed}.burger,.menu{display:none}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease}.logo{view-transition-name:logo}.nav .slot-1{view-transition-name:nav-1}.nav .slot-2{view-transition-name:nav-2}.socials .slot-1{view-transition-name:social-1}.socials .slot-2{view-transition-name:social-2}.tagline{view-transition-name:tagline}.burger{view-transition-name:burger}::view-transition-group(*){animation-duration:0s}::view-transition-group(root){animation-duration:.25s}.preloader{z-index:100;background:#fff;place-items:center;animation:.3s 1.2s forwards preloader-out;display:grid;position:fixed;inset:0}.preloader img{width:calc(730 * var(--u));height:calc(730 * var(--u));object-fit:cover}.seen .preloader{display:none}@keyframes preloader-out{to{opacity:0;visibility:hidden}}.hero{--w:min(calc(900 * var(--u)), calc((100dvh - 200 * var(--u)) * 900 / 526));width:var(--w);aspect-ratio:900/526;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hero img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.hero img.is-active{opacity:1}.arrow{z-index:5;top:calc(50% - 58.5 * var(--u));width:calc(117 * var(--u));height:calc(117 * var(--u));position:fixed}.arrow img{object-fit:cover;width:100%;height:100%}.arrow-prev{left:calc(-12 * var(--u))}.arrow-next{right:calc(-10 * var(--u))}.intro{left:calc(40 * var(--u));top:calc(50% - 58 * var(--u));position:fixed}.intro h1{font:normal calc(78 * var(--u)) / normal var(--serif);white-space:nowrap}.tags{left:0;top:calc(105 * var(--u));gap:calc(9.5 * var(--u));white-space:nowrap;flex-direction:column;display:flex;position:absolute}.column{right:calc(40 * var(--u));top:calc(130 * var(--u));width:calc(903 * var(--u));padding:0 0 calc(17 * var(--u)) calc(3 * var(--u));gap:calc(94.5 * var(--u));scrollbar-width:none;flex-direction:column;display:flex;position:fixed;bottom:0;overflow:clip auto}.column::-webkit-scrollbar{display:none}.tile{width:calc(900 * var(--u));height:calc(526 * var(--u));background:var(--placeholder);flex:none;display:block}.tile img{object-fit:cover;width:100%;height:100%}.tile.wide{width:calc(903 * var(--u));aspect-ratio:2940/1650;height:auto;margin-left:calc(-3 * var(--u))}.strip{display:none}@media (width<=768px){:root{--u:calc(100vw / 402)}.nav,.socials,.arrow{display:none}.logo{left:calc(8 * var(--u));top:calc(-15 * var(--u));width:calc(101 * var(--u));height:calc(101 * var(--u))}.tagline{left:calc(20 * var(--u))}.preloader img{width:calc(282 * var(--u));height:calc(282 * var(--u))}.hero{display:none}.strip{left:calc(8 * var(--u));top:calc(50% - 110.32 * var(--u));width:calc(385.84 * var(--u));height:calc(220.64 * var(--u));gap:calc(39.6 * var(--u));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;position:fixed;overflow:auto hidden}.strip::-webkit-scrollbar{display:none}.strip-tile{scroll-snap-align:start;background:var(--placeholder);flex:none;width:100%;height:100%}.strip-tile img{object-fit:cover;width:100%;height:100%}.intro{left:calc(20 * var(--u));top:calc(50% - 38 * var(--u))}.intro h1{font-size:calc(38 * var(--u))}.intro.has-tags{top:calc(50% - 29 * var(--u))}.intro.has-tags h1{font-size:calc(30.96 * var(--u));text-transform:uppercase}.intro.has-tags.long h1{font-size:calc(26.5 * var(--u))}.intro.has-tags[style] h1{font-size:var(--phone-title)}.tags{top:calc(38 * var(--u));gap:calc(9.5 * var(--u))}.column{left:calc(130 * var(--u));right:auto;top:calc(51 * var(--u));width:calc(252 * var(--u));gap:calc(26.3 * var(--u));padding:0;bottom:0}.tile{width:100%;height:calc(147.4 * var(--u))}.tile.wide{width:100%;height:auto;margin-left:0}[data-page=project] .column{left:calc(133 * var(--u));top:calc(100 * var(--u));width:calc(249 * var(--u));height:calc(488.4 * var(--u));gap:calc(25.8 * var(--u));bottom:auto}[data-page=project] .tile:not(.wide){height:calc(145.6 * var(--u))}.burger{--gap:calc(8 * var(--u));z-index:30;right:calc(14 * var(--u));top:calc(10 * var(--u));width:calc(45 * var(--u));height:calc(40 * var(--u));display:block;position:fixed}[data-page=home] .burger{--gap:calc(10 * var(--u))}.burger span{left:calc(11 * var(--u));top:calc(11 * var(--u));width:calc(23 * var(--u));height:calc(2 * var(--u));background:var(--orange);transition:transform .2s;position:absolute}.burger span+span{transform:translateY(var(--gap))}.menu-open .burger span{transform:rotate(45deg)}.menu-open .burger span+span{transform:rotate(-45deg)}.menu{z-index:20;background:#fff;display:none;position:fixed;inset:0}.menu-open .menu{display:block}.menu ul{left:calc(56 * var(--u));top:calc(50% - 66 * var(--u));gap:calc(22 * var(--u));flex-direction:column;display:flex;position:absolute}.menu a{font-size:calc(18 * var(--u));line-height:calc(22 * var(--u));display:block;position:relative}.menu a img{left:calc(-54 * var(--u));width:calc(83 * var(--u));height:calc(83 * var(--u));visibility:hidden;position:absolute;top:50%;transform:translateY(-50%)}.menu a.is-selected img{visibility:visible}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.preloader{animation-duration:1ms;animation-delay:.3s}.hero img,.burger span{transition:none}}.tile.is-zoomable{cursor:zoom-in}.lightbox-open,.lightbox-open body{overflow:hidden}.lightbox{z-index:100;padding:calc(80 * var(--u)) calc(110 * var(--u));opacity:0;touch-action:pan-y;background:#fff;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox.is-open{opacity:1}.lightbox-img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.lightbox-btn{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#fff;cursor:pointer;background:#0000002e;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s;display:grid;position:absolute}.lightbox-btn[hidden]{display:none}.lightbox-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:50%;height:50%}.lightbox-close{top:calc(24 * var(--u));right:calc(24 * var(--u))}.lightbox-prev{left:calc(24 * var(--u));top:calc(50% - 20 * var(--u))}.lightbox-next{right:calc(24 * var(--u));top:calc(50% - 20 * var(--u))}@media (hover:hover){.lightbox-btn:hover{background:#00000059}}@media (width<=768px){.lightbox{padding:calc(70 * var(--u)) calc(12 * var(--u))}.lightbox-btn{width:calc(36 * var(--u));height:calc(36 * var(--u))}.lightbox-close{top:calc(16 * var(--u));right:calc(16 * var(--u))}.lightbox-prev,.lightbox-next{top:calc(50% - 18 * var(--u))}.lightbox-prev{left:calc(10 * var(--u))}.lightbox-next{right:calc(10 * var(--u))}}@media (prefers-reduced-motion:reduce){.lightbox{transition:none}}
