@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.flex{display:flex}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}:root{--bg:#080808;--bg2:#0f0f0f;--bg3:#161616;--surface:#1c1c1c;--border:#252525;--border2:#333;--accent:#e8f23a;--accent2:#c8d730;--text:#f0efea;--muted:#777;--muted2:#444;--font-d:"Bebas Neue", sans-serif;--font-b:"DM Sans", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-b);min-height:100vh;overflow-x:hidden}nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#080808f2;justify-content:space-between;align-items:center;height:62px;padding:0 6vw;display:flex;position:sticky;top:0}.logo{font-family:var(--font-d);letter-spacing:3px;font-size:21px}.nav-tag{letter-spacing:2px;color:var(--muted);text-transform:uppercase;border:1px solid var(--border2);padding:5px 12px;font-size:11px}.hero{padding:90px 6vw 56px;position:relative;overflow:hidden}.hero:after{content:"PROJECTS";font-family:var(--font-d);color:#ffffff06;pointer-events:none;letter-spacing:4px;font-size:clamp(100px,18vw,220px);line-height:1;position:absolute;top:40px;right:-2vw}.hero-label{letter-spacing:3px;color:var(--accent);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.hero-label:before{content:"";background:var(--accent);width:24px;height:1px}.hero h1{font-family:var(--font-d);letter-spacing:2px;margin-bottom:22px;font-size:clamp(56px,9vw,108px);line-height:.92}.hero h1 span{color:var(--accent)}.hero-sub{color:var(--muted);max-width:480px;margin-bottom:44px;font-size:14px;font-weight:300;line-height:1.75}.hero-bar{border-top:1px solid var(--border);gap:48px;padding-top:32px;display:flex}.stat .n{font-family:var(--font-d);color:var(--accent);letter-spacing:2px;font-size:36px}.stat .l{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-size:10px}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:12px 0;overflow:hidden}.ticker-t{white-space:nowrap;animation:28s linear infinite tick;display:flex}.ticker-t:hover{animation-play-state:paused}.ti{letter-spacing:2px;text-transform:uppercase;color:var(--text);align-items:center;gap:10px;padding:0 24px;font-size:11px;display:inline-flex}.ti b{background:var(--accent);flex-shrink:0;width:4px;height:4px;display:block}@keyframes tick{to{transform:translate(-50%)}}.projects{padding:70px 6vw}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}.sec-title{font-family:var(--font-d);letter-spacing:2px;font-size:clamp(32px,5vw,56px);line-height:1}.sec-count{color:var(--muted);letter-spacing:2px;border:1px solid var(--border2);align-self:flex-start;padding:6px 14px;font-size:11px}.grid-container{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid}.pcard{background:var(--bg);cursor:pointer;text-align:left;min-height:240px;color:var(--text);border:none;flex-direction:column;padding:28px 26px 24px;transition:background .22s;display:flex;position:relative;overflow:hidden}.pcard:hover{background:var(--bg3)}.pcard:before{content:"";background:var(--accent);transform-origin:bottom;width:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.pcard:hover:before{transform:scaleY(1)}.pc-top{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px;display:flex}.pc-tags{flex-wrap:wrap;gap:5px;display:flex}.ptag{letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--border2);color:var(--text);padding:3px 8px;font-size:9px}.ptag.a{color:var(--accent);border-color:#e8f23a66}.pstatus{color:var(--accent);letter-spacing:1px;align-items:center;gap:5px;font-size:10px;display:flex}.pdot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.pdot.off{background:var(--muted2);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pc-title{font-family:var(--font-d);letter-spacing:1px;white-space:pre-line;margin-bottom:10px;font-size:clamp(22px,3vw,30px);line-height:1.05}.pc-desc{color:var(--text);flex:1;margin-bottom:20px;font-size:12.5px;font-weight:300;line-height:1.65}.pc-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:16px;display:flex}.avstack{display:flex}.av{background:var(--surface);border:2px solid var(--bg);width:24px;height:24px;color:var(--text);letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-size:8px;font-weight:600;display:flex}.av:first-child{margin-left:0}.pc-arrow{color:var(--text);font-size:16px;transition:transform .2s,color .2s}.pcard:hover .pc-arrow{color:var(--accent);transform:translate(2px,-2px)}.pc-year{color:var(--text);letter-spacing:1px;font-size:10px}.pc-img-wrap{background:var(--surface);width:100%;height:180px;margin-bottom:20px;position:relative;overflow:hidden}.pc-img{object-fit:cover;opacity:.7;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s,filter .6s}.pcard:hover .pc-img{opacity:1;filter:grayscale(0%)contrast();transform:scale(1.06)}.overlay{z-index:500;pointer-events:none;opacity:0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay.open{pointer-events:all;opacity:1}.overlay-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#000000d9;transition:opacity .3s;position:absolute;inset:0}.overlay.open .overlay-bg{opacity:1}.c-modal{background:var(--bg2);border:1px solid var(--border2);opacity:0;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;text-align:left;width:100%;max-width:760px;max-height:88vh;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;position:relative;overflow-y:auto;transform:translateY(40px)scale(.96)}.overlay.open .c-modal{opacity:1;transform:translateY(0)scale(1)}.c-modal::-webkit-scrollbar{width:4px}.c-modal::-webkit-scrollbar-thumb{background:var(--border2)}.modal-top{border-bottom:1px solid var(--border);padding:32px 32px 0}.modal-close{border:1px solid var(--border2);color:var(--muted);cursor:pointer;z-index:10;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:border-color .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.modal-title{font-family:var(--font-d);letter-spacing:2px;white-space:pre-wrap;margin-bottom:14px;font-size:clamp(32px,5vw,52px);line-height:.95}.modal-meta{flex-wrap:wrap;gap:24px;padding:14px 0;display:flex}.mm{color:var(--muted);letter-spacing:.5px;font-size:11px}.mm strong{color:var(--text);font-size:15px;font-weight:500;font-family:var(--font-d);letter-spacing:1.5px;margin-bottom:2px;display:block}.modal-body{padding:28px 32px 32px}.modal-section{margin-bottom:28px}.ms-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.ms-label:after{content:"";background:#e8f23a26;flex:1;height:1px}.modal-desc{color:#f0efeabf;font-size:14px;font-weight:300;line-height:1.75}.tech-list{flex-wrap:wrap;gap:7px;display:flex}.tech{letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--border2);color:var(--text);padding:5px 12px;font-size:10px}.contrib-list{flex-direction:column;gap:10px;display:flex}.contrib-item{border:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.contrib-item:hover{border-color:var(--border2);background:var(--bg3)}.contrib-left{align-items:center;gap:12px;display:flex}.c-av{background:var(--surface);border:1px solid var(--border2);width:36px;height:36px;font-family:var(--font-d);letter-spacing:1px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.c-name{font-size:14px;font-weight:500}.c-role{color:var(--muted);letter-spacing:.3px;margin-top:2px;font-size:11px}.github-btn{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:10px;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.github-btn:hover{border-color:var(--accent);color:var(--accent)}.github-btn svg{fill:currentColor;flex-shrink:0;width:13px;height:13px}.modal-link{letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid #e8f23a4d;align-items:center;gap:8px;margin-top:4px;padding:9px 18px;font-size:11px;text-decoration:none;transition:background .2s;display:inline-flex}.modal-link:hover{background:#e8f23a12}.cta{text-align:center;border-top:1px solid var(--border);padding:70px 6vw}.cta h2{font-family:var(--font-d);letter-spacing:3px;margin-bottom:14px;font-size:clamp(40px,6vw,68px)}.cta p{color:var(--muted);max-width:400px;margin:0 auto 30px;font-size:14px;font-weight:300;line-height:1.7}.cta-btn{background:var(--accent);color:#080808;font-family:var(--font-b);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;padding:14px 32px;font-size:11px;font-weight:700;transition:background .2s}.cta-btn:hover{background:var(--accent2)}footer{background:var(--bg2);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 6vw;display:flex}.f-logo{font-family:var(--font-d);letter-spacing:2px;font-size:17px}.f-copy{color:var(--muted);letter-spacing:.5px;font-size:10px}@media (max-width:1024px){.hero-bar{flex-wrap:wrap;gap:32px}.stat .n{font-size:32px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hero{padding:60px 4vw 40px}.hero h1{font-size:clamp(48px,10vw,72px)}.hero-sub{margin-bottom:32px;font-size:15px}.hero-bar{gap:20px;padding-top:24px}.stat .n{font-size:28px}.projects{padding:50px 4vw}.cta{padding:60px 4vw}.c-modal{width:95%;max-height:90vh}.modal-top{padding:24px 24px 0}.modal-body{padding:20px 24px 24px}.tech-list{gap:5px}.contrib-left{flex-direction:column;align-items:flex-start;gap:8px}.c-name{font-size:13px}}@media (max-width:560px){nav{height:56px;padding:0 4vw}.logo{font-size:18px}.hero{padding:40px 4vw 30px}.hero-bar{flex-direction:column;align-items:flex-start;gap:16px}.grid-container{grid-template-columns:1fr}.pcard{min-height:auto;padding:24px 20px}.c-modal{border-radius:8px;height:auto;max-height:calc(100vh - 20px);margin:10px}.modal-title{font-size:clamp(28px,8vw,36px)}.modal-top,.modal-body{padding-left:16px;padding-right:16px}.contrib-item{flex-direction:column;align-items:flex-start;gap:10px}nav .nav-tag{display:none}.sec-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.sec-count{align-self:flex-start;margin-top:4px}footer{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 4vw}}@media (max-width:380px){.hero:after{display:none}.hero h1{font-size:42px}.hero-sub{font-size:14px}.pc-top{flex-direction:column;align-items:flex-start;gap:10px}.pcard{padding:20px 16px}.c-modal{border-radius:0;width:100%;min-height:100vh;max-height:100vh;margin:0;transform:translateY(0)}.overlay{justify-content:stretch;align-items:stretch;padding:0}.modal-close{top:12px;right:12px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}