._App_r9c1b_3{background:var(--paper);width:100%;min-height:100vh;color:var(--ink);position:relative;overflow-x:clip}._hero_1mtuy_5{padding-block:clamp(150px,22vh,240px) clamp(70px,11vh,130px)}._title_1mtuy_9{font-size:clamp(2.5rem,6.6vw,4.9rem);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin:18px 0 20px;max-width:17ch}._accent_1mtuy_18{color:var(--accent)}._lead_1mtuy_22{font-size:clamp(1.05rem,1.9vw,1.32rem);color:var(--ink-soft);max-width:54ch}._lead_1mtuy_22 code{font-family:var(--font-mono);font-size:.85em;background:var(--hair-soft);padding:2px 6px;border-radius:6px}._ctaRow_1mtuy_36{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}._chipRow_1mtuy_43{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}._swatches_1mtuy_50{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}._swatch_1mtuy_50{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--hair);border-radius:14px;background:var(--card)}._chipColor_1mtuy_66{width:34px;height:34px;border-radius:999px;border:1px solid var(--hair);flex:none}._patternBlock_1mtuy_75{margin-bottom:clamp(40px,6vh,64px)}._patternBlock_1mtuy_75:last-child{margin-bottom:0}._idxList_1mtuy_84{display:flex;flex-direction:column}._idxRow_1mtuy_89{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid var(--hair-soft)}._idxRow_1mtuy_89:last-child{border-bottom:1px solid var(--hair-soft)}._idxNum_1mtuy_103{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}._idxTitle_1mtuy_109{font-weight:600;letter-spacing:-.02em;color:var(--ink);transition:color .2s var(--ease)}._idxRow_1mtuy_89:hover ._idxTitle_1mtuy_109{color:var(--accent)}._idxMeta_1mtuy_120{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);white-space:nowrap}._workList_1mtuy_128{display:flex;flex-direction:column}._workRow_1mtuy_133{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:clamp(16px,4vw,44px);align-items:baseline;padding-block:24px;border-top:1px solid var(--hair);transition:padding-left .4s var(--ease)}._workRow_1mtuy_133:last-child{border-bottom:1px solid var(--hair)}._workRow_1mtuy_133:before{content:"";position:absolute;inset:0;margin:0 -16px;background:var(--accent-soft);opacity:0;border-radius:14px;transition:opacity .4s var(--ease);z-index:-1}._workRow_1mtuy_133:hover{padding-left:16px}._workRow_1mtuy_133:hover:before{opacity:1}._workTitle_1mtuy_168{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.12;display:inline-flex;align-items:center;gap:12px;color:var(--ink)}._workArrow_1mtuy_179{width:20px;height:20px;color:var(--accent);opacity:0;transform:translate(-6px) rotate(-12deg);transition:opacity .35s var(--ease),transform .35s var(--ease)}._workRow_1mtuy_133:hover ._workArrow_1mtuy_179{opacity:1;transform:translate(0) rotate(0)}._workDesc_1mtuy_193{margin-top:10px;color:var(--ink-soft);font-size:1.02rem;max-width:60ch}._workTags_1mtuy_200{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}._workCat_1mtuy_207{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint);text-align:right;white-space:nowrap;padding-top:8px}._showRow_1mtuy_217{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,56px);align-items:start}._photo_1mtuy_224{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--hair);aspect-ratio:1 / 1;background:var(--paper-2)}._photoInner_1mtuy_233{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-soft),var(--paper-2));display:grid;place-items:center;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint);transition:transform .8s var(--ease)}._photo_1mtuy_224:hover ._photoInner_1mtuy_233{transform:scale(1.03)}._card_1mtuy_249{border:1px solid var(--hair);border-radius:16px;padding:22px;background:var(--card)}._cardDate_1mtuy_256{display:flex;gap:14px;margin-bottom:10px}._cardTitle_1mtuy_262{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}._cardExcerpt_1mtuy_269{color:var(--ink-soft);font-size:.95rem;line-height:1.55}._cardTags_1mtuy_275{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}._markRow_1mtuy_283{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:400px}._mark_1mtuy_283{margin:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-radius:14px;border:1px solid var(--hair)}._mark_1mtuy_283 img{width:44px;height:44px;display:block}._markLight_1mtuy_309{background:#e7e4de}._markLight_1mtuy_309 figcaption{color:#5d574e}._markDark_1mtuy_317{background:#1f1c19}._markDark_1mtuy_317 figcaption{color:#b8b3a9}@media(max-width:760px){._showRow_1mtuy_217{grid-template-columns:1fr}._photo_1mtuy_224{max-width:280px;margin-inline:auto}._workRow_1mtuy_133{grid-template-columns:1fr;gap:4px}._workCat_1mtuy_207{text-align:left;margin-top:12px;padding-top:0}._idxRow_1mtuy_89{grid-template-columns:auto 1fr}._idxMeta_1mtuy_120{grid-column:2 / -1}}._nav_1xlr2_3{position:fixed;top:clamp(14px,2.4vw,26px);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:2px;padding:6px;border-radius:999px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--hair);box-shadow:0 1px 2px #0000000a,0 8px 30px #00000012;transition:background .5s var(--ease),border-color .5s var(--ease),box-shadow .4s var(--ease);max-width:calc(100vw - 24px)}._brand_1xlr2_23{font-weight:600;font-size:.86rem;letter-spacing:-.02em;padding:8px 10px 8px 14px;white-space:nowrap}._brand_1xlr2_23 b{color:var(--accent);font-weight:600}._links_1xlr2_36{display:flex;align-items:center;gap:1px}._link_1xlr2_36{font-size:.84rem;font-weight:500;color:var(--ink-soft);padding:8px 13px;border-radius:999px;white-space:nowrap;transition:color .25s var(--ease),background .25s var(--ease)}._link_1xlr2_36:hover{color:var(--ink);background:var(--hair-soft)}._link_1xlr2_36._active_1xlr2_58,._link_1xlr2_36._active_1xlr2_58:hover{color:var(--accent);background:var(--accent-soft)}._extLink_1xlr2_69{display:inline-flex;align-items:center;gap:4px}._extLink_1xlr2_69 svg{width:11px;height:11px;opacity:.55}._sep_1xlr2_81{width:1px;height:20px;background:var(--hair);margin-inline:5px}._lang_1xlr2_89{display:flex;align-items:center;background:var(--hair-soft);border-radius:999px;padding:2px}._lang_1xlr2_89 button{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;padding:6px 9px;border:none;background:transparent;color:var(--ink-faint);border-radius:999px;cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease)}._lang_1xlr2_89 button._langActive_1xlr2_110{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0000001a}._toggle_1xlr2_116{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);transition:color .25s var(--ease),background .25s var(--ease);margin-left:2px}._toggle_1xlr2_116:hover{color:var(--ink);background:var(--hair-soft)}._toggle_1xlr2_116 svg{width:17px;height:17px}._moon_1xlr2_140,[data-theme=dark] ._sun_1xlr2_144{display:none}[data-theme=dark] ._moon_1xlr2_140{display:block}._burger_1xlr2_152{display:none}@media(max-width:760px){._sep_1xlr2_81,._links_1xlr2_36{display:none}._burger_1xlr2_152{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);transition:color .25s var(--ease),background .25s var(--ease);margin-left:2px}._burger_1xlr2_152:hover{color:var(--ink);background:var(--hair-soft)}._burger_1xlr2_152 svg{width:17px;height:17px}._open_1xlr2_189 ._links_1xlr2_36{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--paper);border:1px solid var(--hair);border-radius:20px;padding:8px;box-shadow:0 8px 30px #0000002e}._open_1xlr2_189 ._link_1xlr2_36{padding:12px 14px;border-radius:12px}}._footer_1s04v_3{border-top:1px solid var(--hair-soft);padding-block:32px}._row_1s04v_8{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}._row_1s04v_8 ._mono_1s04v_16{font-size:.7rem}@media(max-width:760px){._row_1s04v_8{justify-content:center;text-align:center}}._scrollTopBtn_19zs1_3{position:fixed;bottom:32px;right:32px;width:46px;height:46px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--hair);border-radius:999px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:90;transition:transform .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);box-shadow:0 8px 30px #0000001a;color:var(--ink-soft);font-size:20px}._scrollTopBtn_19zs1_3:hover{color:var(--ink);border-color:var(--ink-faint);transform:translateY(-3px)}@media(max-width:760px){._scrollTopBtn_19zs1_3{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}:root{--paper: oklch(.985 .004 85);--paper-2: oklch(.965 .005 85);--ink: oklch(.255 .012 70);--ink-soft: oklch(.46 .012 70);--ink-faint: oklch(.62 .01 70);--hair: oklch(.255 .012 70 / .12);--hair-soft: oklch(.255 .012 70 / .07);--accent: oklch(.55 .11 248);--accent-soft: oklch(.55 .11 248 / .1);--card: oklch(1 0 0 / .55);--glass: oklch(.985 .004 85 / .72);--font-sans: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1080px;--gut: clamp(20px, 5vw, 56px);--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--paper: oklch(.205 .01 75);--paper-2: oklch(.235 .011 75);--ink: oklch(.945 .006 85);--ink-soft: oklch(.74 .01 80);--ink-faint: oklch(.58 .01 80);--hair: oklch(.945 .006 85 / .14);--hair-soft: oklch(.945 .006 85 / .07);--accent: oklch(.72 .11 248);--accent-soft: oklch(.72 .11 248 / .14);--card: oklch(1 0 0 / .035);--glass: oklch(.205 .01 75 / .72)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-weight:400;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .5s var(--ease),color .5s var(--ease);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent-soft)}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:400}section{scroll-margin-top:110px}.sec{padding-block:clamp(60px,10vh,120px);border-top:1px solid var(--hair-soft)}.secHead{display:flex;align-items:baseline;gap:16px;margin-bottom:52px}.secHead .idx{color:var(--accent)}.secHead h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.subhead{display:flex;align-items:center;gap:14px;margin:8px 0 22px}.subhead .mono{color:var(--ink)}.subhead .line{flex:1;height:1px;background:var(--hair-soft)}.btn{display:inline-flex;align-items:center;gap:9px;font-size:.92rem;font-weight:500;padding:13px 22px;border-radius:999px;border:1px solid transparent;background:transparent;color:inherit;font-family:inherit;cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{border-color:var(--hair);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-faint);transform:translateY(-2px)}.btn svg{width:15px;height:15px}.chip{font-family:var(--font-mono);font-size:.74rem;padding:5px 11px;border-radius:999px;border:1px solid var(--hair);color:var(--ink-soft);transition:border-color .25s var(--ease),color .25s var(--ease)}.chip:hover{border-color:var(--ink-faint);color:var(--ink)}.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rv.in{opacity:1;transform:none}@media(max-width:760px){.secHead{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}}