:root{--bg:#fff;--fg:#111;--fg-soft:#8a8a8a;--muted:#5d6068;--line:#e7e7e4;--surface:#f4f4f1;--accent:#f5c451;--wrap:1320px;--pad:32px;--nav-h:72px;--radius:14px;--ease-out:cubic-bezier(0,0,.2,1);--ease-quart:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;background:var(--bg)}html.is-locked{overflow:hidden}@media (width<=900px){html{scrollbar-gutter:auto}}body{background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--fg)}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:6px}[id]{scroll-margin-top:24px}.page{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.page>main{flex:1}.wrap{max-width:var(--wrap);padding:0 var(--pad);width:100%;margin:0 auto}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.eyebrow{color:var(--muted);margin:0;font-size:15px}.stub{border-bottom:1px dashed}.btn{font:500 16px/1.1 var(--font-serif);white-space:nowrap;transition:background-color .2s var(--ease-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;display:inline-flex}.btn-ink{background:var(--fg);color:#fff}.btn-ink:hover{background:#3a3a3a}.btn-sm{padding:11px 16px;font-size:15px}.btn .icon{opacity:.9}.btn-link{font:500 16px/1.1 var(--font-serif);text-underline-offset:6px;transition:text-decoration-color .2s var(--ease-out);padding:15px 6px;text-decoration:underline 1px #1116;display:inline-block}.btn-link:hover{text-decoration-color:var(--accent);text-decoration-thickness:2px}.nav{z-index:40;background:var(--bg);transition:transform .45s var(--ease-quart),box-shadow .3s var(--ease-out);position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 1px 0 var(--line)}.nav.is-hidden{transform:translateY(-101%)}.nav-in{height:var(--nav-h);align-items:center;gap:24px;display:flex}.brand{font:500 18px/1 var(--font-sans);white-space:nowrap;padding:6px 0}.nav-links{gap:2px;margin-left:auto;display:flex}.nav a.item{font:400 15px/1 var(--font-sans);color:var(--muted);transition:color .15s var(--ease-out),background-color .15s var(--ease-out);border-radius:6px;padding:10px 12px}.nav a.item:hover{color:var(--fg);background:var(--surface)}.nav a.active{color:var(--fg)}.nav .right{align-items:center;gap:8px;display:flex}.burger{border:1px solid var(--line);font:400 15px/1 var(--font-sans);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:none}.burger i{border-top:1.5px solid;border-bottom:1.5px solid;width:16px;height:8px;position:relative}.menu{z-index:60;background:var(--bg);opacity:0;transition:opacity .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu.is-open{opacity:1}.menu-top{height:var(--nav-h);justify-content:space-between;align-items:center;width:100%;display:flex}.menu-close{border:1px solid var(--line);font:400 15px/1 var(--font-sans);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.menu-close i{width:12px;height:12px;position:relative}.menu-close i:before,.menu-close i:after{content:"";background:currentColor;height:1.5px;position:absolute;top:50%;left:0;right:0;transform:rotate(45deg)}.menu-close i:after{transform:rotate(-45deg)}.menu-links{flex-direction:column;flex:1;justify-content:center;gap:6px;width:100%;display:flex}.menu-links a{font:400 clamp(36px,10vw,64px)/1.12 var(--font-serif);letter-spacing:-.02em;opacity:0;transition:opacity .4s var(--ease-quart),transform .5s var(--ease-quart);transition-delay:calc(var(--i) * 50ms + 80ms);transform:translateY(16px)}.menu.is-open .menu-links a{opacity:1;transform:none}.menu-foot{align-items:center;gap:10px;width:100%;padding-bottom:36px;display:flex}.sec{padding-top:120px;padding-bottom:0}.label{font:500 20px/1.3 var(--font-sans);margin:0 0 32px}.split{grid-template-columns:1fr 1fr;gap:32px;display:grid}.split .label{margin:0}.hero{padding-top:calc(var(--nav-h) + 40px);grid-template-columns:1.4fr .6fr;align-items:center;gap:56px;display:grid}.hero-title{font:400 clamp(38px,3.8vw,56px)/1.08 var(--font-serif);letter-spacing:-.022em;color:var(--fg-soft);text-wrap:balance;max-width:21em;margin:0}.hero-title b{font-weight:inherit;color:var(--fg)}.hero-lead{color:var(--muted);max-width:44ch;margin:28px 0 32px;font-size:19px}.cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-photo{background:var(--surface);border-radius:var(--radius);height:min(60svh,560px);overflow:hidden}.hero-photo img{object-fit:cover;object-position:50% 12%;filter:grayscale();width:100%;height:100%}.work-sec{padding-top:72px}.works{grid-template-columns:1fr 1fr;gap:56px 24px;display:grid}.works-small{margin-top:64px}.work{display:block}.work-vis{aspect-ratio:4/3;border-radius:var(--radius);justify-content:center;align-items:center;padding:clamp(20px,3.6vw,48px);display:flex;position:relative;overflow:hidden}.works-small .work-vis{aspect-ratio:16/10}.work-meta{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:20px 0 6px;display:flex}.work h3{font:500 22px/1.25 var(--font-serif);letter-spacing:-.01em;margin:0}.work-meta span{color:var(--muted);font-size:15px}.work>p{color:var(--muted);max-width:52ch;margin:0;font-size:16px}.work-vis>*{transition:transform .6s var(--ease-quart)}a.work:hover .work-vis>*{transform:scale(1.02)}a.work:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.vis-tgsum{background:#0b1638}.vis-tgsum img{border-radius:10px;width:100%;height:auto;box-shadow:0 26px 60px -20px #000000d9}.vis-staff{color:#e9f0ec;background:#17332e;flex-direction:column;justify-content:space-between;align-items:stretch;gap:24px}.staff-q{font:400 clamp(26px,2.5vw,38px)/1.12 var(--font-serif);letter-spacing:-.015em;max-width:15ch;margin:0}.vis-staff ul{border-top:1px solid #e9f0ec38;margin:0;padding:0;list-style:none}.vis-staff li{border-bottom:1px solid #e9f0ec38;padding:11px 0;font-size:16px}.staff-src{color:#e9f0ecc2;margin:0;font-size:14px}.vis-beads{background:#0f1012}.status{width:100%;font:400 clamp(14px,1.25vw,17px)/1.75 var(--font-mono);color:#dcdcdc;margin:0}.status .sep{color:#6f6f6f}.status .seg-link{color:#8cc8ff;text-underline-offset:3px;text-decoration:underline}.vis-skills{background:#ece5d6}.file{background:#fffdf8;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 20px 44px -22px #5a4a2a80}.file-name{font:500 13px/1 var(--font-mono);color:#6b604d;border-bottom:1px solid #eadfcb;padding:13px 16px;display:block}.file pre{font:400 clamp(12.5px,1.05vw,14px)/1.65 var(--font-mono);color:#2b2620;white-space:pre-wrap;margin:0;padding:16px}.file .md-h{color:#8a5a00;font-weight:500}.about p{max-width:40em;margin:0 0 18px;font-size:clamp(18px,1.45vw,21px);line-height:1.55}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 0;padding:28px 0 0;list-style:none;display:grid}.stats b{font:400 clamp(32px,3vw,44px)/1 var(--font-serif);letter-spacing:-.02em;display:block}.stats span{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.4;display:block}.services{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.services li{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:flex-end;min-height:230px;padding:28px 26px 30px;display:flex}.services h3{font:400 24px/1.2 var(--font-serif);letter-spacing:-.01em;margin:0 0 12px}.services p{color:var(--muted);margin:0;font-size:16px}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;display:flex}.row h3{font:400 20px/1.35 var(--font-serif);margin:0}.row:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.row time{color:var(--muted);flex:none;font-size:15px}.row .badge{width:104px;color:var(--muted);flex:none;font-size:14px}.more{margin-top:14px}.contact{background:var(--surface);margin-top:140px;padding:120px 0 104px}.contact h2{font:400 clamp(40px,6vw,88px)/1.04 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0}.contact-p{color:var(--muted);margin:20px 0 44px;font-size:18px}.contact-links{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.contact-links a{font:400 clamp(28px,4vw,56px)/1.2 var(--font-serif);letter-spacing:-.02em;color:var(--fg-soft);overflow-wrap:anywhere;transition:color .2s var(--ease-out)}.contact-links a:hover{color:var(--fg)}footer.site{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);padding:28px 0 32px;font-size:14px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;display:flex}.foot-links{flex-wrap:wrap;gap:8px 22px;display:flex}.foot-links a{color:var(--fg);transition:color .15s var(--ease-out);align-items:center;gap:7px;display:inline-flex}.foot-links a:hover{color:var(--muted)}.page-head{padding-top:calc(var(--nav-h) + 80px);padding-bottom:8px}.page-head h1{font:400 clamp(38px,5vw,68px)/1.06 var(--font-serif);letter-spacing:-.022em;text-wrap:balance;max-width:22ch;margin:14px 0 18px}.page-head p{color:var(--muted);max-width:52ch;margin:0;font-size:18px}.chips{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.chip{font:400 14px/1 var(--font-sans);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:8px 12px}.page-body{padding-top:64px;padding-bottom:120px}.not-found{min-height:100svh;padding-top:var(--nav-h);align-items:center;display:flex}.not-found .page-head{padding-top:0;padding-bottom:0}.js [data-r]{opacity:0;transform:translateY(18px)}.js [data-r].in{opacity:1;transition:opacity .8s var(--ease-quart) var(--d,0s),transform .8s var(--ease-quart) var(--d,0s);transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.js [data-r]{opacity:1;transform:none}}@media (width<=1080px){.nav-links{display:none}.burger{display:inline-flex}.nav .right{margin-left:auto}}@media (width<=900px){:root{--pad:20px;--nav-h:64px}.hero{padding-top:calc(var(--nav-h) + 28px);grid-template-columns:1fr;gap:36px}.hero-title{font-size:clamp(34px,9vw,52px)}.hero-lead{margin:20px 0 26px;font-size:17px}.hero-photo{aspect-ratio:4/3;height:auto}.hero-photo img{object-position:50% 8%}.sec{padding-top:80px}.work-sec{padding-top:72px}.split{grid-template-columns:1fr;gap:20px}.works{grid-template-columns:1fr;gap:44px}.works-small{margin-top:44px}.vis-staff,.works-small .work-vis{aspect-ratio:auto;min-height:240px}.services{grid-template-columns:1fr;gap:12px}.services li{min-height:0}.contact{margin-top:96px;padding:88px 0 72px}.page-head{padding-top:calc(var(--nav-h) + 48px)}}@media (width<=640px){.nav-cta{display:none}.nav .lang{padding:10px}.stats{grid-template-columns:1fr;gap:18px}.row{flex-direction:column;gap:6px}.row .badge{width:auto}.contact-links a{font-size:clamp(20px,6vw,28px)}.foot-in{flex-direction:column;align-items:flex-start}}