:root{--bg:#060913;--bg-2:#0a1020;--panel:#ffffff0b;--line:#ffffff17;--text:#b4c0d9;--white:#f3f6ff;--muted:#8190ad;--cyan:#22d3ee;--violet:#8b5cf6;--pink:#e879f9;--grad:linear-gradient(120deg, #22d3ee 0%, #8b5cf6 58%, #e879f9 100%);--paper:#f4f6fb;--ink:#0b1226;--ink-2:#3a4560;--radius:18px;--maxw:1200px;--f-display:var(--font-display), system-ui, sans-serif;--f-body:var(--font-body), system-ui, sans-serif;--f-mono:var(--font-mono), ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:90px}body{font:400 1.0625rem/1.7 var(--f-body);color:var(--text);background:var(--bg);margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--f-display);letter-spacing:-.025em;color:var(--white);margin:0 0 .5em;font-weight:700;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,4.9rem)}h2{font-size:clamp(1.9rem,3.8vw,3.1rem)}h3{letter-spacing:-.015em;font-size:clamp(1.2rem,1.8vw,1.45rem)}p{margin:0 0 1.1em}.container{width:min(var(--maxw), 100% - 2.5rem);margin-inline:auto}.narrow{width:min(800px,100% - 2.5rem);margin-inline:auto}.section{padding:clamp(4rem,9vw,7.5rem) 0;position:relative}.section.light{background:var(--paper);color:var(--ink-2)}.section.light h2,.section.light h3{color:var(--ink)}.section.alt{background:var(--bg-2);border-block:1px solid var(--line)}.mono{font-family:var(--f-mono)}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.kicker{font:500 .82rem var(--f-mono);letter-spacing:.04em;color:var(--cyan);margin-bottom:1rem;display:inline-block}.light .kicker{color:#0b86a3}.lead{color:var(--muted);max-width:60ch;font-size:clamp(1.08rem,1.5vw,1.28rem)}.light .lead{color:#56617d}.center{text-align:center}.center .lead{margin-inline:auto}.btn{font:600 .95rem var(--f-display);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.6rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-grad{background:var(--grad);color:#05070f;box-shadow:0 10px 30px -10px #8b5cf6b3}.btn-grad:hover{box-shadow:0 14px 36px -10px #22d3eeb3}.btn-ghost{color:var(--white);background:#ffffff0a;border-color:#ffffff38}.btn-ghost:hover{border-color:var(--cyan)}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#1c2a52}.arrow{font:600 .92rem var(--f-display);color:var(--cyan);gap:.4rem;text-decoration:none;display:inline-flex}.light .arrow{color:#0b86a3}.arrow:after{content:"→";transition:transform .2s}.arrow:hover:after{transform:translate(4px)}.site-header{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:fixed;inset:0 0 auto}.site-header.scrolled{backdrop-filter:blur(14px);border-color:var(--line);background:#060913d1}.site-header .container{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.brand{color:var(--white);font:700 1.25rem var(--f-display);letter-spacing:-.02em;align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand svg{width:36px;height:36px}.brand span{color:var(--muted);font-weight:500}.nav{align-items:center;gap:1.8rem;display:flex}.nav a{color:#cbd5ea;font:500 .95rem var(--f-display);padding:.3rem 0;text-decoration:none;position:relative}.nav a:not(.btn):after{content:"";background:var(--grad);height:2px;transition:right .25s;position:absolute;bottom:-2px;left:0;right:100%}.nav a:not(.btn):hover:after,.nav a[aria-current=page]:after{right:0}.nav a:hover{color:#fff}.nav .btn{color:#05070f;padding:.6rem 1.2rem;font-size:.9rem}.menu-toggle{color:#fff;cursor:pointer;z-index:70;background:0 0;border:0;padding:.4rem;display:none;position:relative}.menu-toggle svg{width:30px;height:30px}@media (width<=960px){.menu-toggle{display:block}.nav{z-index:60;border-left:1px solid var(--line);background:#090e1c;flex-direction:column;align-items:flex-start;gap:1.2rem;width:min(330px,86vw);padding:6rem 2rem 2rem;transition:transform .3s;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-20px 0 40px #0009}.nav.open{transform:none}.nav a{font-size:1.15rem}}.hero{isolation:isolate;padding:clamp(8rem,14vw,11rem) 0 clamp(4rem,8vw,7rem);position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(60% 55% at 78% 30%,#8b5cf652,#0000 70%),radial-gradient(45% 50% at 12% 85%,#22d3ee33,#0000 70%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000 85%)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=960px){.hero-grid{grid-template-columns:1fr}}.hero h1{max-width:14ch}.hero .sub{color:#9cabc8;max-width:52ch;margin-bottom:2rem;font-size:clamp(1.1rem,1.7vw,1.35rem)}.cta-row{flex-wrap:wrap;gap:.9rem;display:flex}.term{border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(8px);background:#0a1020cc;overflow:hidden;box-shadow:0 40px 80px -30px #000c,0 0 0 1px #8b5cf626,0 0 60px -10px #8b5cf659}.term-bar{border-bottom:1px solid var(--line);background:#ffffff08;align-items:center;gap:.45rem;padding:.8rem 1rem;display:flex}.term-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.term-bar span{font:500 .78rem var(--f-mono);color:var(--muted);margin-left:.6rem}.term-body{font:500 .95rem/2 var(--f-mono);color:#cfe0ff;min-height:21rem;padding:1.3rem 1.4rem 1.6rem}.ln{white-space:nowrap;width:0;animation:type .8s steps(var(--n,20), end) forwards;animation-delay:var(--d,0s);border-right:.6em solid #0000;display:block;overflow:hidden}.ln .ok{color:#34d399}.ln .pr{color:var(--cyan)}.ln .dim{color:var(--muted)}.cursor{background:var(--cyan);vertical-align:-.2em;width:.6em;height:1.1em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes type{to{width:calc(var(--n,20) * 1ch + .6em)}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ln{width:auto;animation:none}.cursor{animation:none}}.chips-float{flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;display:flex}.chips-float span{font:500 .78rem var(--f-mono);border:1px solid var(--line);background:var(--panel);color:#9fb0d0;border-radius:999px;padding:.35rem .7rem}.page-head{isolation:isolate;padding:clamp(8rem,13vw,10rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.page-head:before{content:"";z-index:-2;background:radial-gradient(50% 80% at 85% 0,#8b5cf64d,#0000 70%),radial-gradient(40% 60% at 5% 100%,#22d3ee29,#0000 70%);position:absolute;inset:0}.page-head:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.page-head h1{max-width:20ch;margin:0;font-size:clamp(2.3rem,5vw,4rem)}.page-head p{color:#9cabc8;max-width:62ch;margin:1.1rem 0 0;font-size:1.15rem}.crumbs{font:500 .82rem var(--f-mono);color:var(--muted);margin-bottom:1.2rem}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--cyan)}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:scroll var(--secs,40s) linear infinite;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{flex-shrink:0;gap:1rem;margin:0;padding-left:0;padding-right:1rem;list-style:none;display:flex}.marquee-group li{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:168px;height:88px;padding:.7rem 1rem;display:flex;overflow:hidden}.marquee-group img{object-fit:contain;filter:grayscale();opacity:.72;width:auto;max-width:100%;height:auto;max-height:54px;transition:filter .3s,opacity .3s}.marquee-group li:hover img{filter:none;opacity:1}@keyframes scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.marquee-group[aria-hidden=true]{display:none}}.bento{grid-template-columns:repeat(6,1fr);gap:1.2rem;display:grid}.bento .svc:first-child,.bento .svc:nth-child(2){grid-column:span 3}.bento .svc:nth-child(n+3){grid-column:span 2}@media (width<=900px){.bento .svc,.bento .svc:nth-child(n){grid-column:span 6}}.svc{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:.5rem;padding:1.8rem;text-decoration:none;transition:transform .3s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.svc:before{content:"";opacity:0;background:radial-gradient(60% 80% at 100% 0,#8b5cf638,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.svc:hover{border-color:#22d3ee80;transform:translateY(-5px)}.svc:hover:before{opacity:1}.svc>*{position:relative}.svc .ico{border:1px solid var(--line);background:linear-gradient(135deg,#22d3ee2e,#8b5cf640);border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:.8rem;display:grid}.svc .ico svg{fill:none;width:26px;height:26px;stroke:var(--cyan);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.svc h3{margin:0}.svc p{color:var(--muted);margin:0;font-size:.98rem}.svc .arrow{margin-top:auto;padding-top:1rem}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-top:2.2rem;display:grid}.stat b{font:700 clamp(2.4rem, 4.5vw, 3.6rem)/1 var(--f-display);display:block}.stat span{color:var(--muted);font-size:.9rem}.split{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}@media (width<=860px){.split{grid-template-columns:1fr}}.principles{gap:1rem;display:grid}.pr-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem 1.5rem;display:grid}.pr-card .n{font:500 .9rem var(--f-mono);color:var(--cyan);padding-top:.2rem}.pr-card h3{margin:0 0 .3rem;font-size:1.15rem}.pr-card p{color:var(--muted);margin:0;font-size:.96rem}.works{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem;display:grid}.work{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.work:hover{border-color:#22d3ee73;transform:translateY(-5px)}.work-img{aspect-ratio:16/10;background:#0f1730;display:block;overflow:hidden}.work-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s}.work:hover .work-img img{transform:scale(1.05)}.work-body{flex-direction:column;flex:1;gap:.35rem;padding:1.3rem 1.4rem 1.5rem;display:flex}.work h3{margin:.2rem 0 .1rem;font-size:1.2rem}.work p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.93rem;display:-webkit-box;overflow:hidden}.work .arrow{margin-top:auto;padding-top:.8rem}.tag{font:500 .72rem var(--f-mono);color:var(--cyan);background:#22d3ee12;border:1px solid #22d3ee59;border-radius:999px;align-self:flex-start;padding:.18rem .6rem}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.filters button{font:500 .82rem var(--f-mono);color:#b4c0d9;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.45rem .95rem}.filters button:hover{border-color:var(--cyan)}.filters button.on{background:var(--grad);color:#05070f;border-color:#0000}.work.hide{display:none}.articles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem;display:grid}.art{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.art:hover{border-color:#8b5cf699;transform:translateY(-5px)}.light .art{background:#fff;border-color:#e3e8f3}.art .ph{aspect-ratio:16/9;background:#fff;overflow:hidden}.art .ph img{object-fit:cover;width:100%;height:100%}.art .b{flex-direction:column;flex:1;gap:.4rem;padding:1.2rem 1.3rem 1.4rem;display:flex}.art time{font:500 .78rem var(--f-mono);color:var(--muted)}.art h3{margin:0;font-size:1.15rem}.art p{color:var(--muted);margin:0;font-size:.94rem}.light .art p{color:#56617d}.prose{color:var(--ink-2);font-size:1.08rem}.prose h2{color:var(--ink);margin-top:2.2rem;font-size:1.9rem}.prose h3{color:var(--ink);margin-top:1.8rem}.prose a{color:#0b7fa0;font-weight:600}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-bottom:.45rem}.prose img{border-radius:12px;margin:1.5rem 0}.prose blockquote{border-left:4px solid var(--violet);color:#3a4560;background:#fff;border-radius:0 10px 10px 0;margin:1.5rem 0;padding:.2rem 1.2rem}.prose pre{color:#d7e3ff;font:500 .88rem/1.6 var(--f-mono);background:#0b1226;border-radius:12px;padding:1.1rem 1.3rem;overflow-x:auto}.prose code{font-family:var(--f-mono);background:#e8ecf6;border-radius:5px;padding:.1em .35em;font-size:.9em}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin:1.4rem 0;font-size:.97rem;overflow:hidden}.prose th{background:var(--ink);color:#fff;text-align:left;padding:.7rem 1rem}.prose td{vertical-align:top;border-top:1px solid #e6ebf5;padding:.7rem 1rem}.prose td:first-child{white-space:nowrap;color:var(--ink);font-weight:600}.cover{border-radius:var(--radius);object-fit:cover;background:#fff;width:100%;max-height:420px;box-shadow:0 20px 50px -25px #0b122680}.aside{gap:1rem;display:grid;position:sticky;top:100px}.side-card{border-radius:var(--radius);background:#fff;border:1px solid #e3e8f3;padding:1.4rem}.side-card h4{font:600 .8rem var(--f-mono);color:#56617d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.8rem}.side-card ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.side-card a{color:var(--ink);font-weight:600;text-decoration:none}.side-card a:hover,.side-card a[aria-current=page]{color:#0b86a3}.layout-2{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}@media (width<=960px){.layout-2{grid-template-columns:1fr}.aside{position:static}}.timeline{color:var(--text);border-left:2px solid #ffffff1f;padding-left:2rem}.timeline h3{font:500 .85rem var(--f-mono);color:var(--cyan);letter-spacing:.03em;margin:2rem 0 .4rem;position:relative}.timeline h3:before{content:"";background:var(--grad);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:.25rem;left:-2.62rem}.timeline p strong{font:700 1.4rem var(--f-display);color:var(--white);letter-spacing:-.02em}.timeline p{max-width:70ch}.contact-wrap{isolation:isolate;position:relative;overflow:hidden}.contact-wrap:before{content:"";z-index:-1;background:radial-gradient(50% 70% at 90% 10%,#8b5cf64d,#0000 70%),radial-gradient(40% 60% at 0 100%,#22d3ee2e,#0000 70%);position:absolute;inset:0}.form-card{border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);background:#ffffff0d;padding:clamp(1.4rem,3vw,2.3rem)}.form-grid{grid-template-columns:1fr 1fr;gap:1rem 1.2rem;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}label{font:500 .8rem var(--f-mono);color:#9fb0d0;letter-spacing:.02em;gap:.4rem;display:grid}input,select,textarea{font:500 1rem var(--f-body);color:var(--white);background:#060913b3;border:1px solid #ffffff29;border-radius:12px;width:100%;padding:.85rem 1rem}select option{color:#111}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 4px #22d3ee33}.hp{position:absolute;left:-9999px}.alert{color:#fecaca;background:#ef444424;border:1px solid #ef444466;border-radius:12px;margin-bottom:1.2rem;padding:.9rem 1.1rem}.info-list{gap:1rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.info-list li{align-items:center;gap:.9rem;display:flex}.info-list svg{width:24px;height:24px;stroke:var(--cyan);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.info-list a{color:var(--white);font-weight:600;text-decoration:none}.info-list a:hover{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#04060e;padding:4rem 0 1.8rem;font-size:.95rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;display:grid}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}}.site-footer h4{font:600 .78rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--white);margin-bottom:1rem}.site-footer ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-top:2.5rem;padding-top:1.4rem;font-size:.84rem;display:flex}dialog#lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}dialog#lightbox::backdrop{background:#03050cf2}.lb{place-items:center;width:100%;height:100%;padding:3.5rem 1rem 4.5rem;display:grid;position:relative}.lb img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.lb button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:48px;height:48px;font-size:1.5rem;position:absolute}.lb button:hover{background:var(--violet)}.lb .close{top:1rem;right:1rem}.lb .prev{top:50%;left:1rem}.lb .next{top:50%;right:1rem}.lb .cap{text-align:center;color:#dfe8fb;padding:0 4rem;position:absolute;bottom:1.2rem;left:0;right:0}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[hidden]{display:none!important}.art .ph-empty{background:linear-gradient(135deg,#0f1b3d,#2a1a6b 60%,#5b2a8c)}