@font-face{font-family:Civil Premium;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/CivilPremium-Medium.woff2)format("woff2")}@font-face{font-family:Matter Mono TRIAL;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/MatterMono-TRIAL-Medium.woff2)format("woff2")}:root{--bg:#fff;--ink:#000;--green:#0f0;--f-sans:"Civil Premium", "Geist", "Helvetica Neue", Arial, sans-serif;--f-mono:"Matter Mono TRIAL", "Matter Mono", "Geist Mono", ui-monospace, Menlo, monospace;--bar:88px;--pad:clamp(14px, 1.32vw, 30px);--gap:var(--pad);--fs-body:clamp(15px, 1.257vw, 25px);--fs-mono:clamp(14px, 1.19vw, 23px);--fs-h1:clamp(34px, 3.44vw, 72px);--fs-title:clamp(16px, 1.257vw, 25px);--lh-body:1.42;--rowh:min(43.3vw, 74vh);--rowgap:clamp(6px, .8vw, 15px)}@media (width<=820px){:root{--bar:88px;--pad:10px;--gap:10px;--fs-body:19px;--fs-mono:15px;--fs-h1:44px;--fs-title:15px;--lh-body:1.12;--rowh:min(101vw, 62vh);--rowgap:10px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}html.is-locked{overflow:hidden}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:clip}.lenis.lenis-smooth iframe{pointer-events:none}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--f-sans);font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}hr{border:0;margin:0}address{font-style:normal}[hidden]{display:none!important}.defs{width:0;height:0;position:absolute;overflow:hidden}.mono{font-family:var(--f-mono);font-weight:400}::selection{background:var(--green);color:#000}::selection{background:var(--green);color:#000}:focus-visible{outline-offset:3px;outline:2px solid #000}.bar{z-index:60;height:var(--bar);background:var(--bg);will-change:transform;justify-content:space-between;align-items:center;padding:12px 19px 0 clamp(14px,1.62vw,36px);transition:transform .45s cubic-bezier(.3,.8,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.bar.is-hidden{transform:translateY(-101%)}.bar-logo{letter-spacing:-.05em;padding:.08em 0 .12em;font-size:clamp(34px,3.29vw,66px);line-height:1;text-decoration:none;display:block}.bar-nav{letter-spacing:-.05em;font-size:var(--fs-body);align-items:center;gap:clamp(18px,2.1vw,44px);display:flex}.bar-nav a,.bar-eng{line-height:1.42;text-decoration:none;display:inline-block}.bar-menu{letter-spacing:-.04em;margin-right:0;font-size:28px;line-height:42px;display:none}.bar-menu-t{-webkit-text-stroke:0 currentColor;transition:-webkit-text-stroke-width .5s cubic-bezier(.2,.8,.2,1);display:inline-block}.bar-menu[aria-expanded=true] .bar-menu-t{-webkit-text-stroke-width:1.3px}.bar-menu:active .bar-menu-t{-webkit-text-stroke-width:1.6px;transition-duration:.12s}.bar-nav a:active{-webkit-text-stroke:.05em currentColor}@media (width<=820px){.bar{padding:12px 10px 0 11px}.bar-logo{font-size:38px}.bar-nav{display:none}.bar-menu{display:block}}.mnav{z-index:55;background:var(--bg);padding:calc(var(--bar) + 0px) 11px 0;opacity:0;flex-direction:column;justify-content:space-between;transition:opacity .3s;display:none;position:fixed;inset:0}.mnav.is-open{opacity:1;display:flex}.mnav-links{letter-spacing:-.05em;flex-direction:column;padding-top:0;font-size:40px;line-height:56px;display:flex}.mnav-links a,.mnav-eng{-webkit-text-stroke:0 currentColor;align-self:flex-start;text-decoration:none;transition:-webkit-text-stroke-width .4s}.mnav-links a:active{-webkit-text-stroke-width:1.8px;transition-duration:.1s}.mnav.is-open .mnav-links a,.mnav.is-open .mnav-eng{animation:.6s cubic-bezier(.2,.8,.2,1) both mnav-in}.mnav.is-open .mnav-links>:nth-child(2){animation-delay:40ms}.mnav.is-open .mnav-links>:nth-child(3){animation-delay:80ms}.mnav.is-open .mnav-links>:nth-child(4){animation-delay:.12s}.mnav.is-open .mnav-links>:nth-child(5){animation-delay:.16s}@keyframes mnav-in{0%{opacity:0;-webkit-text-stroke:2.5px currentColor;transform:translateY(14px)}to{opacity:1;-webkit-text-stroke:0 currentColor;transform:none}}.mnav-foot hr{background:#000;height:1px}.mnav-foot-row{height:104px;position:relative}.mnav-foot-dacid{letter-spacing:-.05em;white-space:nowrap;height:66px;font-size:76px;line-height:1.6;text-decoration:none;position:absolute;top:2px;left:-8px}.mnav-foot-row address{flex-direction:column;margin-left:4px;font-size:15px;line-height:normal;display:flex;position:absolute;top:18px;left:57.14%}.mnav-foot-row address a{text-decoration:none}.mnav-foot{padding-bottom:14px}.mnav-foot-row address a:nth-child(2){font-size:14px}@media (width>=821px){.mnav{display:none!important}}.view{padding-top:var(--bar)}.h1{padding:0 var(--pad);font-weight:500;font-size:var(--fs-h1);letter-spacing:-.05em;margin:0;line-height:1.1}.h1 a,.info-h a{text-decoration-skip-ink:none;text-underline-offset:.08em;text-decoration:underline .055em}.hero-h{min-height:23.6vw}@media (width<=820px){.hero-h{min-height:0;padding-bottom:14px}}.cap{margin-top:8px;line-height:1.42;display:block}.cap-t{font-size:var(--fs-title);letter-spacing:0;font-weight:500;line-height:1.42;display:block}.cap-s{font-family:var(--f-mono);font-weight:400;font-size:var(--fs-mono);letter-spacing:.18em;margin-top:0;line-height:1.18;display:block}@media (width<=820px){.cap{margin-top:10px}.cap-t{line-height:1.4}}.wall{column-gap:var(--gap);padding:0 var(--pad);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding-bottom:10.1vw;display:grid}.wall-col{flex-direction:column;gap:clamp(26px,2.78vw,56px);padding-bottom:clamp(26px,2.78vw,56px);display:flex}.wcard{cursor:pointer;text-decoration:none;display:block}.wcard-img{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;background:#eee;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.wcard-img img{width:100%;height:auto}.wcard-img video{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.wcard.is-hover .wcard-img{transition-duration:.22s}}@media (width<=820px){.wall{grid-template-columns:1fr}.wall-col{display:contents}.wall{padding-bottom:150px}.wcard{margin-bottom:40px}}.projects{padding-bottom:clamp(30px,4vw,80px)}.proj{margin-bottom:clamp(48px,5.55vw,110px);scroll-margin-top:24px}.row{align-items:stretch;gap:var(--rowgap);height:var(--rowh);padding:0 var(--pad);scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden}.row::-webkit-scrollbar{display:none}.row:after{content:"";margin-left:calc(var(--pad) - var(--rowgap) - 1px);flex:0 0 1px}.row.is-dragging{cursor:grabbing}.row.is-dragging .shot{pointer-events:none}.shot{height:100%;cursor:inherit;background:#eee;flex:none;display:block;overflow:hidden}.shot video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.shot img{user-select:none;-webkit-user-drag:none;pointer-events:none;width:auto;max-width:none;height:100%}.proj-cap{grid-template-columns:minmax(0, calc(21.2vw - var(--pad))) minmax(0, 1fr);padding:0 var(--pad);column-gap:0;margin-top:25px;display:grid}.proj-cap .cap{margin-top:0}.proj-cap .desc{max-width:1169px;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:.03em;margin:0}@media (width<=820px){.proj-cap{grid-template-columns:1fr;row-gap:10px;margin-top:10px}.proj{margin-bottom:48px}#projects{padding-top:68px}.proj-cap .desc{letter-spacing:0;font-size:var(--fs-title);line-height:1.28}}.info-h{min-height:0;margin-bottom:clamp(60px,19.3vw,292px)}.info-cols{column-gap:var(--gap);padding:0 var(--pad);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:.03em;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:clamp(70px,9.8vw,190px);display:grid}.info-col p,.info-col ul{margin:0}.info-label{letter-spacing:0;margin-bottom:1.4em!important}.info-list{padding:0;list-style:none}.info-hotpot{grid-area:1/2;padding-left:clamp(0px,.86vw,18px)}.info-smyk{grid-area:1/3;padding-left:clamp(0px,.46vw,10px)}.info-clients{grid-area:1/1}@media (width<=820px){.info-h{letter-spacing:-.045em;margin-bottom:115px;font-size:40px}.info-cols{letter-spacing:0;flex-direction:column;row-gap:52px;margin-bottom:64px;font-size:15px;line-height:1.28;display:flex}.info-hotpot,.info-smyk{order:initial;padding-left:0}.info-hotpot{order:1}.info-smyk{order:2}.info-clients{order:3;grid-template-columns:163px 1fr;display:grid}.info-clients .info-label{margin-bottom:0!important}.info-clients .info-list{margin-top:0}.info-hotpot .info-label,.info-smyk .info-label{margin-bottom:1.4em!important}}.foot{padding:0 var(--pad) clamp(14px, 2.4vw, 80px);position:relative}.bl-probe{width:0;height:0;display:inline-block}.foot-rule{background:#000;height:1px;margin:0}.foot-rule-mid{display:none}.foot-grid{grid-template-columns:calc(33.333vw - var(--pad)) 26.667vw 20vw 1fr;height:clamp(150px,12.4vw,420px);padding:clamp(14px,1.8vw,60px) 0 clamp(8px,1vw,34px);display:grid;position:relative}.foot-grid>*{min-width:0}.foot-dacid{z-index:1;letter-spacing:-.05em;white-space:nowrap;height:.86em;font-size:clamp(100px,12.63vw,560px);line-height:1.6;text-decoration:none;position:absolute;top:-1.98vw;left:-.6vw}.foot-contact{letter-spacing:0;flex-direction:column;grid-column:2;align-self:end;padding-left:.86vw;font-size:clamp(14px,1.32vw,60px);line-height:1.2;display:flex}.foot-brand{flex-direction:column;justify-content:space-between;display:flex}.foot-hotpot{grid-column:3;padding-left:.58vw}.foot-smyk{grid-column:4;padding-left:.42vw}.foot-brand-logo{line-height:0;display:block}.foot-hotpot .foot-brand-logo img{width:clamp(70px,7.74vw,400px);height:auto}.foot-smyk .foot-brand-logo img{width:clamp(100px,12.6vw,640px);height:auto}.foot-brand address{flex-direction:column;font-size:clamp(14px,1.32vw,60px);line-height:1.2;display:flex}.foot address a,.mnav-foot address a{text-decoration:none}.foot address a:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=820px){.foot{padding-bottom:14px}.foot-rule-mid{grid-area:2/1/auto/-1;display:block}.foot-grid{grid-template-columns:calc(57.14vw - var(--pad)) 1fr;grid-template-rows:104px 1px 149px;column-gap:0;height:auto;padding:0}.foot-dacid{font-size:min(19.5vw,76px);top:-1px;left:-7px}.foot-contact{grid-area:1/2;align-self:start;padding:18px 0 0 4.14px;font-size:15px;line-height:normal}.foot-contact a:nth-child(2){font-size:14px}.foot-hotpot,.foot-smyk{grid-row:3;justify-content:flex-start;gap:17px;padding-top:24px}.foot-hotpot{grid-column:1;padding-left:0}.foot-smyk{grid-column:2;padding-left:2.14px}.foot-hotpot .foot-brand-logo img{width:89px}.foot-smyk .foot-brand-logo img{width:146px}.foot-brand address{font-size:14px;line-height:normal}.foot-smyk address{padding-left:2px}}.melons{z-index:20;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.melons.is-on{display:block}.melon{will-change:transform;user-select:none;-webkit-user-drag:none;position:absolute;top:0;left:0}.ic{-webkit-text-stroke:calc(var(--i,0) * var(--ink-max,.1em)) currentColor;paint-order:stroke fill}[data-ink=h]{--ink-max:.078em}[data-ink=m]{--ink-max:.085em}[data-ink=s]{--ink-max:.075em}[data-ink=l]{--ink-max:.05em}.lb{z-index:100;opacity:0;background:#000c;transition:opacity .28s;position:fixed;inset:0}.lb.is-open{opacity:1}.lb-stage{flex-direction:column;display:flex;position:absolute;inset:53px 23px 40px}.lb-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;display:flex;overflow:auto hidden}.lb-track::-webkit-scrollbar{display:none}.lb-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.lb-slide img,.lb-slide video{object-fit:contain;user-select:none;-webkit-user-drag:none;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1);transform:scale(.985)}.lb.is-open .lb-slide .is-ready{opacity:1;transform:none}.lb-dots{flex:0 0 8px;width:0;height:8px;margin-top:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.lb-dot{border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0}.lb-blob{background:#fff;border-radius:4px;position:absolute;top:0;bottom:0}.lb-blob.to-r{transition:right .26s cubic-bezier(.25,.9,.3,1),left .42s cubic-bezier(.65,0,.2,1) 50ms}.lb-blob.to-l{transition:left .26s cubic-bezier(.25,.9,.3,1),right .42s cubic-bezier(.65,0,.2,1) 50ms}@media (hover:hover) and (pointer:fine){.lb,.lb *{cursor:none}}.lb-cur{z-index:3;pointer-events:none;width:28px;height:28px;font-family:var(--f-mono);color:#fff;mix-blend-mode:difference;opacity:0;will-change:transform;place-items:center;margin:-14px 0 0 -14px;font-size:21px;font-weight:400;line-height:1;transition:opacity .2s;display:grid;position:fixed;top:0;left:0}.lb-cur.is-on{opacity:1}.lb-cur svg{width:22px;height:22px;display:block}.lb-snd{z-index:4;font-family:var(--f-mono);letter-spacing:.06em;color:#fff;opacity:.75;border:1px solid #fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:400;line-height:1;transition:opacity .2s,background .2s,color .2s;position:absolute;bottom:-2px;right:0}.lb-snd:hover,.lb-snd.is-on{opacity:1}.lb-snd.is-on{color:#000;background:#fff}.lb,.lb .lb-snd{cursor:auto}@media (hover:hover) and (pointer:fine){.lb .lb-snd{cursor:pointer}}.lb-x{clip-path:inset(50%);color:#fff;width:1px;height:1px;position:absolute;overflow:hidden}.lb-x:focus-visible{clip-path:none;width:auto;height:auto;font-family:var(--f-mono);outline:none;font-size:18px;line-height:1;top:14px;right:23px}@media (width<=820px){.lb-stage{justify-content:center;inset:0}.lb-track{flex:none}.lb-slide{height:auto}.lb-slide img,.lb-slide video{height:auto;max-height:82vh}.lb-dots{margin:12px 0 0 10px}.lb-snd{bottom:6px;right:10px}}@media (prefers-reduced-motion:reduce){.bar,.wcard-img,.lb,.lb-slide img{transition-duration:10ms!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}