@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff")}@font-face{font-family:HanziPen SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HanzipenSC-Regular.woff2) format("woff2")}:root{--font-family-poppins: "Poppins", sans-serif;--font-family-logo: "HanziPen SC", "Hanzipen SC", cursive;--font-weight-regular: 400;--font-weight-bold: 700;--font-size-48: 48px;--font-size-32: 32px;--font-size-24: 24px;--font-size-16: 16px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-comfy: 1.5;--letter-spacing-0: 0;--text-h1-font-family: var(--font-family-poppins);--text-h1-font-size: var(--font-size-48);--text-h1-font-weight: var(--font-weight-regular);--text-h1-line-height: var(--line-height-tight);--text-h1-letter-spacing: var(--letter-spacing-0);--text-h2-font-family: var(--font-family-poppins);--text-h2-font-size: var(--font-size-24);--text-h2-font-weight: var(--font-weight-regular);--text-h2-line-height: var(--line-height-tight);--text-h2-letter-spacing: var(--letter-spacing-0);--text-body-font-family: var(--font-family-poppins);--text-body-font-size: var(--font-size-16);--text-body-font-weight: var(--font-weight-regular);--text-body-line-height: var(--line-height-normal);--text-body-letter-spacing: var(--letter-spacing-0);--text-logo-font-family: var(--font-family-logo);--text-logo-font-size: var(--font-size-32);--text-logo-font-weight: var(--font-weight-regular);--text-logo-line-height: 32px;--text-logo-letter-spacing: var(--letter-spacing-0);--text-nav-font-family: var(--font-family-poppins);--text-nav-font-size: var(--font-size-16);--text-nav-font-weight-active: var(--font-weight-bold);--text-nav-font-weight: var(--font-weight-regular);--text-nav-line-height: var(--line-height-normal);--text-nav-letter-spacing: var(--letter-spacing-0);--color-bg: #ddd8c4;--color-text: #000000;--color-nav-track: rgba(255, 255, 255, .14);--color-nav-active: #ffffff;--color-border: rgba(0, 0, 0, .1);--nav-gutter: 40px;--header-inset: var(--nav-gutter);--page-pad-x: 200px;--header-block: 62px;--card-peek: 18vh;--cursor-asterisk: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2224%22%20viewBox%3D%220%200%2027%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.5159%208.63148C16.3657%208.14585%2017.7564%209.73726%2017.8421%2010.1385C17.9279%2010.5397%2018.196%2012.4006%2017.8846%2012.8472C17.1255%2013.6374%2014.7618%2015.2006%2013.573%2015.0671C12.1217%2014.9041%208.63226%2012.3642%208.04683%2010.1867C7.87966%209.56498%207.33464%205.24496%207.52966%204.68604C8.17628%202.83284%2010.2981%202.33528%2011.0978%201.9802L11.1338%201.96423C12.1808%201.49912%2013.7436%200.804944%2015.5745%201.48068C16.6808%201.88898%2021.9697%202.92444%2023.206%205.60181C23.7704%206.82406%2025.759%2011.5747%2024.6725%2015.9055C24.0015%2018.5799%2021.3204%2022.1828%2018.618%2022.2758C16.4138%2022.3517%2012.9842%2023.1599%2010.3121%2021.5331C7.43352%2019.7806%203.07582%2017.4032%201.20117%209.77901%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) 13 12, auto}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-poppins);color:var(--color-text);background:var(--color-bg);cursor:var(--cursor-asterisk);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,[role=button],label[for],select,summary{cursor:var(--cursor-asterisk)}#root{min-height:100svh;background:var(--color-bg)}p{margin:0}img{display:block}.app-boot{pointer-events:none}.organic{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#f2ecdc}.organic__canvas{position:absolute;left:-24px;top:0;width:calc(100% + 48px);height:100%;display:block;filter:blur(.4px)}.organic__canvas--bloom{z-index:1;filter:blur(48px) saturate(1) brightness(.8);opacity:.85;mix-blend-mode:hard-light;transform:scale(1.06);transform-origin:center center;pointer-events:none}.organic--plain .organic__canvas{visibility:hidden}.organic__grain{position:absolute;inset:0;z-index:2;opacity:1;background-repeat:repeat;background-size:512px 512px;mix-blend-mode:color-burn;pointer-events:none}.squiggle-mark__path--draw{stroke-dasharray:1;stroke-dashoffset:-1;animation:squiggle-draw 1.15s cubic-bezier(.22,1,.36,1) forwards}@keyframes squiggle-draw{0%{stroke-dashoffset:-1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.squiggle-mark__path--draw{animation:none;stroke-dashoffset:0}}.asterisk-cursor{position:fixed;top:0;left:0;z-index:10000;margin:0;padding:0;pointer-events:none;opacity:0;width:27px;height:24px;line-height:0;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(0);transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .12s ease;will-change:transform;-webkit-user-select:none;user-select:none}.asterisk-cursor svg{display:block}.asterisk-cursor--visible{opacity:1}.asterisk-cursor--hot{transform:translate(-50%,-50%) rotate(120deg)}html.has-asterisk-cursor,html.has-asterisk-cursor *{cursor:none!important}@media(prefers-reduced-motion:reduce){.asterisk-cursor{transition:opacity .12s ease}.asterisk-cursor--hot{transform:translate(-50%,-50%) rotate(120deg)}}.loader{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:transparent;mix-blend-mode:overlay;opacity:1;transition:opacity .52s cubic-bezier(.22,1,.36,1);pointer-events:auto}.loader--out{opacity:0;pointer-events:none}.loader__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loader__asterisk{display:flex;align-items:center;justify-content:center}.loader__asterisk-mark{color:#000;width:min(28vw,140px);height:auto;max-height:min(25vw,124px);line-height:0;-webkit-user-select:none;user-select:none}.site-nav{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--header-block);padding-block:0}.site-nav__pill-wrap{position:fixed;top:var(--nav-gutter);left:0;right:0;z-index:20;display:flex;justify-content:center;pointer-events:none;transition:transform .4s cubic-bezier(.22,1,.36,1)}.site-nav__pill-wrap--hidden{transform:translateY(calc(-100% - var(--nav-gutter) - 8px));pointer-events:none}.site-nav__pill{display:flex;align-items:center;gap:8px;padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.28);background:var(--color-nav-track);box-shadow:inset 0 1px #ffffff2e,0 1px 1px #00000008;-webkit-backdrop-filter:blur(28px) saturate(1.15);backdrop-filter:blur(28px) saturate(1.15);pointer-events:auto}.site-nav__logo{display:flex;align-items:center;justify-content:center;margin:0;padding:0 24px 4px;border:0;background:transparent;font-family:var(--text-logo-font-family);font-size:var(--text-logo-font-size);font-weight:var(--text-logo-font-weight);line-height:var(--text-logo-line-height);letter-spacing:var(--text-logo-letter-spacing);color:var(--color-text);text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none}.site-nav__links{position:relative;display:flex;align-items:center}.site-nav__active-pill{position:absolute;top:0;left:0;height:100%;border-radius:50px;background:#fff9;pointer-events:none;opacity:0;z-index:0}.site-nav__active-pill--ready{opacity:1;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1)}.site-nav__item{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 24px;border-radius:50px;font-family:var(--text-nav-font-family);font-size:var(--text-nav-font-size);font-weight:var(--text-nav-font-weight);line-height:var(--text-nav-line-height);letter-spacing:var(--text-nav-letter-spacing);color:var(--color-text);text-decoration:none;white-space:nowrap;background:transparent}.site-nav__item:after{content:attr(data-label);font-weight:var(--text-nav-font-weight-active);height:0;overflow:hidden;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.site-nav__item--active{font-weight:var(--text-nav-font-weight-active)}@media(prefers-reduced-motion:reduce){.site-nav__pill-wrap{transition:none}.site-nav__pill-wrap--hidden{transform:none}.site-nav__active-pill--ready{transition:none}}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;width:100%;margin-top:64px;padding-top:40px;border-top:1px solid var(--color-border)}.site-footer__col{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.site-footer__col--center{text-align:center;align-items:center}.site-footer__col--end{text-align:right;align-items:flex-end}.site-footer__title{margin:0;font-family:var(--font-family-logo);font-size:22px;font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-0)}.site-footer__time{font-variant-numeric:tabular-nums}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer__note{opacity:1}.site-footer__made{display:inline-flex;align-items:center;gap:.35em}.site-footer__squiggle{width:.95em;height:auto;flex-shrink:0}@media(max-width:900px){.site-footer{flex-direction:column;gap:28px}.site-footer__col--end,.site-footer__col--center{text-align:left;align-items:flex-start}}.layout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100svh;padding:var(--nav-gutter) var(--page-pad-x) 80px;color:var(--color-text);box-sizing:border-box}.layout .site-nav{min-height:var(--header-block);padding-block:0;margin-bottom:var(--nav-gutter)}.layout--case{padding-bottom:80px;background:#f1f1f1}.layout--case .layout__main{gap:48px}html.page--case,html.page--case body,html.page--case #root{background:#f1f1f1}html.page--case .organic{visibility:hidden}.layout__main{display:flex;flex-direction:column;align-items:flex-start;gap:48px;width:100%;animation:layout-page-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes layout-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.layout{--page-pad-x: 64px}}@media(max-width:900px){.layout{--page-pad-x: 24px;--nav-gutter: 24px;padding-bottom:56px}}@media(prefers-reduced-motion:reduce){.layout__main{animation:none}}.route-fallback{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:40vh;width:100%}.route-fallback__mark{width:28px;height:auto;opacity:.55;animation:route-fallback-pulse 1.2s ease-in-out infinite}.route-fallback__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-fallback__retry{appearance:none;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:inherit}@keyframes route-fallback-pulse{0%,to{opacity:.35}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.route-fallback__mark{animation:none}}.text-h1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);letter-spacing:var(--text-h1-letter-spacing)}.text-h2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);letter-spacing:var(--text-h2-letter-spacing)}.text-body{font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.wireframe{--header-inset: 40px;--page-pad-x: 200px;--header-block: 62px;--card-peek: 18vh;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;min-height:100%;max-width:1440px;margin-inline:auto;padding:var(--header-inset) var(--page-pad-x) 80px;background:transparent;color:var(--color-text);box-sizing:border-box}.wireframe__page{display:flex;flex-direction:column;align-items:flex-start;gap:48px;width:100%}.wireframe__page--in{animation:wireframe-page-in .55s cubic-bezier(.22,1,.36,1) both}.wireframe__page--out{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .32s ease,transform .32s ease}@keyframes wireframe-page-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}.wireframe__intro[data-reveal].is-revealed,.wireframe__placeholder[data-reveal].is-revealed{transition-delay:40ms}.wireframe__header{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding-block:5px}.wireframe__pill-wrap{position:fixed;top:calc(var(--header-inset) + 5px);left:0;right:0;z-index:20;display:flex;justify-content:center;pointer-events:none;transition:transform .4s cubic-bezier(.22,1,.36,1)}.wireframe__pill-wrap--hidden{transform:translateY(calc(-100% - var(--header-inset) - 13px));pointer-events:none}.wireframe__pill{display:flex;align-items:center;gap:8px;padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.28);background:var(--color-nav-track);box-shadow:inset 0 1px #ffffff2e,0 1px 1px #00000008;-webkit-backdrop-filter:blur(28px) saturate(1.15);backdrop-filter:blur(28px) saturate(1.15);pointer-events:auto}.wireframe__logo{display:flex;align-items:center;justify-content:center;margin:0;padding:0 24px 4px;border:0;background:transparent;font-family:var(--text-logo-font-family);font-size:var(--text-logo-font-size);font-weight:var(--text-logo-font-weight);line-height:var(--text-logo-line-height);letter-spacing:var(--text-logo-letter-spacing);color:var(--color-text);white-space:nowrap;user-select:none;-webkit-user-select:none;pointer-events:none}.wireframe__nav{position:relative;display:flex;align-items:center}.wireframe__nav-pill{position:absolute;top:0;left:0;height:100%;border-radius:50px;background:#fff9;pointer-events:none;opacity:0;z-index:0}.wireframe__nav-pill--ready{opacity:1;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1)}.wireframe__nav-item{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 24px;border-radius:50px;font-family:var(--text-nav-font-family);font-size:var(--text-nav-font-size);font-weight:var(--text-nav-font-weight);line-height:var(--text-nav-line-height);letter-spacing:var(--text-nav-letter-spacing);color:var(--color-text);text-decoration:none;white-space:nowrap;background:transparent}.wireframe__nav-item:after{content:attr(data-label);font-weight:var(--text-nav-font-weight-active);height:0;overflow:hidden;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.wireframe__nav-item--active{font-weight:var(--text-nav-font-weight-active)}.wireframe__intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;margin:0 0 -48px;min-height:calc(100svh - (2 * var(--nav-gutter)) - var(--header-block) - var(--card-peek));box-sizing:border-box}.wireframe__headline{margin:0;width:100%;text-align:center;line-height:var(--line-height-comfy)}.wireframe__meta{display:flex;align-items:center;gap:24px}.wireframe__meta-item{display:flex;align-items:center;gap:4px}.wireframe__meta-item img{width:20px;height:20px;flex-shrink:0}.wireframe__placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:48px;text-align:center}.wireframe__work{display:flex;flex-direction:column;gap:48px;width:100%;scroll-margin-top:calc((2 * var(--nav-gutter)) + var(--header-block) + 24px)}.wireframe__play{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px;width:100%;scroll-margin-top:calc((2 * var(--nav-gutter)) + var(--header-block) + 24px)}.wireframe__project{display:flex;flex-direction:column;align-items:flex-start;width:100%;color:inherit;text-decoration:none}.wireframe__media{position:relative;width:100%;aspect-ratio:1184 / 666;overflow:clip;border-radius:16px;transform:scale(1);transform-origin:center bottom;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.wireframe__media--play{aspect-ratio:1 / 1;transform-origin:center center}.wireframe__media img,.wireframe__media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.wireframe__project--aura .wireframe__media img{object-position:20% center}.wireframe__project:hover .wireframe__media,.wireframe__project:focus-visible .wireframe__media{transform:scale(1.025)}.wireframe__project-info{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--color-text)}.wireframe__project-info--play{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.wireframe__project-title-block{display:flex;flex-direction:column;align-items:flex-start}.wireframe__project-title-block h2{margin:0;white-space:nowrap}.wireframe__project--play .wireframe__project-title-block h2{white-space:normal}.wireframe__project-desc{width:500px;flex-shrink:0;text-align:right}.wireframe__project-desc--play{width:100%;text-align:left}.wireframe__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;width:100%;margin-top:64px;padding-top:40px;border-top:1px solid var(--color-border)}.wireframe__footer-col{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.wireframe__footer-col--center{text-align:center;align-items:center}.wireframe__footer-col--end{text-align:right;align-items:flex-end}.wireframe__footer-title{margin:0;font-family:var(--font-family-logo);font-size:22px;font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-0)}.wireframe__footer-time{font-variant-numeric:tabular-nums}.wireframe__footer a{color:inherit;text-decoration:none}.wireframe__footer a:hover{text-decoration:underline}.wireframe__footer-note{opacity:1}.wireframe__footer-made{display:inline-flex;align-items:center;gap:.35em}.wireframe__footer-squiggle{width:.95em;height:auto;flex-shrink:0}@media(max-width:1280px){.wireframe{--header-inset: 32px;--page-pad-x: 48px;padding:var(--header-inset) var(--page-pad-x) 64px}}@media(max-width:900px){.wireframe{--header-inset: 24px;--page-pad-x: 24px;--card-peek: 14vh;padding:var(--header-inset) var(--page-pad-x) 40px}.wireframe__page{gap:32px}.wireframe__intro{margin-bottom:-32px}.wireframe__header{justify-content:center}.wireframe__pill{max-width:calc(100vw - 2 * var(--page-pad-x));flex-wrap:wrap;justify-content:center}.wireframe__nav{flex-wrap:wrap;justify-content:center}.wireframe__meta{flex-direction:column;align-items:center;gap:8px}.wireframe__project-info{flex-direction:column;align-items:flex-start;gap:12px}.wireframe__play{grid-template-columns:1fr;gap:32px}.wireframe__project-desc{width:100%;text-align:left}.wireframe__footer{flex-direction:column;gap:28px}.wireframe__footer-col--end,.wireframe__footer-col--center{text-align:left;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.wireframe__page--in{animation:none}.wireframe__media{transition:none}.wireframe__project:hover .wireframe__media,.wireframe__project:focus-visible .wireframe__media{transform:none}.wireframe__pill-wrap{transition:none}.wireframe__pill-wrap--hidden{transform:none}.wireframe__page,[data-reveal],.wireframe__nav-item,.wireframe__nav-pill--ready{transition:none}.wireframe__page--out,.wireframe__page--in,[data-reveal],[data-reveal].is-revealed{opacity:1;transform:none}}