:root{--bg: #08090c;--bg-raised: #0e1015;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #eef1f5;--muted: rgba(225, 231, 240, .68);--dim: rgba(225, 231, 240, .45);--accent: #dfe5ee;--live: #46d483;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--pixel: "Pixelify Sans", ui-monospace, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: 40px;--max: 1040px;--nav-h: 64px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 20px)}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 var(--sans);letter-spacing:-.011em;font-feature-settings:"cv03","cv04","cv09","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul,figure{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}::selection{background:#dfe5eed9;color:#0b0c10}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}#main{position:relative;min-height:100vh}.shell{display:flex;flex-direction:column;align-items:center;padding:0 var(--gutter);overflow-x:clip}.section{width:100%;max-width:var(--max);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.label{font:500 13px/1.5 var(--sans);letter-spacing:-.01em;color:var(--muted)}.body{font:400 16px/1.7 var(--sans);color:var(--muted)}.title{font:700 36px/1.1 var(--pixel);letter-spacing:0;color:var(--text);white-space:nowrap}.page-title{font:700 52px/1.05 var(--pixel);letter-spacing:0;color:var(--text)}.card-heading{font:600 22px/1.3 var(--sans);letter-spacing:-.02em;color:var(--text)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:clip}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:10px;border:1px solid var(--border-strong);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 16px/1 var(--pixel);letter-spacing:.02em;color:var(--text);white-space:nowrap;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),color .25s var(--ease)}.btn:hover{background:#ffffff1a;border-color:#ffffff52}.btn:active{transform:scale(.97)}.btn.solid{background:var(--accent);border-color:var(--accent);color:#0b0c10}.btn.solid:hover{background:#fff;border-color:#fff}.btn.icon{width:42px;padding:0}.btn.small{height:36px;padding:0 16px;font-size:15px}.text-link{position:relative;transition:color .2s var(--ease)}.text-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease)}.text-link:hover{color:var(--text)}.text-link:hover:after{transform:scaleX(1)}.arrow-link{display:inline-flex;align-items:center;gap:6px;font:500 14px/1 var(--sans);color:var(--text)}.arrow-link svg{transition:transform .25s var(--ease)}.arrow-link:hover svg{transform:translate(3px)}.topbar{position:sticky;top:0;z-index:30;padding:0 var(--gutter)}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#08090cb8;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border);opacity:0;transition:opacity .3s ease}.topbar.scrolled:before{opacity:1}.nav{max-width:var(--max);height:var(--nav-h);margin:0 auto;display:flex;align-items:center;gap:28px}.nav-brand{flex:1;display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--sans);letter-spacing:-.01em;color:var(--text)}.nav-mark{font:700 13px/1 var(--pixel);width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border-strong);background:#ffffff0a}.nav-links{display:flex;gap:26px}.nav-link{font:500 14px/1 var(--sans);color:var(--muted)}.nav-link.active{color:var(--text)}.nav-link.active:after{transform:scaleX(1)}.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;margin-right:-10px;border:0;border-radius:10px;background:none;color:var(--text);cursor:pointer}html.menu-open,html.menu-open body{overflow:hidden}.menu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:80px var(--gutter) 48px;background:#08090ceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fade-in .25s ease-out}.menu-close{position:absolute;top:7px;right:calc(var(--gutter) - 10px);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:none;color:var(--text);cursor:pointer}.menu-links{display:flex;flex-direction:column;gap:4px}.menu-link{display:flex;align-items:baseline;gap:14px;padding:10px 0;font:700 36px/1.1 var(--pixel);color:var(--muted);opacity:0;transform:translateY(14px);animation:menu-in .45s var(--ease) forwards}.menu-link:nth-child(2){animation-delay:.04s}.menu-link:nth-child(3){animation-delay:.08s}.menu-link:nth-child(4){animation-delay:.12s}.menu-link:nth-child(5){animation-delay:.16s}.menu-link.active{color:var(--text)}.menu-num{font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--dim)}.menu-extra{display:flex;gap:10px}@keyframes menu-in{to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#toast{position:fixed;left:50%;bottom:32px;z-index:1001;transform:translate(-50%,16px);opacity:0;background:var(--accent);color:#0b0c10;font:500 14px/1.2 var(--sans);padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);pointer-events:none;transition:opacity .25s ease,transform .25s ease}#toast.on{opacity:1;transform:translate(-50%)}@media (max-width: 1199.98px){.page-title{font-size:46px}}@media (max-width: 809.98px){:root{--gutter: 22px;--nav-h: 58px}.title{font-size:30px;white-space:normal}.page-title{font-size:38px}.nav-links{display:none}.menu-btn{display:flex}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{position:relative;width:100vw;min-height:100vh;min-height:100svh;margin-top:calc(-1 * var(--nav-h));display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:right center;animation:hero-in 1.8s var(--ease) both}@keyframes hero-in{0%{transform:scale(1.08);filter:brightness(.4)}}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#08090ceb,#08090cb3,#08090c26 70%,#08090c40),linear-gradient(rgba(8,9,12,.55),transparent 22%,transparent 62%,var(--bg))}.hero-inner{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding:calc(var(--nav-h) + 40px) var(--gutter) 80px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero-title{font:700 78px/1.02 var(--pixel);letter-spacing:.01em;color:#fff;text-shadow:0 0 24px rgba(0,0,0,.55)}.type-word{white-space:nowrap}.type-char{visibility:hidden}.type-char.on{visibility:visible}.hero-copy{max-width:520px;font:400 18px/1.65 var(--sans);color:#e6ebf3d1}.hero-copy strong{color:#fff;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hero-break{display:none}.scroll-cue{position:absolute;left:50%;bottom:28px;width:40px;height:40px;margin-left:-20px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border-strong);color:var(--muted);animation:cue 2.4s ease-in-out infinite}@keyframes cue{50%{transform:translateY(6px)}}.block{gap:32px;padding:110px 0 0}.sec-head{width:100%;display:flex;flex-direction:column;gap:12px}.sec-title-row{display:flex;align-items:center;gap:22px}.sec-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.about-grid{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:stretch}.about-text{display:flex;flex-direction:column;gap:28px}.about-lead{font:500 38px/1.15 var(--sans);letter-spacing:-.03em;color:var(--text)}.goal{display:flex;flex-direction:column;gap:8px;padding-left:18px;border-left:1px solid var(--border-strong)}.see-more{align-self:flex-start}.about-photo{min-height:420px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.toolkit{width:100%;display:flex;align-items:center;gap:24px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.toolkit .eyebrow{flex:none}.term{width:100%;height:128px;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#00000073;border:1px solid var(--border);letter-spacing:normal}.term-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border)}.term-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.term-bar span{margin-left:6px;font:500 10px/1 var(--mono);letter-spacing:.12em;color:var(--dim);text-transform:uppercase}.term-body{flex:1;padding:10px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;overflow:hidden;font:500 12.5px/1.45 var(--mono)}.term-line{flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-cmd{color:var(--text)}.term-cmd b{color:var(--dim);font-weight:700;margin-right:8px}.term-out{color:var(--live);padding-left:18px}.term-caret{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.ticker{flex:1;min-width:0;height:48px;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker 45s linear infinite}.ticker-set{display:flex;align-items:center;gap:36px;padding-right:36px}.ticker-item{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.ticker-item img,.ticker-item svg{max-width:32px;max-height:32px;width:auto;height:auto}@keyframes ticker{to{transform:translate(-50%)}}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;font:500 12px/1.4 var(--sans);letter-spacing:0;color:var(--muted);white-space:nowrap}.current{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.current.has-media{grid-template-columns:1.3fr .7fr}.current-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px 32px}.current-tag{display:inline-flex;align-items:center;gap:10px;font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--live);box-shadow:0 0 #46d48380;animation:live 2s ease-out infinite}@keyframes live{70%{box-shadow:0 0 0 8px #46d48300}to{box-shadow:0 0 #46d48300}}.current-media{border-left:1px solid var(--border);display:flex}.current-media:empty{display:none}.current-media>*{flex:1}.current-media .gallery-grid{grid-template-columns:1fr;height:100%}.current-media .gallery-item,.current-media .photo-slot{border-radius:0;border:0;aspect-ratio:auto;height:100%}.project-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{display:flex;flex-direction:column;transition:border-color .3s var(--ease),transform .5s var(--ease)}.project-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.pc-media{position:relative;aspect-ratio:2.3 / 1;overflow:hidden;background:var(--bg-raised)}.pc-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.9);transition:transform .7s var(--ease),filter .4s var(--ease)}.project-card:hover .pc-media img{transform:scale(1.05);filter:none}.pc-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 22px 20px}.pc-summary{font-size:15px;line-height:1.6}.pc-more{margin-top:auto;padding-top:6px}.skill-groups{width:100%;display:grid;grid-template-columns:2fr 1fr;gap:40px}.group-heading{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.skills{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}.skill-groups>div:last-child .skills{grid-template-columns:1fr}.skill{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--border)}.skill-icon{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0a;border:1px solid var(--border)}.skill-icon>*{width:20px;height:20px;object-fit:contain}.skill-name{display:block;font:500 15px/1.3 var(--sans);color:var(--text);margin-bottom:1px}.skill .label{display:block}.exp{width:100%}.exp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.exp-row.flip{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.exp-row.flip .exp-body{order:2}.exp-body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:32px}.exp-title{display:flex;align-items:center;gap:14px}.exp-title img{flex:none;width:48px;height:48px;border-radius:12px;object-fit:cover}.exp-title .label{margin-top:2px}.exp-points{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.exp-points li::marker{color:var(--dim)}.exp-body strong{color:var(--text);font-weight:600}.collage{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;min-height:240px;padding:6px}.collage>:first-child{grid-row:1 / 3}.collage-1{grid-template-columns:1fr}.collage-2{grid-template-columns:1fr 1fr}.collage-2>:first-child{grid-row:auto}.collage .gallery-item,.collage .photo-slot{aspect-ratio:auto;height:100%;min-height:0;border-radius:12px}.collage-3{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.collage-3 .gallery-item,.collage-3 .photo-slot{aspect-ratio:2 / 1;height:auto}.collage-3>:first-child{grid-row:auto;grid-column:1 / -1;aspect-ratio:2.15 / 1}.collage-3>:first-child img{object-position:50% 75%}.exp-compact{display:flex;align-items:stretch}.exp-pair{width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}.exp-pair .exp-row{grid-template-columns:minmax(0,1fr);align-content:start}.exp-pair .exp-row.flip .exp-body{order:0}.exp-pair .collage{min-height:0}.exp-pair .collage-3 .gallery-item,.exp-pair .collage-3 .photo-slot{aspect-ratio:2 / 1}.exp-pair>.exp-row{display:flex;flex-direction:column;height:0;min-height:100%}.exp-pair>.exp-row .collage{flex:1;grid-template-rows:minmax(0,1fr) auto}.exp-pair>.exp-row .collage>:first-child{height:100%;aspect-ratio:auto}.exp-pair .collage>:first-child img{object-position:50% 30%}.exp-pair .exp-compact{flex-direction:column}.exp-stack{display:flex;flex-direction:column;gap:18px}.exp-shot{padding-top:6px}.exp-shot .gallery-grid{grid-template-columns:1fr}.exp-shot .gallery-grid .gallery-item{aspect-ratio:auto}.exp-shot .gallery-item img{display:block;height:auto}.exp-pair .exp-body{justify-content:flex-start;padding:24px 28px 28px}.exp-title img.logo-fit{padding:5px;background:#fff;object-fit:contain}.contact{padding-bottom:40px}.contact-copy{max-width:560px;font-size:18px}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.contact-actions .btn{font:500 14px/1 var(--sans);letter-spacing:-.005em}.footer{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:80px;padding:28px 0 36px;border-top:1px solid var(--border)}.footer .label{color:var(--dim)}.page{gap:30px;padding:48px 0 0}.page-head{display:flex;flex-direction:column;gap:14px;max-width:760px}.back-link,.back-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:10px;border:1px solid var(--border);background:transparent;font:700 15px/1 var(--pixel);letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease)}.back-link:hover,.back-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:36px;padding:0 16px;border-radius:10px;border:1px solid var(--border);background:transparent;font:700 15px/1 var(--pixel);letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:all .2s var(--ease)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{background:var(--accent);border-color:var(--accent);color:#0b0c10}.empty{grid-column:1 / -1;padding:32px;border-radius:18px;border:1px dashed var(--border-strong);text-align:center}.project-summary{font-size:18px}.spec-table{width:100%;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border:1px solid var(--border);border-radius:16px;overflow:hidden}.spec-table>div{padding:16px 20px;border-right:1px solid var(--border)}.spec-table>div:last-child{border-right:0}.spec-table dt{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.spec-table dd{margin:4px 0 0;font:500 15px/1.4 var(--sans);color:var(--text)}.project-gallery{width:100%}.project-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.project-nav-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px;transition:border-color .25s var(--ease),background-color .25s var(--ease)}.project-nav-link:hover{border-color:var(--border-strong);background:var(--surface-hover)}.project-nav-link .eyebrow{display:inline-flex;align-items:center;gap:6px}.project-nav-link.next{align-items:flex-end;text-align:right}.project-nav-title{font:600 18px/1.35 var(--sans);letter-spacing:-.015em;color:var(--text)}.rich{width:100%;max-width:760px;color:var(--muted)}.rich p,.rich li{font:400 16px/1.75 var(--sans)}.rich>p:not(:first-child){margin-top:20px}.rich h3{font:600 22px/1.3 var(--sans);letter-spacing:-.02em;color:var(--text)}.rich>h3:not(:first-child){margin-top:40px}.rich h4{font:600 17px/1.4 var(--sans);color:var(--text)}.rich>h4:not(:first-child){margin-top:32px}.rich>h3+*,.rich>h4+*{margin-top:12px!important}.rich strong{color:var(--text);font-weight:600}.rich a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.rich a:hover{text-decoration-color:currentColor}.rich ul{padding-left:0;list-style:none}.rich li{position:relative;padding-left:20px}.rich li+li{margin-top:6px}.rich li:before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:1px;background:var(--dim)}.rich li p{margin:0}.rich img{max-width:100%;height:auto;margin-top:20px;border-radius:14px;cursor:zoom-in}.rich img.diagram-glass{padding:22px;background:var(--surface);border:1px solid var(--border)}.gallery-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-masonry{width:100%;columns:3 240px;column-gap:12px}.gallery-masonry>*{break-inside:avoid;margin-bottom:12px}.gallery-item{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);cursor:zoom-in}.gallery-grid .gallery-item{aspect-ratio:4 / 3}.screens .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.screens .gallery-grid .gallery-item{aspect-ratio:9 / 16}.screens .gallery-item img{object-position:top}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s var(--ease);filter:brightness(.92)}.gallery-item:hover img{transform:scale(1.04);filter:none}.photo-slot{width:100%;min-height:160px;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px);color:var(--dim);text-align:center}.photo-slot span{font:500 13px/1.3 var(--sans);color:var(--muted)}.photo-slot small{font:400 11px/1.4 var(--mono);max-width:100%;overflow-wrap:anywhere}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#050608f0;animation:fade-in .25s ease-out}.viewer img{max-width:90vw;max-height:84vh;border-radius:12px;object-fit:contain;box-shadow:var(--shadow)}.viewer button{position:absolute;width:46px;height:46px;border-radius:999px;border:1px solid var(--border-strong);background:#ffffff0f;color:#fff;font-size:22px;cursor:pointer}.viewer-prev{left:3vw}.viewer-next{right:3vw}.viewer-close{top:3vh;right:3vw}.viewer-count{position:absolute;bottom:4vh;font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.img-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#050608f0;cursor:zoom-out;opacity:0;transition:opacity .22s ease}.img-lb.on{opacity:1}.img-lb>img,.img-lb .pair{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:var(--shadow);transform:scale(.96);transition:transform .22s ease}.img-lb>img.on,.img-lb .pair.on{transform:scale(1)}.img-lb img.diagram{background:#fff;padding:24px}.img-lb .pair{position:relative;overflow:hidden}.img-lb .close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:none;background:#ffffff24;color:#fff;font:500 18px/1 var(--sans);cursor:pointer}.album{width:100%;display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;padding-top:36px;border-top:1px solid var(--border)}.album-head{position:sticky;top:calc(var(--nav-h) + 20px);align-self:start;display:flex;flex-direction:column;gap:10px}.album-head .title{white-space:normal}.spread{display:flex;flex-direction:column;gap:8px}.spread-top{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px;height:330px}.spread-top.sides-0{grid-template-columns:minmax(0,1fr)}.spread-top.sides-1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spread.flip .spread-top .lead{order:2}.spread.flip .spread-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.spread.flip .spread-top.sides-1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spread-side{display:flex;flex-direction:column;gap:8px;min-height:0}.spread-side>*{flex:1;min-height:0}.spread-row{display:flex;gap:8px;height:180px}.spread-row>*{flex:1;min-width:0}.spread-item{position:relative;display:block;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);cursor:zoom-in}.spread-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s var(--ease);filter:brightness(.92)}.spread-item:hover img{transform:scale(1.04);filter:none}.spread-caption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 11px;background:linear-gradient(transparent,#000000c7);color:#fff;font:500 13px/1.4 var(--sans);text-align:left;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}.spread-item:hover .spread-caption,.spread-item:focus-visible .spread-caption{opacity:1;transform:none}@media (max-width: 1199.98px){.hero-title{font-size:66px}.skill-groups{grid-template-columns:1fr;gap:28px}.skill-groups>div:last-child .skills{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1023.98px){.about-grid{grid-template-columns:1fr}.about-photo{min-height:0;aspect-ratio:16 / 10}}@media (max-width: 809.98px){.screens .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-end}.hero-media img{position:absolute;top:12%;left:50%;width:min(150%,760px);max-width:none;height:auto;translate:-50% 0;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent)}.hero-break{display:block;flex-basis:100%;height:0}.hero-shade{background:linear-gradient(rgba(8,9,12,.6),rgba(8,9,12,.2) 28%,rgba(8,9,12,.72) 55%,var(--bg) 90%)}.hero-inner{padding-bottom:96px;gap:18px}.hero-title{font-size:48px}.hero-copy{font-size:16px}.block{gap:26px;padding-top:80px}.sec-title-row{gap:14px}.about-lead{font-size:30px}.toolkit{flex-direction:column;align-items:flex-start;gap:10px}.ticker{width:100%}.current.has-media{grid-template-columns:minmax(0,1fr)}.current-body{padding:24px}.current-media{border-left:0;border-top:1px solid var(--border);min-height:180px}.project-grid,.project-grid.three,.exp-pair,.project-nav{grid-template-columns:1fr}.exp-row,.exp-row.flip{grid-template-columns:minmax(0,1fr)}.exp-row.flip .exp-body{order:0}.exp-pair>.exp-row{height:auto;min-height:0}.exp-pair>.exp-row .collage{height:auto}.exp-pair>.exp-row .collage>:first-child{height:auto;aspect-ratio:1.95 / 1}.exp-body{padding:24px}.collage{height:250px;min-height:0;padding:0 6px 6px}.collage-3{height:auto}.exp-compact{flex-direction:column}.skills,.skill-groups>div:last-child .skills{grid-template-columns:1fr}.spec-table>div{border-right:0;border-bottom:1px solid var(--border)}.spec-table>div:last-child{border-bottom:0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-masonry{columns:2}.album{grid-template-columns:minmax(0,1fr);gap:18px}.album-head{position:static}.spread-top,.spread.flip .spread-top{grid-template-columns:minmax(0,1fr);height:auto}.spread.flip .spread-top .lead{order:0}.spread-top .lead{height:230px}.spread-side{flex-direction:row;height:120px}.spread-row{height:120px}.project-nav-link.next{align-items:flex-start;text-align:left}.footer{flex-direction:column}}