body:has(.c) *{letter-spacing:-.03em}html.vista-vt::view-transition-old(root){animation:none}html.vista-vt::view-transition-new(root){animation:.45s ease-out both vista-fade}@keyframes vista-fade{0%{opacity:0}}body:has(.earlier[open]) .proto-switch{display:none}.c[data-astro-cid-hanyupcm]{--ink:#0b0b0c;--dim:#6b6b6b;--night:#0d0b10;--sec:clamp(96px, 12vw, 200px);--snap:cubic-bezier(.2, .8, .2, 1);color:var(--ink)}.wrap[data-astro-cid-hanyupcm]{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.sec[data-astro-cid-hanyupcm]{padding-top:var(--sec)}.small[data-astro-cid-hanyupcm]{font-size:var(--text-sm);color:var(--dim);line-height:1.4}.dim[data-astro-cid-hanyupcm]{color:var(--dim)}.split[data-astro-cid-hanyupcm]{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:16px 32px;display:grid}.split[data-astro-cid-hanyupcm]>.small[data-astro-cid-hanyupcm]{color:var(--ink)}.hero[data-astro-cid-hanyupcm]{max-width:1440px;padding-top:clamp(24px,min(6vw,5svh),96px);padding-inline:calc(var(--gutter) + clamp(0px, 3.4vw, 48px));grid-template-columns:minmax(0,1fr) clamp(260px,67.08svh - 251.16px,352px);align-items:center;gap:112px;display:grid}.hero__text[data-astro-cid-hanyupcm]{max-width:800px}.hero__title[data-astro-cid-hanyupcm]{font-size:var(--text-display);color:var(--ink);text-wrap:balance;font-weight:400;line-height:1.3}.hero__title[data-astro-cid-hanyupcm],.hero__title[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]{letter-spacing:-.03em}.word[data-astro-cid-hanyupcm]{display:inline-block}.hero__sub[data-astro-cid-hanyupcm]{max-width:48ch;font-size:var(--text-lead);color:var(--dim);margin-top:24px;line-height:1.4}.hero__sub[data-astro-cid-hanyupcm] strong[data-astro-cid-hanyupcm]{color:var(--ink);font-weight:500}.hero__cta[data-astro-cid-hanyupcm]{margin-top:40px}.hero__photo[data-astro-cid-hanyupcm]{aspect-ratio:352/451;position:relative}.hero__photo[data-astro-cid-hanyupcm]:before{content:"";background:var(--peach);position:absolute;inset:8.9% 11.8% 0 -9.8%}.hero__photo[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:cover;object-position:top center;width:100%;height:100%;position:relative}@media (prefers-reduced-motion:no-preference){.word[data-astro-cid-hanyupcm]{animation:word .9s var(--ease) both;animation-delay:calc(.12s + var(--i) * 60ms)}html.js .hero__photo[data-astro-cid-hanyupcm]:not(.is-ready){visibility:hidden}.hero__photo[data-astro-cid-hanyupcm].is-ready{animation:portrait 1.1s var(--ease) both}}@keyframes word{0%{opacity:0;transform:translateY(.4em)}}@keyframes portrait{0%{opacity:0;transform:translateY(28px)}}.brands[data-astro-cid-hanyupcm]{margin-top:clamp(32px,min(7vw,5svh),112px)}.brands[data-astro-cid-hanyupcm] .small[data-astro-cid-hanyupcm]{margin-bottom:8px}.head[data-astro-cid-hanyupcm]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:clamp(24px,3vw,48px);display:flex}.title[data-astro-cid-hanyupcm]{font-size:var(--text-title);font-weight:500;line-height:1.05}.title[data-astro-cid-hanyupcm],.title[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]{letter-spacing:-.04em}.head__sub[data-astro-cid-hanyupcm]{color:var(--dim);font-size:var(--text-lead);text-wrap:pretty;flex:0 0 100%;margin-top:-8px;padding-right:max(0px,100% - 50ch);line-height:1.4}.sec--work[data-astro-cid-hanyupcm]{padding-top:clamp(48px,4svh + 24px,72px)}.work[data-astro-cid-hanyupcm]{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 16px;display:grid}.card[data-astro-cid-hanyupcm]{display:block}.card__media[data-astro-cid-hanyupcm]{aspect-ratio:616/352;background:var(--surface);transition:clip-path 1.2s var(--ease);position:relative;overflow:hidden}.card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.49, .23, .06, 1), scale 1.5s var(--ease)}@media (prefers-reduced-motion:no-preference){html.js .reveal[data-astro-cid-hanyupcm]:not(.is-in) .card__media[data-astro-cid-hanyupcm]{clip-path:inset(0 0 22%)}html.js .reveal[data-astro-cid-hanyupcm]:not(.is-in) .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{scale:1.12}}html.js .reveal[data-astro-cid-hanyupcm].is-in .card__media[data-astro-cid-hanyupcm]{clip-path:inset(0)}.card__name[data-astro-cid-hanyupcm]{font-size:var(--text-card);margin-top:16px;line-height:1.3}.card__note[data-astro-cid-hanyupcm]{color:var(--dim);margin-top:2px;line-height:1.4}@media (hover:hover) and (pointer:fine){a[data-astro-cid-hanyupcm].card:hover .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{transform:scale(1.1)}}a[data-astro-cid-hanyupcm].card:active .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{transition-duration:.12s;transform:scale(1.06)}.skill[data-astro-cid-hanyupcm]{border-top:1px solid var(--line);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:baseline;gap:4px 32px;padding-block:clamp(18px,1.9vw,28px);display:grid}.skill[data-astro-cid-hanyupcm]:last-child{border-bottom:1px solid var(--line)}.skill[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm]{font-size:var(--text-h3);line-height:1.15}.skill[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm],.skill[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]{letter-spacing:-.03em}.skill[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]{color:var(--dim);line-height:1.4}.posts__pause[data-astro-cid-hanyupcm]{opacity:0;pointer-events:none;position:absolute}.posts__pause[data-astro-cid-hanyupcm]:focus-within{opacity:1;pointer-events:auto;margin-bottom:12px;display:block;position:static}.posts__pause[data-astro-cid-hanyupcm]:has(input:checked)+.posts[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.demo,.demo *){animation-play-state:paused!important}.posts[data-astro-cid-hanyupcm]{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px;display:grid}.post[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm]{font-size:var(--text-card);text-wrap:balance;margin-top:16px;line-height:1.25}.post[data-astro-cid-hanyupcm]>p[data-astro-cid-hanyupcm]{max-width:44ch;font-size:var(--text-xs);color:var(--dim);margin-top:6px;line-height:1.5}.demo[data-astro-cid-hanyupcm]{aspect-ratio:4/4.4;place-items:center;display:grid;position:relative;overflow:hidden}.demo--explore[data-astro-cid-hanyupcm]{background:var(--lilac)}.demo--proto[data-astro-cid-hanyupcm]{background:#fce4e0}.demo--checks[data-astro-cid-hanyupcm]{background:var(--lime)}.demo--proto[data-astro-cid-hanyupcm]{align-items:start;container-type:inline-size}.phone[data-astro-cid-hanyupcm]{margin-top:10cqw;transform-origin:50% 0;width:419px;height:847px;scale:.4;scale:calc(.9 * tan(atan2(100cqw, 847px)));background:linear-gradient(145deg,#f3f1ed,#a6a29b 28%,#f7f6f3 52%,#8c8882 76%,#dedbd5);border-radius:57px;margin-inline:calc(50cqw - 209.5px);padding:4px;position:relative;box-shadow:0 0 0 1px #0000004d,0 60px 100px -40px #00000080}.phone[data-astro-cid-hanyupcm]:before,.phone[data-astro-cid-hanyupcm]:after{content:"";z-index:-1;border-radius:3px;width:7px;position:absolute}.phone[data-astro-cid-hanyupcm]:before{background:linear-gradient(#a6a29b 0 30px,#0000 0 58px,#a6a29b 0 110px,#0000 0 124px,#a6a29b 0);height:176px;top:150px;left:-3px}.phone[data-astro-cid-hanyupcm]:after{background:linear-gradient(#a6a29b 0 84px,#0000 0 214px,#77736d 0);height:270px;top:220px;right:-3px}.phone__screen[data-astro-cid-hanyupcm]{background:#000;border:9px solid #050505;border-radius:53px;height:100%;overflow:hidden}.phone[data-astro-cid-hanyupcm] iframe[data-astro-cid-hanyupcm]{pointer-events:none;border:0;width:393px;height:821px;display:block}.sec__label[data-astro-cid-hanyupcm]{color:var(--ink);margin-bottom:24px}.recs[data-astro-cid-hanyupcm]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rec[data-astro-cid-hanyupcm]{background:var(--lilac);padding:clamp(28px,3.4vw,56px);display:flex}.rec[data-astro-cid-hanyupcm]:nth-child(2){background:var(--peach)}.rec[data-astro-cid-hanyupcm] figure[data-astro-cid-hanyupcm]{flex-direction:column;gap:clamp(28px,3.4vw,56px);display:flex}.rec__logo[data-astro-cid-hanyupcm]{align-items:center;height:36px;font-size:22px;font-weight:600;display:flex}.rec__logo[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{filter:brightness(0);width:auto;max-width:132px;height:auto;max-height:36px}.rec[data-astro-cid-hanyupcm] blockquote[data-astro-cid-hanyupcm]{font-size:var(--text-card);text-wrap:pretty;line-height:1.4}.rec[data-astro-cid-hanyupcm] figcaption[data-astro-cid-hanyupcm]{color:#0000009e;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:14px;margin-top:auto;line-height:1.35;display:grid}.rec__photo[data-astro-cid-hanyupcm]{object-fit:cover;object-position:50% 20%;border-radius:50%;grid-row:span 2;width:52px;height:52px}.rec[data-astro-cid-hanyupcm] figcaption[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]{color:var(--ink);align-self:end;padding-top:6px}.rec[data-astro-cid-hanyupcm] figcaption[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]:last-child{align-self:start;padding-bottom:6px}.about__lead[data-astro-cid-hanyupcm]{max-width:34em;font-size:var(--text-statement);color:var(--dim);text-wrap:pretty;line-height:1.22}.about__lead[data-astro-cid-hanyupcm],.about__lead[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]{letter-spacing:-.03em}.about__lead[data-astro-cid-hanyupcm] strong[data-astro-cid-hanyupcm]{font-weight:inherit;color:var(--ink)}.about__points[data-astro-cid-hanyupcm]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin-top:clamp(32px,4vw,56px);display:grid}.about__points[data-astro-cid-hanyupcm] li[data-astro-cid-hanyupcm]{border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--dim);padding-top:16px;line-height:1.5}.about__points[data-astro-cid-hanyupcm] strong[data-astro-cid-hanyupcm]{font-weight:inherit;color:var(--ink);margin-bottom:4px;display:block}.about__tools[data-astro-cid-hanyupcm]{margin-top:clamp(48px,5vw,80px)}.tools[data-astro-cid-hanyupcm]{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.tool__tile[data-astro-cid-hanyupcm]{aspect-ratio:1;background:#f4f4f5;place-items:center;display:grid}.tool__tile[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:contain;width:36%;height:36%}.tool[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]{text-align:center;color:var(--dim);margin-top:12px}.band[data-astro-cid-hanyupcm]{margin-top:var(--sec);background:#f4f4f5;padding-block:clamp(64px,8vw,128px)}.row[data-astro-cid-hanyupcm]{border-bottom:1px solid #0000001a;grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;align-items:center;gap:4px 32px;padding-block:24px;line-height:1.4;display:grid}.row__company[data-astro-cid-hanyupcm]{align-items:center;gap:16px;display:flex}.row__logo[data-astro-cid-hanyupcm]{flex:none;place-items:center;width:24px;height:28px;font-size:15px;font-weight:700;line-height:1;display:grid}.row__logo[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:contain;max-width:24px;max-height:28px}.row__logo--mono[data-astro-cid-hanyupcm]{letter-spacing:0;font-family:Times New Roman,Times,serif;font-size:26px;font-weight:400;font-size:calc(26px / (1 + (var(--len,1) - 1) * .45))}.row__logo--next[data-astro-cid-hanyupcm]{border:1px dashed;height:24px;font-weight:500}.row__years[data-astro-cid-hanyupcm]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:116px}.row--next[data-astro-cid-hanyupcm]{margin:-20px -16px 0;padding-inline:16px;transition:background-color .15s}.row__arrow[data-astro-cid-hanyupcm]{transition:transform .2s var(--snap);display:inline-block}@media (hover:hover) and (pointer:fine){.row--next[data-astro-cid-hanyupcm]:hover{background:#fff}.row--next[data-astro-cid-hanyupcm]:hover .row__arrow[data-astro-cid-hanyupcm]{transform:translate(4px)}}.earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]{cursor:pointer;padding-block:20px 8px;list-style:none;display:inline-block}.earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]::-webkit-details-marker{display:none}.earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:after{content:";-)";transform-origin:50% 80%;margin-left:.3em;display:inline-block}.earlier[data-astro-cid-hanyupcm][open] summary[data-astro-cid-hanyupcm]:after{content:"−"}@media (prefers-reduced-motion:no-preference){.earlier[data-astro-cid-hanyupcm]:not([open]) summary[data-astro-cid-hanyupcm]:after{animation:wink 3.6s var(--snap) infinite}}@keyframes wink{0%,72%,to{transform:none}79%{transform:translateY(-5px)rotate(10deg)}86%{transform:none}91%{transform:translateY(-2px)rotate(4deg)}96%{transform:none}}@media (hover:hover) and (pointer:fine){.earlier[data-astro-cid-hanyupcm]:not([open]) summary[data-astro-cid-hanyupcm]:hover:after{transition:transform .2s var(--snap);animation:none;transform:translateY(-2px)rotate(12deg)}}.vista-defs[data-astro-cid-hanyupcm]{position:absolute}.vista-icons[data-astro-cid-hanyupcm],.vista-chrome[data-astro-cid-hanyupcm],.vista-tools[data-astro-cid-hanyupcm],.vista-side[data-astro-cid-hanyupcm],.vista-cols[data-astro-cid-hanyupcm],.vista-details[data-astro-cid-hanyupcm],.vista-gadgets[data-astro-cid-hanyupcm],.vista-taskbar[data-astro-cid-hanyupcm],.vista-folder[data-astro-cid-hanyupcm]{display:none}.vi[data-astro-cid-hanyupcm]{width:var(--vi,20px);height:var(--vi,20px);flex:none;display:block}.band[data-astro-cid-hanyupcm]{position:relative}.band[data-astro-cid-hanyupcm]:has(.earlier[open]){--bar:40px;--cols:minmax(0, 5fr) minmax(0, 6fr) 140px;--edge:#0000009e;--hover:linear-gradient(#f8fbff, #e6f1fd);--hover-line:#b8d6fb;--pick:linear-gradient(#ecf5fe, #c4defc);--pick-line:#7da2ce;padding-block:clamp(24px, 3vw, 40px) calc(var(--bar) + clamp(24px, 3vw, 40px));background:#3d4a58 var(--vista-wall) center / cover no-repeat;color:#1e1e1e;cursor:default;flex-direction:column;font-family:Segoe UI,Selawik,Lucida Grande,Helvetica Neue,system-ui,sans-serif;font-size:14px;line-height:1.3;display:flex;overflow:clip}.band[data-astro-cid-hanyupcm]:has(.earlier[open]),.band[data-astro-cid-hanyupcm]:has(.earlier[open]) *{letter-spacing:0}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .split[data-astro-cid-hanyupcm]{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(88px,1fr) minmax(0,840px) minmax(88px,1fr);align-items:start;gap:24px;min-height:0}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) #exp-title[data-astro-cid-hanyupcm]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-icons[data-astro-cid-hanyupcm]{grid-template-rows:repeat(auto-fill,76px);grid-auto-columns:84px;grid-auto-flow:column;justify-content:start;align-self:stretch;gap:4px;display:grid}.vista-icon[data-astro-cid-hanyupcm]{--vi:48px;color:#fff;text-align:center;text-shadow:0 1px 2px #000000f2,0 0 5px #000000b3;border:1px solid #0000;border-radius:3px;justify-items:center;gap:3px;padding:4px 2px 3px;font-size:12.5px;display:grid}.vista-icon[data-astro-cid-hanyupcm] .vi[data-astro-cid-hanyupcm]{filter:drop-shadow(0 2px 3px #00000073)}.vista-icon__art[data-astro-cid-hanyupcm]{position:relative}.vista-icon__art[data-astro-cid-hanyupcm] .vi[data-astro-cid-hanyupcm]+.vi[data-astro-cid-hanyupcm]{--vi:14px;filter:none;position:absolute;bottom:2px;left:3px}a[data-astro-cid-hanyupcm].vista-icon:focus-visible{background:#ffffff38;border-color:#fff9;outline:none}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .exp[data-astro-cid-hanyupcm]{z-index:1;backdrop-filter:blur(9px)saturate(1.25);background:linear-gradient(112deg,#0000 6%,#ffffff4d 6% 11%,#0000 11% 14%,#ffffff29 14% 27%,#0000 27% 58%,#ffffff1f 58% 66%,#0000 66%) 0 0/100% 64px no-repeat,linear-gradient(#ffffff57,#ffffff1f 64px,#fff3),#c8d7e633;border:1px solid #000000b8;border-radius:8px;flex-direction:column;align-self:center;max-height:100%;padding:0 8px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff9e,0 0 0 1px #ffffff1f,0 10px 32px 4px #0000008c}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-chrome[data-astro-cid-hanyupcm]{user-select:none;display:block}.vista-caption[data-astro-cid-hanyupcm]{justify-content:flex-end;height:27px;padding-right:5px;display:flex}.vista-caption[data-astro-cid-hanyupcm] i[data-astro-cid-hanyupcm],.vista-caption[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]{border:1px solid var(--edge);background:linear-gradient(#ffffffa8,#ffffff4d 46%,#00000024 50%,#ffffff3d);border-top:0;place-items:center;width:28px;height:19px;margin-left:-1px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #ffffff73}.vista-caption[data-astro-cid-hanyupcm] i[data-astro-cid-hanyupcm]:first-child{border-radius:0 0 0 5px}.vista-caption[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]{cursor:pointer;background:linear-gradient(#e9ad9d,#d0604a 46%,#b3200a 50%,#cf5236 80%,#e28a60);border-radius:0 0 5px;width:46px}.vista-caption[data-astro-cid-hanyupcm] svg[data-astro-cid-hanyupcm]{fill:none;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 1px #000000f2);width:12px;height:10px;overflow:visible}.vista-nav[data-astro-cid-hanyupcm]{align-items:center;gap:6px;padding:0 1px 8px 4px;display:flex}.vista-nav[data-astro-cid-hanyupcm]:before{content:"";background:linear-gradient(#00000029,#ffffff4d);border:1px solid #0000004d;border-radius:15px;width:64px;height:30px;margin:-1px 0 0 -4px;position:absolute;box-shadow:0 1px #ffffff80}.vista-back[data-astro-cid-hanyupcm],.vista-fwd[data-astro-cid-hanyupcm]{position:relative}.vista-back[data-astro-cid-hanyupcm]{--vi:28px;filter:drop-shadow(0 1px 1px #00000080);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.vista-fwd[data-astro-cid-hanyupcm]{--vi:28px;opacity:.55;filter:grayscale()brightness(1.2);margin:0 4px 0 -3px;scale:-1 1}.vista-field[data-astro-cid-hanyupcm]{white-space:nowrap;background:#ffffffd1;border:1px solid #00000085;border-radius:2px;align-items:center;gap:7px;min-width:0;height:24px;padding:0 8px;font-size:13px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0003,0 0 0 1px #ffffff52}.vista-crumbs[data-astro-cid-hanyupcm]{--vi:16px;flex:1}.vista-crumbs[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]:before{content:"";border:4px solid #0000;border-left:5px solid #3c3c3c;border-right:0;margin-right:7px;display:inline-block}.vista-crumbs__more[data-astro-cid-hanyupcm]{border-inline:1px solid #00000029;align-self:stretch;place-items:center;width:22px;margin-left:auto;display:grid}.vista-crumbs__more[data-astro-cid-hanyupcm]:before{content:"";border:4px solid #0000;border-top:5px solid #3c3c3c;border-bottom:0}.vista-search[data-astro-cid-hanyupcm]{--vi:13px;color:#6d7b8a;flex:0 190px;justify-content:space-between;font-style:italic}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-tools[data-astro-cid-hanyupcm]{border:1px solid var(--edge);color:#fff;text-shadow:0 1px 1px #0000008c;background:linear-gradient(#5d9bb2,#2f728d 46%,#125a76 52%,#2c8aa6);border-bottom-color:#0c3f55;align-items:center;gap:22px;height:32px;padding:0 14px;font-size:13px;display:flex;box-shadow:inset 0 1px #ffffff61}.vista-tools[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]:after{content:"";vertical-align:2px;border:4px solid #0000;border-top:5px solid #fff;border-bottom:0;margin-left:6px;display:inline-block}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-body[data-astro-cid-hanyupcm]{border-inline:1px solid var(--edge);background:#fff;grid-template-rows:minmax(0,1fr);grid-template-columns:196px minmax(0,1fr);min-height:0;display:grid}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-side[data-astro-cid-hanyupcm]{background:linear-gradient(#f5f9fc,#e2ecf6);border-right:1px solid #d3dfeb;padding:10px 6px;display:block;overflow:hidden}.vista-side[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]{color:#1e3f7a;padding:0 8px 6px;font-size:13px}.vista-side[data-astro-cid-hanyupcm] li[data-astro-cid-hanyupcm]{--vi:18px;height:26px;padding-left:calc(2px + var(--d) * 14px);white-space:nowrap;align-items:center;display:flex}.vista-side[data-astro-cid-hanyupcm] li[data-astro-cid-hanyupcm],.vista-side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm],.vista-side[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{gap:6px}.vista-side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm],.vista-side[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;padding:2px 6px;display:flex}.vista-side[data-astro-cid-hanyupcm] li[data-astro-cid-hanyupcm][aria-hidden]:not(:has(span)){padding-left:calc(9px + var(--d) * 14px)}.vista-side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]{cursor:pointer}.vista-side[data-astro-cid-hanyupcm] .is-open[data-astro-cid-hanyupcm]{border-color:var(--pick-line);background:var(--pick)}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .exp__pane[data-astro-cid-hanyupcm]{padding-bottom:10px;overflow-y:auto}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-cols[data-astro-cid-hanyupcm]{z-index:1;grid-template-columns:var(--cols);color:#4c607a;background:linear-gradient(#fff,#f7f8fa 50%,#eceef2);border-bottom:1px solid #d5d9df;padding-inline:7px;font-size:13px;display:grid;position:sticky;top:0}.vista-cols[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{border-right:1px solid #e0e4ea;padding:5px 10px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .rows--recent[data-astro-cid-hanyupcm],.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier__label[data-astro-cid-hanyupcm]{display:none}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]{padding:4px 0 0;display:block}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:after{content:none}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm],.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-folder[data-astro-cid-hanyupcm]{--vi:22px;grid-template-columns:var(--cols);background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:0;margin:1px 6px 0;padding:0;line-height:1.3;display:grid}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm],.vista-folder[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm]{color:#1e1e1e;text-align:left;padding:6px 10px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm] .dim[data-astro-cid-hanyupcm],.vista-folder[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm]:not(.row__company){color:#5b6b80}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__company[data-astro-cid-hanyupcm]{gap:10px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__logo[data-astro-cid-hanyupcm]{width:22px;height:22px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__logo--mono[data-astro-cid-hanyupcm]{font-size:calc(22px / (1 + (var(--len,1) - 1) * .45))}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__logo[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{max-width:22px;max-height:22px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:focus-visible{outline:none}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:focus-visible .vista-folder[data-astro-cid-hanyupcm]{border-color:var(--pick-line);background:var(--pick)}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-details[data-astro-cid-hanyupcm]{--vi:44px;border:1px solid var(--edge);color:#51627a;background:linear-gradient(#f3f9fd,#dbe9f6 60%,#cbdff0);border-top-color:#9db4c9;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:flex}.vista-details[data-astro-cid-hanyupcm] b[data-astro-cid-hanyupcm]{color:#1e1e1e;font-size:15px;font-weight:400;display:block}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-gadgets[data-astro-cid-hanyupcm]{justify-self:end;gap:14px;width:124px;display:grid}.vista-clockface[data-astro-cid-hanyupcm]{filter:drop-shadow(0 3px 5px #0000008c)}.vista-clockface[data-astro-cid-hanyupcm] text[data-astro-cid-hanyupcm]{fill:#262626;font-family:Arial Narrow,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13.5px;font-weight:700;font-stretch:75%}.vista-hand[data-astro-cid-hanyupcm]{transform-origin:60px 60px}.vista-hand--h[data-astro-cid-hanyupcm]{rotate:var(--vista-h,305deg)}.vista-hand--m[data-astro-cid-hanyupcm]{rotate:var(--vista-m,50deg)}.vista-hand--s[data-astro-cid-hanyupcm]{rotate:var(--vista-s,180deg)}.vista-feed[data-astro-cid-hanyupcm]{color:#fff;background:radial-gradient(#ffffff12 .5px,#0000 .6px) 0 0/3px 3px,linear-gradient(#222c46e0,#0a0e1aeb);border:1px solid #fff6;border-radius:3px;font-size:12px;box-shadow:0 0 0 1px #0009,0 3px 8px #00000080}.vista-feed[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]{border-bottom:1px dotted #ffffff38;padding:5px 7px 6px;display:grid}.vista-feed[data-astro-cid-hanyupcm] b[data-astro-cid-hanyupcm]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.vista-feed[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.vista-feed[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]:focus-visible{background:#ffffff29;outline:none}.vista-feed[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]{background:#00000073;border:1px solid #ffffff4d;border-radius:10px;width:max-content;margin:6px auto;padding:1px 12px;font-size:11px}.vista-feed[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]:before,.vista-feed[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]:after{content:"";vertical-align:1px;border:4px solid #0000;border-top:0;border-bottom:5px solid #ffffffbf;margin-inline:0 9px;display:inline-block}.vista-feed[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]:after{margin-inline:9px 0;rotate:180deg}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-taskbar[data-astro-cid-hanyupcm]{z-index:2;height:var(--bar);color:#fff;background:linear-gradient(#8ca0ac80,#3e4c5a9e 46%,#06090ddb 50%,#1c242ecc);border-top:1px solid #ffffff73;align-items:center;gap:8px;padding:0 14px 0 68px;font-size:13px;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -1px #000000a6}.vista-taskbar[data-astro-cid-hanyupcm]:before{content:"";z-index:-1;backdrop-filter:blur(8px);position:absolute;inset:0}.vista-start[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]{--vi:54px;filter:drop-shadow(0 0 3px #000000d9);cursor:pointer;border-radius:50%;list-style:none;transition:filter .15s;position:absolute;bottom:-8px;left:7px}.vista-start[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]::-webkit-details-marker{display:none}.vista-start[data-astro-cid-hanyupcm][open] summary[data-astro-cid-hanyupcm],.vista-start[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:focus-visible{filter:brightness(1.25)drop-shadow(0 0 7px #6ec8fff2);outline:none}.vista-task[data-astro-cid-hanyupcm]{--vi:18px;background:linear-gradient(#fff6,#ffffff26 46%,#00000040 50%,#ffffff24);border:1px solid #ffffff80;border-radius:3px;flex:0 200px;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px;display:flex;box-shadow:inset 0 0 0 1px #00000073}.vista-task[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vista-clock[data-astro-cid-hanyupcm]{white-space:nowrap;margin-left:auto}.vista-startmenu[data-astro-cid-hanyupcm]{left:0;bottom:var(--bar);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(#7d919a99,#242e38db 26%,#0c1118ed);border:1px solid #000000c7;border-bottom:0;border-radius:7px 7px 0 0;grid-template-columns:236px 148px;gap:8px;padding:8px 8px 10px;font-size:14px;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #ffffff6b,0 -6px 24px #00000080}.vista-startmenu[data-astro-cid-hanyupcm] ul[data-astro-cid-hanyupcm]{color:#1e1e1e;background:#fff;border:1px solid #000000a6;border-radius:4px;flex-direction:column;min-height:248px;padding:6px;display:flex}.vista-startmenu[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]{--vi:28px;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:4px 8px;display:flex}.vista-startmenu[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]:focus-visible{border-color:var(--hover-line);background:var(--hover);outline:none}.vista-startmenu__find[data-astro-cid-hanyupcm]{--vi:13px;color:#6d7b8a;border:1px solid #a9b6c4;border-radius:3px;justify-content:space-between;align-items:center;margin-top:auto;padding:4px 8px;font-size:13px;font-style:italic;display:flex;box-shadow:inset 0 1px 2px #0000001f}.vista-startmenu__side[data-astro-cid-hanyupcm]{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.vista-startmenu__side[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:cover;object-position:50% 12%;background:#fff;border:1px solid #000000b3;border-radius:4px;align-self:center;width:56px;height:56px;margin-top:-34px;box-shadow:0 0 0 4px #cde1e89e,0 0 0 5px #0009,0 5px 12px #0009}.vista-startmenu__side[data-astro-cid-hanyupcm] p[data-astro-cid-hanyupcm]{text-shadow:0 1px 2px #000;padding:2px 8px}.vista-startmenu__side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]{--vi:14px;color:#fff;font:inherit;cursor:pointer;background:linear-gradient(#ffffff52,#ffffff1a 48%,#0000004d 52%,#ffffff14);border:1px solid #000000d9;border-radius:3px;align-items:center;gap:8px;margin-top:auto;padding:5px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff4d}@media (hover:hover) and (pointer:fine){a[data-astro-cid-hanyupcm].vista-icon:hover{background:#ffffff2e;border-color:#ffffff80}.vista-feed[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]:hover{background:#ffffff29}.vista-caption[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]:hover{background:linear-gradient(#f7c2b4,#e86a52 46%,#cf1c04 50%,#ec6a44 80%,#ffb682);box-shadow:inset 0 0 0 1px #ffffff80,0 0 12px 2px #ff6038cc}.vista-back[data-astro-cid-hanyupcm]:hover{filter:brightness(1.2)drop-shadow(0 0 5px #78c8fff2)}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm]:hover,.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:hover .vista-folder[data-astro-cid-hanyupcm],.vista-side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]:hover,.vista-startmenu[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm]:hover{border-color:var(--hover-line);background:var(--hover)}.vista-start[data-astro-cid-hanyupcm] summary[data-astro-cid-hanyupcm]:hover{filter:brightness(1.25)drop-shadow(0 0 7px #6ec8fff2)}.vista-startmenu__side[data-astro-cid-hanyupcm] button[data-astro-cid-hanyupcm]:hover{background:linear-gradient(#ffffff80,#ffffff38 48%,#3c96dc73 52%,#8cd2ff66)}}@media (prefers-reduced-motion:no-preference){.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-taskbar[data-astro-cid-hanyupcm]{animation:vista-bar .35s var(--snap) .1s both}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-icons[data-astro-cid-hanyupcm] li[data-astro-cid-hanyupcm],.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-gadgets[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm]{animation:vista-in .4s ease-out calc(.25s + var(--n,8) * 50ms) both}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-hand--s[data-astro-cid-hanyupcm]{animation:60s steps(60,end) infinite vista-tick}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .exp[data-astro-cid-hanyupcm]{animation:vista-open .3s var(--snap) .3s both}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .earlier[data-astro-cid-hanyupcm] .row[data-astro-cid-hanyupcm],.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-folder[data-astro-cid-hanyupcm]{animation:vista-in .3s ease-out calc(.5s + var(--r,0) * 50ms) both}}@keyframes vista-tick{0%{rotate:var(--vista-s,0deg)}to{rotate:calc(var(--vista-s,0deg) + 360deg)}}@keyframes vista-bar{0%{transform:translateY(100%)}}@keyframes vista-in{0%{opacity:0;transform:translateY(6px)}}@keyframes vista-open{0%{opacity:0;transform:perspective(900px)rotateX(8deg)scale(.92)}}@media (width<=1179.98px){.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-gadgets[data-astro-cid-hanyupcm]{display:none}}@media (width<=1023.98px){.hero[data-astro-cid-hanyupcm]{grid-template-columns:minmax(0,1fr) 240px;gap:80px}.split[data-astro-cid-hanyupcm]{grid-template-columns:1fr}.split[data-astro-cid-hanyupcm]>.small[data-astro-cid-hanyupcm]{margin-bottom:8px}.row--next[data-astro-cid-hanyupcm]{margin-top:0}.posts[data-astro-cid-hanyupcm]{grid-template-columns:repeat(2,minmax(0,1fr))}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .split[data-astro-cid-hanyupcm],.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-body[data-astro-cid-hanyupcm]{grid-template-columns:minmax(0,1fr)}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .split[data-astro-cid-hanyupcm]{grid-template-rows:auto minmax(0,1fr)}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-icons[data-astro-cid-hanyupcm]{grid-template-rows:auto;grid-auto-columns:76px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .vista-side[data-astro-cid-hanyupcm]{display:none}}@media (width<=767.98px){.hero[data-astro-cid-hanyupcm]{padding-inline:var(--gutter);grid-template-columns:1fr;gap:24px}.hero__photo[data-astro-cid-hanyupcm]{aspect-ratio:680/490;order:-1}.hero__photo[data-astro-cid-hanyupcm]:before{inset:8.9% 0 0}.hero__photo[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{object-fit:contain;object-position:bottom center}.hero__title[data-astro-cid-hanyupcm]{font-size:calc(clamp(30px, 9vw, 38px) * var(--type-scale))}.hero__cta[data-astro-cid-hanyupcm]{justify-content:center;width:100%;margin-top:32px}.brands[data-astro-cid-hanyupcm] .small[data-astro-cid-hanyupcm]{text-align:center}.about__points[data-astro-cid-hanyupcm]{grid-template-columns:1fr}.work[data-astro-cid-hanyupcm]{grid-template-columns:1fr;gap:40px}.skill[data-astro-cid-hanyupcm],.posts[data-astro-cid-hanyupcm]{grid-template-columns:1fr}.tools[data-astro-cid-hanyupcm]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.recs[data-astro-cid-hanyupcm]{grid-template-columns:1fr}.row[data-astro-cid-hanyupcm]{grid-template-columns:minmax(0,1fr) auto;padding-block:20px}.row[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm]:nth-child(2){grid-area:2/1/auto/-1;padding-left:40px}.row__years[data-astro-cid-hanyupcm]{grid-area:1/2;min-width:0}.band[data-astro-cid-hanyupcm]:has(.earlier[open]){--cols:minmax(0, 1fr) minmax(0, 1fr) 92px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm],.vista-folder[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm],.vista-cols[data-astro-cid-hanyupcm] span[data-astro-cid-hanyupcm]{padding-inline:5px}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__company[data-astro-cid-hanyupcm]{gap:6px}.vista-search[data-astro-cid-hanyupcm],.vista-app[data-astro-cid-hanyupcm]{display:none}.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row[data-astro-cid-hanyupcm]>[data-astro-cid-hanyupcm]:nth-child(2),.band[data-astro-cid-hanyupcm]:has(.earlier[open]) .row__years[data-astro-cid-hanyupcm]{grid-area:auto}}.d[data-astro-cid-hanyupcm]{--d-xxs:clamp(10px, .8vw, 15px);--d-xs:clamp(14px, 1vw, 19px);--d-s:clamp(16px, 1.25vw, 24px);--d-m:clamp(18px, 1.55vw, 30px);--d-l:clamp(30px, 3.6vw, 69px);--d-gap:3px;--d-radius:4px;--d-row:clamp(40px, 5vw, 96px);--d-under:clamp(8px, .7vw, 14px);--d-num:clamp(8px, .6vw, 12px);--d-line:#0000001a;--d-ease:cubic-bezier(.21, .83, .27, 1.01);--d-fade:cubic-bezier(.18, .66, .18, 1);--text-xs:var(--d-s);--text-sm:var(--d-s);--text-md:var(--d-s);--text-lead:var(--d-m);--text-card:var(--d-m);--text-h3:var(--d-m);--text-statement:var(--d-m);--text-display:var(--d-l);--text-title:var(--d-l);font-size:var(--d-s);font-weight:400}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.title,.card__name,.skill h3,.post h3,.hero__sub strong,.about__lead strong,.about__points strong){font-weight:400}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.hero__sub,.head__sub,.about__lead){color:var(--ink)}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.split>.small,.sec__label,.brands .small){font-size:var(--d-xs);color:var(--dim)}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.hero__title,.hero__title *,.title,.title *){letter-spacing:-.02em}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.skill h3,.skill h3 *,.about__lead,.about__lead *){letter-spacing:-.01em}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.hero__title,.title){line-height:1.1}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.hero__sub,.head__sub,.about__lead,.card__name,.skill h3,.post h3,.rec blockquote){line-height:1.2}.d[data-astro-cid-hanyupcm] .sec[data-astro-cid-hanyupcm].split:before{content:"";background:var(--d-line);grid-column:1/-1;height:1px;margin-bottom:clamp(8px,1.5vw,32px)}.d[data-astro-cid-hanyupcm] .hero__cta[data-astro-cid-hanyupcm],.d[data-astro-cid-hanyupcm] .hero__cta[data-astro-cid-hanyupcm]:hover{width:auto;color:var(--ink);font-size:var(--d-s);background:0 0;border:0;justify-content:flex-start;gap:.5em;padding:0 0 1px;line-height:1.4;position:relative}.d[data-astro-cid-hanyupcm] .hero__cta[data-astro-cid-hanyupcm]:before{content:"";transform-origin:100% 100%;background:currentColor;width:100%;height:1px;transition:transform .7s cubic-bezier(.18,.83,.27,1);position:absolute;bottom:0;left:0}@media (hover:hover) and (pointer:fine){.d[data-astro-cid-hanyupcm] .hero__cta[data-astro-cid-hanyupcm]:before{transform:scaleX(0)}.d[data-astro-cid-hanyupcm] .hero__cta[data-astro-cid-hanyupcm]:hover:before{transform-origin:0 100%;transform:scaleX(1)}}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.work,.posts,.recs,.tools){column-gap:var(--d-gap)}.d[data-astro-cid-hanyupcm] .work[data-astro-cid-hanyupcm]{row-gap:max(24px, var(--d-row) - 24px)}.d[data-astro-cid-hanyupcm] .posts[data-astro-cid-hanyupcm]{row-gap:var(--d-row)}.d[data-astro-cid-hanyupcm] .tools[data-astro-cid-hanyupcm]{row-gap:clamp(24px,2.5vw,48px)}.d[data-astro-cid-hanyupcm] .recs[data-astro-cid-hanyupcm]{row-gap:var(--d-gap)}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.card__media,.demo,.rec,.tool__tile){border-radius:var(--d-radius)}.d[data-astro-cid-hanyupcm] .work[data-astro-cid-hanyupcm]{counter-reset:tile}.d[data-astro-cid-hanyupcm] .posts[data-astro-cid-hanyupcm]{counter-reset:post}.d[data-astro-cid-hanyupcm] .skills[data-astro-cid-hanyupcm]{counter-reset:skill}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.card__name,.post h3){align-items:baseline;gap:var(--d-num);margin-top:var(--d-under);display:flex}.d[data-astro-cid-hanyupcm] [data-astro-cid-hanyupcm]:is(.card__name,.post h3,.skill h3):before{font-size:var(--d-xxs);letter-spacing:0}.d[data-astro-cid-hanyupcm] .card__name[data-astro-cid-hanyupcm]:before{counter-increment:tile;content:counter(tile, decimal-leading-zero)}.d[data-astro-cid-hanyupcm] .post[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm]:before{counter-increment:post;content:counter(post, decimal-leading-zero)}.d[data-astro-cid-hanyupcm] .skill[data-astro-cid-hanyupcm] h3[data-astro-cid-hanyupcm]:before{counter-increment:skill;content:counter(skill, decimal-leading-zero);margin-right:var(--d-num)}.d[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm].card .card__name[data-astro-cid-hanyupcm]:after{content:"→";content:"→" / "";font-size:var(--d-s);opacity:0;transition:opacity 1s var(--d-ease), transform 1s var(--d-ease);transform:translate(-.3vw)}.d[data-astro-cid-hanyupcm] .card__name[data-astro-cid-hanyupcm]{font-size:var(--d-s)}.d[data-astro-cid-hanyupcm] .card__note[data-astro-cid-hanyupcm]{font-size:var(--d-xs);margin-top:2px}.d[data-astro-cid-hanyupcm] .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{transition:transform 1s var(--d-ease), scale 1.5s var(--ease)}@media (hover:hover) and (pointer:fine){.d[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm].card:hover .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{transform:scale(1.02)}.d[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm].card:hover .card__name[data-astro-cid-hanyupcm]:after{opacity:1;transform:none}}.d[data-astro-cid-hanyupcm] a[data-astro-cid-hanyupcm].card:active .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{transform:scale(1.01)}@media (prefers-reduced-motion:no-preference){.d[data-astro-cid-hanyupcm] .reveal[data-astro-cid-hanyupcm]{transition-duration:1.2s;transition-timing-function:var(--d-fade)}.d[data-astro-cid-hanyupcm] .work[data-astro-cid-hanyupcm] .reveal[data-astro-cid-hanyupcm]{transition-property:opacity;transition-duration:1.7s}html.js .d[data-astro-cid-hanyupcm] .work[data-astro-cid-hanyupcm] .reveal[data-astro-cid-hanyupcm]:not(.is-in){transform:none}html.js .d[data-astro-cid-hanyupcm] .reveal[data-astro-cid-hanyupcm]:not(.is-in) .card__media[data-astro-cid-hanyupcm]{clip-path:none}html.js .d[data-astro-cid-hanyupcm] .reveal[data-astro-cid-hanyupcm]:not(.is-in) .card__media[data-astro-cid-hanyupcm] img[data-astro-cid-hanyupcm]{scale:1}}