*{margin:0;padding:0;box-sizing:border-box}:root{--header-height: 60px;--max-content-width: 1400px;--cvw: min(1vw, 14px);--page-padding: min(4vw, 50px);--page-side-margin: calc(max(100vw - var(--max-content-width), 0px)/2) ;--std-radius: 20px;--color-primary: #194455;--color-bg-main: var(--color-primary);--color-text-main: #ffffff}html{height:100%;-webkit-tap-highlight-color:transparent;color-scheme:dark;overflow-x:hidden;overflow-y:scroll;background-color:var(--color-bg-main)}body{font-family:Work Sans,Roboto,sans-serif;color:var(--color-text-main);min-height:100%;overscroll-behavior-y:none}html:after{content:"";position:fixed;top:0;left:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;background-image:url("./media/bg_texture-Z45XAXZF.png");background-size:var(--max-content-width) auto;background-repeat:repeat;background-position:50% 0;mix-blend-mode:overlay;filter:brightness(.7) contrast(.6);will-change:transform}button,a,.button{cursor:pointer;border:none;outline:none;background-color:transparent;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}img{pointer-events:none}.page-hero{height:100svh;background-color:#202020;display:flex;margin-bottom:calc(5 * var(--cvw))}.page-hero>*{margin:auto}.glow{--glow-opacity: .5;box-shadow:0 0 calc(var(--cvw) * 1.5) rgba(255,255,255,var(--glow-opacity))}.rounded{border-radius:var(--std-radius);overflow:hidden}.sections-container{max-width:var(--max-content-width);margin:0 auto}.section{padding:0 var(--page-padding);margin-bottom:calc(15 * var(--cvw))}.section.small{margin-bottom:calc(10 * var(--cvw))}.section.title-section{margin-top:calc(5 * var(--cvw));margin-bottom:calc(5 * var(--cvw))}.big-title{font-family:Roboto;font-weight:300;font-size:clamp(30px,8vw,80px);line-height:1.1;margin-bottom:.25em}.big-text{font-family:Roboto;font-weight:300;font-size:clamp(1rem,4vw,20px);max-width:900px;line-height:1.75}.project-title{font-size:1.75em;margin-bottom:.25em}.project-title-span{font-weight:200;font-style:italic}.client-label{font-size:.8em;letter-spacing:.1em;margin-bottom:1em}.project-desc{line-height:2}.aspect{--ratio: .5625 ;position:relative;aspect-ratio:var(--ratio)}.aspect>*{position:absolute;top:0;left:0;width:100%;height:100%}.aspect.square{--ratio: 1}.aspect.landscape{--ratio: calc(16 / 9)}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.project-desc{line-height:1.25}}@media screen and (max-width:576px){body{font-size:.9em}}
