:root{--ink:#000;--gray:#acacac;--surface:#f7f7f7;--chip:#f0f0f0;--panel:#efefef;--line:#efefef;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,SF Pro Text,system-ui,-apple-system,sans-serif;font-size:14px;line-height:2}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}b{font-weight:600}button{all:unset;cursor:pointer}img,video{max-width:100%;display:block}::selection{background:var(--chip)}.page{animation:pageIn .5s var(--ease) both;padding:73px 40px 144px;position:relative;overflow-x:clip}.container{max-width:1048px;margin:0 auto}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.reveal-now{animation:fadeUp .8s var(--ease) both}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(24px)}.reveal.is-shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.nav{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:17px;display:flex}.nav-link{transition:color .2s}.nav-link:hover,.nav-link.active:not(.nav-link--plain){color:var(--gray)}.underline-link{text-underline-offset:3px;text-decoration:underline;transition:color .2s}.underline-link:hover{color:var(--gray)}.chip{background:var(--chip);border-radius:3px;padding:2px 6px;transition:background .2s}.chip--bold{font-weight:600}.muted{color:var(--gray)}.center{text-align:center}.label{color:var(--gray);font-size:20px;font-weight:400;line-height:2}.footer{text-align:center;padding-top:176px}.ornament{z-index:10;pointer-events:none;width:364px;animation:fadeUp 1.2s var(--ease) .2s both;position:absolute;top:208px;right:0}.intro{flex-direction:column;gap:35px;padding-top:152px;display:flex}.links{gap:15px;display:flex}.work{flex-direction:column;gap:24px;padding-top:88px;display:flex}.card{flex-direction:column;justify-content:center;align-items:center;transition:background .3s;display:flex;overflow:hidden}.card--feature{aspect-ratio:1048/591;background:#fff}.card--feature video{object-fit:cover;width:100%;height:100%}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid .card{aspect-ratio:512/591}.card--empty{border:1px solid var(--line);background:#fff}.card--grey{background:var(--surface)}.card--grey:hover{background:#f2f2f2}.card--logo img{width:128px;height:auto;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.card--logo:hover img{transform:scale(1.12)}.card--logo:active img{transform:scale(1.04)}.about{flex-direction:column;gap:70px;padding-top:70px;display:flex}.hero{justify-content:center;align-items:center;gap:60px;padding:21px 0 80px;display:flex}.hero__photo{object-fit:cover;width:376px;height:380px;transition:transform .6s var(--ease);border-radius:188px 188px 12px 12px}.hero__photo:hover{transform:scale(1.02)}.slot{text-align:right;width:80px;height:28px;display:inline-block;overflow:hidden}.slot__reel{will-change:transform;flex-direction:column;display:flex}.slot__word{white-space:nowrap;height:28px;line-height:28px}.about__text{z-index:2;flex-direction:column;gap:27px;display:flex;position:relative}.hi{align-items:center;gap:4px;display:flex}.thinking p+p{margin-top:20px}.name-type{background:var(--chip);cursor:pointer;white-space:nowrap;transition:border-color .25s, background .25s, padding .25s var(--ease), border-radius .25s;border:1.5px solid #0000;border-radius:3px;outline:none;align-items:center;gap:10px;padding:2px 6px;font-weight:600;display:inline-flex}.name-type__label{transition:color .25s}.name-type.is-open{background:#f2f2f2;border-radius:3px;padding:2px 12px 2px 8px}.name-type.is-open .name-type__label{color:var(--gray)}.name-type__text{color:var(--ink);white-space:pre-line;font-weight:500}.name-type__caret{vertical-align:-2px;background:var(--ink);width:1.5px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.arts{flex-direction:column;gap:55px;display:flex}.art-row{grid-template-columns:repeat(5,1fr);gap:30px;display:grid}.art{transition:transform .4s var(--ease);display:block;overflow:hidden}.art:hover{transform:translateY(-6px)}.art img{object-fit:cover;width:100%;height:100%}.art img[src$=\.png]{object-fit:contain}.art-row--1 .art{aspect-ratio:188/243}.art-row--2 .art{aspect-ratio:1}.lightbox{z-index:100;cursor:zoom-out;animation:pageIn .35s var(--ease) both;background:#ffffffeb;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:90vw;max-height:90vh}@media (width<=1100px){.ornament{display:none}}@media (width<=810px){.page{padding:40px 20px 80px}.intro{padding-top:80px}.grid{grid-template-columns:1fr}.hero{flex-direction:column;gap:20px;padding-bottom:20px}.hero__photo{width:280px;height:284px}.slot{text-align:center}.art-row{grid-template-columns:repeat(2,1fr);gap:16px}.name-type{white-space:normal}.footer{padding-top:100px}}.library-toggle{align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.library-toggle:hover{background:#e6e6e6}.library-toggle__icon{transition:transform .3s var(--ease);display:inline-block}.library-toggle.is-open .library-toggle__icon{transform:rotate(45deg)}.art-wrap{transition:grid-template-rows .7s var(--ease), margin-top .7s var(--ease);grid-template-rows:0fr;margin-top:-55px;display:grid}.art-wrap.is-open{grid-template-rows:1fr;margin-top:0}.art-wrap__inner{flex-direction:column;gap:55px;display:flex;overflow:hidden}.art--fade{opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);transition-delay:0s;transform:translateY(14px)}.art-wrap.is-open .art--fade{opacity:1;transition-duration:.6s;transition-delay:calc(var(--i) * 50ms + .1s);transform:none}.art-wrap.is-open .art--fade:hover{transition-delay:0s;transform:translateY(-6px)}.tags{gap:20px;display:flex}.tags p{color:var(--gray)}
