@font-face{font-family:Staatliches;src:url(/fonts/Staatliches-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Antonio;src:url(/fonts/Antonio-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Antonio;src:url(/fonts/Antonio-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Antonio;src:url(/fonts/Antonio-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Antonio;src:url(/fonts/Antonio-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#f8ecd2;--color-secondary:#f8ecd2;--grid-max-width-val:2600px;--grid-columns:16;--grid-column-gap:0rem;--grid-row-gap:1.5rem;--grid-side-margin:0rem;--grid-content-width:calc(var(--grid-max-width-val) - var(--grid-side-margin));--grid-actual-column-width:calc((var(--grid-content-width) - (var(--grid-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns))}@media (min-width:1025px){:root{--grid-columns:16;--grid-column-gap:0rem;--grid-side-margin:0rem;--grid-content-width:100%}}@media (max-width:768px){:root{--grid-columns:4;--grid-column-gap:0rem;--grid-side-margin:7rem;--grid-content-width:75vw}}*{box-sizing:border-box;padding:0;margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body,html{width:100vw;height:100vh;color:var(--color-primary);font-family:var(--font-kosugi);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(
    --color-secondary
  )}main{display:block}h1,h2,h3,h4,h5,h6{color:currentColor}a{color:inherit;text-decoration:none}.main-grid-container{width:var(--grid-content-width);max-width:var(--grid-max-width-val);margin-left:auto;margin-right:auto}.main-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-row-gap) var(--grid-column-gap)}.project-detail-client-view{position:relative}.project-detail-client-view .main-grid .center-col,.project-detail-client-view .main-grid .next-project{grid-column:1/-1}.project-detail-client-view .main-grid .center-col{padding:20px;min-height:300px}.project-detail-client-view .main-grid .next-project{padding:10px;margin-top:var(--grid-row-gap)}.project-detail-client-view .ui{position:fixed;top:20px;left:20px;z-index:10}.project-detail-client-view .title{font-size:2rem;margin-bottom:1rem}.project-detail-client-view .description{margin-bottom:1rem}.project-detail-client-view .copy-btn{display:inline-block;padding:.5em 1em;text-decoration:underline}.button{display:inline-flex;align-items:center;font-size:1.2rem;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:30px;padding:12px 16px;text-decoration:none;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;line-height:1;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left .5s ease;z-index:-1}.button:hover:before{left:100%}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(248,236,210,.3);background:rgba(248,236,210,.05)}.button--small{font-size:1rem;padding:.6rem 1.6rem}.button--large{font-size:1.4rem;padding:16px 24px}.button--inverted{color:#000;background:var(--color-primary);border-color:var(--color-primary)}.button--inverted:hover{opacity:.8}