@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_7643d81d-module__cGBhfq__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_7643d81d-module__cGBhfq__variable{--f-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.2ytmazkdrg7t9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3j3877k49yy0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_5ff1e374-module__v-XBxG__className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:italic;font-weight:400}.instrument_serif_5ff1e374-module__v-XBxG__variable{--f-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_2b29697d-module__QGKVfW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_2b29697d-module__QGKVfW__variable{--f-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--ink:#0d0d0b;--ink-2:#151512;--ink-3:#1f1f1b;--paper:#f1ede4;--paper-2:#e6e1d5;--muted:#9c978b;--dim:#5f5b53;--line:#f1ede41f;--line-strong:#f1ede447;--accent:#ff5a1f;--accent-ink:#1a0a03;--accent-on-paper:#b83a0a;--gutter:clamp(16px, 4vw, 56px);--max:1440px;--radius:18px;--ease:cubic-bezier(.2, .7, 0, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--f-kr:"Pretendard Variable", Pretendard;--font-sans:var(--f-display), var(--f-kr), system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--font-serif:var(--f-serif), var(--f-kr), Georgia, serif;--font-mono:var(--f-mono), ui-monospace, "SFMono-Regular", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--paper);color:var(--ink);transition:transform .2s var(--ease);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.mono{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.accent{color:var(--accent)}.badge{border:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;display:inline-flex}.badge--sample{color:var(--accent);border-style:dashed;border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.dot--live{color:#3ddc84;animation:2.2s infinite pulse;box-shadow:0 0 #3ddc8499}@keyframes pulse{70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.cursor{display:none}@media (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}.cursor{z-index:90;pointer-events:none;mix-blend-mode:difference;display:block;position:fixed;inset:0 auto auto 0}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor__dot{background:var(--paper);width:6px;height:6px;margin:-3px 0 0 -3px}.cursor__ring{border:1px solid var(--paper);width:38px;height:38px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), background-color .35s var(--ease), opacity .3s;place-items:center;margin:-19px 0 0 -19px;display:grid}.cursor__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:0;font-size:11px;transition:opacity .2s}.cursor.is-hover .cursor__ring{background:#f1ede41f;width:64px;height:64px;margin:-32px 0 0 -32px}.cursor.is-label .cursor__ring{background:var(--paper);width:92px;height:92px;margin:-46px 0 0 -46px}.cursor.is-label .cursor__label{opacity:1}.cursor.is-down .cursor__ring{width:26px;height:26px;margin:-13px 0 0 -13px}.cursor.is-hidden{opacity:0}}.nav{z-index:50;color:var(--paper);transition:background-color .4s var(--ease), border-color .4s var(--ease), color .4s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom-color:var(--line);background:#0d0d0bb8}.nav.is-open{color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.nav__inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.nav__brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.nav__logo{width:34px;height:34px;overflow:visible}.nav__logo .logo-dot{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease)}.nav__brand:hover .logo-dot{animation:logo-hop .7s var(--ease)}@keyframes logo-hop{0%{transform:none}35%{transform:translate(1px,-7px)scale(1.15)}65%{transform:translateY(1px)scale(.92,1.08)}to{transform:none}}.nav__links{gap:4px;display:flex}.nav__links a{padding:8px 12px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.nav__links a span{transition:transform .45s var(--ease);display:block}.nav__links a:after{content:attr(data-label);transition:transform .45s var(--ease);position:absolute;top:8px;left:12px;transform:translateY(150%)}.nav__links a:hover span{transform:translateY(-150%)}.nav__links a:hover:after{transform:none}.nav__clock{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:8px;min-width:150px;display:flex}.nav__progress{background:var(--accent);transform-origin:0;height:1px;transform:scaleX(var(--progress,0));position:absolute;bottom:0;left:0;right:0}.nav__toggle{border-radius:50%;width:44px;height:44px;display:none;position:relative}.nav__toggle span{height:1.5px;transition:transform .4s var(--ease);background:currentColor;position:absolute;left:12px;right:12px}.nav__toggle span:first-child{top:18px}.nav__toggle span:last-child{top:25px}.nav__toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav__toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.menu{z-index:45;background:var(--paper);color:var(--ink);padding:96px var(--gutter) 40px;clip-path:circle(0% at calc(100% - 38px) 36px);visibility:hidden;transition:clip-path .7s var(--ease-io), visibility 0s linear .7s;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu.is-open{clip-path:circle(150% at calc(100% - 38px) 36px);visibility:visible;transition:clip-path .7s var(--ease-io)}.menu nav a{letter-spacing:-.045em;border-bottom:1px solid #0d0d0b1f;align-items:baseline;gap:14px;padding:8px 0;font-size:clamp(44px,13vw,88px);font-weight:700;line-height:1.05;display:flex}.menu nav a small{font-family:var(--font-mono);letter-spacing:.04em;color:var(--dim);font-size:12px}.menu__foot{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:28px;display:flex}@media (max-width:820px){.nav__links,.nav__clock{display:none}.nav__toggle{display:block}}.hero{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:120px 0 36px;display:flex;position:relative;overflow:hidden}.hero__field{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(to top, var(--ink), transparent);pointer-events:none;height:40%;position:absolute;inset:auto 0 0}.hero__eyebrow{color:var(--muted);align-items:center;gap:10px;margin-bottom:clamp(20px,3vw,36px);display:inline-flex}.hero__title{letter-spacing:-.055em;font-variation-settings:"wdth" 90;font-size:clamp(56px,12.6vw,208px);font-weight:700;line-height:.88}.hero__title .line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.hero__title .line>span{animation:rise .8s var(--ease) both;animation-delay:var(--d,0s);display:inline-block}.hero__title .serif{letter-spacing:-.03em;color:var(--accent);padding-right:.04em;font-size:1.08em}@keyframes rise{0%{transform:translateY(105%)rotate(4deg)}to{transform:none}}.hero__bottom{animation:fade-up 1s var(--ease) .6s both;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:end;gap:24px;margin-top:clamp(32px,5vw,64px);display:grid}.hero__sub{max-width:34ch;color:var(--paper-2);font-size:clamp(16px,1.5vw,19px);line-height:1.55}.hero__hint{color:var(--muted)}.hero__scroll{color:var(--muted);align-items:center;gap:12px;display:inline-flex}.hero__scroll i{background:var(--line-strong);width:1px;height:44px;display:block;position:relative;overflow:hidden}.hero__scroll i:after{content:"";background:var(--paper);animation:scroll-line 2s var(--ease-io) infinite;position:absolute;inset:0}@keyframes scroll-line{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}.hero__live{animation:fade-up 1s var(--ease) .75s both;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:clamp(24px,3vw,40px);display:flex}.hero__live-label{color:var(--muted)}.hero__live ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hero__live a{border:1px solid var(--line-strong);min-height:40px;color:var(--paper);background:color-mix(in oklab, var(--ink) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s var(--ease), transform .3s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;display:inline-flex}.hero__live a:hover,.hero__live a:focus-visible{border-color:var(--c);transform:translateY(-2px)}.hero__live a i{background:var(--c);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--c) 28%, transparent);border-radius:50%}@media (max-width:820px){.hero{padding-top:96px}.hero__bottom{grid-template-columns:1fr}.hero__hint,.hero__scroll{display:none}}.marquee{border-block:1px solid var(--line);-webkit-user-select:none;user-select:none;padding:18px 0;overflow:hidden}.marquee__track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:clamp(22px,3vw,40px);font-weight:600;display:inline-flex}.marquee__item .serif{color:var(--muted)}.marquee__star{color:var(--accent);font-size:.7em}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(96px,13vw,180px) 0}.section-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:clamp(40px,6vw,72px);display:grid}.section-head__kicker{color:var(--muted);gap:12px;margin-bottom:18px;display:flex}.section-title{letter-spacing:-.05em;font-size:clamp(44px,7.4vw,112px);font-weight:700;line-height:.92}.section-title .serif{color:var(--accent)}@media (max-width:820px){.section-head{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.chip sup{font-family:var(--font-mono);color:var(--muted);font-size:10px;top:0}.chip:hover{border-color:var(--paper)}.chip[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.chip[aria-pressed=true] sup{color:var(--dim)}.work__list{border-top:1px solid var(--line)}.work-row{border-bottom:1px solid var(--line);isolation:isolate;transition:opacity .4s var(--ease);view-transition-name:var(--vt);grid-template-columns:64px minmax(0,1fr) 180px 90px 48px;align-items:center;gap:20px;padding:clamp(22px,3vw,36px) 0;display:grid;position:relative}.work-row:before{content:"";inset:0 calc(var(--gutter) * -1);z-index:-1;background:var(--row-accent,var(--accent));transform-origin:50% 100%;transition:transform .5s var(--ease);position:absolute;transform:scaleY(0)}.work__list:has(.work-row:hover) .work-row:not(:hover){opacity:.35}.work-row__index{color:var(--muted)}.work-row__title{flex-direction:column;gap:6px;min-width:0;display:flex}.work-row__name{letter-spacing:-.045em;transition:transform .5s var(--ease);flex-wrap:wrap;align-items:center;gap:14px;font-size:clamp(30px,4.6vw,68px);font-weight:700;line-height:1;display:flex}.work-row__tagline{color:var(--muted);font-size:15px;transition:color .3s}.work-row__meta{color:var(--muted);flex-direction:column;gap:4px;display:flex}.work-row__year{color:var(--muted);text-align:right}.work-row__arrow{border:1px solid var(--line-strong);width:48px;height:48px;transition:transform .5s var(--ease), background-color .3s, border-color .3s;border-radius:50%;place-items:center;display:grid}.work-row__thumb{display:none}@media (hover:hover){.work-row:hover:before{transform:scaleY(1)}.work-row:hover,.work-row:hover .work-row__tagline,.work-row:hover .work-row__meta,.work-row:hover .work-row__index,.work-row:hover .work-row__year{color:var(--ink)}.work-row:hover .work-row__name{transform:translate(14px)}.work-row:hover .badge{color:var(--ink);border-color:#0d0d0b66}.work-row:hover .work-row__arrow{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:rotate(-45deg)}}.work__empty{color:var(--muted);padding:48px 0}.preview{z-index:40;aspect-ratio:4/5;border-radius:var(--radius);pointer-events:none;opacity:0;width:clamp(280px,26vw,400px);transition:opacity .35s var(--ease), scale .5s var(--ease);will-change:transform;margin:calc(clamp(280px,26vw,400px)/-1.6) 0 0 calc(clamp(280px,26vw,400px)/-2);position:fixed;top:0;left:0;overflow:hidden;scale:.6;box-shadow:0 40px 80px -20px #0009}.preview.is-visible{opacity:1;scale:1}.preview__slide{transition:transform .6s var(--ease), opacity .4s;position:absolute;inset:0}.preview__slide[data-active=false]{opacity:0;transform:translateY(100%)}.preview__slide[data-before=true]{transform:translateY(-100%)}@media (hover:none),(max-width:820px){.preview{display:none}.work-row{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"thumb thumb""title arrow""meta meta";gap:16px}.work-row__index,.work-row__year{display:none}.work-row__thumb{aspect-ratio:16/10;border-radius:14px;grid-area:thumb;display:block;overflow:hidden}.work-row__title{grid-area:title}.work-row__arrow{grid-area:arrow}.work-row__meta{flex-flow:wrap;grid-area:meta;gap:8px 16px}.work__list:has(.work-row:hover) .work-row:not(:hover){opacity:1}}::view-transition-old(*){animation-duration:.45s;animation-timing-function:var(--ease)}::view-transition-new(*){animation-duration:.45s;animation-timing-function:var(--ease)}.work-empty{border:1px dashed var(--line-strong);isolation:isolate;border-radius:clamp(18px,2.4vw,32px);justify-items:start;gap:16px;padding:clamp(40px,6vw,72px);display:grid;position:relative;overflow:hidden}.work-empty .mono{color:var(--muted)}.work-empty__pulse{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--accent) 0 18%, transparent 19%);border-radius:50%;width:clamp(120px,18vw,240px);margin-top:calc(clamp(120px,18vw,240px)/-2);position:absolute;top:50%;right:clamp(24px,6vw,80px)}.work-empty__pulse:before,.work-empty__pulse:after{content:"";border:1px solid var(--accent);animation:ping 3s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.work-empty__pulse:after{animation-delay:1.5s}@keyframes ping{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.work-empty__title{letter-spacing:-.045em;max-width:14ch;font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.1}.work-empty__title .serif{color:var(--accent)}.work-empty__sub{color:var(--paper-2)}.work-empty__sub a{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}@media (max-width:640px){.work-empty__pulse{opacity:.35}}.art{background:radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--art) 55%, transparent), transparent 60%), radial-gradient(90% 80% at 100% 100%, color-mix(in srgb, var(--art) 30%, transparent), transparent 60%), var(--ink-2);width:100%;height:100%;color:var(--art);position:relative;overflow:hidden}.art:after{content:"";mix-blend-mode:overlay;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.art__label{z-index:2;color:#f1ede4d9;justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.art__cover{object-fit:cover;width:100%;height:100%}.art svg{width:100%;height:100%;position:absolute;inset:0}.art-orbit__ring{fill:none;stroke:currentColor;stroke-opacity:.35}.art-orbit__spin{transform-origin:200px 250px;transform-box:view-box;animation:spin var(--dur,12s) linear infinite}.art-orbit__core{fill:currentColor;filter:drop-shadow(0 0 24px)}@keyframes spin{to{transform:rotate(360deg)}}.art-grid__cell{fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:cell 2.8s var(--ease-io) infinite;animation-delay:var(--delay)}@keyframes cell{0%,to{opacity:.25;transform:scale(.25)}50%{opacity:1;transform:scale(1)}}.art-wave__line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;animation:wave var(--dur,6s) linear infinite}@keyframes wave{to{transform:translate(-200px)}}.art-bars__bar{fill:currentColor;transform-box:fill-box;transform-origin:50% 100%;animation:bar 1.6s var(--ease-io) infinite alternate;animation-delay:var(--delay)}@keyframes bar{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.about{background:var(--paper);color:var(--ink);z-index:1;border-radius:clamp(24px,4vw,48px) clamp(24px,4vw,48px) 0 0;position:relative}.about .section-head__kicker,.about .muted{color:var(--dim)}.about .serif,.tools .serif{color:var(--accent-on-paper)}.about__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);display:grid}.about__intro{align-self:start;position:sticky;top:110px}.about__lead{letter-spacing:-.03em;margin-top:28px;font-size:clamp(24px,2.6vw,38px);font-weight:500;line-height:1.3}.steps{counter-reset:step}.step{--step-ink:#6b675f;color:var(--step-ink);transition:color .6s var(--ease);border-top:1px solid #0d0d0b24;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:32px 0;display:grid}.step.is-in{--step-ink:var(--ink)}.step__num{font-family:var(--font-mono);color:#6b675f;transition:color .6s var(--ease);padding-top:10px;font-size:13px}.step.is-in .step__num{color:var(--accent-on-paper)}.step h3{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(32px,3.6vw,52px);font-weight:700;line-height:1}.step p{color:var(--step-ink);max-width:44ch;transition:color .6s var(--ease)}.step.is-in p{color:#3f3c36}.stats{border-top:1px solid #0d0d0b24;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(72px,9vw,120px);display:grid}.stat{padding:28px 24px 0 0}.stat+.stat{border-left:1px solid #0d0d0b24;padding-left:24px}.stat__value{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(64px,9vw,140px);font-weight:700;line-height:.9;display:block}.stat__label{color:var(--dim);margin-top:12px;display:block}@media (max-width:820px){.about__grid{grid-template-columns:1fr}.about__intro{position:static}.stats{grid-template-columns:1fr}.stat+.stat{border-top:1px solid #0d0d0b24;border-left:0;margin-top:24px;padding-left:0}}.tools{background:var(--paper);color:var(--ink);padding-top:0}.tools .section-head__kicker{color:var(--dim)}.tools__desc{color:#3f3c36;max-width:40ch}.disclosure{color:#3f3c36;background:#0d0d0b0f;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:13.5px;display:flex}.disclosure strong{flex:none}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;display:grid}.tool-card{--mx:50%;--my:50%;border-radius:var(--radius);background:var(--ink);min-height:240px;color:var(--paper);isolation:isolate;transition:transform .5s var(--ease);flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";z-index:-1;background:radial-gradient(360px circle at var(--mx) var(--my), color-mix(in srgb, var(--accent) 45%, transparent), transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.tool-card:hover{transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-card__top{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.tool-card__name{letter-spacing:-.04em;margin-top:auto;font-size:30px;font-weight:700;line-height:1.05}.tool-card__note{color:var(--paper-2);font-size:14.5px}.tool-card__tags{align-items:center;gap:8px;display:inline-flex}.tool-card__arrow{color:var(--paper);transition:transform .4s var(--ease);font-size:16px}.tool-card:hover .tool-card__arrow{transform:translate(3px,-3px)}.ad-slot{min-height:120px;margin-top:48px}.contact{padding:clamp(110px,15vw,220px) 0 clamp(64px,8vw,100px);position:relative;overflow:hidden}.contact__title{letter-spacing:-.055em;font-size:clamp(52px,10.5vw,176px);font-weight:700;line-height:.9}.contact__title .serif{color:var(--accent)}.contact__row{flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:clamp(40px,6vw,72px);display:flex}.magnet{will-change:transform;display:inline-block}.cta{aspect-ratio:1;background:var(--accent);width:clamp(150px,16vw,200px);color:var(--accent-ink);letter-spacing:-.02em;text-align:center;border-radius:50%;place-items:center;font-size:17px;font-weight:700;transition:background-color .3s;display:grid}.cta:hover{background:var(--paper)}.cta span{will-change:transform;display:block}.contact__email{flex-direction:column;gap:8px;display:flex}.contact__address{letter-spacing:-.03em;transition:background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;width:fit-content;font-size:clamp(22px,2.6vw,34px);font-weight:600}.contact__address:hover{background-size:100% 1.5px}.copy-btn{border:1px solid var(--line-strong);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;transition:color .3s,border-color .3s;display:inline-flex}.copy-btn:hover{color:var(--paper);border-color:var(--paper)}.socials{gap:8px;margin-left:auto;display:flex}.socials a{border:1px solid var(--line-strong);border-radius:999px;padding:10px 18px;font-size:14px;transition:background-color .3s,color .3s}.socials a:hover{background:var(--paper);color:var(--ink)}.toast{z-index:80;background:var(--paper);color:var(--ink);visibility:hidden;transition:transform .5s var(--ease), visibility 0s linear .5s;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,calc(100% + 40px))}.toast.is-visible{visibility:visible;transition:transform .5s var(--ease);transform:translate(-50%)}@media (max-width:820px){.socials{margin-left:0}}.footer{border-top:1px solid var(--line);padding:28px 0 0;overflow:hidden}.footer__row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.footer__row nav{gap:20px;display:flex}.footer__row a:hover{color:var(--paper)}.footer__disclosure{max-width:70ch;color:var(--muted);margin-top:16px;font-size:13px}.footer__giant{padding:0 var(--gutter);font-size:var(--fit,16vw);letter-spacing:-.07em;white-space:nowrap;text-align:center;color:#0000;-webkit-text-stroke:1px var(--line-strong);-webkit-user-select:none;user-select:none;transition:color .8s var(--ease);margin-top:24px;font-weight:800;line-height:.74;transform:translateY(8%)}.footer__giant:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent)}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--rd,0s);transform:translateY(28px)}.js [data-reveal].is-in{opacity:1;transform:none}.project-hero{padding:132px 0 0}.back-link{color:var(--muted);align-items:center;gap:10px;margin-bottom:clamp(32px,5vw,64px);transition:color .3s;display:inline-flex}.back-link:hover{color:var(--paper)}.back-link span{transition:transform .4s var(--ease)}.back-link:hover span{transform:translate(-4px)}.project-hero__meta{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.project-hero__title{letter-spacing:-.055em;animation:fade-up 1s var(--ease) both;font-size:clamp(56px,11vw,180px);font-weight:700;line-height:.88}.project-hero__tagline{letter-spacing:-.025em;color:var(--paper-2);max-width:30ch;animation:fade-up 1s var(--ease) .1s both;margin-top:24px;font-size:clamp(20px,2.4vw,32px)}.project-cover{aspect-ratio:16/8;animation:fade-up 1.1s var(--ease) .2s both;border-radius:clamp(18px,2.4vw,32px);margin-top:clamp(40px,6vw,80px);overflow:hidden}.facts{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fact{padding:28px 20px 28px 0}.fact+.fact{border-left:1px solid var(--line);padding-left:20px}.fact dt{color:var(--muted);margin-bottom:8px}.fact dd{margin:0;font-weight:500}.project-summary{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(32px,6vw,96px);padding:clamp(64px,9vw,120px) 0;display:grid}.project-summary p{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,34px);line-height:1.35}.btn-row{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.btn{background:var(--paper);color:var(--ink);transition:background-color .3s, transform .4s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-weight:600;display:inline-flex}.btn:hover{background:var(--accent);transform:translateY(-2px)}.btn--ghost{color:var(--paper);border:1px solid var(--line-strong);background:0 0}.btn--ghost:hover{color:var(--accent-ink)}.chapters{border-top:1px solid var(--line)}.chapter{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) minmax(0,1.4fr);gap:clamp(20px,4vw,64px);padding:clamp(40px,5vw,64px) 0;display:grid}.chapter__num{color:var(--muted);padding-top:8px}.chapter h2{letter-spacing:-.04em;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.1}.chapter p{color:var(--paper-2);max-width:56ch;font-size:17px}.highlights{gap:10px;display:grid}.highlights li{background:var(--ink-2);color:var(--paper-2);border-radius:12px;align-items:baseline;gap:14px;padding:14px 18px;display:flex}.highlights li:before{content:"↗";color:var(--project-accent,var(--accent))}.next-project{isolation:isolate;padding:clamp(80px,12vw,160px) 0;display:block;position:relative;overflow:hidden}.next-project__bg{z-index:-1;opacity:0;transition:opacity .6s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.08)}.next-project:hover .next-project__bg{opacity:.55;transform:none}.next-project__kicker{color:var(--muted);margin-bottom:20px}.next-project__title{letter-spacing:-.055em;align-items:center;gap:.3em;font-size:clamp(48px,9vw,150px);font-weight:700;line-height:.9;display:flex}.next-project__title span{transition:transform .6s var(--ease)}.next-project:hover .next-project__title span:last-child{transform:translate(.15em)rotate(-45deg)}@media (max-width:820px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(3){border-left:0;padding-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}.project-summary{grid-template-columns:1fr}.project-cover{aspect-ratio:4/3}.chapter{grid-template-columns:1fr;gap:12px}}.doc{padding:140px 0 clamp(80px,10vw,140px)}.doc__head{max-width:900px;margin-bottom:clamp(48px,7vw,96px)}.doc__head h1{letter-spacing:-.05em;margin:16px 0 24px;font-size:clamp(48px,8vw,120px);font-weight:700;line-height:.92}.doc__head p{color:var(--muted)}.doc__body{max-width:760px}.doc__body section{border-top:1px solid var(--line);padding:32px 0}.doc__body h2{letter-spacing:-.03em;margin-bottom:14px;font-size:24px}.doc__body p,.doc__body li{color:var(--paper-2)}.doc__body p+p{margin-top:12px}.doc__body ul{gap:6px;padding-left:20px;list-style:outside;display:grid}.doc__body a{text-underline-offset:3px;text-decoration:underline}.lost{text-align:center;isolation:isolate;min-height:100svh;padding:120px var(--gutter) 80px;place-items:center;display:grid;position:relative;overflow:hidden}.lost__code{letter-spacing:-.07em;font-size:clamp(120px,30vw,420px);font-weight:800;line-height:.8}.lost p{color:var(--paper-2);margin:24px 0 32px;font-size:18px}.journal{padding-top:0}.post-list{border-top:1px solid var(--line)}.post-row{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) 200px 48px;align-items:center;gap:24px;padding:28px 0;display:grid}.post-row__date{color:var(--muted)}.post-row__main{flex-direction:column;gap:8px;min-width:0;display:flex}.post-row__title{letter-spacing:-.035em;transition:transform .5s var(--ease), color .3s;flex-wrap:wrap;align-items:center;gap:12px;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.2;display:flex}.post-row__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.post-row__meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;display:flex}.post-row__arrow{border:1px solid var(--line-strong);width:48px;height:48px;transition:transform .5s var(--ease), background-color .3s, color .3s, border-color .3s;border-radius:50%;place-items:center;display:grid}@media (hover:hover){.post-row:hover .post-row__title{color:var(--accent);transform:translate(10px)}.post-row:hover .post-row__arrow{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:rotate(-45deg)}}@media (max-width:820px){.post-row{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"date arrow""main main""meta meta";gap:10px}.post-row__date{grid-area:date}.post-row__main{grid-area:main}.post-row__meta{grid-area:meta;justify-content:flex-start}.post-row__arrow{grid-area:arrow;width:40px;height:40px}}.blog-page{padding:140px 0 clamp(96px,12vw,160px)}.blog-page__head{margin-bottom:clamp(40px,6vw,72px)}.blog-page__rss{margin-left:auto;transition:color .3s}.blog-page__rss:hover{color:var(--accent)}.blog-page__lead{max-width:36ch;color:var(--paper-2);margin-top:24px;font-size:clamp(17px,1.6vw,20px)}.post__head{padding-top:132px;padding-bottom:clamp(40px,6vw,72px)}.post__title{letter-spacing:-.05em;max-width:18ch;animation:fade-up 1s var(--ease) both;font-size:clamp(40px,6.4vw,96px);font-weight:700;line-height:1}.post__lead{max-width:44ch;color:var(--paper-2);animation:fade-up 1s var(--ease) .1s both;margin-top:24px;font-size:clamp(18px,1.8vw,22px)}.post__cover{aspect-ratio:16/8;object-fit:cover;border-radius:clamp(18px,2.4vw,32px);width:100%;margin-top:clamp(32px,5vw,64px)}.post__layout{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,720px);justify-content:start;gap:clamp(32px,6vw,96px);padding-top:clamp(40px,5vw,64px);display:grid}.post__aside{position:relative}.toc{position:sticky;top:100px}.toc__label{color:var(--muted);margin-bottom:14px}.toc ol{border-left:1px solid var(--line);gap:2px;display:grid}.toc a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 14px;font-size:14px;line-height:1.4;transition:color .3s,border-color .3s;display:block}.toc__sub a{padding-left:28px;font-size:13px}.toc a:hover{color:var(--paper)}.toc a[aria-current]{color:var(--paper);border-left-color:var(--accent)}.post__updated{color:var(--muted);margin-top:32px}.disclosure--dark{background:var(--ink-2);color:var(--paper-2);margin-bottom:32px}.post__project{border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s, transform .5s var(--ease);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;margin-top:56px;padding:14px;display:grid}.post__project:hover{border-color:var(--line-strong);transform:translateY(-3px)}.post__project-art{aspect-ratio:1;border-radius:12px;display:block;overflow:hidden}.post__project>span:last-child{flex-direction:column;gap:4px;display:flex}.post__project-kicker{color:var(--muted)}.post__project-title{letter-spacing:-.03em;font-size:24px;font-weight:700}.post__project-tagline{color:var(--muted);font-size:14px}.post-nav{grid-template-columns:1fr 1fr;gap:16px;padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(64px,8vw,110px);display:grid}.post-nav__link{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);flex-direction:column;gap:10px;padding:28px;transition:border-color .3s,background-color .3s;display:flex}.post-nav__link:hover{border-color:var(--line-strong);background:var(--ink-2)}.post-nav__link--next{text-align:right;grid-column:2}.post-nav__title{color:var(--paper);letter-spacing:-.03em;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.3}.related{padding:clamp(56px,7vw,96px) 0 0}.related__label{color:var(--muted);margin-bottom:20px;font-weight:400}@media (max-width:960px){.post__layout{grid-template-columns:minmax(0,1fr)}.post__aside{display:none}}@media (max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav__link--next{grid-column:1}.post__project{grid-template-columns:80px minmax(0,1fr)}}.prose{color:var(--paper-2);word-break:keep-all;overflow-wrap:anywhere;font-size:17.5px;line-height:1.85}.prose>*+*{margin-top:1.25em}.prose h2,.prose h3{color:var(--paper);letter-spacing:-.035em;scroll-margin-top:96px;line-height:1.25;position:relative}.prose h2{margin-top:2.4em;font-size:clamp(26px,2.6vw,34px)}.prose h3{margin-top:1.9em;font-size:clamp(20px,2vw,24px)}.heading-anchor{color:var(--accent);opacity:0;transition:opacity .2s;position:absolute;left:-1.1em}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor{opacity:1}.prose a{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1.5px;transition:color .2s}.prose a:hover{color:var(--accent)}.sponsored-tag{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--muted);vertical-align:2px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px;text-decoration:none;display:inline-block}.prose strong{color:var(--paper);font-weight:700}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--accent)}.prose li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}.prose input[type=checkbox]{accent-color:var(--accent);margin-right:8px}.prose blockquote{border-left:2px solid var(--accent);font-family:var(--font-serif);color:var(--paper);margin:1.6em 0;padding:4px 0 4px 24px;font-size:1.35em;font-style:italic;line-height:1.5}.prose code{font-family:var(--font-mono);background:var(--ink-3);color:var(--paper);border-radius:6px;padding:2px 6px;font-size:.86em}.prose pre{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;margin:1.6em 0;padding:20px 22px;line-height:1.65;overflow-x:auto}.prose pre code{color:var(--paper-2);background:0 0;padding:0;font-size:14px}.prose figure{margin:2em 0}.prose figure img{border-radius:14px;width:100%}.prose figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.prose hr{background:var(--line);border:0;height:1px;margin:3em 0}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}.prose th{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--ink-2);font-size:12px;font-weight:500}.prose tr:last-child td{border-bottom:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.marquee__track{animation:none}.js [data-reveal]{opacity:1;transform:none}.step{--step-ink:var(--ink)}}