:root{--font-display:"Syne", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-serif:"Instrument Serif", serif;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-snap:cubic-bezier(0.83, 0, 0.17, 1);--pad:clamp(1.25rem, 4vw, 4rem)}:root,html[data-theme=phosphor]{--bg:#060807;--bg-raise:#0b0f0c;--ink:#e9f0e4;--ink-dim:#8a978a;--ink-faint:#4a554b;--accent:#c8f542;--accent-soft:rgba(200, 245, 66, 0.12);--line:rgba(233, 240, 228, 0.08);--line-strong:rgba(233, 240, 228, 0.16);--scene-c:#3ec9a7;--scene-mode:add;--noise-opacity:0.05}html[data-theme=matte]{--bg:#161614;--bg-raise:#1d1d1a;--ink:#eae7e0;--ink-dim:#9a958a;--ink-faint:#5b574e;--accent:#d6a35c;--accent-soft:rgba(214, 163, 92, 0.12);--line:rgba(234, 231, 224, 0.08);--line-strong:rgba(234, 231, 224, 0.17);--scene-c:#8a6f4d;--scene-mode:add;--noise-opacity:0.06}html[data-theme=midnight]{--bg:#05070f;--bg-raise:#0a0e1c;--ink:#e6ecff;--ink-dim:#8b94b5;--ink-faint:#485173;--accent:#5cc8ff;--accent-soft:rgba(92, 200, 255, 0.12);--line:rgba(230, 236, 255, 0.08);--line-strong:rgba(230, 236, 255, 0.17);--scene-c:#7c5cff;--scene-mode:add;--noise-opacity:0.05}html[data-theme=paper]{--bg:#f1ede4;--bg-raise:#e8e3d6;--ink:#1b1d17;--ink-dim:#585d51;--ink-faint:#8f947f;--accent:#5a7a2e;--accent-soft:rgba(90, 122, 46, 0.12);--line:rgba(27, 29, 23, 0.12);--line-strong:rgba(27, 29, 23, 0.24);--scene-c:#a04b22;--scene-mode:normal;--noise-opacity:0.08}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;cursor:none;transition:background .5s,color .5s}@media(hover:none),(max-width:768px){body{cursor:auto}.cursor{display:none}}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3{overflow-wrap:break-word}.mono{font-family:var(--font-mono);font-weight:400;letter-spacing:.02em}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400}a{color:inherit;text-decoration:none}ul{list-style:none}.noise{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:2000;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10)infinite}@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.wipe{position:fixed;inset:0;z-index:5000;pointer-events:none}.wipe span{position:absolute;inset:-1px;transform:translateY(102%)}.wipe span:first-child{background:var(--accent);transition:transform .55s var(--ease-snap)}.wipe span:last-child{background:var(--bg);transition:transform .55s var(--ease-snap).09s}body.is-leaving .wipe span{transform:translateY(0)}html.wipe-in .wipe span{transform:translateY(0);transition:none}html.wipe-in.wipe-out .wipe span{transform:translateY(-102%);transition:transform .65s var(--ease-snap)}html.wipe-in.wipe-out .wipe span:first-child{transition-delay:.09s}.cursor{position:fixed;top:0;left:0;z-index:3000;pointer-events:none}.cursor-dot{position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.cursor-ring{position:absolute;top:-18px;left:-18px;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);opacity:.55;transition:transform .25s var(--ease-out),opacity .25s}.cursor.is-hover .cursor-ring{transform:scale(1.8);opacity:.9;background:var(--accent-soft)}.cursor.is-down .cursor-ring{transform:scale(.7)}.preloader{position:fixed;inset:0;z-index:4000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .7s var(--ease-out),visibility .7s}.preloader.is-done{opacity:0;visibility:hidden}.preloader-inner{display:flex;flex-direction:column;gap:1.5rem;min-width:min(420px,80vw)}.preloader-glyph{color:var(--accent);font-size:2rem;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.92)}}.preloader-lines{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--ink-dim)}.pl-line{opacity:0;transform:translateY(8px);animation:pl-in .4s var(--ease-out)forwards;white-space:pre}.pl-line em{font-style:normal;color:var(--accent)}.pl-line:nth-child(1){animation-delay:.15s}.pl-line:nth-child(2){animation-delay:.45s}.pl-line:nth-child(3){animation-delay:.75s}.pl-line:nth-child(4){animation-delay:1.05s}@keyframes pl-in{to{opacity:1;transform:none}}.preloader-bar{height:1px;background:var(--line-strong);overflow:hidden}.preloader-bar span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:pl-bar 1.5s var(--ease-snap).1s forwards}@keyframes pl-bar{to{transform:scaleX(1)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--pad);transition:background .4s,border-color .4s,padding .4s;border-bottom:1px solid transparent}.nav.is-scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(14px);border-bottom-color:var(--line);padding-block:.75rem}.nav-brand{font-size:1rem;color:var(--ink);display:inline-flex;gap:.5rem;align-items:center}.brand-mark{color:var(--accent)}.blink{animation:blink 1.1s steps(2)infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:.78rem}.nav-links a{color:var(--ink-dim);transition:color .3s;position:relative}.nav-links a:hover{color:var(--ink)}.nav-idx{color:var(--accent);font-size:.65rem;vertical-align:super;margin-right:.2em}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-cta{font-size:.75rem;color:var(--ink);border:1px solid var(--line-strong);padding:.5rem 1rem;border-radius:99px;display:inline-flex;align-items:center;gap:.5rem;transition:border-color .3s,background .3s,color .3s;white-space:nowrap}.nav-cta:hover{border-color:var(--accent);background:var(--accent-soft)}.cta-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2s ease-in-out infinite}.theme-btn{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim);background:0 0;border:1px solid var(--line-strong);border-radius:99px;padding:.5rem .9rem;display:inline-flex;align-items:center;gap:.5rem;cursor:none;letter-spacing:.04em;transition:border-color .3s,color .3s}@media(hover:none),(max-width:768px){.theme-btn{cursor:pointer}}.theme-btn:hover{border-color:var(--accent);color:var(--ink)}.theme-swatch{width:10px;height:10px;border-radius:50%;background:var(--accent);transition:background .4s}@media(max-width:768px){.nav-links{display:none}.theme-btn .theme-name{display:none}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(6rem,14vh,9rem)var(--pad)5rem;overflow:hidden}#webgl{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-frame{position:absolute;inset:0;pointer-events:none;z-index:2}.hf{position:absolute;font-size:.68rem;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase}.hf-tl{top:5.5rem;left:var(--pad)}.hf-tr{top:5.5rem;right:var(--pad)}.hf-bl{bottom:2rem;left:var(--pad)}.hf-br{bottom:2rem;right:var(--pad)}@media(max-width:768px){.hf-tl,.hf-tr{display:none}}.hero-content{position:relative;z-index:3;max-width:1200px}.hero-kicker{display:flex;align-items:center;gap:1rem;font-size:.78rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.5rem}.kicker-rule{width:3rem;height:1px;background:var(--accent);display:inline-block;flex-shrink:0}.hero-title{font-size:clamp(2.6rem,11vw,10rem);font-weight:800;line-height:.92;letter-spacing:-.03em;text-transform:uppercase;max-width:100%}.hero-title .line{display:block;overflow:hidden;padding-right:.06em}.line-2{margin-left:clamp(.5rem,6vw,7rem)}.word{white-space:nowrap}.word-outline{color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-title .char{display:inline-block;transform:translateY(115%)rotate(4deg);transition:transform .9s var(--ease-out)}body.is-ready .hero-title .char{transform:none}.hero-sub{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2rem;margin-top:2.5rem;justify-content:space-between}.hero-tag{max-width:34rem;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--ink-dim);line-height:1.65}.hero-tag em{color:var(--ink);font-size:1.12em}.hero-meta{font-size:.75rem;color:var(--ink-faint);letter-spacing:.08em}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint)}.scroll-track{width:1px;height:48px;background:var(--line-strong);position:relative;overflow:hidden}.scroll-thumb{position:absolute;left:0;top:0;width:100%;height:40%;background:var(--accent);animation:scroll-drip 1.8s var(--ease-snap)infinite}@keyframes scroll-drip{0%{transform:translateY(-100%)}60%,100%{transform:translateY(260%)}}.reveal-up{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.reveal-up.is-in{opacity:1;transform:none}body.is-ready .hero .reveal-up{opacity:1;transform:none}.hero .reveal-up{transition-delay:.55s}.hero .hero-meta.reveal-up{transition-delay:.75s}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:1.1rem 0;background:var(--bg-raise);transform:rotate(-.6deg)scale(1.01)}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-chunk{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,2vw,1.4rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap}.marquee-chunk i{color:var(--accent);font-style:normal;font-size:.7em}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,12vw,10rem)var(--pad);position:relative}.section-head{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line);padding-bottom:1.5rem}.section-idx{color:var(--accent);font-size:.8rem;border:1px solid var(--line-strong);border-radius:99px;padding:.25rem .7rem}.section-title{font-size:clamp(1.9rem,5.5vw,4.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.section-title .sline,.case-title .sline{display:block;overflow:hidden;padding-right:.05em}.section-title .sline>span,.case-title .sline>span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease-out)}.section-title.is-in .sline>span,.case-title.is-in .sline>span{transform:none}.section-note{margin-left:auto;font-size:.72rem;color:var(--ink-faint)}.section-note a{color:var(--ink-dim);border-bottom:1px solid var(--line-strong);transition:color .3s,border-color .3s}.section-note a:hover{color:var(--accent);border-color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,6vw,6rem)}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.lede{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:2rem}.lede em{color:var(--accent);font-weight:400}.body-text{color:var(--ink-dim);max-width:38rem;margin-bottom:1.4rem;font-size:1.02rem}.body-text strong{color:var(--ink);font-weight:600}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);align-self:start}.stat{background:var(--bg);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;transition:background .4s}.stat:hover{background:var(--bg-raise)}.stat-num{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1;color:var(--accent)}.stat-label{font-size:.7rem;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}.about-stats .stat:nth-child(2){transition-delay:.1s}.about-stats .stat:nth-child(3){transition-delay:.2s}.about-stats .stat:nth-child(4){transition-delay:.3s}.project-list{display:flex;flex-direction:column;gap:1.5rem}.project{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);border:1px solid var(--line);background:var(--bg-raise);padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;transition:border-color .4s,transform .6s var(--ease-out);opacity:0;transform:translateY(40px)}@media(max-width:860px){.project{grid-template-columns:1fr}}.project.is-in{opacity:1;transform:none;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),border-color .4s}.project:hover{border-color:var(--line-strong)}.project-glow{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--accent-soft),transparent 65%);transition:opacity .4s}.project:hover .project-glow{opacity:1}.project-left{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.project-right{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.project-top{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem}.project-idx{color:var(--accent)}.project-type{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.14em;text-align:right}.project-title{font-size:clamp(2rem,5vw,4.2rem);font-weight:800;letter-spacing:-.02em;line-height:1;overflow-wrap:anywhere;transition:color .3s}.project:hover .project-title{color:var(--accent)}.project-summary{color:var(--ink-dim);font-size:.98rem}.project-detail{color:var(--ink-faint);font-size:1.05rem}.project-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-stack li{font-size:.68rem;color:var(--ink-dim);font-family:var(--font-mono);border:1px solid var(--line-strong);border-radius:99px;padding:.28rem .75rem;letter-spacing:.04em;transition:border-color .3s,color .3s}.project:hover .project-stack li{border-color:var(--accent);color:var(--ink)}.project-cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:1rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);transition:color .3s}.project:hover .project-cta{color:var(--accent)}.project-arrow{font-size:1.3rem;line-height:1;transition:transform .4s var(--ease-out)}.project:hover .project-arrow{transform:translateX(8px)}.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:1.25rem}.cap-card{border:1px solid var(--line);padding:2rem;background:linear-gradient(165deg,var(--bg-raise),transparent 60%);transition:border-color .4s,transform .5s var(--ease-out)}.cap-card:hover{border-color:var(--accent);transform:translateY(-6px)}.cap-card.is-featured{border-color:var(--line-strong);background:linear-gradient(165deg,var(--accent-soft),transparent 70%)}.cap-card:nth-child(2){transition-delay:.08s}.cap-card:nth-child(3){transition-delay:.16s}.cap-card:nth-child(4){transition-delay:.24s}.cap-card:hover{transition-delay:0s}.cap-title{font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.cap-title .serif{color:var(--accent)}.cap-desc{color:var(--ink-dim);font-size:.92rem;margin-bottom:1.6rem}.cap-list{display:flex;flex-direction:column;gap:.55rem;font-size:.78rem;color:var(--ink-dim)}.cap-list li{padding-left:1.2rem;position:relative}.cap-list li::before{content:"▸";position:absolute;left:0;color:var(--accent)}.cap-strip{margin-top:3rem;padding:2rem;border:1px dashed var(--line-strong);text-align:center;font-size:clamp(1.1rem,2.2vw,1.6rem);color:var(--ink-dim)}.cap-strip .serif{color:var(--ink)}.contact{padding-bottom:3rem}.contact-mail{display:block;position:relative;font-size:clamp(1.5rem,5.2vw,5rem);font-weight:800;letter-spacing:-.03em;margin:clamp(2rem,6vw,4rem)0;width:fit-content;max-width:100%;overflow-wrap:anywhere;transition:color .3s}.contact-mail:hover{color:var(--accent)}.contact-mail .char{display:inline-block;transition:transform .3s var(--ease-out)}.contact-mail:hover .char{animation:char-bounce .5s var(--ease-out);animation-delay:calc(var(--ci) * .022s)}@keyframes char-bounce{35%{transform:translateY(-.14em)}}.mail-underline{position:absolute;left:0;right:0;bottom:-.08em;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-snap)}.contact-mail:hover .mail-underline{transform:scaleX(1)}.contact-links{display:flex;gap:2.5rem;flex-wrap:wrap;font-size:.85rem}.contact-links a{color:var(--ink-dim);transition:color .3s}.contact-links a:hover{color:var(--accent)}.footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(3rem,8vw,6rem);padding-top:1.5rem;border-top:1px solid var(--line);font-size:.68rem;color:var(--ink-faint);letter-spacing:.06em}@media(max-width:640px){.footer-mid{display:none}}.case{padding:clamp(7rem,16vh,10rem)var(--pad)0}.case-back{display:inline-flex;gap:.5rem;font-size:.75rem;color:var(--ink-dim);letter-spacing:.08em;margin-bottom:clamp(2rem,5vw,3.5rem);transition:color .3s}.case-back:hover{color:var(--accent)}.case-type{font-size:.75rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}.case-title{font-size:clamp(2.2rem,8.5vw,7.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;margin-bottom:1.5rem}.case-lede{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--ink-dim);max-width:44rem;line-height:1.6}.case-lede em{color:var(--ink)}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:clamp(2.5rem,6vw,4rem)0}.case-meta>div{background:var(--bg);padding:1.25rem 1.5rem}.case-meta dt{font-size:.65rem;color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}.case-meta dd{font-size:.85rem;color:var(--ink);font-family:var(--font-mono)}.case-meta dd a{border-bottom:1px solid var(--line-strong);transition:color .3s,border-color .3s}.case-meta dd a:hover{color:var(--accent);border-color:var(--accent)}.case-body{max-width:48rem;padding-bottom:clamp(4rem,8vw,6rem)}.case-body h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;margin:3rem 0 1.2rem;letter-spacing:-.01em;padding-top:1.5rem;border-top:1px solid var(--line)}.case-body h2::before{content:"▸ ";color:var(--accent)}.case-body p{color:var(--ink-dim);margin-bottom:1.2rem}.case-body strong{color:var(--ink)}.case-body em{font-family:var(--font-serif);font-style:italic;color:var(--ink)}.case-body ul{margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.5rem}.case-body ul li{color:var(--ink-dim);padding-left:1.4rem;position:relative}.case-body ul li::before{content:"▸";position:absolute;left:0;color:var(--accent)}.case-body blockquote{border-left:2px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-family:var(--font-serif);font-style:italic;font-size:1.2rem;color:var(--ink)}.case-body code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-raise);border:1px solid var(--line);padding:.1em .4em;border-radius:4px}.case-next{display:block;border-top:1px solid var(--line);padding:clamp(3rem,8vw,5rem)0;text-align:center}.case-next-label{font-size:.72rem;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase}.case-next-title{display:block;font-size:clamp(2rem,6vw,5rem);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:.8rem;transition:color .3s,letter-spacing .4s var(--ease-out)}.case-next:hover .case-next-title{color:var(--accent);letter-spacing:.01em}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal-up,.project,.section-title .sline>span,.case-title .sline>span,.hero-title .char{opacity:1;transform:none}}