@font-face{font-family:mFont;src:url(../media/m-s.p.26475771.woff2)format("woff2");font-display:swap}@font-face{font-family:mFont Fallback;src:local(Arial);ascent-override:89.34%;descent-override:29.12%;line-gap-override:0.0%;size-adjust:101.28%}.mfont_f7f2fd17-module__b7atlq__className{font-family:mFont,mFont Fallback}.mfont_f7f2fd17-module__b7atlq__variable{--font-m:"mFont","mFont Fallback"}
:root{--background:#fff;--foreground:#000;--pad:1.25rem;--gap:1.25rem;--cols:12;--col:calc((100vw - 2*var(--pad) - (var(--cols) - 1)*var(--gap))/var(--cols))}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#fff}}@media (max-width:1024px){:root{--pad:1.25rem;--gap:1rem;--cols:8}}@media (max-width:768px){:root{--pad:1.25rem;--gap:.75rem;--cols:4}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-m),-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}#grid{pointer-events:none;z-index:10000;opacity:0;justify-content:space-between;gap:var(--gap);width:100%;height:100%;padding:0 var(--pad);display:flex;position:fixed;top:0;left:0}#grid.open{opacity:1}#grid .col{opacity:.1;background:red;flex:1 0 0;height:100%}#grid .col:nth-child(n+13){display:none}@media (max-width:1024px){#grid .col:nth-child(n+9){display:none}}@media (max-width:768px){#grid .col:nth-child(n+5){display:none}}.main{max-width:1920px;margin:0 auto}.page .head{width:calc(var(--col)*4 + var(--gap)*3);padding:0 var(--pad);margin:10rem auto}@media (max-width:1024px){.page .head{width:calc(var(--col)*6 + var(--gap)*5);margin:6rem auto}}@media (max-width:768px){.page .head{width:100%;padding:var(--pad);margin:auto}}.page .head .head-names h1{font-size:1rem}.page .head .head-names .r{opacity:.5;margin-top:.25rem;font-family:\.AppleSystemUIFont,sans-serif;font-size:.75rem}.page .head .head-intro{margin-top:2rem}.page .head .head-intro p{font-size:1.5rem;font-style:normal;font-weight:700;line-height:125%}@media (max-width:768px){.page .head .head-intro p{font-size:1.25rem}}.page .head .head-intro .em{opacity:.5;margin-top:2rem;font-family:\.AppleSystemUIFont,sans-serif;font-size:.75rem;display:inline-block}.page .ct__works{margin-top:10rem}@media (max-width:1024px){.page .ct__works{margin-top:6rem}}@media (max-width:768px){.page .ct__works{margin-top:4rem}}.page .ct__works .t{opacity:.5;width:calc(var(--col)*4 + var(--gap)*3);margin:2rem auto;font-family:\.AppleSystemUIFont,sans-serif;font-size:.75rem;font-weight:400}@media (max-width:1024px){.page .ct__works .t{width:calc(var(--col)*6 + var(--gap)*5)}}@media (max-width:768px){.page .ct__works .t{width:100%;padding:0 var(--pad)}}.page .ct__works .works .work{margin-top:10rem}@media (max-width:1024px){.page .ct__works .works .work{margin-top:6rem}}@media (max-width:768px){.page .ct__works .works .work{margin-top:4rem}}.page .ct__works .works .work:first-child{margin-top:0}.page .ct__works .works .work .work-item-head{width:calc(var(--col)*4 + var(--gap)*3);margin:2rem auto}@media (max-width:1024px){.page .ct__works .works .work .work-item-head{width:calc(var(--col)*6 + var(--gap)*5)}}@media (max-width:768px){.page .ct__works .works .work .work-item-head{width:100%;padding:0 var(--pad)}}.page .ct__works .works .work .work-item-head .work-item-title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:125%}@media (max-width:768px){.page .ct__works .works .work .work-item-head .work-item-title{font-size:1.25rem}}.page .ct__works .works .work .work-item-head .work-item-description,.page .ct__works .works .work .work-item-head .work-item-link{opacity:.5;margin-top:.5rem;font-family:\.AppleSystemUIFont,sans-serif;font-size:1.15rem;line-height:150%;display:inline-block}@media (max-width:768px){.page .ct__works .works .work .work-item-head .work-item-description,.page .ct__works .works .work .work-item-head .work-item-link{font-size:1rem}}.page .ct__works .works .work .work-item-head .work-item-link{margin-top:1rem;font-size:.75rem;text-decoration:underline}.page .ct__works .works .work .work-item-assets{cursor:grab;touch-action:pan-y;overflow:hidden}.page .ct__works .works .work .work-item-assets .work-item-assets-inner{gap:var(--gap);padding-left:calc(var(--col)*4 + var(--gap)*5);width:max-content;display:flex}@media (max-width:1024px){.page .ct__works .works .work .work-item-assets .work-item-assets-inner{padding-left:calc(var(--col)*1 + var(--gap)*2)}}@media (max-width:768px){.page .ct__works .works .work .work-item-assets .work-item-assets-inner{padding-left:var(--pad)}}.page .ct__works .works .work .work-item-assets .work-item-asset{width:calc(var(--col)*4 + var(--gap)*3);aspect-ratio:288/181;cursor:pointer;background:#101010;border-radius:1rem;overflow:hidden}@media (max-width:1024px){.page .ct__works .works .work .work-item-assets .work-item-asset{width:calc(var(--col)*5 + var(--gap)*4)}}@media (max-width:768px){.page .ct__works .works .work .work-item-assets .work-item-asset{width:calc(var(--col)*3.5 + var(--gap)*2.5);border-radius:.75rem}}.page .ct__works .works .work .work-item-assets .work-item-asset img,.page .ct__works .works .work .work-item-assets .work-item-asset video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.asset-overlay-bg{z-index:9998;cursor:pointer;background:#000000d9;position:fixed;inset:0}.asset-clone{z-index:9999;cursor:pointer;position:fixed;overflow:hidden}.asset-clone img,.asset-clone video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}#Contact{min-height:100vh;padding:0 var(--pad);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}#Contact p,#Contact a{max-width:calc(var(--col)*4 + var(--gap)*3);width:100%;margin:0 auto 2rem;font-size:1.5rem;font-style:normal;font-weight:700;line-height:125%}@media (max-width:1024px){#Contact p,#Contact a{max-width:calc(var(--col)*6 + var(--gap)*5)}}@media (max-width:768px){#Contact p,#Contact a{max-width:100%;font-size:1.25rem}}
