:root{--paper: #eceae5;--paper-2: #f2f1ec;--surface: #f7f6f2;--ink: #1a1b1e;--ink-2: #4a4c52;--ink-3: #8a8d94;--line: #d6d4cd;--line-2: #c4c2ba;--accent: #1f3ad9;--accent-on-dark: #93a8ff;--shell: 1700px;--gutter: 48px;--font-display: "Archivo", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--ink-3)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.06;letter-spacing:-.025em;color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}.section-head .section-title{margin-top:16px}.gallery-head .section-head{margin-bottom:0}.section-head p{max-width:400px;color:var(--ink-2);font-size:14.5px;line-height:1.75}section{position:relative}.pad{padding:104px 0}.ul-draw{position:relative}.ul-draw:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.ul-draw:hover:after{transform:scaleX(1)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.nav.scrolled{background:#eceae5d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav.mobile-open{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}.nav-inner{max-width:var(--shell);margin:0 auto;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.04em;white-space:nowrap}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:4px;list-style:none}.nav-links button{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--ink-2);padding:8px 16px;border-radius:2px;transition:color .25s var(--ease)}.nav-links button:hover,.nav-links button.active{color:var(--ink)}.nav-links button.active:after{content:"";display:block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:3px auto 0}.nav-cta{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--ink);border:1px solid var(--ink);padding:10px 22px;border-radius:2px;transition:background .3s var(--ease),color .3s var(--ease)}.nav-cta:hover{background:var(--ink);color:var(--paper)}.nav-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent}.nav-menu-toggle svg{width:20px;height:20px}.mobile-navigation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:none;padding:24px var(--gutter) 40px;background:var(--paper)}.mobile-navigation.open{display:flex;flex-direction:column}.mobile-navigation-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700}.mobile-navigation-head button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink)}.mobile-navigation ul{display:grid;margin-top:24px;list-style:none}.mobile-navigation li{border-bottom:1px solid var(--line)}.mobile-navigation li button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;font-size:18px}.hero{position:relative;height:100vh;min-height:720px;overflow:hidden}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1100px 560px at 68% 28%,rgba(31,58,217,.05),transparent 62%),radial-gradient(900px 460px at 28% 74%,rgba(26,27,30,.035),transparent 62%),linear-gradient(122deg,#e9e7e2,#f2f1ec 42%,#e7e9ea);background-size:200% 200%;animation:drift 22s ease-in-out infinite}@keyframes drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-scan-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9997;pointer-events:none}.hero-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(26,27,30,.032) 0px,rgba(26,27,30,.032) 1px,transparent 1px,transparent 4px)}.hero-sweep{position:absolute;top:-180px;left:0;right:0;height:180px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);animation:sweep 7s linear 1.6s infinite}@keyframes sweep{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 180px))}}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--line);transform:scaleY(0);transform-origin:center;transition:background .3s var(--ease)}.hero.loaded .hero-grid-line{animation:growLine .5s var(--ease) both}.hero.loaded .hero-grid-line:nth-child(4){animation-delay:0s}.hero.loaded .hero-grid-line:nth-child(3),.hero.loaded .hero-grid-line:nth-child(5){animation-delay:.05s}.hero.loaded .hero-grid-line:nth-child(2),.hero.loaded .hero-grid-line:nth-child(6){animation-delay:.1s}.hero.loaded .hero-grid-line:nth-child(1),.hero.loaded .hero-grid-line:nth-child(7){animation-delay:.15s}@keyframes growLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hero-grid-line.hot{background:var(--ink-3)}.hero.exiting .hero-grid-line{animation:shrinkLine .5s var(--ease) both}.hero.exiting .hero-grid-line:nth-child(4){animation-delay:.15s}.hero.exiting .hero-grid-line:nth-child(3),.hero.exiting .hero-grid-line:nth-child(5){animation-delay:.1s}.hero.exiting .hero-grid-line:nth-child(2),.hero.exiting .hero-grid-line:nth-child(6){animation-delay:.05s}.hero.exiting .hero-grid-line:nth-child(1),.hero.exiting .hero-grid-line:nth-child(7){animation-delay:0s}@keyframes shrinkLine{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.hero-marks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mark{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%) scale(.4) rotate(-25deg);opacity:0}.hero.loaded .mark{animation:markIn .35s var(--ease) .55s both}.hero.loaded .mark:nth-child(2){animation-delay:.595s}.hero.loaded .mark:nth-child(3){animation-delay:.64s}.hero.loaded .mark:nth-child(4){animation-delay:.685s}.hero.loaded .mark:nth-child(5){animation-delay:.73s}.hero.loaded .mark:nth-child(6){animation-delay:.775s}.hero.loaded .mark:nth-child(7){animation-delay:.82s}.hero.loaded .mark:nth-child(8){animation-delay:.865s}.hero.loaded .mark:nth-child(9){animation-delay:.91s}.hero.loaded .mark:nth-child(10){animation-delay:.955s}.hero.loaded .mark:nth-child(11){animation-delay:1s}.hero.loaded .mark:nth-child(12){animation-delay:1.045s}.hero.loaded .mark:nth-child(13){animation-delay:1.09s}.hero.loaded .mark:nth-child(14){animation-delay:1.135s}@keyframes markIn{to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.hero.exiting .mark{animation:markOut .4s var(--ease) both;opacity:0}@keyframes markOut{to{opacity:0}}.mark:before,.mark:after{content:"";position:absolute;background:var(--line-2)}.mark:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.mark:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.hero-core{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-core .mask-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 560px at 68% 28%,rgba(31,58,217,.05),transparent 62%),radial-gradient(900px 460px at 28% 74%,rgba(26,27,30,.035),transparent 62%),linear-gradient(122deg,#e9e7e2,#f2f1ec 42%,#e7e9ea);background-size:200% 200%;animation:fadeIn .01s linear .35s both,bgSync 22s ease-in-out infinite}@keyframes fadeIn{to{opacity:1}}@keyframes bgSync{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-core .content{position:relative;z-index:2;text-align:center;max-width:100%;width:100%;padding:0 48px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-core .title{position:relative;font-family:Archivo,system-ui,sans-serif;font-size:clamp(4.15rem,14.95vw,14.95rem);line-height:.92;margin-bottom:44px;text-align:center}.hero-core .title-outline,.hero-core .title-solid{display:block;white-space:nowrap;overflow:visible}.hero-core .title-solid{position:absolute;top:0;left:50%;transform-origin:center;transform:translate(-50%)}.hero-core .letter{display:inline-block;transition:transform .15s ease-out,opacity .15s ease-out}.hero-core .title-outline{font-weight:180;letter-spacing:.38em;color:transparent;-webkit-text-stroke:1.2px var(--ink-2);opacity:1}.hero.loaded .hero-core .title-outline{animation:outlineConverge 1.15s var(--ease) .45s both}@keyframes outlineConverge{to{font-weight:900;letter-spacing:0;opacity:0}}.hero-core .title-solid{font-weight:180;letter-spacing:.38em;color:var(--ink);opacity:0}.hero.loaded .hero-core .title-solid{animation:solidConverge 1.15s var(--ease) .45s both}@keyframes solidConverge{0%{font-weight:180;letter-spacing:.38em;opacity:0}to{font-weight:900;letter-spacing:0;opacity:1}}.hero.exiting .hero-core .title-outline{animation:outlineDiverge .9s var(--ease) both}@keyframes outlineDiverge{to{font-weight:180;letter-spacing:.38em;opacity:1}}.hero.exiting .hero-core .title-solid{animation:solidDiverge .9s var(--ease) both}@keyframes solidDiverge{to{font-weight:180;letter-spacing:.38em;opacity:0}}.hero-core .subtitle{max-width:660px;margin:0 auto;font-size:17px;line-height:1.85;color:var(--ink-2);opacity:0}.hero.loaded .hero-core .subtitle{animation:fadeUp .6s var(--ease) 1.35s both}.hero.exiting .hero-core .subtitle{animation:fadeOut .5s var(--ease) both}@keyframes fadeOut{to{opacity:0}}.hero-start{position:absolute;bottom:18%;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink);pointer-events:auto;cursor:pointer;opacity:0}.hero.loaded .hero-start{animation:fadeUp .6s var(--ease) 2.15s both}.hero.exiting .hero-start{animation:fadeOut .5s var(--ease) both}.hero-start span{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em}.hero-start svg{transition:transform .3s var(--ease)}.hero-start:hover svg:first-child{transform:scale(1.15)}.hero-start:hover svg:last-child{transform:translateY(4px)}.hero-corners{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.hero-corners>*{pointer-events:auto}.corner-left{position:absolute;bottom:40px;left:48px;display:flex;gap:28px;opacity:0}.hero.loaded .corner-left{animation:fadeIn .5s var(--ease) 2.3s both}.hero.exiting .corner-left{animation:fadeOut .5s var(--ease) both}.corner-left a,.corner-left span{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink-2);transition:color .25s var(--ease)}.corner-left a:hover{color:var(--ink)}.corner-right{position:absolute;bottom:40px;right:48px;display:flex;flex-direction:column;align-items:flex-end;gap:14px;opacity:0}.hero.loaded .corner-right{animation:fadeIn .5s var(--ease) 2.3s both}.hero.exiting .corner-right{animation:fadeOut .5s var(--ease) both}.readout{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;display:flex;align-items:baseline;gap:8px}.readout .k{color:var(--ink-3)}.readout .v{color:var(--ink);font-weight:600}.readout .x{color:var(--ink-3)}.about-section{height:100vh;min-height:760px;padding:82px 0 24px;display:flex;align-items:center;overflow:hidden}.canvas-case-narrative{display:grid;gap:54px}.canvas-case-chapter{border-top:1px solid var(--line);padding-top:34px}.canvas-case-chapter>h3,.canvas-agent-route h3{margin:10px 0 12px;font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.16}.canvas-case-chapter>p{max-width:760px;color:var(--ink-2);font-size:16px;line-height:1.85}.canvas-case-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.canvas-case-points article{border-top:2px solid var(--accent);padding-top:12px}.canvas-case-points p,.canvas-agent-route p{margin:8px 0 0;color:var(--ink-2);font-size:14px;line-height:1.75}.canvas-agent-route{margin-top:34px;padding:28px;border:1px solid var(--line-2);background:var(--paper-2)}.canvas-agent-route ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none;counter-reset:route}.canvas-agent-route li{min-height:86px;padding:12px;border-top:1px solid var(--line);color:var(--ink-2);font-size:13px;line-height:1.55;counter-increment:route}.canvas-agent-route li:before{content:"0" counter(route);display:block;margin-bottom:8px;color:var(--accent);font-family:var(--font-mono);font-size:10px}@media (max-width: 900px){.canvas-case-points,.canvas-agent-route ol{grid-template-columns:1fr}}.about-section .shell{max-width:1280px}.about-grid{width:100%;display:grid;grid-template-columns:minmax(200px,212px) minmax(0,1fr);column-gap:42px;align-items:stretch}.about-side{min-width:0;display:flex;flex-direction:column}.about-portrait{position:relative;aspect-ratio:9 / 16;background:linear-gradient(135deg,#e2e4e8,#eceae5);border-radius:4px;overflow:hidden}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.02)}.about-portrait .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.about-portrait .ph-mark{font-family:var(--font-display);font-weight:800;font-size:1.75rem;letter-spacing:.02em;color:var(--ink);opacity:.14}.about-portrait:after{content:"PORTRAIT";position:absolute;bottom:12px;left:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-3)}.about-meta{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.about-meta .item{min-width:0;padding:9px 0 8px;border-top:1px solid var(--line)}.about-meta .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}.about-meta .v{font-size:14.5px;line-height:1.35;color:var(--ink);white-space:nowrap}.about-skills{margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.about-skills .eyebrow{font-size:11px;letter-spacing:.12em}.about-skills ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:6px;padding:0;list-style:none}.about-skills li{min-width:0;min-height:32px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-family:var(--font-body);font-size:14.5px;line-height:1.35;color:var(--ink-2);white-space:nowrap}.about-skills li:before{content:none}.about-main{min-width:0;display:flex;flex-direction:column}.about-heading{font-family:var(--font-display);font-weight:600;line-height:1.16;letter-spacing:0;color:var(--ink);margin:8px 0 14px;text-wrap:balance}.about-title-name{display:block;font-size:1.9rem}.about-title-role{display:block;margin-top:5px;font-size:1.5rem}.about-body{max-width:1040px;display:grid;gap:12px}.about-body p{color:var(--ink-2);font-size:13.5px;line-height:1.68;max-width:none;text-wrap:pretty}.about-overview-label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3);margin-bottom:5px}.about-overview-focus{font-family:var(--font-display);font-size:1.1rem!important;font-weight:600;line-height:1.3!important;color:var(--ink)!important;margin-bottom:4px}.about-overview-description{font-size:12.7px!important;line-height:1.55!important}.about-capability-grid{padding-top:11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;border-top:1px solid var(--line)}.about-capability{min-width:0}.about-capability h3{font-family:var(--font-display);font-size:.9rem;line-height:1.2;color:var(--ink);margin-bottom:3px}.about-capability p{font-size:11.8px!important;line-height:1.52!important}.experience{margin-top:auto;padding-top:18px}.exp-heading{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px;margin-bottom:12px}.exp-heading:before{content:"";width:24px;height:1px;background:var(--ink-3)}.timeline{position:relative;display:grid;gap:20px}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:127px;width:1px;background:var(--line-2)}.exp-item{display:grid;grid-template-columns:116px 24px minmax(0,1fr);padding:0}.exp-item+.exp-item{margin-top:0}.exp-item:before{content:"";display:block;grid-column:2;grid-row:1;justify-self:center;width:7px;height:7px;margin-top:4px;border:1px solid var(--ink-2);border-radius:50%;background:var(--paper);z-index:1}.exp-period{grid-column:1;grid-row:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-3);margin-top:2px}.exp-content{grid-column:3;min-width:0}.exp-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.exp-company{font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:0;color:var(--ink)}.exp-title{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink-2);margin:0}.exp-list{list-style:none;padding-left:0;display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px}.exp-list li{font-size:11.5px;line-height:1.45;color:var(--ink-2);padding-left:13px;position:relative;text-wrap:pretty}.exp-list li:before{content:"";position:absolute;left:0;top:.68em;width:6px;height:1px;background:var(--line-2)}.projects{background:var(--paper-2)}.proj-list{display:grid;gap:28px}.proj-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--surface);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:border-color .3s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}.proj-card-action{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:0;background:transparent;cursor:pointer}.proj-card-action:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.proj-card:hover{border-color:var(--line-2)}.proj-card:nth-child(2n){grid-template-columns:1fr 1fr}.proj-card:nth-child(2n) .proj-visual{order:2}.proj-visual{position:relative;aspect-ratio:16 / 11;overflow:hidden}.proj-visual .fill{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s var(--ease)}.proj-visual img,.modal-visual img{display:block;width:100%;height:100%;object-fit:cover}.proj-card:hover .proj-visual .fill{transform:scale(1.04)}.project-technical-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:64px 32px 32px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--paper);background-size:32px 32px}.project-technical-cover span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}.project-technical-cover strong{max-width:15ch;font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1.08}.proj-visual .idx{position:absolute;top:24px;left:24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;color:var(--ink-2);z-index:2}.proj-visual .cat{position:absolute;top:24px;right:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#f7f6f2cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;z-index:2}.proj-body{padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between}.proj-body .year{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--ink-3);margin-bottom:16px}.proj-body h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}.proj-body .sum{color:var(--ink-2);font-size:14.5px;line-height:1.75;margin-bottom:26px}.proj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.proj-tags span{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--ink-2);border:1px solid var(--line-2);padding:5px 12px;border-radius:2px}.proj-open{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--ink);align-self:flex-start}.proj-open .arrow{transition:transform .3s var(--ease)}.proj-open:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.proj-card:hover .proj-open:after{transform:scaleX(1)}.proj-card:hover .proj-open .arrow{transform:translate(6px)}.modal{position:fixed;inset:50% auto auto 50%;z-index:2000;width:100%;max-width:1100px;max-height:calc(100vh - 80px);padding:0;border:1px solid var(--line-2);background:transparent;transform:translate(-50%,-50%);overflow:auto}.modal::backdrop{background:#1a1b1e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-shell{position:relative;background:var(--surface);animation:modal-in .4s var(--ease)}@keyframes modal-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-visual{position:relative;aspect-ratio:21 / 9;overflow:hidden}.modal-visual .idx{position:absolute;bottom:24px;left:32px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;color:var(--ink-2)}.modal-close{position:absolute;top:20px;right:20px;z-index:3;width:44px;height:44px;border:1px solid var(--line-2);background:#f7f6f2d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.modal-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.modal-close svg{width:18px;height:18px}.modal.text-first .modal-body{padding-top:72px}.modal-body{padding:44px 44px 40px}.modal-meta{display:flex;gap:16px;align-items:center;margin-bottom:20px}.modal-meta .cat{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.modal-meta .year{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--ink-3)}.modal h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.modal-detail{font-size:15px;line-height:1.8;color:var(--ink-2);max-width:780px;margin-bottom:36px}.project-detail-section{max-width:760px;margin-top:28px}.project-detail-section h3{margin-bottom:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}.project-detail-section p,.project-detail-section li{font-size:15px;line-height:1.8;color:var(--ink-2)}.project-detail-section ul{padding-left:18px}.project-evidence{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.project-evidence-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.project-evidence-heading .eyebrow{margin:0}.project-evidence-heading h3{margin:0;font-family:var(--font-display);font-size:1.15rem;line-height:1.2;color:var(--ink)}.project-evidence-preview{margin:0 0 22px;border:1px solid var(--line-2);background:var(--paper-2)}.project-evidence-preview img{display:block;width:100%;max-height:620px;object-fit:contain;background:var(--ink)}.project-evidence-preview figcaption{display:grid;gap:4px;padding:14px 16px}.project-evidence-preview strong,.project-evidence-item figcaption strong{font-family:var(--font-display);font-size:.95rem;color:var(--ink)}.project-evidence-preview span,.project-evidence-item figcaption span{font-size:13px;line-height:1.6;color:var(--ink-2)}.project-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-evidence-item{min-width:0;margin:0}.project-evidence-image{position:relative;width:100%;aspect-ratio:16 / 9;padding:0;border:1px solid var(--line-2);background:var(--ink);overflow:hidden;cursor:zoom-in}.project-evidence-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease),opacity .3s var(--ease)}.project-evidence-image:hover img,.project-evidence-image:focus-visible img{transform:scale(1.03);opacity:.84}.project-evidence-image:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-evidence-image svg{position:absolute;right:14px;bottom:14px;width:17px;height:17px;color:var(--paper);opacity:0;transition:opacity .25s var(--ease)}.project-evidence-image:hover svg,.project-evidence-image:focus-visible svg{opacity:1}.project-evidence-index{position:absolute;top:12px;left:12px;padding:4px 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--paper);background:#1a1b1ea8}.project-evidence-item.is-portrait{grid-row:span 2}.project-evidence-item.is-portrait .project-evidence-image{aspect-ratio:3 / 4}.project-evidence-item figcaption{display:grid;gap:4px;padding-top:10px}.modal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:32px;border-top:1px solid var(--line)}.modal-info .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}.modal-info .v{font-size:14px;color:var(--ink)}.modal-info .tags{display:flex;flex-wrap:wrap;gap:8px}.modal-info .tags span{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line-2);padding:4px 10px}.gallery{overflow:hidden}.gallery-empty{min-height:720px;padding-bottom:52px}.gallery-empty .section-head{margin-bottom:34px}.gallery-showcase{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;display:grid;gap:13px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.gallery-track{width:max-content;display:flex;animation:gallery-flow 36s linear infinite}.gallery-track-reverse{animation-name:gallery-flow-reverse}.gallery-track-third{animation-duration:42s}.gallery-showcase:has(.gallery-frame:hover) .gallery-track,.gallery-showcase:has(.gallery-frame:focus-visible) .gallery-track{animation-play-state:paused}.gallery-frame-group{display:flex;gap:24px;padding-right:24px}.gallery-frame{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;position:relative;width:190px;aspect-ratio:9 / 16;flex:0 0 190px;border:1px solid var(--line-2);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--surface);background-size:28px 28px;overflow:hidden;color:inherit;cursor:pointer;transform:scale(.85);transform-origin:center;transition:border-color .25s var(--ease),background-color .25s var(--ease)}.gallery-frame:hover,.gallery-frame:focus-visible{border-color:var(--ink-2);background-color:var(--paper)}.gallery-frame:before,.gallery-frame:after{content:"";position:absolute;background:var(--ink-3);opacity:.45}.gallery-frame:before{top:18px;left:18px;width:18px;height:1px}.gallery-frame:after{top:9px;left:27px;width:1px;height:18px}.gallery-frame span{position:absolute;right:14px;bottom:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}@keyframes gallery-flow{to{transform:translate(-50%)}}@keyframes gallery-flow-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.gallery-dialog{position:fixed;inset:50% auto auto 50%;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:26px;border:1px solid var(--line-2);background:var(--surface);transform:translate(-50%,-50%);overflow:auto}.gallery-dialog::backdrop{background:#1a1b1e6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-dialog-frame{position:relative;aspect-ratio:9 / 16;border:1px solid var(--line-2);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--paper);background-size:32px 32px}.gallery-dialog-frame span{position:absolute;right:16px;bottom:14px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.gallery-dialog-close{position:absolute;top:10px;right:10px;z-index:1;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:#f7f6f2d6;color:var(--ink)}.gallery-dialog-close svg{width:16px;height:16px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid figure{margin:0}.gallery-grid img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.gallery-grid figcaption{padding-top:10px;font-size:13px;color:var(--ink-2)}.strengths{background:var(--paper-2)}.str-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.str-card{position:relative;background:var(--surface);border:1px solid var(--line);padding:40px 36px;overflow:hidden;transition:border-color .3s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}.str-card:hover{border-color:var(--line-2)}@media (hover: hover) and (pointer: fine){.proj-card:hover,.proj-card:focus-within,.str-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #18191c24,0 3px 10px #18191c0f}}.str-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .55s var(--ease)}.str-card:hover:before{transform:scaleY(1)}.str-card .num{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.15em;color:var(--ink-3);margin-bottom:24px}.str-card h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.01em;margin-bottom:14px}.str-card p{color:var(--ink-2);font-size:14.5px;line-height:1.75;margin-bottom:26px;max-width:460px}.str-keywords{display:flex;flex-wrap:wrap;gap:8px}.str-keywords span{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line-2);padding:5px 12px;border-radius:2px}.str-card .bignum{position:absolute;bottom:-20px;right:20px;font-family:var(--font-display);font-weight:700;font-size:9rem;line-height:1;color:var(--ink);opacity:.03;pointer-events:none}.contact{min-height:760px;display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--ink);color:var(--paper);overflow:hidden}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 400px at 80% 20%,rgba(147,168,255,.07),transparent 60%),radial-gradient(700px 350px at 20% 80%,rgba(242,241,236,.05),transparent 60%)}.contact-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 5px)}.contact .shell{position:relative;z-index:1}.contact-main{flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:64px;padding-bottom:24px}.contact .eyebrow{color:#f2f1ec80}.contact .eyebrow:before{background:#f2f1ec80}.contact-eyebrow{align-self:start}.contact-title{font-family:Arial,Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:900;font-size:clamp(6rem,12vw,11.625rem);line-height:.92;letter-spacing:0;margin:0;justify-self:center;align-self:center;text-align:center}.contact-title a{display:grid;justify-items:center;gap:28px}.contact-title-line{display:grid;place-items:center}.contact-title-outline,.contact-title-solid{display:block;grid-area:1 / 1;white-space:nowrap;transform-origin:center}.contact-title-outline{font-weight:900;letter-spacing:0;color:transparent;-webkit-text-stroke:1.5px var(--paper);opacity:1}.contact-title-solid{font-weight:900;letter-spacing:0;color:var(--paper);opacity:0}.contact-title.contact-title-animated .contact-title-outline{animation:contact-outline-converge .95s var(--ease) both;animation-delay:calc(.08s + var(--line) * .14s)}.contact-title.contact-title-animated .contact-title-solid{animation:contact-solid-converge .95s var(--ease) both;animation-delay:calc(.08s + var(--line) * .14s)}@keyframes contact-outline-converge{0%{opacity:.82;transform:translateY(18px) scale(1.045)}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes contact-solid-converge{0%{opacity:0;transform:translateY(18px) scale(1.045)}58%{opacity:.76}to{opacity:1;transform:translateY(0) scale(1)}}.contact-row{align-self:end;display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:28px;padding-top:22px;border-top:1px solid rgba(242,241,236,.15)}.contact-channels{display:flex;gap:32px;flex-wrap:wrap}.contact-channels .item .k{font-family:var(--font-body);font-size:11.5px;letter-spacing:0;color:#f2f1ec66;margin-bottom:5px}.contact-channels .item .v{font-size:15.5px;color:var(--paper);transition:color .25s var(--ease)}.contact-channels a.item:hover .v{color:var(--accent-on-dark)}.contact-social{display:flex;gap:8px}.contact-social a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--paper);border:1px solid rgba(242,241,236,.25);padding:11px 20px;border-radius:2px;min-height:48px;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.contact-social a svg{width:15px;height:15px}.contact-social a:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.contact-foot{max-width:var(--shell);margin:0 auto;padding:20px var(--gutter) 24px;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:#f2f1ec66}@media (max-width: 1100px){:root{--gutter: 32px}.about-section{height:auto;min-height:0;padding:80px 0;align-items:stretch;overflow:visible}.about-grid{grid-template-columns:1fr;gap:36px}.about-portrait{max-width:260px}.about-meta{gap:32px}.about-meta .item{border-top:none;padding:0}.about-meta .item:last-child{border-bottom:none}.about-body{grid-template-columns:1fr}.proj-card,.proj-card:nth-child(2n){grid-template-columns:1fr}.proj-card:nth-child(2n) .proj-visual{order:0}.str-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-info{grid-template-columns:1fr;gap:24px}.nav-links,.nav-cta{display:none}.nav-menu-toggle{display:inline-flex}}@media (max-width: 640px){:root{--gutter: 20px}.pad{padding:90px 0}.about-section{padding:64px 0}.about-meta{gap:20px}.proj-body,.modal-body{padding:32px 24px}.modal{width:calc(100% - 24px);max-height:calc(100vh - 24px)}.gallery-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}