*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}img,svg,video{max-width:100%;height:auto}[hidden]{display:none !important}button{font:inherit}:root{--bg: #dadfe1;--surface: #ffffff;--ink: #252b2d;--muted: #5c6a70;--line: #c7ced1;--accent: #2f9e44;--accent-ink: #ffffff;--dark-panel: #252b2d;--dark-panel-ink: #ffffff;--t1: #e7ecef;--t2: #e0ecec;--t3: #e4ece9;--t4: #f0ece1;--tglyph: #252b2d;color-scheme:light;--display: "Outfit", "Trebuchet MS", sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--maxw: 1140px;--r: 26px;--r-md: 18px;--r-sm: 12px;--pill: 999px;--shadow: 0 16px 40px -24px rgba(40,50,60,.28);--shadow-soft: 0 8px 20px -16px rgba(40,50,60,.22)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;text-wrap:balance;margin:0;letter-spacing:-0.02em}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(20px, env(safe-area-inset-left, 0px));padding-right:max(20px, env(safe-area-inset-right, 0px))}.eyebrow{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:0.6em}.eyebrow::before{content:"";width:1.7em;height:1px;background:var(--accent)}.script{font-family:var(--mono);font-size:0.78rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);line-height:1.5}.navwrap{position:sticky;top:env(safe-area-inset-top, 0px);z-index:30;padding-top:16px;padding-bottom:4px;pointer-events:none;padding-left:max(20px, env(safe-area-inset-left, 0px));padding-right:max(20px, env(safe-area-inset-right, 0px))}.bar{pointer-events:auto;max-width:var(--maxw);margin-inline:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:transparent;border:1px solid transparent;border-radius:var(--pill);padding:8px 8px;box-shadow:none;transition:background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease}.bar-stacked{border-radius:22px}.bar-main{display:flex;align-items:center;gap:10px;padding-left:6px}.navwrap.scrolled{background:var(--bg)}.navwrap.scrolled::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(var(--maxw), calc(100% - 40px));height:1px;background:var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1;letter-spacing:-0.01em;text-decoration:none;color:var(--ink)}.mark{width:28px;height:28px;border-radius:var(--pill);background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:0.8rem;flex:none}.nav{margin-left:auto;display:flex;align-items:center;gap:2px}.nav a{font-family:var(--mono);font-size:0.78rem;text-decoration:none;color:var(--muted);padding:8px 12px;border-radius:var(--pill);transition:color .15s, background .15s}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.btn-contact{font-family:var(--mono);font-size:0.78rem;text-decoration:none;background:var(--dark-panel);color:var(--dark-panel-ink);padding:9px 16px;border-radius:var(--pill);white-space:nowrap}.btn-contact:hover{background:var(--accent);color:var(--accent-ink)}.hero{position:relative;padding-block:clamp(36px, 6vw, 60px);text-align:center}.hero.home{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:calc(100svh - 72px);padding-block:clamp(40px, 6vw, 72px) clamp(84px, 12vh, 120px)}.watermark{position:absolute;left:50%;top:56%;transform:translate(-50%, -50%);font-family:var(--display);font-weight:800;font-size:clamp(7rem, 30vw, 24rem);color:var(--ink);opacity:.035;white-space:nowrap;letter-spacing:-0.04em;pointer-events:none;user-select:none;z-index:0}.hero>.wrap{position:relative;z-index:1}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(2.5rem, 8.2vw, 5.4rem);margin:30px auto 0;max-width:16ch}.hero h1 .hl{color:var(--accent)}.hchip{display:inline-flex;align-items:center;justify-content:center;height:0.78em;width:1.5em;border-radius:0.34em;vertical-align:-0.08em;margin:0 0.12em;box-shadow:var(--shadow-soft);position:relative;font-family:var(--mono);font-weight:600;font-size:0.5em;color:var(--tglyph);border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);overflow:hidden}.hchip.a{background:radial-gradient(120% 120% at 20% 10%, var(--t1), color-mix(in srgb, var(--t1) 60%, var(--surface)))}.hchip.b{background:radial-gradient(120% 120% at 20% 10%, var(--t3), color-mix(in srgb, var(--t3) 60%, var(--surface)))}.hero-lead{font-size:clamp(1.02rem, 2.2vw, 1.22rem);color:var(--muted);max-width:52ch;margin:32px auto 0}.hero-lead b{color:var(--ink);font-weight:600}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:42px}.hero-cta{position:absolute;left:0;right:0;bottom:clamp(22px, 4vh, 46px);display:flex;justify-content:center;padding-inline:20px}.btn{font-family:var(--mono);font-size:0.85rem;font-weight:500;text-decoration:none;padding:14px 24px;border-radius:var(--pill);display:inline-flex;align-items:center;gap:8px;transition:transform .12s, background .15s, border-color .15s, color .15s}.btn.pri{background:var(--dark-panel);color:var(--dark-panel-ink)}.btn.pri:hover{transform:translateY(-2px);background:var(--accent);color:var(--accent-ink)}.btn.sec{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.btn.sec:hover{border-color:var(--muted)}.hero-cta .btn.pri{background:var(--accent);color:var(--accent-ink)}.hero-cta .btn.pri:hover{background:var(--dark-panel);color:var(--dark-panel-ink)}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:clamp(20px, 3vw, 32px) auto 0}.stat{font-family:var(--mono);font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);line-height:1.55;display:flex;align-items:center;gap:0.6em;white-space:nowrap}.stat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.stat b{color:var(--accent);font-weight:600}.band{padding-block:clamp(44px, 7vw, 86px)}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:34px;flex-wrap:wrap}.sec-head h2{font-size:clamp(1.9rem, 4.6vw, 3rem)}.sec-head p{color:var(--muted);margin:8px 0 0;max-width:48ch}.seelink{font-family:var(--mono);font-size:0.8rem;color:var(--accent);text-decoration:none;white-space:nowrap}.seelink:hover{text-decoration:underline}.services{text-align:center}.services .big{font-size:clamp(1.9rem, 5.2vw, 3.3rem);max-width:20ch;margin:10px auto 0}.services .big .hl{color:var(--accent)}.focus{display:grid;grid-template-columns:repeat(4, 1fr);gap:14px;margin-top:40px;text-align:left}.fitem{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:6px}.fitem .fk{font-family:var(--mono);font-size:0.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:7px}.fitem h3{font-size:1.12rem;margin-top:8px}.fitem p{margin:0;color:var(--muted);font-size:0.9rem}.fitem.ai{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.fitem.ai .fk{color:var(--accent)}.fbadge{font-family:var(--mono);font-size:0.58rem;letter-spacing:.08em;background:var(--accent);color:var(--accent-ink);border-radius:var(--pill);padding:2px 7px}.works{display:grid;grid-template-columns:repeat(2, 1fr);gap:18px}.wcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none;color:inherit;transition:transform .16s, box-shadow .16s}.wcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.canvas{border-radius:var(--r-md);aspect-ratio:16 / 9;display:grid;place-items:center;position:relative;overflow:hidden}.wcard.t1 .canvas{background:radial-gradient(130% 130% at 18% 12%, var(--t1), color-mix(in srgb, var(--t1) 55%, var(--surface)))}.wcard.t2 .canvas{background:radial-gradient(130% 130% at 18% 12%, var(--t2), color-mix(in srgb, var(--t2) 55%, var(--surface)))}.wcard.t3 .canvas{background:radial-gradient(130% 130% at 18% 12%, var(--t3), color-mix(in srgb, var(--t3) 55%, var(--surface)))}.wcard.t4 .canvas{background:radial-gradient(130% 130% at 18% 12%, var(--t4), color-mix(in srgb, var(--t4) 55%, var(--surface)))}.canvas img{width:100%;height:100%;object-fit:cover;display:block}.canvas .glyph{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem, 7vw, 4.6rem);color:var(--tglyph);opacity:.72;letter-spacing:-0.04em}.nowbadge{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:0.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#0d7a3c;background:color-mix(in srgb, #fff 82%, transparent);border-radius:var(--pill);padding:5px 11px 5px 9px;display:inline-flex;align-items:center;gap:6px}.nowbadge .pulse{width:6px;height:6px;border-radius:50%;background:#19b35a;box-shadow:0 0 0 0 rgba(25,179,90,0.55);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,179,90,0.5)}70%{box-shadow:0 0 0 7px rgba(25,179,90,0)}100%{box-shadow:0 0 0 0 rgba(25,179,90,0)}}.wmeta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 8px 6px}.wmeta h3{font-size:1.3rem}.wmeta .tag{font-family:var(--mono);font-size:0.7rem;color:var(--muted);white-space:nowrap}.wcard p{margin:0 8px;color:var(--muted);font-size:0.92rem}.chips{display:flex;flex-wrap:wrap;gap:7px;padding:14px 8px 6px}.chip{font-family:var(--mono);font-size:0.68rem;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);padding:3px 10px}.idx-meta{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:22px;font-family:var(--mono);font-size:0.8rem;color:var(--muted)}.idx-meta span{display:inline-flex;align-items:center;gap:.5em}.idx-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.idx-meta b{color:var(--ink);font-weight:600}.catnav{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:7px 6px 1px;border-top:1px solid transparent;transition:border-color .25s ease}.catnav::-webkit-scrollbar{display:none}.navwrap.scrolled .catnav{border-top-color:color-mix(in srgb, var(--line) 80%, transparent)}.catnav a{flex:none;font-family:var(--mono);font-size:0.74rem;text-decoration:none;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);padding:6px 13px;white-space:nowrap;transition:color .14s, border-color .14s, background .14s}.catnav a:hover{color:var(--ink);border-color:var(--muted)}.catnav a.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.catsec{scroll-margin-top:128px;padding-top:clamp(56px, 7vw, 88px)}.catsec:first-child{padding-top:10px}.cat-head{display:flex;align-items:baseline;gap:14px}.cat-idx{font-family:var(--mono);font-size:0.82rem;color:var(--accent);font-weight:500}.cat-head h2{font-size:clamp(1.4rem, 3vw, 1.95rem)}.cat-count{margin-left:auto;font-family:var(--mono);font-size:0.72rem;color:var(--muted);white-space:nowrap}.cat-desc{color:var(--muted);font-size:0.95rem;margin:11px 0 0;max-width:62ch}.cat-rule{height:1px;background:var(--line);margin:17px 0 20px}.pcards{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:18px}.pj{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s, box-shadow .16s, border-color .16s}.pj:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}.pj-thumb{width:100%;aspect-ratio:1200 / 627;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line);display:block}.pj-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.pj:hover .pj-thumb img{transform:scale(1.045)}.pj-thumb.mono{display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:1.7rem;letter-spacing:-0.02em;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.pj-body{display:flex;align-items:center;gap:10px;padding:14px 16px 16px}.pj-text{display:flex;flex-direction:column;gap:3px;min-width:0}.pj-name{font-weight:600;font-size:1.02rem;line-height:1.2;display:flex;align-items:center;gap:8px}.pj-sub{font-family:var(--mono);font-size:0.73rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-arrow{margin-left:auto;color:var(--muted);font-family:var(--mono);flex:none;opacity:0;transform:translateX(-4px);transition:opacity .15s, transform .15s, color .15s}.pj:hover .pj-arrow{opacity:1;transform:translateX(0);color:var(--accent)}.pj-live{width:7px;height:7px;border-radius:50%;background:#19b35a;flex:none;box-shadow:0 0 0 0 rgba(25,179,90,0.55);animation:pulse 2s infinite}.contact-wrap{display:grid;grid-template-columns:1fr 380px;gap:clamp(32px, 5vw, 64px);align-items:start}.contact-intro p{font-size:1.08rem;line-height:1.72;color:color-mix(in srgb, var(--ink) 88%, var(--muted));margin:0 0 1em;max-width:52ch}.contact-intro p:first-of-type{font-size:1.2rem;color:var(--ink)}.contact-intro .script{display:block;margin-bottom:12px}.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.cmethod{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .14s}.cmethod:first-child{border-top:0}a.cmethod:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}a.cmethod:hover .cm-v{color:var(--accent)}.cm-k{font-family:var(--mono);font-size:0.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.cm-v{font-size:0.94rem;display:flex;align-items:center;gap:10px;text-align:right;min-width:0}.cm-copy{font-family:var(--mono);font-size:0.64rem;color:var(--accent);background:transparent;border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line));border-radius:var(--pill);padding:3px 10px;cursor:pointer;transition:background .14s, color .14s}.cm-copy:hover{background:var(--accent);color:var(--accent-ink)}.cm-note{margin:0;padding:2px 20px 14px;font-family:var(--mono);font-size:0.72rem;color:var(--muted)}@media (max-width: 820px){.contact-wrap{grid-template-columns:1fr}}.about-grid{display:grid;grid-template-columns:1fr 330px;gap:clamp(32px, 5vw, 64px);align-items:start}.about-prose{max-width:60ch}.about-prose p{font-size:1.08rem;line-height:1.72;margin:0 0 1.1em;color:color-mix(in srgb, var(--ink) 88%, var(--muted))}.about-prose p:first-child{font-size:1.2rem;color:var(--ink)}.about-prose a{color:var(--accent);text-underline-offset:3px;cursor:pointer}.about-prose .sig{font-family:var(--script);font-size:1.95rem;color:var(--accent);margin-top:10px;display:block}.about-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 22px 6px}.tl-card h3{font-family:var(--mono);font-size:0.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 16px}.tl-row{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:0 0 18px}.tl-year{grid-row:span 3;font-family:var(--mono);font-size:0.72rem;color:var(--accent);white-space:nowrap;padding-top:2px}.tl-role{font-weight:600;font-size:0.95rem;line-height:1.25}.tl-place{font-family:var(--mono);font-size:0.72rem;color:var(--muted)}.tl-desc{font-size:0.86rem;line-height:1.42;color:color-mix(in srgb, var(--ink) 80%, var(--muted));margin-top:4px}.about-tech{margin-top:clamp(34px, 5vw, 56px)}.about-tech h2{font-size:0.78rem;font-family:var(--mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.tech-chips{display:flex;flex-wrap:wrap;gap:9px}.tech-chips span{font-family:var(--mono);font-size:0.78rem;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:var(--pill);padding:7px 14px}.about-cta{margin-top:clamp(34px, 5vw, 56px);display:flex;flex-wrap:wrap;align-items:center;gap:14px}@media (max-width: 820px){.about-grid{grid-template-columns:1fr}.about-side{position:static}}.pdetail{padding-block:clamp(26px, 5vw, 48px) clamp(44px, 7vw, 84px)}.backlink{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:0.78rem;color:var(--muted);text-decoration:none;margin-bottom:26px;transition:color .14s}.backlink:hover{color:var(--accent)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--mono);font-size:0.74rem;color:var(--muted);margin-bottom:26px}.crumbs a{color:var(--muted);text-decoration:none;transition:color .14s}.crumbs a:hover{color:var(--accent)}.crumb-sep{color:color-mix(in srgb, var(--muted) 50%, transparent)}.crumb-current{color:var(--ink);max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-head{max-width:58rem}.pd-head h1{font-size:clamp(2rem, 5.5vw, 3.3rem);margin-top:12px;text-align:left}.pd-hero{margin:clamp(26px, 4vw, 40px) 0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg);aspect-ratio:1200 / 627;max-width:100%}.pd-hero img{width:100%;height:100%;object-fit:cover;display:block}.pd-hero-mono{width:100%;height:100%;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:clamp(2.6rem, 8vw, 4.4rem);letter-spacing:-0.02em;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.pd-grid{display:grid;grid-template-columns:1fr 300px;gap:clamp(28px, 5vw, 56px);align-items:start}.pd-body{min-width:0}.pd-body h2{font-size:0.74rem;font-family:var(--mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.pd-body p{margin:0 0 1em;font-size:1.06rem;line-height:1.72;color:color-mix(in srgb, var(--ink) 86%, var(--muted));max-width:64ch}.pd-body a{color:var(--accent);text-underline-offset:3px}.pd-spec{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 22px 24px;display:flex;flex-direction:column;gap:17px}.spec-row{display:flex;flex-direction:column;gap:4px}.spec-k{font-family:var(--mono);font-size:0.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.spec-v{font-size:0.92rem;line-height:1.4}.spec-v.link{color:var(--accent);text-decoration:none;word-break:break-word}.spec-v.link:hover{text-decoration:underline}.pd-visit{margin-top:4px;justify-content:center}.pd-nav{margin-top:clamp(34px, 6vw, 60px)}@media (max-width: 760px){.pd-grid{grid-template-columns:1fr}.pd-spec{position:static}}.wr-feat{display:grid;grid-template-columns:1.05fr 0.95fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;margin-bottom:30px;transition:transform .16s, box-shadow .16s, border-color .16s}.wr-feat:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.wr-feat:hover .wr-feat h2,.wr-feat:hover h2{color:var(--accent)}.wr-feat-img{aspect-ratio:1200 / 627;background:var(--bg);border-right:1px solid var(--line);overflow:hidden}.wr-feat-img img{width:100%;height:100%;object-fit:cover;display:block}.wr-feat-body{padding:clamp(22px, 3vw, 36px);display:flex;flex-direction:column}.wr-feat-body h2{font-size:clamp(1.5rem, 3vw, 2.1rem);line-height:1.06;margin-top:12px;transition:color .15s}.wr-feat-body .feat-ex{color:var(--muted);margin-top:13px;font-size:1rem}.wr-feat-foot{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:12px}.wr-d{font-family:var(--mono);font-size:0.74rem;color:var(--muted)}@media (max-width: 700px){.wr-feat{grid-template-columns:1fr}.wr-feat-img{border-right:0;border-bottom:1px solid var(--line)}}.postfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.postfilter a{font-family:var(--mono);font-size:0.74rem;text-decoration:none;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);padding:6px 13px;cursor:pointer;transition:color .14s, border-color .14s, background .14s}.postfilter a:hover{color:var(--ink);border-color:var(--muted)}.postfilter a.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.postdetail .pd-head{max-width:46rem}.postdetail .pd-hero{max-width:100%}.post-article{max-width:100%;margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-soft);padding:clamp(24px, 4vw, 46px)}.post-article p{font-size:1.06rem;line-height:1.75;margin:0 0 1.1em;color:color-mix(in srgb, var(--ink) 88%, var(--muted))}.post-article h2{font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.15;margin:1.6em 0 .5em}.post-article h3{font-family:var(--display);font-weight:700;font-size:1.2rem;margin:1.4em 0 .4em}.post-article a{color:var(--accent);text-underline-offset:3px}.post-article ul,.post-article ol{margin:0 0 1.1em;padding-left:1.3em;color:color-mix(in srgb, var(--ink) 88%, var(--muted))}.post-article li{margin:.35em 0;line-height:1.6}.post-article code{font-family:var(--mono);font-size:0.85em;background:color-mix(in srgb, var(--ink) 9%, transparent);padding:.12em .42em;border-radius:6px}.post-article pre.code{background:var(--dark-panel);color:var(--dark-panel-ink);border-radius:var(--r-sm);padding:16px 18px;overflow-x:auto;margin:0 0 1.3em}.post-article pre.code code{background:none;padding:0;font-size:0.82rem;line-height:1.6;color:inherit}.po-more{color:var(--muted)}.posts{display:grid;gap:0}.post{display:grid;grid-template-columns:auto 104px 1fr auto;gap:18px;align-items:center;padding:16px 10px;border-top:1px solid var(--line);text-decoration:none;color:inherit;border-radius:var(--r-sm);transition:background .14s}.post:hover{background:var(--surface)}.post:hover .post-t{color:var(--accent)}.post-date{font-family:var(--mono);font-size:0.74rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.post-thumb{width:104px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-main{min-width:0;display:flex;flex-direction:column;gap:4px}.post-t{font-family:var(--display);font-weight:700;font-size:1.18rem;line-height:1.2;transition:color .14s}.post-ex{color:var(--muted);font-size:0.9rem;line-height:1.45;max-width:68ch}.post-tag{font-family:var(--mono);font-size:0.7rem;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line));border-radius:var(--pill);padding:3px 11px;white-space:nowrap}.loadmore-wrap{display:flex;justify-content:center;margin-top:30px}.loadmore{font-family:var(--mono);font-size:0.8rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);padding:11px 24px;cursor:pointer;transition:border-color .14s, color .14s}.loadmore:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 640px){.post{grid-template-columns:1fr;gap:9px}.post-thumb{width:100%;order:-1}.post-date{order:-2}.post-tag{justify-self:start}}.wfeat{display:grid;grid-template-columns:1.08fr 0.92fr;gap:20px;align-items:stretch}.feat-lead{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px, 3vw, 36px);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .16s, box-shadow .16s, border-color .16s}.feat-lead::after{content:"\201C";position:absolute;top:-0.32em;right:0.12em;font-family:var(--display);font-weight:800;font-size:11rem;line-height:1;color:var(--accent);opacity:.08;pointer-events:none}.feat-lead:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.feat-flag{font-family:var(--mono);font-size:0.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.6em}.feat-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.feat-lead h3{font-size:clamp(1.55rem, 3.1vw, 2.3rem);line-height:1.04;margin-top:16px;position:relative;z-index:1}.feat-ex{color:var(--muted);font-size:1rem;margin-top:14px;max-width:42ch;position:relative;z-index:1}.feat-foot{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.feat-foot .d{font-family:var(--mono);font-size:0.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.feat-read{margin-left:auto;font-family:var(--mono);font-size:0.78rem;color:var(--accent);white-space:nowrap}.feat-lead:hover .feat-read{text-decoration:underline;text-underline-offset:3px}.feat-list{display:flex;flex-direction:column}.mpost{display:flex;flex-direction:column;gap:8px;padding:17px 10px;border-top:1px solid var(--line);text-decoration:none;color:inherit;border-radius:var(--r-sm);transition:background .14s}.mpost:first-child{border-top:0}.mpost:hover{background:var(--surface)}.mpost:hover .mp-t{color:var(--accent)}.mp-meta{display:flex;align-items:center;gap:10px}.mp-d{font-family:var(--mono);font-size:0.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.mp-tag{font-family:var(--mono);font-size:0.65rem;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--pill);padding:2px 9px}.mp-t{font-family:var(--display);font-weight:700;font-size:1.1rem;line-height:1.22;transition:color .14s}@media (max-width: 760px){.wfeat{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:1fr 240px;gap:46px;align-items:start}.side h4{font-family:var(--mono);font-size:0.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.side-cats{display:flex;flex-wrap:wrap;gap:8px}.side-cats a{font-family:var(--mono);font-size:0.76rem;text-decoration:none;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);padding:6px 12px;background:var(--surface)}.side-cats a:hover{color:var(--accent);border-color:var(--accent)}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;margin-top:26px}.side-card p{color:var(--muted);font-size:0.88rem;margin:8px 0 0}.contact{text-align:center}.contact h2{font-size:clamp(2.1rem, 6.5vw, 3.8rem);max-width:16ch;margin:12px auto 0}.contact .lead{color:var(--muted);max-width:46ch;margin:16px auto 0}.social{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.social a{font-family:var(--mono);font-size:0.82rem;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:var(--pill);padding:11px 18px;background:var(--surface)}.social a:hover{border-color:var(--accent);color:var(--accent)}.foot{border-top:1px solid var(--line);margin-top:20px}.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:26px;font-family:var(--mono);font-size:0.74rem;color:var(--muted)}.page{display:none}.page.on{display:block}.nav-toggle{display:none;margin-left:auto;width:42px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px solid var(--line);border-radius:var(--pill);cursor:pointer;flex:none}.nav-toggle span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease, opacity .2s ease}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 820px){.stats{grid-template-columns:repeat(2, 1fr)}.focus{grid-template-columns:repeat(2, 1fr)}.blog-grid{grid-template-columns:1fr;gap:30px}.side{order:-1}}@media (max-width: 560px){.works{grid-template-columns:1fr}.post{grid-template-columns:1fr;gap:6px}.post-tag{justify-self:start}.nav-toggle{display:flex}.bar-main{flex-wrap:wrap}.bar-main>.nav,.bar-main>.btn-contact{display:none;flex-basis:100%}.bar.nav-open{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:var(--r-md);padding:10px}.bar.nav-open>.bar-main>.nav{display:flex;flex-direction:column;align-items:stretch;margin-left:0;gap:2px;width:100%;padding-top:8px}.bar.nav-open>.bar-main>.nav a{padding:11px 12px;border-radius:var(--r-sm)}.bar.nav-open>.bar-main>.btn-contact{display:inline-flex;justify-content:center;width:100%;margin-top:6px}}@media (max-width: 440px){.stats{grid-template-columns:1fr}.focus{grid-template-columns:1fr}}.post-article figure.highlight,.post-article div.highlight{background:var(--dark-panel);border-radius:var(--r-sm);overflow-x:auto;margin:0 0 1.3em;padding:0}.post-article figure.highlight pre,.post-article div.highlight pre{background:none;border:0;border-radius:0;margin:0;padding:16px 18px;overflow-x:auto}.post-article pre:not(.highlight){background:var(--dark-panel);color:var(--dark-panel-ink);border-radius:var(--r-sm);padding:16px 18px;overflow-x:auto;margin:0 0 1.3em}.post-article pre code{font-family:var(--mono);font-size:0.82rem;line-height:1.6;color:var(--dark-panel-ink);background:none;padding:0}.post-article .highlight .c,.post-article .highlight .cd,.post-article .highlight .cm,.post-article .highlight .c1,.post-article .highlight .cs{color:#75715e;font-style:italic}.post-article .highlight .cp{color:#75715e;font-weight:bold}.post-article .highlight .k,.post-article .highlight .kc,.post-article .highlight .kd,.post-article .highlight .kp,.post-article .highlight .kr,.post-article .highlight .kt,.post-article .highlight .kv{color:#66d9ef}.post-article .highlight .kn,.post-article .highlight .o,.post-article .highlight .ow{color:#f92672}.post-article .highlight .nt{color:#f92672}.post-article .highlight .s,.post-article .highlight .s1,.post-article .highlight .s2,.post-article .highlight .sb,.post-article .highlight .sc,.post-article .highlight .sd,.post-article .highlight .sh,.post-article .highlight .si,.post-article .highlight .sr,.post-article .highlight .ss,.post-article .highlight .sx{color:#e6db74}.post-article .highlight .m,.post-article .highlight .mf,.post-article .highlight .mh,.post-article .highlight .mi,.post-article .highlight .mo,.post-article .highlight .il,.post-article .highlight .se{color:#ae81ff}.post-article .highlight .na{color:#a6e22e}.post-article .highlight .nc,.post-article .highlight .nd,.post-article .highlight .ne,.post-article .highlight .nf{color:#a6e22e;font-weight:bold}.post-article .highlight .no{color:#66d9ef}.post-article .highlight .nb,.post-article .highlight .bp,.post-article .highlight .ni,.post-article .highlight .nn,.post-article .highlight .nv,.post-article .highlight .vc,.post-article .highlight .vg,.post-article .highlight .vi,.post-article .highlight .w,.post-article .highlight .p{color:#f8f8f2}.post-article .highlight .gi{color:#a6e22e}.post-article .highlight .gd{color:#f92672}.post-article .highlight .gh{color:#75715e}.post-article img{border-radius:var(--r-sm);border:1px solid var(--line);margin:1.2em 0}.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:38px}.pager-info{font-family:var(--mono);font-size:0.78rem;color:var(--muted)}.svc-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.svc-tags span{font-family:var(--mono);font-size:0.82rem;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:var(--pill);padding:9px 16px}.svc-tags .svc-focus{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}