@font-face{font-family:Roboto;src:url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap) format("woff2");font-weight:400,700;font-style:normal;font-display:swap}@font-face{font-family:test;src:url(../public/coves-typeface/Coves\ Bold.otf)}:root{--one-block-size: calc(100vw / 28)}*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow:hidden}a{text-decoration:none;color:#000}img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;z-index:1;pointer-events:none}main{width:100%;position:relative;top:0;left:0}.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none}#sec{position:relative;top:0;left:0;width:100%;height:100vh;background-color:#f8f8f8;z-index:1;display:flex;align-items:center;justify-content:center}.work{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0000001a;pointer-events:none}.work p{font-size:calc(100vw / 3)}.projects{position:fixed;top:100vh;left:0;width:100%;background-color:transparent;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:calc(var(--one-block-size) * 2) 0;transition:none}.projects_lines{width:calc(var(--one-block-size) * 16);display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--one-block-size) * 2)}.project_container:nth-of-type(odd){margin-top:calc(var(--one-block-size) * 2 - 8px)}.list_num{font-size:calc(var(--one-block-size) * .33)}.list_img_cont{width:calc(var(--one-block-size) * 6.5);height:calc(var(--one-block-size) * 3.75);background-color:#e5e5e5}.list_title{font-size:calc(var(--one-block-size) * .45)}.info{position:fixed;top:0;right:0;width:100%;height:calc(var(--one-block-size) * .45);z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background-color:transparent;margin:calc(var(--one-block-size) * .15)}.info h1{text-align:end;font-size:calc(var(--one-block-size) * .45);font-weight:400;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%;mix-blend-mode:difference;color:gray}.info h1:last-child{color:#f8f8f8;mix-blend-mode:difference}.info h1 span{display:inline-block}@media (max-width: 768px){:root{--one-block-size: calc(100vw / 15)}.projects_lines{width:100%;flex-direction:column;align-items:center}.project_container{display:flex;align-items:center;justify-content:baseline;width:100%;margin-left:calc(var(--one-block-size) * .75)}.list_num{display:none}a{display:flex;align-items:center;justify-content:center;gap:calc(var(--one-block-size) / 2);padding:calc(var(--one-block-size) / 4)}.list_title{font-size:calc(var(--one-block-size) * .75);max-width:50%}}@media (min-width: 769px) and (max-width: 1025px){:root{--one-block-size: calc(100vw / 22)}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}