*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#000;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.landing{color:#f2f2f2;background:#060606;min-height:100vh;position:relative;overflow:hidden}.video-layer{width:100%;height:100vh;position:relative;inset:0}.video-bg{object-fit:cover;background:radial-gradient(circle,#55555580 0%,#0000 50%),linear-gradient(160deg,#0c0c0c 0%,#191919 40%,#080808 100%);width:100%;height:100%;position:absolute;inset:0}.video-overlay{background:linear-gradient(#00000026 0%,#000000d1 85%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 10px);position:absolute;inset:0}.content{z-index:2;text-shadow:0 8px 30px #000000a6;flex-direction:column;gap:1rem;width:min(920px,100% - 3rem);display:flex;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}.badge{letter-spacing:.22rem;text-transform:uppercase;background:#0606068c;border:1px solid #eeeeee59;border-radius:999px;width:fit-content;margin:0;padding:.45rem .85rem;font-size:.8rem}.content h1{text-transform:uppercase;letter-spacing:.06rem;max-width:12ch;margin:0;font-size:clamp(2rem,8vw,5rem);font-weight:900;line-height:.95}.content h1.gang-title{text-transform:none;font-family:Times New Roman,Times,serif}.alan-link{color:#fff;letter-spacing:.06rem;text-transform:none;width:fit-content;font-weight:600;text-decoration:none;position:relative}.alan-link:after{content:"";background:#fff;width:100%;height:2px;animation:.85s step-end infinite blink-underline;position:absolute;bottom:-.2rem;left:0}.czokens-link{color:#fff;letter-spacing:.06rem;text-transform:none;width:fit-content;font-weight:600;text-decoration:none;position:relative}.czokens-link:after{content:"";background:#fff;width:100%;height:2px;animation:.85s step-end infinite blink-underline;position:absolute;bottom:-.2rem;left:0}@keyframes blink-underline{0%,44%{opacity:1}45%,to{opacity:.18}}.lead{color:#f2f2f2e6;max-width:65ch;margin:0;font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.45}.lead code{background:#ffffff1a;border-radius:.35rem;margin-inline:.3rem;padding:.15rem .45rem;font-size:.92em;display:inline-block}.error{color:#ff8b8b;margin:0;font-weight:600}.entry{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;display:grid;position:absolute;inset:0}.entry-card{text-align:center;background:linear-gradient(#0e0e0ee0 0%,#030303eb 100%);border:1px solid #fff3;border-radius:1rem;width:min(560px,100% - 2rem);padding:2rem;box-shadow:0 30px 70px #0000008c}.entry-label{color:#ffffffc2;letter-spacing:.18rem;text-transform:uppercase;margin:0 0 .8rem;font-size:.74rem}.entry-card h2{margin:0 0 1.4rem;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15}.entry-card button{color:#f2f2f2;text-transform:uppercase;letter-spacing:.14rem;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:999px;padding:.75rem 2.3rem;font-size:1rem;transition:transform .2s,background-color .2s,color .2s}.entry-card button:hover:not(:disabled){color:#090909;background:#f2f2f2;transform:translateY(-1px)}.entry-card button:disabled{opacity:.55;cursor:wait}@media (width<=640px){.content{width:calc(100% - 1.5rem);bottom:8vh}.entry-card{padding:1.5rem 1rem}}.portfolio-page{color:#f2f2f2;background:radial-gradient(circle at 30% 20%,#6e6e6e26 0%,#0000 38%),linear-gradient(#050505 0%,#0a0a0a 55%,#040404 100%);min-height:100vh}.portfolio-hero{min-height:100vh;position:relative;overflow:hidden}.portfolio-video-layer{position:absolute;inset:0}.portfolio-video-bg{object-fit:cover;background:radial-gradient(circle,#55555580 0%,#0000 50%),linear-gradient(160deg,#0c0c0c 0%,#191919 40%,#080808 100%);width:100%;height:100%;position:absolute;inset:0}.portfolio-video-overlay{background:linear-gradient(#0003 0%,#000000d9 88%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 10px);position:absolute;inset:0}.portfolio-flicker-layer{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 70% 22%,#dcdcdc17 0%,#0000 48%),radial-gradient(circle at 30% 66%,#8c8c8c12 0%,#0000 42%);animation:2.8s step-end infinite city-flicker;position:absolute;inset:0}.floating-noise{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-noise span{opacity:.18;filter:blur(.2px);background:linear-gradient(#0000 0%,#ffffff59 100%);width:2px;height:16vh;animation:10s linear infinite fly-up;position:absolute;bottom:-16vh}.floating-noise span:first-child{animation-duration:9.5s;left:5%}.floating-noise span:nth-child(2){animation-duration:11.2s;animation-delay:-2s;left:13%}.floating-noise span:nth-child(3){animation-duration:8.7s;animation-delay:-1.3s;left:21%}.floating-noise span:nth-child(4){animation-duration:10.6s;animation-delay:-3.8s;left:30%}.floating-noise span:nth-child(5){animation-duration:12.4s;animation-delay:-4.1s;left:38%}.floating-noise span:nth-child(6){animation-duration:9.1s;animation-delay:-2.6s;left:46%}.floating-noise span:nth-child(7){animation-duration:10.9s;animation-delay:-5.2s;left:55%}.floating-noise span:nth-child(8){animation-duration:8.3s;animation-delay:-1s;left:64%}.floating-noise span:nth-child(9){animation-duration:11.8s;animation-delay:-6.4s;left:72%}.floating-noise span:nth-child(10){animation-duration:9.3s;animation-delay:-3.1s;left:80%}.floating-noise span:nth-child(11){animation-duration:10.2s;animation-delay:-5.8s;left:88%}.floating-noise span:nth-child(12){animation-duration:12.8s;animation-delay:-2.7s;left:95%}.portfolio-badge{letter-spacing:.2rem;text-transform:uppercase;background:#0606068c;border:1px solid #eeeeee59;border-radius:999px;width:fit-content;margin:0;padding:.45rem .85rem;font-size:.78rem}.portfolio-title{letter-spacing:.02rem;white-space:nowrap;width:100%;min-height:1.05em;margin:0;padding-bottom:.35rem;font-family:Times New Roman,Times,serif;font-size:clamp(1.4rem,4.4vw,4.5rem);font-weight:900;line-height:.95;animation:2.6s step-end infinite title-flicker;display:block;position:relative;overflow:hidden}.portfolio-content{z-index:2;text-shadow:0 8px 30px #000000a6;flex-direction:column;gap:1rem;width:min(920px,100% - 3rem);display:flex;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}.portfolio-title:after{content:"";background:#f2f2f2;width:100%;min-width:2ch;height:2px;animation:.85s step-end infinite blink-underline;position:absolute;bottom:0;left:0}.portfolio-subtitle{color:#f2f2f2e6;letter-spacing:.02rem;max-width:44ch;margin:0;font-size:clamp(.95rem,1.8vw,1.25rem)}.portfolio-entry{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;place-items:center;display:grid;position:absolute;inset:0}.portfolio-entry-card{text-align:center;width:min(560px,100% - 2rem);padding:2rem}.portfolio-entry-label{color:#ffffffc2;letter-spacing:.18rem;text-transform:uppercase;margin:0 0 .8rem;font-size:.74rem}.portfolio-entry-card h2{margin:0 0 1.4rem;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15}.portfolio-entry-card button{color:#f2f2f2;text-transform:uppercase;letter-spacing:.14rem;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:999px;padding:.75rem 2.3rem;font-size:1rem;transition:transform .2s,background-color .2s,color .2s}.portfolio-entry-card button:hover:not(:disabled){color:#090909;background:#f2f2f2;transform:translateY(-1px)}.portfolio-entry-card button:disabled{opacity:.55;cursor:wait}.portfolio-error{color:#ff8b8b;margin:.9rem 0 0;font-weight:600}.social-drawer{--tab-width:42px;transform:translate(calc(100% - var(--tab-width)), -50%);z-index:7;align-items:stretch;transition:transform .25s;display:flex;position:fixed;top:50%;right:0}.social-drawer:hover,.social-drawer:focus-within{transform:translateY(-50%)}.social-drawer-tab{background:#070707f2;border:1px solid #ffffff59;border-right:0;border-radius:12px 0 0 12px;place-items:center;width:42px;display:grid}.social-drawer-arrow{font-size:1.1rem;line-height:1;animation:1.3s ease-in-out infinite arrow-pulse}.social-drawer-links{background:#070707f2;border:1px solid #ffffff59;border-radius:0 12px 12px 0;flex-direction:column;min-width:210px;display:flex;overflow:hidden}.social-drawer-links a{color:#f2f2f2;border-bottom:1px solid #ffffff1a;align-items:center;gap:.65rem;padding:.8rem 1rem;text-decoration:none;display:flex}.social-drawer-links a:last-child{border-bottom:0}.social-drawer-links a:hover{background:#ffffff0f}.social-drawer-links svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:20px;height:20px}.social-drawer-links svg path{fill:currentColor;stroke:none}.now-playing{z-index:9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.05rem;color:#f2f2f2eb;opacity:1;background:#06060699;border:1px solid #ffffff40;border-radius:999px;padding:.5rem .9rem;font-size:.78rem;transition:opacity .9s;position:fixed;top:1.2rem;left:1.2rem}.now-playing-fade{opacity:0}.scroll-hint{z-index:3;color:#f2f2f2d9;letter-spacing:.18rem;text-transform:uppercase;text-shadow:0 4px 16px #0009;pointer-events:none;opacity:1;flex-direction:column;align-items:center;gap:.35rem;font-size:.72rem;transition:opacity .5s;display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.scroll-hint-hidden{opacity:0}.scroll-hint-arrow{font-size:1.3rem;animation:1.6s ease-in-out infinite scroll-hint-bounce}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.projects-section{z-index:1;background:#030303;padding:5rem 1.2rem 6rem;position:relative;overflow:hidden}.projects-video-layer{z-index:0;position:absolute;inset:0;overflow:hidden}.projects-video-bg{object-fit:cover;background:radial-gradient(circle,#55555580 0%,#0000 50%),linear-gradient(160deg,#0c0c0c 0%,#191919 40%,#080808 100%);width:100%;height:100%;position:absolute;inset:0}.projects-video-overlay{background:linear-gradient(#030303d1 0%,#030303ed 55%,#030303 100%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 10px);position:absolute;inset:0}.projects-inner{z-index:1;width:min(1020px,100%);margin:0 auto;position:relative}.projects-inner h2{letter-spacing:.08rem;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,5vw,2.6rem)}.projects-inner>p{color:#f2f2f2d1;margin:.7rem 0 2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.project-card{background:linear-gradient(170deg,#141414d9 0%,#070707e6 100%);border:1px solid #ffffff2e;border-radius:.8rem;padding:1.2rem}.project-card h3{margin:0 0 .65rem;font-size:1.2rem;line-height:1.2}.project-card p{color:#f2f2f2db;margin:0 0 1rem;line-height:1.4}.project-card a{color:#f2f2f2;letter-spacing:.04rem;border-bottom:1px solid #f2f2f2b3;text-decoration:none;display:inline-block}@keyframes city-flicker{0%,15%,36%,57%,76%,to{opacity:.72}16%,35%,58%,75%{opacity:.14}}@keyframes title-flicker{0%,22%,49%,73%,to{opacity:1}23%,48%,74%{opacity:.62}}@keyframes fly-up{0%{opacity:0;transform:translateY(0)}10%,84%{opacity:.22}to{opacity:0;transform:translateY(-132vh)}}@keyframes arrow-pulse{0%,to{transform:translate(0)}50%{transform:translate(-2px)}}@media (width<=700px){.portfolio-content{width:calc(100% - 1.5rem);bottom:12vh}.portfolio-entry-card{padding:1.5rem 1rem}.social-drawer{transform:translate(calc(100% - var(--tab-width)), 0);top:auto;bottom:1rem}.social-drawer:hover,.social-drawer:focus-within{transform:translate(0)}.social-drawer-links{min-width:185px}}