:root{--bg: #17141f;--ink: #f5f3f7;--muted: #6f6a82;--accent: #8b5cf6;--accent-warm: #f0a884;--accent-cool: #5eead4;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(42% 55% at 12% 16%,rgba(139,92,246,.2),transparent 70%),radial-gradient(36% 46% at 88% 10%,rgba(240,168,132,.12),transparent 70%),radial-gradient(46% 58% at 82% 90%,rgba(94,234,212,.1),transparent 70%)}img{width:100%;height:100%;object-fit:cover}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,5vw,6.5rem);font-weight:400;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}p{font-size:1.5rem;font-weight:500;line-height:1.25}section{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center;text-align:center}.intro-inner,.outro-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:34rem}.eyebrow{font-family:Space Mono,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-warm)}.lede{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}.hint{font-family:Space Mono,monospace;font-size:.625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact{font-family:Space Mono,monospace;font-size:.8rem;font-weight:400;letter-spacing:.02em;color:var(--ink);text-decoration:none;padding:.65em 1.2em;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .3s ease,border-color .3s ease}.contact:hover{color:var(--accent-warm);border-color:#8b5cf699}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.contact,.project-index h1{background:#ffffff1a}}.project-index h1{display:inline-block;color:var(--ink);padding:.14em .32em;border-radius:.22em;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-images{position:absolute;top:0;left:50%;transform:translate(-50%);width:35%;padding:50svh 0;display:flex;flex-direction:column;gap:.5rem;z-index:-1}.project-img{position:relative;width:100%;aspect-ratio:16/9;opacity:.5;transition:opacity .3s ease;overflow:hidden;border-radius:4px;isolation:isolate}.project-img img{filter:grayscale(1) contrast(1.1) brightness(.85)}.project-img:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(170deg,#8b5cf647,#17141f73);mix-blend-mode:multiply}.project-img:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(170deg,#8b5cf62e,#8b5cf60a);mix-blend-mode:screen}.project-names{position:absolute;right:2rem;bottom:2rem;display:flex;flex-direction:column;align-items:flex-end}.project-names p{font-weight:500;letter-spacing:-.01em;color:var(--muted);transition:color .3s ease}.project-index h1,.project-images,.project-names p{will-change:transform}@media(max-width:1000px){.project-images{width:calc(100% - 4rem);gap:25svh}.project-names p{color:var(--ink)!important;padding:.18em .6em;margin-top:.3rem;border-radius:999px;background:#17141f99;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media(max-width:768px){section{padding:1.5rem}h1{font-size:clamp(2.75rem,13vw,4rem)}.intro-inner,.outro-inner{gap:1rem;max-width:100%}.lede{font-size:1.4rem}.project-names{right:1.5rem;bottom:1.5rem}.project-names p{font-size:1.35rem;line-height:1.3}}