:root{--bg: #0b1220;--panel: #0f172a;--panel-soft: color-mix(in srgb, var(--panel) 94%, transparent);--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--brand: #4f46e5;--brand-ink: #ffffff;--radius-lg: 16px;--radius-md: 12px;--space: clamp(16px, 2.6vw, 24px);--maxw: 1120px;--shadow: 0 1px 2px rgba(2,6,23,.6), 0 2px 6px rgba(2,6,23,.5);--shadow-lg: 0 6px 18px rgba(2,6,23,.6);--focus: 3px solid var(--brand)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 .75rem}.muted{color:var(--muted)}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--space)}.page-offset{padding-top:80px}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border-radius:12px;cursor:pointer;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 25%,var(--border))}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:transparent}.btn.ghost{background:var(--panel)}:focus-visible{outline:var(--focus);outline-offset:2px}@keyframes slideDownFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{animation:slideDownFromTop .6s ease forwards;width:100%;position:fixed;top:0;left:0;z-index:1000;background:linear-gradient(90deg,#0b1220,#141a2d);border-bottom:1px solid var(--border);box-shadow:0 4px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--space)}.brand{font-weight:700;letter-spacing:.3px;font-size:1.1rem;color:var(--text)}.navbar-links{display:flex;gap:28px;align-items:center}.navbar-link{position:relative;color:var(--text);font-size:1.05rem;font-weight:600;text-decoration:none;padding-bottom:6px;transition:color .25s ease,transform .25s ease}.navbar-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--brand);transition:width .3s ease,left .3s ease}.navbar-link:hover:after,.navbar-link.active:after{width:100%;left:0}.navbar-link:hover,.navbar-link.active{color:var(--brand);transform:translateY(-2px)}html{overflow-y:scroll;scrollbar-width:none}html::-webkit-scrollbar{display:none}.hero{padding:clamp(48px,10vw,96px) 0;display:grid;gap:var(--space);align-items:center}@media (min-width: 900px){.hero{grid-template-columns:1.1fr 1fr}}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#8aa5ff}.hero-title{margin:6px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.15}.hero-sub{color:var(--muted);max-width:60ch}.hero-cta{display:flex;gap:12px;margin-top:14px}.panel{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(var(--space)*.9);box-shadow:var(--shadow)}.media{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#4f46e5 18%,var(--panel)) 0%,var(--panel) 100%);display:grid;place-items:center}.media-meta{text-align:center}.kicker{font-size:12px;color:#8aa5ff;text-transform:uppercase;letter-spacing:.14em}.media-title{font-weight:700}.section{padding:clamp(48px,8vw,88px) 0}.section-alt{background:#0d1528}.section-head{display:grid;gap:6px;margin-bottom:calc(var(--space)*1.1)}.section-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#8aa5ff}.section-title{font-size:clamp(22px,3vw,32px);margin:0}.grid{display:grid;gap:calc(var(--space)*.9)}.two,.three{grid-template-columns:1fr}@media (min-width: 800px){.two{grid-template-columns:1fr 1fr}}@media (min-width: 1050px){.three{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space);box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 25%,var(--border))}.card-title{margin:0 0 6px}.thumb{aspect-ratio:16/9;border-radius:12px;background:#1b2236;margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{display:inline-block;font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}.footer-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 640px){:root{--space: clamp(12px, 5vw, 18px)}.section{padding:clamp(32px,8vw,64px) 0}}.container{padding-left:max(var(--space, 16px),env(safe-area-inset-left));padding-right:max(var(--space, 16px),env(safe-area-inset-right))}@media (max-width: 640px){.brand{display:none!important}.navbar-inner{justify-content:center}.navbar-links{gap:10px}}:root{--skeleton-base: #111827;--skeleton-shine: #1f2937;--modal-exit-ms: .22s}.projects-grid{--gap: clamp(14px, 2vw, 20px);display:grid;gap:var(--gap);grid-template-columns:1fr;margin-top:18px;padding:0 clamp(16px,4vw,40px)}@media (min-width: 700px){.projects-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1100px){.projects-grid{grid-template-columns:1fr 1fr 1fr}}.projects-header{text-align:center;margin-bottom:28px}.projects-header h2{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:6px}.projects-header p{max-width:640px;margin:0 auto;font-size:1.05rem;color:var(--muted, #94a3b8)}.project-card{background:var(--panel, #0f172a);border:1px solid var(--border, #1f2937);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow, 0 1px 2px rgba(2,6,23,.6), 0 2px 6px rgba(2,6,23,.5));overflow:hidden;display:grid;grid-template-rows:auto 1fr;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease;outline:none}.project-card:hover,.project-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand, #4f46e5) 25%,var(--border, #1f2937));box-shadow:0 6px 18px #02061799}.project-media{margin:0;background:#0d1325;position:relative;overflow:hidden}.project-media img,.project-placeholder{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transform:translateZ(0);transition:transform .25s ease,opacity .25s ease}.project-card:hover .project-media img,.project-card:focus-visible .project-media img{transform:scale(1.02)}.project-placeholder{background:linear-gradient(135deg,#151c2f,#0f172a);display:grid;place-items:center;color:#94a3b8}.project-placeholder-text{font-size:.9rem;opacity:.9}.project-body{padding:clamp(14px,2vw,18px)}.project-title{margin:2px 0 6px;font-size:1.05rem;line-height:1.3;color:#e5e7eb}.project-desc{color:var(--muted, #94a3b8);margin:0}@media (prefers-reduced-motion: reduce){.project-card,.project-media img{transition:none!important}}@media (prefers-contrast: more){.project-card{border-color:#334155}.project-title{color:#fff}}.modal-overlay{position:fixed;inset:0;background:#0f0f14b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:24px;z-index:1000}.modal{width:min(1024px,100%);max-height:90vh;background:var(--surface-1, #0b1222);color:var(--text, #e5e7eb);border:1px solid rgba(148,163,184,.15);border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.modal-title{margin:0;font-size:1.125rem}.modal-close{appearance:none;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:6px;border-radius:8px}.modal-close:hover,.modal-close:focus-visible{background:#94a3b824;outline:none}.modal-body{padding:12px 16px 16px;overflow:auto}.modal-figure{margin:0}.modal-media-shell{position:relative;display:grid;place-items:center;background:#0d0f13;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.modal-media{max-width:100%;max-height:70vh;width:100%;height:100%;object-fit:contain;background:#0d0f13}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:#0006;color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:22px;display:grid;place-items:center;transition:background .2s}.modal-arrow:hover,.modal-arrow:focus-visible{background:#0009;outline:none}.modal-arrow.left{left:8px}.modal-arrow.right{right:8px}.modal-caption{padding:10px 4px 0}.modal-caption-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.modal-slide-idx{font-size:.875rem;color:var(--muted, #94a3b8)}.modal-caption-title{font-weight:600}.modal-caption-text{margin:6px 0 0;color:var(--muted, #cbd5e1)}.modal-dots{display:flex;gap:6px;justify-content:center;padding:10px 0 0}.modal-dots .dot{width:10px;height:10px;border-radius:999px;border:0;background:var(--border, #334155);cursor:pointer;transition:background .2s ease}.modal-dots .dot.active{background:var(--brand, #4f46e5)}.modal-project-desc{margin-top:16px;color:#d1d5db}.modal-meta{margin-top:16px;display:grid;gap:12px}.meta-block h5{margin:0 0 6px;font-size:.95rem;color:#e5e7eb}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag{padding:4px 8px;border-radius:999px;background:#1f2937;color:#cbd5e1;font-size:.85rem}.link-list{margin:0;padding-left:18px;list-style:none}@media (prefers-reduced-motion: reduce){.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-arrow{transition:none}}@media (max-width: 480px){.project-body{padding:12px}.project-title{font-size:1rem}}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);animation:skeleton-shimmer 1.1s linear infinite;background:linear-gradient(90deg,#fff0,#ffffff0f,#fff0)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-card .project-media{background:transparent}.skeleton-media{width:100%;aspect-ratio:16 / 9;border-radius:0}.skeleton-line{height:10px;border-radius:6px;margin:8px 0;background:var(--skeleton-base)}.skeleton-title{height:14px;width:70%}.skeleton-line.short{width:40%}.projects-grid .project-card{opacity:0;animation:card-in .38s ease forwards}.projects-grid .project-card:nth-child(1){animation-delay:30ms}.projects-grid .project-card:nth-child(2){animation-delay:60ms}.projects-grid .project-card:nth-child(3){animation-delay:90ms}.projects-grid .project-card:nth-child(4){animation-delay:.12s}.projects-grid .project-card:nth-child(5){animation-delay:.15s}.projects-grid .project-card:nth-child(6){animation-delay:.18s}.projects-grid .project-card:nth-child(7){animation-delay:.21s}.projects-grid .project-card:nth-child(8){animation-delay:.24s}.projects-grid .project-card:nth-child(9){animation-delay:.27s}.projects-grid .project-card:nth-child(10){animation-delay:.3s}.projects-grid .project-card:nth-child(11){animation-delay:.33s}.projects-grid .project-card:nth-child(12){animation-delay:.36s}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}.projects-grid .project-card{animation:none;opacity:1}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.985)}}.modal-overlay[data-state=open]{animation:overlay-in .16s ease forwards}.modal-overlay[data-state=closing]{animation:overlay-out var(--modal-exit-ms) ease forwards}.modal[data-state=open]{animation:dialog-in .2s cubic-bezier(.2,.8,.2,1) forwards}.modal[data-state=closing]{animation:dialog-out var(--modal-exit-ms) cubic-bezier(.2,.8,.2,1) forwards}@keyframes fade-swap-in{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.fade-swap{animation:fade-swap-in .18s ease forwards}@media (prefers-reduced-motion: reduce){.fade-swap{animation:none}}.projects-page{--gap: 1rem}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.pad-y{padding:2rem 0}.projects-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gap);align-items:end;padding:2.5rem 0 1rem}.projects-hero h1{font-size:clamp(1.8rem,2.5vw,2.6rem);margin:0 0 .25rem}.projects-hero .hero-text p{color:var(--muted-fg, #666);margin:0}.hero-actions{display:flex;flex-direction:column;gap:.75rem}.input-group{position:relative;display:flex}.input-group input[type=search]{flex:1;padding:.7rem .9rem;border-radius:.75rem;border:1px solid var(--border, #ddd)}.input-group .ghost{position:absolute;right:.25rem;top:.25rem;height:2rem;width:2rem;border-radius:.5rem}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--border, #ddd);background:var(--chip-bg, #fff);padding:.35rem .6rem;border-radius:999px;font-size:.9rem}.chip.active{background:var(--chip-active, #111);color:#fff;border-color:var(--chip-active, #111)}.chip.pill.disabled{opacity:.85;cursor:default}.sort{display:inline-flex;align-items:center;gap:.5rem}.sort select{padding:.4rem .6rem;border-radius:.6rem;border:1px solid var(--border, #ddd)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem 0 2rem;list-style:none}.project-card{background:var(--card, #fff);border:1px solid var(--border, #eee);border-radius:1rem;box-shadow:0 1px 2px #0000000a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover,.project-card:focus-within{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.card-link{display:grid;grid-template-rows:auto 1fr;color:inherit;text-decoration:none;height:100%}.project-media{aspect-ratio:16/9;background:#f4f4f4;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;display:block}.project-body{padding:.9rem;display:grid;gap:.45rem}.project-title{margin:0;font-size:1.05rem;line-height:1.3}.project-desc{margin:0;color:var(--muted-fg, #666);font-size:.95rem}.tags-inline{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.tag{font-size:.8rem;padding:.2rem .45rem;border-radius:.5rem;border:1px solid var(--border, #e5e5e5)}.tag.more{opacity:.7}.no-image{display:grid;place-items:center;height:100%;color:#999;font-size:.9rem}.project-detail .breadcrumb{display:flex;gap:.5rem;align-items:center;padding:1rem 0 .5rem;color:var(--muted-fg, #666)}.project-detail .detail-header{padding-bottom:.5rem}.project-detail .detail-header .lead{color:var(--muted-fg, #666)}.media-viewer{position:relative;border-radius:1rem;overflow:hidden}.media-viewer img,.media-viewer video{display:block;width:100%;height:auto}.viewer-arrows .circle{pointer-events:auto;height:2.25rem;width:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0006;color:#fff}.thumbs{display:grid;grid-auto-flow:column;gap:.5rem;overflow-x:auto;padding:.75rem 0}.thumb{width:120px;aspect-ratio:16/9;border:2px solid transparent;border-radius:.5rem;overflow:hidden;background:#1a1a1a}.thumb.active{border-color:#fff}.thumb-video{display:grid;place-items:center;width:100%;height:100%;opacity:.8}.caption{margin-top:.25rem;opacity:.9}.blurb{margin:.25rem 0 0;opacity:.9}.detail-body{padding:1.25rem 0 2rem}.long-text{white-space:pre-line;line-height:1.6}.links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.button,.ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:.6rem;border:1px solid var(--border, #ddd);text-decoration:none}.button{background:#111;color:#fff;border-color:#111}.ghost{background:#fff;color:inherit}.related{padding-bottom:3rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.related-card{border:1px solid var(--border, #eee);border-radius:.8rem;overflow:hidden;text-decoration:none;color:inherit;background:#fff}.related-card .thumb-wrap{aspect-ratio:16/9;background:#f4f4f4}.related-card .meta{padding:.6rem .7rem}.related-card p{margin:0;color:var(--muted-fg, #666);font-size:.9rem}.projects-footer{padding:1rem 0 3rem}.empty-state{padding:2rem 0;display:grid;gap:.75rem;justify-items:start}@media (max-width: 860px){.projects-hero{grid-template-columns:1fr;align-items:start}}:root{--border: rgba(255,255,255,.12);--muted-fg: rgba(255,255,255,.7);--card: rgba(255,255,255,.04);--chip-bg: transparent;--chip-active: #e6e6e6;--media-bg: rgba(255,255,255,.03)}.project-card{background:var(--card);border-color:var(--border)}.card-link{color:inherit}.project-media{background:#ffffff0f}.project-desc{color:var(--muted-fg)}.tag{border-color:var(--border)}.projects-hero .hero-text p{color:var(--muted-fg)}.error{background:#ff00000f;border:1px solid rgba(255,0,0,.35);padding:.75rem 1rem;border-radius:.75rem}.button{background:#e6e6e6;color:#111;border-color:#e6e6e6}.ghost{background:transparent;color:inherit;border-color:var(--border)}.caption,.blurb{color:var(--muted-fg)}.related-card{background:var(--card);border-color:var(--border)}.related-card p{color:var(--muted-fg)}.detail-media{color:inherit;padding:2rem 0}.media-viewer{position:relative;border-radius:1rem;overflow:hidden;max-width:100%;box-shadow:0 10px 30px #0009}.media-viewer img,.media-viewer video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.viewer-arrows .circle{pointer-events:auto;height:2.5rem;width:2.5rem;border-radius:50%;border:none;background:#0009;color:#fff;font-size:1.4rem;display:grid;place-items:center;transition:background .2s ease}.viewer-arrows .circle:hover{background:#ffffff26}.thumbs{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap;overflow:hidden;padding:.5rem 0}.thumb{flex:0 0 120px;aspect-ratio:16/9;border:2px solid transparent;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease;background:#1a1a1a}.thumb.active{border-color:#0af;box-shadow:0 0 8px #0af9}.thumb-video{display:grid;place-items:center;width:100%;height:100%;opacity:.8;font-size:1.5rem}.caption{margin-top:.5rem;font-weight:600;text-align:center}.blurb{margin:.25rem auto 0;max-width:700px;font-size:.95rem;text-align:center;color:var(--muted-fg);line-height:1.5}.detail-body{padding:2rem 0}.long-text{max-width:800px;margin:0 auto;line-height:1.6;font-size:1.05rem}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.related h2{text-align:center;margin-bottom:1.25rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.related-card{border:1px solid var(--border);border-radius:.8rem;overflow:hidden;text-decoration:none;color:inherit;background:var(--card);transition:transform .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.related-card .thumb-wrap{aspect-ratio:16/9;background:#222}.related-card img{width:100%;height:100%;object-fit:cover;display:block}.related-card .meta{padding:.75rem}.related-card h3{margin:0 0 .25rem;font-size:1rem}.related-card p{margin:0;font-size:.9rem;color:var(--muted-fg)}.detail-media{position:relative;color:inherit;padding:2rem 0 1rem;isolation:isolate}.detail-media:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 35%,rgba(255,255,255,.06),transparent 70%);mix-blend-mode:overlay;opacity:.4;z-index:0}.media-viewer{position:relative;border-radius:1rem;overflow:hidden;max-width:1100px;margin:0 auto;box-shadow:0 10px 30px #0009;z-index:1}.media-viewer img,.media-viewer video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.viewer-arrows{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 .25rem;pointer-events:none}.viewer-arrows .circle{pointer-events:auto;height:2.5rem;width:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-size:1.4rem;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.viewer-arrows .circle:hover{background:#ffffff26;transform:scale(1.04)}.thumbs{position:relative;max-width:1100px;margin:.9rem auto 0;padding:.25rem 24px .75rem;display:flex;gap:.65rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}.thumbs:before,.thumbs:after{content:"";position:sticky;top:0;width:24px;height:100%;flex:0 0 24px;pointer-events:none;z-index:2}.thumbs:before{left:0;background:linear-gradient(to right,#0b0f17,transparent)}.thumbs:after{right:0;background:linear-gradient(to left,#0b0f17,transparent)}.thumb{scroll-snap-align:center;flex:0 0 140px;aspect-ratio:16/9;border:2px solid transparent;border-radius:.55rem;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:#10151f}.thumb:hover{transform:translateY(-3px)}.thumb.active{border-color:#0af;box-shadow:0 0 10px #00aaff73}.thumb-video{display:grid;place-items:center;width:100%;height:100%;opacity:.85;font-size:1.4rem;color:#cfeaff}.caption{margin-top:.6rem;font-weight:600;text-align:center}.blurb{margin:.25rem auto 0;max-width:760px;font-size:.95rem;text-align:center;color:var(--muted-fg);line-height:1.5}.detail-body{padding:2rem 0 2.5rem}.long-text{max-width:820px;margin:0 auto;line-height:1.65;font-size:1.05rem}.related{padding:2rem 0 4rem}:root{--media-edge: clamp(18px, 2.2vw, 24px)}.photography{animation:page-in .28s cubic-bezier(.2,.8,.2,1) both}.photos-header{width:min(100%,1440px);margin-inline:auto;padding:clamp(12px,3vw,20px) var(--media-edge) 8px}.photos-header-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,16px);flex-wrap:wrap}.photos-header-row>:first-child{flex:1 1 420px;min-width:240px}.photos-header h2{margin:0 0 4px;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.2}.photos-header .muted{margin:0;color:var(--muted, #94a3b8);line-height:1.35}.view-switch{--w: clamp(220px, 32vw, 270px);--h: 34px;--pad: 3px;--thumb-w: 110px;--thumb-h: 28px;--dur: .28s;--ease: cubic-bezier(.2,.7,.2,1);appearance:none;background:none;border:0;cursor:pointer;padding:0;outline:none;display:inline-block}.view-switch .track{position:relative;width:var(--w);height:var(--h);border-radius:999px;background:color-mix(in srgb,#000 12%,transparent);border:1px solid var(--border, #1f2937);box-shadow:inset 0 0 0 1px #ffffff05}.view-switch .thumb{position:absolute;z-index:0;width:var(--thumb-w);height:var(--thumb-h);top:50%;left:24%;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--brand, #6366f1) 75%,#ffffff 10%);box-shadow:0 2px 12px #00000059,inset 0 0 0 1px #ffffff40;transition:left var(--dur) var(--ease),transform .12s ease}.view-switch.is-on .thumb{left:76%}.view-switch .label{position:absolute;z-index:1;top:50%;transform:translate(-50%,-50%);font-weight:800;font-size:.92rem;line-height:1;color:#cbd5e1;white-space:nowrap;pointer-events:none}.view-switch .label.off{left:24%}.view-switch .label.on{left:76%}.view-switch:not(.is-on) .label.off,.view-switch.is-on .label.on{color:#f1f5f9}.view-switch:focus-visible .track{outline:2px solid var(--brand, #6366f1);outline-offset:2px}.view-switch:hover .thumb{transform:translate(-50%,-50%) scale(1.03)}.view-switch:active .thumb{transform:translate(-50%,-50%) scale(.98)}@media (max-width: 480px){.view-switch{--w: 200px;--thumb-w: 100px;--thumb-h: 26px}.view-switch .label{font-size:.88rem}}.view-stage{position:relative;transition:height .32s cubic-bezier(.2,.7,.2,1);will-change:height;overflow:hidden}.view-panel{position:absolute;inset:0;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1)}.view-panel.is-active{position:relative;opacity:1;transform:none;pointer-events:auto}.carousel,.viewport,.carousel-head-row{width:min(100%,1440px)}.carousel{--carousel-height: clamp(360px, 60vh, 650px);margin:0 auto}.stack{display:grid;gap:clamp(16px,2vw,22px);justify-content:center}.carousel-head-row{margin:6px auto 20px;padding-inline:var(--media-edge);display:flex;align-items:center;justify-content:space-between}.carousel-title{margin:0;font-size:clamp(1rem,2vw,1.2rem)}.dots.compact{display:flex;gap:6px}.dot{height:6px;width:6px;border-radius:999px;border:0;cursor:pointer;background:var(--border, #455066);transition:background .2s ease,transform .2s ease}.dot:hover{transform:scale(1.15)}.dot.active{background:var(--brand, #4f46e5)}.carousel-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,2vw,18px);justify-content:center}.arrow{height:30px;width:30px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--panel, #0f172a) 70%,transparent);border:1px solid var(--border, #1f2937);color:var(--text, #e5e7eb);cursor:pointer;transition:transform .08s ease,border-color .2s ease,background .2s ease;z-index:2}.arrow:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand, #4f46e5) 25%,var(--border, #1f2937));background:color-mix(in srgb,var(--panel, #0f172a) 85%,transparent)}.viewport{overflow:hidden;border-radius:10px;border:1px solid var(--border, #1f2937);background:var(--panel, #0f172a);padding:0;height:var(--carousel-height);min-height:0;box-sizing:border-box}.track{display:flex;transition:transform .35s ease;height:100%}.slide{flex:0 0 100%;height:100%}.tiles{display:grid;grid-auto-rows:100%;gap:clamp(6px,1vw,10px);height:100%}.tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles-1{grid-template-columns:1fr}.tile{margin:0;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border, #1f2937);background:#0d1325}.tile img{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transform:scale(.998);animation:tile-in .2s ease forwards}@keyframes tile-in{to{opacity:1;transform:scale(1)}}@media (max-width: 720px){.tiles-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.tiles-3{grid-template-columns:1fr}}.full-bleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;padding-inline:clamp(8px,1.6vw,18px);column-gap:clamp(8px,1.6vw,18px);column-count:1}@media (min-width: 700px){.full-bleed{column-count:2}}@media (min-width: 1000px){.full-bleed{column-count:3}}@media (min-width: 1400px){.full-bleed{column-count:4}}@media (min-width: 1800px){.full-bleed{column-count:5}}.album-grid.stylised{padding:0 var(--media-edge)}.album-item{position:relative;break-inside:avoid;margin:0 0 clamp(8px,1.6vw,18px);border-radius:8px;overflow:hidden;border:1px solid var(--border, #1f2937);background:var(--panel, #0f172a);box-shadow:var(--shadow, 0 1px 2px rgba(2,6,23,.6), 0 2px 6px rgba(2,6,23,.5))}.album-item img{opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;display:block;width:100%;height:auto}.album-item.is-loaded img{opacity:1;transform:translateY(0)}.page-container{overflow-x:visible}@media (prefers-reduced-motion: reduce){.photography{animation:none!important}.track,.arrow,.view-stage,.view-panel{transition:none!important}.tile img{animation:none!important;opacity:1!important;transform:none!important}.album-item img{transition:none!important;opacity:1!important;transform:none!important}}.carousel--landscape{--carousel-height: clamp(240px, 45vh, 520px)}@media (max-width: 700px){.carousel--landscape{--carousel-height: clamp(160px, 34vh, 320px)}}@media (max-width: 420px){.carousel--landscape{--carousel-height: 140px}.carousel--portrait{--carousel-height: 450px}}@media (max-width: 480px){.tiles{gap:6px}}@media (max-width: 700px){.carousel-head-row .dots,.dots{display:none!important}.carousel-shell{grid-template-columns:1fr!important;position:relative}.carousel-shell>.viewport{grid-area:1 / 1;margin-inline:auto}.carousel-shell>.arrow{grid-area:1 / 1;align-self:center;z-index:3;width:28px;height:28px;background:#00000059;border-color:#ffffff24}.carousel-shell>.arrow.left{justify-self:start;margin-left:6px}.carousel-shell>.arrow.right{justify-self:end;margin-right:6px}.carousel-shell>.arrow:hover,.carousel-shell>.arrow:focus-visible{background:#00000080}.carousel--portrait .viewport{width:min(22vw,120px)}.carousel--landscape .viewport{width:min(84vw,360px);height:calc(min(84vw,360px)*.5625)}.tiles-1{justify-items:center}.tiles-1 .tile{width:100%}}@media (max-width: 420px){.carousel--portrait .viewport{width:min(66vw,360px)}.carousel--landscape .viewport{width:min(88vw,320px);height:calc(min(88vw,320px)*.5625)}}@media (max-width: 700px){.carousel--landscape .tile img{object-fit:contain;background:#0d1325}}@media (max-width: 700px){.carousel-head-row{justify-content:center;text-align:center;gap:6px;margin-left:0!important}.carousel-head-row .carousel-title{text-align:center;width:100%}}.contact-list{list-style:none;padding:0;margin:16px auto 0;font-size:1.05rem;display:grid;gap:8px;max-width:560px;text-align:left}.page-container .muted{color:var(--secondary-text)}.contact-hero{margin-bottom:16px}.contact-hero h2{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2rem)}.contact-hero p{margin:0}.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(12px,2vw,16px);margin:16px 0 24px}@media (min-width: 760px){.contact-grid{grid-template-columns:repeat(3,1fr)}}.contact-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-lg);background:var(--panel-soft);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 25%,var(--border));background:color-mix(in srgb,var(--panel) 92%,transparent)}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0d1528;color:var(--brand);border:1px solid var(--border)}.contact-body h3{margin:0 0 2px;font-size:1.05rem}.contact-body p{margin:0}.contact-arrow{opacity:.7}.contact-form.panel{margin-top:8px}.contact-form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.field{display:grid;gap:6px}.field span{font-size:.95rem;color:var(--muted)}.field input,.field textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0d1528;color:var(--text)}.field-full{grid-column:1 / -1}.actions{display:flex;gap:10px}.cv-panel{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cv-copy{display:grid;gap:4px}#selected-work .grid.three{--gap: clamp(16px, 3vw, 24px);display:grid;gap:var(--gap);grid-template-columns:1fr}@media (min-width: 720px){#selected-work .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){#selected-work .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}#selected-work .card{background:var(--panel, #0f172a);border:1px solid var(--border, #1f2937);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow, 0 1px 2px rgba(2,6,23,.6), 0 2px 6px rgba(2,6,23,.5));padding:clamp(14px,2vw,18px);display:flex;flex-direction:column;min-height:100%;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}#selected-work .card:hover,#selected-work .card:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand, #4f46e5) 25%,var(--border, #1f2937));box-shadow:0 6px 18px #02061799;outline:none}#selected-work .thumb{margin:0 0 14px;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0d1325}#selected-work .thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#selected-work .card-title{margin:2px 0 8px;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.3;color:#e5e7eb}#selected-work .muted{color:var(--muted, #94a3b8);margin:0 0 12px}#selected-work .chips{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}#selected-work .chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#111827;border:1px solid #243244;color:#cbd5e1;font-size:.85rem;line-height:1}@media (prefers-reduced-motion: reduce){#selected-work .card{transition:none!important}}.page-container.contact{padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.contact{animation:page-in .28s cubic-bezier(.2,.8,.2,1) both}.contact-grid .contact-card{opacity:0;animation:card-in .36s ease forwards}.contact-grid .contact-card:nth-of-type(1){animation-delay:40ms}.contact-grid .contact-card:nth-of-type(2){animation-delay:90ms}.contact-grid .contact-card:nth-of-type(3){animation-delay:.14s}.contact-form.panel,.cv-panel{opacity:0;animation:card-in .36s ease forwards}.contact-form.panel{animation-delay:.18s}.cv-panel{animation-delay:.22s}.contact-card{position:relative}.contact-card .contact-arrow{transition:transform .2s ease,opacity .2s ease}.contact-card:hover .contact-arrow{transform:translate(2px);opacity:1}.contact-icon{transition:transform .2s ease,background .2s ease,border-color .2s ease}.contact-card:hover .contact-icon{transform:scale(1.03);background:color-mix(in srgb,var(--brand, #4f46e5) 18%,#0d1528);border-color:color-mix(in srgb,var(--brand, #4f46e5) 25%,var(--border, #1f2937))}.field input,.field textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:focus,.field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--brand, #4f46e5) 30%,var(--border, #1f2937));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand, #4f46e5) 18%,transparent);background:#0e1831}@media (prefers-reduced-motion: reduce){.contact,.contact-grid .contact-card,.contact-form.panel,.cv-panel{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.thumb{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;background:#0d1325}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .thumb{margin:0 0 14px;width:100%;aspect-ratio:16 / 9;background:#0d1325;border-radius:12px;overflow:hidden}.card .thumb img{display:block;width:100%;height:100%;object-fit:cover}#root{max-width:none;margin:0;padding:0;text-align:initial}@media (max-width: 600px){.card{padding:1rem}}main,.App,#root>*:first-child{animation:page-in .28s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{opacity:0;animation:card-in .38s ease forwards}.card:nth-of-type(1){animation-delay:30ms}.card:nth-of-type(2){animation-delay:60ms}.card:nth-of-type(3){animation-delay:90ms}.card:nth-of-type(4){animation-delay:.12s}.card:nth-of-type(5){animation-delay:.15s}.card:nth-of-type(6){animation-delay:.18s}.card:nth-of-type(7){animation-delay:.21s}.card:nth-of-type(8){animation-delay:.24s}.card:nth-of-type(9){animation-delay:.27s}.card:nth-of-type(10){animation-delay:.3s}.card .thumb img{transform:translateZ(0);transition:transform .25s ease,opacity .25s ease}.card:hover .thumb img,.card:focus-within .thumb img{transform:scale(1.02)}.card .thumb img{animation:img-in .18s ease both}@media (prefers-reduced-motion: reduce){main,.App,#root>*:first-child,.card,.card .thumb img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home{animation:page-in .28s cubic-bezier(.2,.8,.2,1) both}@keyframes hero-in{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.home .hero-text>*{opacity:0;animation:hero-in .42s ease forwards}.home .hero-text>*:nth-child(1){animation-delay:40ms}.home .hero-text>*:nth-child(2){animation-delay:90ms}.home .hero-text>*:nth-child(3){animation-delay:.14s}.home .hero-text>*:nth-child(4){animation-delay:.19s}@keyframes card-pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.home .hero-card{opacity:0;animation:card-pop-in .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.16s}@keyframes section-head-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home .section-head{opacity:0;animation:section-head-in .34s ease forwards;animation-delay:.12s}@keyframes grid-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home .grid.three .card{opacity:0;animation:grid-card-in .38s ease forwards}.home .grid.three .card:nth-of-type(1){animation-delay:60ms}.home .grid.three .card:nth-of-type(2){animation-delay:.12s}.home .grid.three .card:nth-of-type(3){animation-delay:.18s}@keyframes img-in{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.home .thumb img{animation:img-in .18s ease both;transform:translateZ(0);transition:transform .25s ease,opacity .25s ease}.home .card:hover .thumb img,.home .card:focus-within .thumb img{transform:scale(1.02)}@media (prefers-reduced-motion: reduce){.home,.home .hero-text>*,.home .hero-card,.home .section-head,.home .grid.three .card,.home .thumb img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important}}.footer{margin-top:clamp(16px,4vw,40px)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.page-offset{flex:1}canvas{width:100vw;height:100vh;display:block}.badge{position:fixed;right:12px;top:12px;padding:10px 12px;border-radius:14px;background:#10d4ff24;border:1px solid rgba(16,212,255,.3);font-weight:600;font-size:11px;color:#ccefff;pointer-events:none;-webkit-user-select:none;user-select:none}