:root{color-scheme:light;--paper: oklch(.965 .025 82);--paper-deep: oklch(.91 .04 78);--ink: oklch(.18 .035 260);--ink-soft: oklch(.34 .045 260);--muted: oklch(.53 .04 250);--line: oklch(.8 .045 78);--tomato: oklch(.62 .19 32);--lime: oklch(.8 .16 138);--blue: oklch(.43 .12 250);--violet: oklch(.5 .16 302);--cream: oklch(.985 .018 82);--shadow: oklch(.28 .04 250 / .18);--font-display: "Avenir Next", "Trebuchet MS", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Source Han Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-code: "SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;background:radial-gradient(circle at 14% 9%,oklch(.88 .12 138 / .5),transparent 24rem),radial-gradient(circle at 84% 0%,oklch(.77 .14 32 / .32),transparent 26rem),linear-gradient(180deg,var(--cream),var(--paper) 36rem);color:var(--ink);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(90deg,oklch(.42 .04 250 / .055) 1px,transparent 1px),linear-gradient(180deg,oklch(.42 .04 250 / .055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,black,transparent 74%)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in oklch,var(--blue),white 28%);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:1rem;z-index:10;transform:translateY(-160%);border:1px solid var(--ink);border-radius:999px;background:var(--cream);padding:.75rem 1rem;font-weight:800}.skip-link:focus{transform:translateY(0)}.site-shell{overflow:hidden}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid oklch(.3 .04 260 / .12);background:color-mix(in oklch,var(--cream),transparent 8%);backdrop-filter:blur(18px)}.nav{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.72rem;font-family:var(--font-display);font-size:1.1rem;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:2px solid var(--ink);border-radius:42% 58% 44% 56%;background:var(--lime);box-shadow:5px 5px 0 var(--ink)}.nav-links{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.7rem);color:var(--ink-soft);font-size:.93rem;font-weight:700}.nav-links a{position:relative}.nav-links a:after{position:absolute;left:0;right:0;bottom:-.35rem;height:2px;transform:scaleX(0);transform-origin:left;background:var(--tomato);content:"";transition:transform .18s ease}.nav-links a:hover:after{transform:scaleX(1)}.hero{position:relative;display:grid;min-height:calc(100vh - 72px);align-items:center;padding:clamp(4rem,9vw,8rem) 0 clamp(4rem,8vw,7rem)}.hero-grid{display:grid;align-items:center;gap:clamp(2.5rem,7vw,5rem);grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr)}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklch,var(--cream),white 24%);padding:.55rem .85rem;color:var(--ink-soft);font-family:var(--font-code);font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--lime);box-shadow:0 0 0 5px #88d56c2e}.hero h1{margin:1.5rem 0 0;font-family:var(--font-display);font-size:clamp(3.25rem,7vw,6.8rem);font-weight:950;letter-spacing:-.045em;line-height:.98}.hero-line{display:block;width:max-content;max-width:100%;text-wrap:balance}.hero-word{color:var(--tomato)}.hero-lede{max-width:40rem;margin:1.45rem 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:999px;padding:.75rem 1.15rem;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button.primary{background:var(--ink);color:var(--cream);box-shadow:6px 6px 0 var(--tomato)}.button.secondary{background:var(--cream);color:var(--ink);box-shadow:6px 6px 0 var(--lime)}.button:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 currentColor}.hero-object{position:relative;min-height:520px}.agent-card{position:absolute;inset:7% 0 auto auto;width:min(100%,430px);border:2px solid var(--ink);border-radius:2rem;background:var(--cream);box-shadow:18px 18px 0 var(--ink);transform:rotate(2deg)}.agent-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:.95rem 1.1rem;font-family:var(--font-code);font-size:.82rem;font-weight:800}.window-dots{display:flex;gap:.42rem}.window-dots span{width:.75rem;height:.75rem;border:1.5px solid var(--ink);border-radius:999px}.window-dots span:nth-child(1){background:var(--tomato)}.window-dots span:nth-child(2){background:var(--lime)}.window-dots span:nth-child(3){background:var(--blue)}.agent-card-body{padding:1.25rem}.agent-face{display:grid;aspect-ratio:1.25;place-items:center;border:2px solid var(--ink);border-radius:1.3rem;background:radial-gradient(circle at 30% 34%,var(--ink) 0 .55rem,transparent .58rem),radial-gradient(circle at 68% 34%,var(--ink) 0 .55rem,transparent .58rem),linear-gradient(135deg,var(--lime),oklch(.92 .12 120))}.agent-mouth{width:34%;height:1.2rem;margin-top:4.2rem;border:2px solid var(--ink);border-top:0;border-radius:0 0 999px 999px}.signal-list{display:grid;gap:.7rem;margin-top:1rem}.signal-row{display:grid;align-items:center;gap:.8rem;grid-template-columns:5.5rem 1fr auto;color:var(--ink-soft);font-family:var(--font-code);font-size:.72rem;font-weight:800}.signal-bar{height:.72rem;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper-deep);overflow:hidden}.signal-bar span{display:block;height:100%;border-radius:inherit;background:var(--tomato)}.floating-label{position:absolute;border:2px solid var(--ink);background:var(--blue);color:var(--cream);box-shadow:7px 7px 0 var(--ink);font-family:var(--font-code);font-size:.76rem;font-weight:900}.floating-label.one{left:0;top:0;transform:rotate(-8deg);padding:.7rem .85rem}.floating-label.two{right:8%;bottom:4%;transform:rotate(7deg);background:var(--tomato);padding:.75rem .95rem}.section{padding:clamp(4rem,8vw,7rem) 0}.section-header{position:relative;display:grid;align-items:end;gap:clamp(1.2rem,3vw,2.4rem);margin-bottom:clamp(2.4rem,5vw,4rem);grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr)}.section-kicker{margin:0 0 .65rem;color:var(--tomato);font-family:var(--font-code);font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.section-title{max-width:780px;margin:0;font-family:var(--font-display);font-size:clamp(2.35rem,4.6vw,5.1rem);font-weight:950;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.section-copy{max-width:36rem;margin:0;border:2px solid var(--ink);border-radius:1.35rem;background:color-mix(in oklch,var(--cream),transparent 8%);box-shadow:6px 6px 0 var(--ink);padding:clamp(1rem,2vw,1.25rem);color:var(--ink-soft);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.68}.featured-grid{display:grid;gap:1.25rem}.project-card{position:relative;display:grid;min-height:430px;border:2px solid var(--ink);border-radius:2.2rem;background:var(--cream);box-shadow:10px 10px 0 var(--ink);overflow:hidden;grid-template-columns:.9fr 1.1fr;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translate(-3px,-3px);box-shadow:15px 15px 0 var(--ink)}.project-card:nth-child(2n){grid-template-columns:1.1fr .9fr}.project-card:nth-child(2n) .project-visual{order:2}.project-visual{position:relative;display:grid;min-height:100%;place-items:center;border-right:2px solid var(--ink);background:var(--paper-deep)}.project-card:nth-child(2n) .project-visual{border-right:0;border-left:2px solid var(--ink)}.project-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}.project-tag{width:fit-content;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklch,var(--paper),white 26%);padding:.45rem .75rem;color:var(--ink-soft);font-family:var(--font-code);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.project-title{margin:1.1rem 0 0;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.2rem);font-weight:950;letter-spacing:-.07em;line-height:.92}.project-copy{margin:1.15rem 0 0;color:var(--ink-soft);font-size:1rem;line-height:1.75}.project-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.4rem 0 0;padding:0;list-style:none}.project-meta li{border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:.5rem .7rem;color:var(--ink-soft);font-size:.86rem;font-weight:800}.project-link{width:fit-content;margin-top:1.5rem;color:var(--blue);font-weight:950;text-decoration:underline;text-decoration-thickness:.14em;text-underline-offset:.28em}.blueprint{width:min(78%,360px);border:2px solid var(--ink);border-radius:1.3rem;background:linear-gradient(90deg,oklch(1 0 0 / .12) 1px,transparent 1px),linear-gradient(180deg,oklch(1 0 0 / .12) 1px,transparent 1px),var(--blue);background-size:20px 20px;color:var(--cream);box-shadow:9px 9px 0 var(--ink);padding:1rem;transform:rotate(-4deg)}.blueprint pre{margin:0;white-space:pre-wrap;font-family:var(--font-code);font-size:clamp(.7rem,1.3vw,.88rem);line-height:1.55}.aibubu-showcase{position:relative;width:min(84%,390px);min-height:340px}.aibubu-window{border:2px solid var(--ink);border-radius:1.35rem;background:oklch(.98 .012 260);box-shadow:10px 10px 0 var(--ink);overflow:hidden;transform:rotate(-3deg)}.aibubu-window-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);background:var(--cream);padding:.7rem .85rem;font-family:var(--font-code);font-size:.74rem;font-weight:900}.aibubu-window img{display:block;width:100%;height:auto;max-height:270px;object-fit:cover;object-position:top}.aibubu-pet-strip{position:absolute;left:-1.2rem;bottom:.65rem;display:flex;align-items:end;gap:.25rem;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:6px 6px 0 var(--ink);padding:.55rem .7rem}.aibubu-pet-strip img{width:2.65rem;height:2.65rem;image-rendering:pixelated}.aibubu-showcase .steps{right:-.75rem;bottom:1.15rem;z-index:1;background:var(--tomato);color:var(--cream);transform:rotate(4deg)}.pet-track{position:relative;width:min(78%,360px);aspect-ratio:1;border:2px solid var(--ink);border-radius:999px;background:conic-gradient(from -30deg,var(--tomato),var(--lime),var(--blue),var(--tomato));box-shadow:9px 9px 0 var(--ink)}.pet-track:before{position:absolute;inset:18%;border:2px solid var(--ink);border-radius:inherit;background:var(--cream);content:""}.pet{position:absolute;left:53%;top:5%;display:grid;width:5.4rem;height:4.8rem;place-items:center;border:2px solid var(--ink);border-radius:48% 52% 42% 58%;background:var(--lime);box-shadow:5px 5px 0 var(--ink);font-size:1.4rem;font-weight:950}.steps{position:absolute;inset:auto 16% 17% auto;border:2px solid var(--ink);background:var(--cream);padding:.65rem .8rem;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-code);font-weight:900}.hitcv-visual{position:relative;width:min(84%,390px);min-height:330px}.hitcv-resume{position:absolute;left:.2rem;top:1.35rem;width:66%;min-height:270px;border:2px solid var(--ink);border-radius:1.25rem;background:var(--cream);box-shadow:8px 8px 0 var(--blue);padding:1.25rem;transform:rotate(6deg)}.hitcv-resume-title{margin-bottom:1.2rem;color:var(--blue);font-family:var(--font-display);font-size:1.05rem;font-weight:950;letter-spacing:-.03em}.resume-line{height:.58rem;margin-bottom:.7rem;border-radius:999px;background:var(--line)}.resume-line.short{width:55%}.resume-line.hot{background:var(--tomato)}.resume-line.good{background:var(--blue)}.hitcv-bullets{display:grid;gap:.62rem;margin-top:1.15rem}.hitcv-bullets span{position:relative;display:block;height:.62rem;margin-left:1.15rem;border-radius:999px;background:color-mix(in oklch,var(--blue),white 72%)}.hitcv-bullets span:before{position:absolute;left:-1.05rem;top:50%;width:.42rem;height:.42rem;transform:translateY(-50%);border-radius:999px;background:var(--blue);content:""}.match-card{position:absolute;right:0;bottom:1.3rem;width:52%;border:2px solid var(--ink);border-radius:1rem;background:var(--cream);box-shadow:7px 7px 0 var(--ink);padding:1rem;transform:rotate(-3deg)}.score-ring{display:grid;width:4.4rem;height:4.4rem;place-items:center;border:.55rem solid var(--lime);border-radius:999px;background:var(--cream);color:var(--blue);font-family:var(--font-display);font-size:1.25rem;font-weight:950;box-shadow:inset 0 0 0 2px var(--ink)}.match-card strong{display:block;margin-top:.8rem;color:var(--blue);font-size:.78rem;line-height:1.35}.match-list{display:grid;gap:.4rem;margin:.75rem 0 0;padding:0;color:var(--ink-soft);font-size:.72rem;font-weight:850}.match-list span:before{margin-right:.35rem;color:var(--lime);content:"✓"}.hitcv-icon{position:absolute;display:grid;width:3.3rem;height:3.3rem;place-items:center;border:2px solid var(--ink);border-radius:999px;background:color-mix(in oklch,var(--blue),white 72%);color:var(--blue);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-display);font-size:1.35rem;font-weight:950}.hitcv-icon.chart{right:25%;top:0;transform:rotate(-8deg)}.hitcv-icon.shield{right:2%;top:54%;transform:rotate(7deg)}.labs{background:var(--ink);color:var(--cream)}.labs .section-kicker{color:#e8cd9d}.labs .section-copy{border-color:#ffffff3d;background:#ffffff12;box-shadow:6px 6px #00000059;color:#e7d5b7}.experiment-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-card{min-height:260px;border:2px solid oklch(1 0 0 / .22);border-radius:1.8rem;background:radial-gradient(circle at 12% 12%,oklch(.8 .16 138 / .18),transparent 12rem),#fff1;padding:clamp(1.35rem,3vw,2rem);transition:transform .18s ease,background .18s ease}.experiment-card:hover{transform:translateY(-4px);background:#ffffff1a}.experiment-card h3{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.055em;line-height:.95}.experiment-card p{max-width:28rem;margin:1.15rem 0 0;color:#d9d0bf;font-size:1rem;line-height:1.72}.experiment-card a{display:inline-flex;margin-top:1.2rem;color:var(--lime);font-weight:900}.about-grid{display:grid;gap:1.25rem;grid-template-columns:1fr 1.25fr}.manifesto{border:2px solid var(--ink);border-radius:2rem;background:var(--tomato);color:var(--cream);box-shadow:10px 10px 0 var(--ink);padding:clamp(1.5rem,4vw,2.5rem)}.manifesto p{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.1rem);font-weight:950;letter-spacing:-.07em;line-height:.96}.principles{display:grid;gap:1rem}.principle{border:2px solid var(--ink);border-radius:1.5rem;background:var(--cream);padding:1.2rem}.principle span{color:var(--tomato);font-family:var(--font-code);font-size:.78rem;font-weight:900}.principle h3{margin:.45rem 0 0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.04em}.principle p{margin:.7rem 0 0;color:var(--ink-soft);line-height:1.7}.closing{padding:clamp(4rem,8vw,7rem) 0}.closing-panel{position:relative;border:2px solid var(--ink);border-radius:2.5rem;background:var(--lime);box-shadow:14px 14px 0 var(--ink);padding:clamp(2rem,6vw,4.5rem);overflow:hidden}.closing-panel:after{position:absolute;right:-4rem;bottom:-6rem;width:18rem;height:18rem;border:2px solid var(--ink);border-radius:999px;background:#ffffff38;content:""}.closing-panel h2{position:relative;max-width:12ch;margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,6.3rem);font-weight:950;letter-spacing:-.08em;line-height:.9}.closing-panel p{position:relative;max-width:44rem;margin:1.3rem 0 0;color:var(--ink-soft);font-size:1.1rem;line-height:1.72}.site-footer{border-top:2px solid var(--ink);padding:2.2rem 0;color:var(--ink-soft);font-size:.92rem;font-weight:700}.footer-grid{display:grid;align-items:end;gap:1rem;grid-template-columns:1fr auto}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.7rem}.social-platforms{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.85rem}.social-card{display:grid;min-width:7.25rem;justify-items:center;gap:.5rem;border:2px solid var(--ink);border-radius:1rem;background:var(--cream);box-shadow:5px 5px 0 var(--ink);padding:.7rem;color:var(--ink);font-size:.82rem;font-weight:950;text-align:center}.social-card img{width:5.6rem;height:5.6rem;border-radius:.55rem;object-fit:cover}.social-link{align-content:center;min-height:7.55rem;transition:transform .18s ease,box-shadow .18s ease}.social-link:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.social-x{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--cream);font-family:var(--font-display);font-size:1.4rem;font-weight:950}@media(max-width:900px){.nav-links{display:none}.hero-grid,.section-header,.about-grid{grid-template-columns:1fr}.hero-object{min-height:420px}.agent-card{left:1rem;right:1rem;width:auto}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-visual{order:0}.project-visual,.project-card:nth-child(2n) .project-visual{min-height:300px;border-right:0;border-left:0;border-bottom:2px solid var(--ink)}.experiment-grid{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:clamp(3.2rem,20vw,5rem)}.hero-actions,.footer-grid{align-items:stretch;grid-template-columns:1fr}.social-platforms{justify-content:stretch}.social-card{flex:1 1 8rem}.button{width:100%}.signal-row{grid-template-columns:1fr}.project-card{border-radius:1.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}