:root{--base:#24273a;--mantle:#1e2030;--crust:#181926;--surface0:#363a4f;--surface1:#494d64;--surface2:#5b6078;--overlay0:#6e738d;--overlay1:#8087a2;--text:#cad3f5;--subtext1:#b8c0e0;--subtext0:#a5adcb;--lavender:#b7bdf8;--blue:#8aadf4;--sapphire:#7dc4e4;--sky:#91d7e3;--teal:#8bd5ca;--green:#a6da95;--yellow:#eed49f;--peach:#f5a97f;--mauve:#c6a0f6;--pink:#f5bde6;--red:#ed8796;--mono:"JetBrains Mono", monospace;--sans:"Space Grotesk", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--crust);color:var(--text);font-family:var(--mono);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--mantle)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--surface0);background:#181926d9;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.05em;color:var(--mauve);font-size:.85rem;font-weight:700}.nav-brand span{color:var(--blue)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--subtext0);letter-spacing:.08em;font-size:.78rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--lavender)}.nav-cta{border:1px solid var(--mauve);color:var(--mauve);font-family:var(--mono);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:6px;padding:.4rem 1rem;font-size:.78rem;text-decoration:none;transition:background .2s,color .2s}.nav-cta:hover{background:var(--mauve);color:var(--crust)}section{z-index:1;position:relative}#hero{align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 2rem 4rem;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.hero-tag{color:var(--blue);letter-spacing:.1em;background:#8aadf41a;border:1px solid #8aadf440;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.72rem;animation:.6s both fadeUp;display:inline-flex}.hero-tag:before{content:"●";font-size:.5rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15;animation:.6s .1s both fadeUp}.hero-title .accent-mauve{color:var(--mauve)}.hero-title .accent-blue{color:var(--blue)}.hero-title .accent-teal{color:var(--teal)}.hero-desc{color:var(--subtext1);max-width:480px;margin-bottom:2rem;font-size:.88rem;line-height:1.8;animation:.6s .2s both fadeUp}.hero-btns{flex-wrap:wrap;gap:1rem;animation:.6s .3s both fadeUp;display:flex}.btn-primary{background:var(--mauve);color:var(--crust);font-family:var(--mono);letter-spacing:.05em;border-radius:8px;padding:.75rem 1.75rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c6a0f64d}.btn-secondary{border:1px solid var(--surface1);color:var(--subtext1);font-family:var(--mono);letter-spacing:.05em;border-radius:8px;padding:.75rem 1.75rem;font-size:.82rem;text-decoration:none;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--lavender);color:var(--lavender)}.hero-stats{gap:2rem;margin-top:3rem;animation:.6s .4s both fadeUp;display:flex}.stat-item{border-left:2px solid var(--mauve);padding-left:1rem}.stat-num{color:var(--mauve);font-size:1.6rem;font-weight:800;line-height:1}.stat-label{color:var(--subtext0);letter-spacing:.05em;margin-top:.25rem;font-size:.72rem}.stat-item:nth-child(2) .stat-num{color:var(--blue)}.stat-item:nth-child(2){border-left-color:var(--blue)}.stat-item:nth-child(3) .stat-num{color:var(--teal)}.stat-item:nth-child(3){border-left-color:var(--teal)}.hero-terminal{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;font-size:.8rem;animation:.6s .2s both fadeUp;overflow:hidden}.terminal-bar{background:var(--surface0);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.t-dot{border-radius:50%;width:12px;height:12px}.t-dot.red{background:var(--red)}.t-dot.yellow{background:var(--yellow)}.t-dot.green{background:var(--green)}.terminal-title{color:var(--overlay1);letter-spacing:.05em;margin-left:.5rem;font-size:.72rem}.terminal-body{padding:1.25rem;line-height:2}.t-comment{color:var(--overlay1)}.t-key{color:var(--mauve)}.t-val{color:var(--green)}.t-str{color:var(--yellow)}.t-bracket{color:var(--peach)}.t-cursor{background:var(--mauve);vertical-align:middle;width:8px;height:1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.section-wrap{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-label{letter-spacing:.15em;color:var(--mauve);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;display:inline-flex}.section-label:before{content:"";background:var(--mauve);width:24px;height:1px;display:block}.section-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2}.section-sub{color:var(--subtext0);max-width:560px;margin-bottom:3rem;font-size:.88rem;line-height:1.8}#services{background:var(--mantle)}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.service-card{background:var(--base);border:1px solid var(--surface0);border-radius:12px;padding:2rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.service-card:hover:before{opacity:1}.service-card:hover{border-color:var(--surface1);transform:translateY(-4px)}.service-card[data-accent=mauve]{--accent:var(--mauve)}.service-card[data-accent=blue]{--accent:var(--blue)}.service-card[data-accent=teal]{--accent:var(--teal)}.service-icon{background:var(--surface0);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.4rem;display:flex}.service-title{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.service-desc{color:var(--subtext0);margin-bottom:1.25rem;font-size:.78rem;line-height:1.8}.service-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{letter-spacing:.04em;border:1px solid;border-radius:4px;padding:.2rem .6rem;font-size:.68rem}.tag-mauve{color:var(--mauve);background:#c6a0f614;border-color:#c6a0f64d}.tag-blue{color:var(--blue);background:#8aadf414;border-color:#8aadf44d}.tag-teal{color:var(--teal);background:#8bd5ca14;border-color:#8bd5ca4d}.tag-green{color:var(--green);background:#a6da9514;border-color:#a6da954d}.tag-peach{color:var(--peach);background:#f5a97f14;border-color:#f5a97f4d}.tag-yellow{color:var(--yellow);background:#eed49f14;border-color:#eed49f4d}#projects{background:var(--crust)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;transition:border-color .3s,transform .3s;overflow:hidden}.project-card:hover{border-color:var(--surface1);transform:translateY(-4px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:1.5rem 1.5rem 0;display:flex}.project-num{color:var(--overlay0);letter-spacing:.1em;font-size:.68rem;font-weight:600}.project-status{letter-spacing:.06em;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.status-live{color:var(--green);background:#a6da9526}.status-prod{color:var(--blue);background:#8aadf426}.project-body{padding:0 1.5rem 1.5rem}.project-name{color:var(--text);margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.3}.project-desc{color:var(--subtext0);margin-bottom:1rem;font-size:.78rem;line-height:1.8}.challenge-box{background:var(--surface0);border-radius:8px;margin-bottom:1rem;padding:.85rem 1rem}.challenge-label{letter-spacing:.12em;color:var(--yellow);margin-bottom:.35rem;font-size:.65rem;font-weight:700}.challenge-text{color:var(--subtext1);font-size:.75rem;line-height:1.7}.project-stack{flex-wrap:wrap;gap:.35rem;display:flex}#techstack{background:var(--mantle)}.tech-orbit-wrap{flex-direction:column;align-items:center;gap:2rem;display:flex}.tech-grid{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:800px;display:grid}.tech-grid.top{grid-template-columns:repeat(4,1fr)}.tech-card{background:var(--base);border:1px solid var(--surface0);text-align:center;cursor:default;border-radius:12px;padding:1.25rem 1rem;transition:border-color .3s,transform .3s}.tech-card:hover{border-color:var(--mauve);transform:translateY(-3px)}.tech-icon-wrap{background:var(--surface0);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;font-size:1.5rem;display:flex}.tech-name{color:var(--text);margin-bottom:.2rem;font-size:.78rem;font-weight:700}.tech-level{color:var(--subtext0);letter-spacing:.06em;font-size:.65rem}.tech-center-row{align-items:center;gap:1rem;width:100%;max-width:800px;display:flex}.tech-center-card{text-align:center;background:linear-gradient(135deg,#c6a0f61f,#8aadf414);border:1px solid #c6a0f64d;border-radius:12px;flex:1;padding:1.25rem 1rem;position:relative}.tech-center-card .tech-name{color:var(--mauve);font-size:.82rem}#clientwork{background:var(--mantle)}.cw-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.cw-filter{font-family:var(--mono);border:1px solid var(--surface1);color:var(--subtext0);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:6px;padding:.4rem 1rem;font-size:.72rem;transition:all .2s}.cw-filter:hover{border-color:var(--mauve);color:var(--mauve)}.cw-filter.active{background:var(--mauve);color:var(--crust);border-color:var(--mauve)}.cw-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cw-card{background:var(--base);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.cw-card:hover{border-color:#c6a0f666;transform:translateY(-5px);box-shadow:0 16px 40px #0000004d}.cw-card[data-hidden=true]{display:none}.cw-browser{background:var(--mantle);border-bottom:1px solid var(--surface0)}.cw-browser-bar{background:var(--surface0);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.b-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.b-dot.r{background:var(--red);opacity:.7}.b-dot.y{background:var(--yellow);opacity:.7}.b-dot.g{background:var(--green);opacity:.7}.b-url{background:var(--mantle);color:var(--overlay1);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex:1;padding:.2rem .6rem;font-size:.62rem;overflow:hidden}.b-url span{color:var(--green)}.cw-preview{object-fit:cover;object-position:top;width:100%;height:160px;display:block}.cw-preview-placeholder{justify-content:center;align-items:center;height:160px;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.cw-preview-placeholder:before{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#ffffff05 8px 16px);position:absolute;inset:0}.cw-body{flex-direction:column;flex:1;gap:.6rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.cw-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cw-cat{letter-spacing:.08em;border-radius:4px;flex-shrink:0;padding:.18rem .55rem;font-size:.62rem;font-weight:700}.cw-title{color:var(--text);font-size:.92rem;font-weight:700;line-height:1.3}.cw-client{color:var(--overlay1);letter-spacing:.04em;align-items:center;gap:.35rem;font-size:.7rem;display:flex}.cw-client:before{content:"👤";font-size:.65rem}.cw-desc{color:var(--subtext0);flex:1;font-size:.75rem;line-height:1.75}.cw-footer{border-top:1px solid var(--surface0);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;padding-top:.75rem;display:flex}.cw-tags{flex-wrap:wrap;gap:.3rem;display:flex}.cw-live{color:var(--blue);letter-spacing:.04em;flex-shrink:0;align-items:center;gap:.3rem;font-size:.68rem;text-decoration:none;transition:color .2s;display:flex}.cw-live:hover{color:var(--mauve)}.cw-live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@media (width<=900px){.cw-grid{grid-template-columns:1fr}}#about{background:var(--crust)}.about-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:4rem;display:grid}.about-left{flex-direction:column;gap:1rem;display:flex}.about-avatar{background:var(--mantle);border:1px solid var(--surface0);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.about-avatar:before{content:"";pointer-events:none;background:#c6a0f614;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.about-avatar:after{content:"";pointer-events:none;background:#8aadf40f;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;left:-30px}.avatar-ring{z-index:1;background:linear-gradient(135deg,#c6a0f640,#8aadf433);border:2px solid #c6a0f666;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;padding:3px;display:flex;position:relative;box-shadow:0 0 0 1px #c6a0f626,0 8px 24px #0000004d}.avatar-ring img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%;display:block}.avatar-name{color:var(--text);letter-spacing:-.01em;z-index:1;font-size:1.1rem;font-weight:700;position:relative}.avatar-role{color:var(--mauve);letter-spacing:.1em;z-index:1;font-size:.72rem;position:relative}.avatar-location{color:var(--subtext0);z-index:1;align-items:center;gap:.35rem;font-size:.72rem;display:flex;position:relative}.avail-dot{color:var(--green);letter-spacing:.06em;z-index:1;background:#a6da951f;border:1px solid #a6da9540;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.68rem;display:inline-flex;position:relative}.avail-dot:before{content:"●";font-size:.4rem;animation:2s infinite pulse}.about-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.astat{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;padding:1.1rem 1.25rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.astat:hover{border-color:var(--surface1);transform:translateY(-2px)}.astat-accent{height:2px;position:absolute;top:0;left:0;right:0}.astat-num{letter-spacing:-.03em;margin-bottom:.3rem;font-size:2rem;font-weight:800;line-height:1}.astat-label{color:var(--subtext0);letter-spacing:.08em;font-size:.65rem;line-height:1.4}.astat-icon{opacity:.35;font-size:1.2rem;position:absolute;top:.85rem;right:.85rem}.about-desc{color:var(--subtext1);margin-bottom:1.5rem;font-size:.88rem;line-height:1.9}.about-items{flex-direction:column;gap:.6rem;margin-bottom:2rem;display:flex}.about-item{color:var(--subtext1);background:var(--mantle);border:1px solid var(--surface0);border-radius:8px;align-items:flex-start;gap:.85rem;padding:.65rem .9rem;font-size:.82rem;transition:border-color .25s;display:flex}.about-item:hover{border-color:#c6a0f64d}.about-item-icon{flex-shrink:0;font-size:1rem}.skill-bars{flex-direction:column;gap:.75rem;display:flex}.skill-header{color:var(--subtext1);letter-spacing:.04em;justify-content:space-between;margin-bottom:.35rem;font-size:.72rem;display:flex}.skill-pct{color:var(--overlay1)}.skill-bar-bg{background:var(--surface0);border-radius:2px;height:4px;overflow:hidden}.skill-bar-fill{border-radius:2px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.animated{width:var(--pct)}#contact{background:var(--mantle)}.contact-inner{text-align:center;max-width:800px;margin:0 auto}.contact-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.contact-desc{color:var(--subtext0);margin-bottom:2.5rem;font-size:.9rem;line-height:1.8}.contact-cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem;display:grid}.contact-card{background:var(--base);border:1px solid var(--surface0);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s;display:flex}.contact-card:hover{border-color:var(--mauve);transform:translateY(-3px)}.contact-card-icon{font-size:1.6rem}.contact-card-label{color:var(--subtext0);letter-spacing:.08em;font-size:.72rem}.contact-card-val{color:var(--text);font-size:.82rem;font-weight:600}footer{background:var(--crust);border-top:1px solid var(--surface0);text-align:center;color:var(--overlay0);z-index:1;padding:2rem;font-size:.75rem;position:relative}footer span{color:var(--mauve)}.glitch-line{background:linear-gradient(90deg, transparent, var(--mauve), var(--blue), var(--teal), transparent);opacity:.3;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--text);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s,width .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;width:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{z-index:150;pointer-events:none;display:none;position:fixed;inset:0}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#181926b3;transition:opacity .3s;position:absolute;inset:0}.drawer-panel{background:var(--mantle);border-left:1px solid var(--surface0);flex-direction:column;gap:.5rem;width:min(300px,85vw);height:100%;padding:5rem 2rem 2rem;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.mobile-drawer.open{pointer-events:all}.mobile-drawer.open .drawer-overlay{opacity:1}.mobile-drawer.open .drawer-panel{transform:translate(0)}.drawer-panel a{color:var(--subtext1);letter-spacing:.06em;border:1px solid #0000;border-radius:8px;padding:.9rem 1rem;font-size:.88rem;text-decoration:none;transition:all .2s;display:block}.drawer-panel a:hover{background:var(--surface0);border-color:var(--surface1);color:var(--text)}.drawer-cta{text-align:center;margin-top:1rem;font-weight:700;background:var(--mauve)!important;color:var(--crust)!important;border:none!important}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--surface0);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));background:#1e2030eb;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;display:flex}.bn-item{color:var(--overlay1);letter-spacing:.06em;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:.35rem .75rem;font-size:.55rem;text-decoration:none;transition:color .2s,background .2s;display:flex}.bn-item.active,.bn-item:hover{color:var(--mauve)}.bn-icon{font-size:1.2rem;line-height:1}@media (width<=900px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}.mobile-drawer,.bottom-nav{display:block}body{padding-bottom:70px}.section-wrap{padding:3.5rem 1.25rem}#hero{min-height:100svh;padding:6rem 1.25rem 3rem}.hero-grid{grid-template-columns:1fr;gap:0}.hero-terminal{display:none}.hero-tag{font-size:.65rem}.hero-title{margin-bottom:1rem;font-size:clamp(1.8rem,8vw,2.6rem)}.hero-desc{margin-bottom:1.5rem;font-size:.82rem}.hero-btns{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{text-align:center;padding:.85rem 1.5rem;font-size:.85rem}.hero-stats{gap:1.25rem;margin-top:2rem}.stat-num{font-size:1.3rem}.stat-label{font-size:.62rem}.services-grid{grid-template-columns:1fr;gap:1rem}.service-card{padding:1.5rem}.projects-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;margin:0 -1.25rem;padding:0 1.25rem 1rem;scroll-padding-left:1.25rem;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex-shrink:0;min-width:calc(100vw - 4rem);max-width:calc(100vw - 4rem)}.scroll-hint{color:var(--overlay1);letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.68rem;transition:opacity .4s;display:flex}.scroll-hint:after{content:"→→→";letter-spacing:-.1em;color:var(--mauve);opacity:.6}.cw-filter-bar{scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;margin:0 -1.25rem 1.25rem;padding-bottom:.5rem;padding-left:1.25rem;padding-right:1.25rem;overflow-x:auto}.cw-filter-bar::-webkit-scrollbar{display:none}.cw-filter{white-space:nowrap}.cw-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;margin:0 -1.25rem;padding:0 1.25rem 1rem;scroll-padding-left:1.25rem;display:flex;overflow-x:auto}.cw-grid::-webkit-scrollbar{display:none}.cw-card{scroll-snap-align:start;flex-shrink:0;min-width:calc(100vw - 4rem);max-width:calc(100vw - 4rem)}.cw-card[style*="display: none"]{display:flex!important}#cwSeeMoreWrap{display:none!important}.tech-orbit-wrap{gap:.75rem}.tech-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:100%}.tech-center-row{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:100%;display:grid}.tech-center-row .tech-card{flex:unset}.tech-center-row .tech-center-card{flex:unset;order:-1;grid-column:1/-1;padding:1rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.astat-num{font-size:1.6rem}.about-left{order:1}.about-content{order:2}.contact-cards{grid-template-columns:1fr;gap:.75rem;margin-bottom:2rem}.contact-title{font-size:clamp(1.6rem,7vw,2.4rem)}footer{padding:1.5rem 1rem;font-size:.68rem}}@media (width<=400px){.hero-title{font-size:1.7rem}.project-card,.cw-card{min-width:calc(100vw - 3rem);max-width:calc(100vw - 3rem)}.about-stats-grid{grid-template-columns:repeat(2,1fr)}}