:root{--bg:#080a0d;--surface:#0f1217e0;--surface-solid:#10141a;--surface-hover:#171c24;--border:#ffffff17;--text:#f4f6f8;--muted:#9aa4b2;--accent:#4da3ff;--accent-light:#9bd0ff;--max-width:1250px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(92%, var(--max-width));margin-inline:auto}.grid-background{z-index:-3;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0;background-size:42px 42px;position:fixed;inset:0}.grid-background:after{content:"";background-image:linear-gradient(#4da3ff0d 1px,#0000 1px),linear-gradient(90deg,#4da3ff0d 1px,#0000 1px);background-size:168px 168px;animation:7s ease-in-out infinite gridPulse;position:absolute;inset:0}.grid-glow{z-index:-2;pointer-events:none;filter:blur(35px);will-change:left, top;background:radial-gradient(circle,#4da3ff2e,#4da3ff0f 35%,#0000 70%);border-radius:50%;width:700px;height:700px;transition:left .12s ease-out,top .12s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:1}}nav{z-index:100;border-bottom:1px solid var(--border);backdrop-filter:blur(20px);background:#080a0dbf;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.logo{letter-spacing:-.04em;font-size:1.1rem;font-weight:850}.logo span{color:var(--accent)}.nav-links{color:var(--muted);align-items:center;gap:26px;font-size:.9rem;display:flex}.nav-links a{transition:all .2s}.nav-links a:hover{color:#fff}.nav-button{border:1px solid var(--border);border-radius:8px;padding:8px 15px}.hero{align-items:center;min-height:calc(100vh - 72px);padding:100px 0;display:flex}.hero-layout{grid-template-columns:1.6fr .8fr;align-items:center;gap:70px;display:grid}.eyebrow{color:var(--accent-light);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:25px;font-size:.82rem;font-weight:700;display:flex}.eyebrow span{background:#5cff8d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #5cff8d14,0 0 20px #5cff8d8c}h1{letter-spacing:-.075em;max-width:900px;font-size:clamp(4rem,9vw,8.5rem);line-height:.88}h1 span{color:var(--accent)}.hero-description{max-width:690px;color:var(--muted);margin-top:32px;font-size:1.18rem}.hero-description strong{color:var(--text)}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:9px;padding:13px 20px;font-weight:700;transition:all .2s}.primary{background:var(--accent);color:#06111d}.primary:hover{background:var(--accent-light);transform:translateY(-2px)}.secondary{border:1px solid var(--border);background:#ffffff06}.secondary:hover{background:#ffffff0f}.hero-side{flex-direction:column;gap:20px;display:flex}.mini-card{border:1px solid var(--border);background:linear-gradient(145deg, #4da3ff17, transparent), var(--surface);backdrop-filter:blur(10px);border-radius:16px;min-height:190px;padding:25px;transform:rotate(2deg)}.mini-card.offset{transform:translate(-45px)rotate(-3deg)}.mini-card strong{margin:45px 0 7px;font-size:1.35rem;display:block}.mini-card p{color:var(--muted)}.mini-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}section{padding:110px 0}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px;display:flex}.section-heading>p{max-width:390px;color:var(--muted)}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:.76rem;font-weight:850;display:inline-block}h2{letter-spacing:-.055em;font-size:clamp(2.6rem,5vw,5rem);line-height:.95}h2 span{color:var(--accent)}.collage{grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:16px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface-solid);isolation:isolate;border-radius:16px;flex-direction:column;min-width:0;min-height:0;padding:24px;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.project-card:hover{background:radial-gradient(circle at top right, #4da3ff33, transparent 40%), var(--surface-hover);border-color:#4da3ff73;transform:translateY(-5px)}.project-overlay{opacity:0;z-index:-1;background:linear-gradient(120deg,#0000,#ffffff09,#0000);transition:all .5s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-overlay{opacity:1;transform:translate(100%)}.project-header{justify-content:space-between;align-items:center;display:flex}.status{color:var(--accent-light);background:#4da3ff1a;border-radius:6px;padding:5px 8px;font-size:.7rem;font-weight:800}.arrow{color:var(--muted);font-size:1.4rem;transition:all .2s}.project-card:hover .arrow{color:var(--accent);transform:translate(4px,-4px)}.project-content{margin-top:auto}.project-content h3{letter-spacing:-.04em;margin-bottom:8px;font-size:1.65rem}.project-content p{color:var(--muted);font-size:.92rem}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags span{border:1px solid var(--border);color:#c9d0d9;background:#00000040;border-radius:6px;padding:5px 8px;font-size:.7rem}.project-card.large{grid-area:span 4/span 7}.project-card.tall{grid-area:span 5/span 5}.project-card.medium{grid-area:span 3/span 4}.project-card.wide{grid-area:span 4/span 8}.project-card.small{grid-area:span 3/span 4}.photo-break{padding-top:40px}.photo-collage{grid-template-rows:220px 180px;grid-template-columns:1.2fr .8fr 1fr;gap:16px;display:grid}.photo-block{border:1px solid var(--border);background:linear-gradient(to top, #000000b3, transparent), var(--surface-solid);letter-spacing:-.04em;border-radius:16px;align-items:end;padding:24px;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden}.photo-one{grid-row:span 2;transform:rotate(-1deg)}.photo-two{transform:rotate(1deg)}.photo-three{grid-column:span 2;transform:rotate(-.6deg)}.about-layout{grid-template-columns:.9fr 1fr;gap:80px;display:grid}.about-copy p{color:var(--muted);margin-bottom:18px;font-size:1.08rem}.skills{flex-wrap:wrap;gap:9px;margin-top:50px;display:flex}.skills span{border:1px solid var(--border);background:var(--surface);color:#c8d0da;border-radius:7px;padding:8px 12px;font-size:.82rem}.contact-panel{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#4da3ff26,#0000 45%),#0e1217eb;border-radius:18px;grid-template-columns:1fr .8fr;gap:60px;padding:55px;display:grid}.contact-links{gap:10px;display:grid}.contact-links a{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 0;font-size:1rem;transition:all .2s;display:flex}.contact-links a:hover{color:#fff;padding-left:8px}footer{border-top:1px solid var(--border);color:var(--muted);padding:30px 0;font-size:.82rem}.footer-inner{justify-content:space-between;gap:20px;display:flex}@media (width<=900px){.hero-layout{grid-template-columns:1fr}.hero-side{display:none}.section-heading{flex-direction:column;align-items:start;gap:15px}.collage{grid-template-columns:1fr;grid-auto-rows:auto}.project-card.large,.project-card.tall,.project-card.medium,.project-card.wide,.project-card.small{grid-area:auto;min-height:310px}.photo-collage{grid-template-rows:auto;grid-template-columns:1fr}.photo-one,.photo-two,.photo-three{grid-area:auto;min-height:250px;transform:none}.about-layout{grid-template-columns:1fr;gap:35px}.contact-panel{grid-template-columns:1fr;padding:35px 25px}}@media (width<=700px){.nav-links a:not(.nav-button){display:none}.hero{min-height:auto;padding-top:90px}h1{font-size:clamp(4rem,20vw,6rem)}section{padding:80px 0}.footer-inner{flex-direction:column}.grid-background{background-size:30px 30px}}@media (prefers-reduced-motion:reduce){.grid-background:after,.grid-glow{animation:none}*{scroll-behavior:auto!important}}.project-image{object-fit:cover;z-index:-3;filter:brightness(.7);width:100%;height:100%;transition:transform .5s,filter .5s;position:absolute;inset:0}.project-gradient{z-index:-2;background:linear-gradient(#080a0d14 0%,#080a0d2e 25%,#080a0dc7 65%,#080a0dfa 100%);position:absolute;inset:0}.project-card:hover .project-image{filter:brightness(.8);transform:scale(1.04)}.project-header,.project-content{z-index:1;position:relative}