:root{--bg:#090b0f;--bg-elevated:#10141c;--bg-panel:#0f131bd1;--text:#f5f7fb;--muted:#a8b1c2;--muted-strong:#c7ceda;--line:#ffffff1f;--line-strong:#ffffff38;--green:#6ee7b7;--cyan:#67e8f9;--rose:#fb7185;--amber:#fbbf24;--shadow-soft:0 28px 90px #0000006b;--shadow-tight:0 16px 44px #00000052}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 18% 4%, #6ee7b717, transparent 30%), radial-gradient(circle at 88% 14%, #fb718514, transparent 28%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);background-size:72px 72px,72px 72px,auto,auto,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(120deg,#67e8f91f,#0000 34%),linear-gradient(240deg,#fb71851a,#0000 32%),linear-gradient(#0000,#090b0fd1 72%);position:fixed;inset:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{z-index:100;border:1px solid var(--cyan);color:var(--text);background:#06080d;border-radius:8px;padding:10px 12px;text-decoration:none;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.portfolio-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 56px}.site-nav{z-index:20;border:1px solid var(--line);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0fc7;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:10px;display:flex;position:sticky;top:16px}.brand-mark{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--text);background:linear-gradient(145deg,#6ee7b729,#0000 46%),#151a23;border-radius:8px;place-items:center;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-grid}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.9rem;text-decoration:none;transition:color .18s,background .18s}.nav-links a:hover{color:var(--text);background:#ffffff12}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:28px;min-height:min(760px,100vh - 110px);padding:52px 0 34px;display:grid}.hero-copy,.hero-panel,.featured-project,.about-section,.contact-section{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, #ffffff05), var(--bg-panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px}.hero-copy{flex-direction:column;justify-content:flex-end;padding:clamp(28px,7vw,72px);display:flex;position:relative;overflow:hidden}.hero-copy:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000 0 28%,#ffffff13 28% 28.4%,#0000 28.4%),linear-gradient(140deg,#67e8f914,#0000 42%),linear-gradient(#0000,#6ee7b714);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.hero-copy>*{position:relative}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.hero-copy h1{max-width:780px;color:var(--text);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(3.2rem,5vw,4.9rem);line-height:.94}.hero-lead{max-width:660px;color:var(--muted-strong);margin:26px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.hero-actions,.featured-links,.contact-links,.card-links{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{margin-top:34px}.button-primary,.button-ghost,.featured-links a,.contact-links a,.card-links a{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button-primary{color:var(--text);background:linear-gradient(#6ee7b738,#6ee7b71a);border:1px solid #6ee7b78c;box-shadow:0 14px 34px #6ee7b71a}.button-ghost,.featured-links a,.contact-links a,.card-links a{border:1px solid var(--line);color:var(--text);background:#ffffff0b}.button-primary:hover,.button-ghost:hover,.featured-links a:hover,.contact-links a:hover,.card-links a:hover{background:#67e8f91a;border-color:#67e8f980;transform:translateY(-2px)}.hero-panel{flex-direction:column;gap:18px;min-height:520px;padding:18px;display:flex;overflow:hidden}.panel-topline{border:1px solid var(--line);color:var(--muted-strong);text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.84rem;display:flex}.signal-grid{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.signal-grid:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000 49%,#67e8f938 49% 50%,#0000 50%),linear-gradient(#0000 49%,#fbbf2429 49% 50%,#0000 50%);border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:6%;transform:skewY(-4deg)}.signal-grid li{min-width:0}.signal-node{z-index:1;border:1px solid var(--line);min-width:0;height:100%;color:var(--text);background:linear-gradient(145deg,#ffffff1a,#ffffff06),#111720;border-radius:8px;flex-direction:column;justify-content:space-between;padding:14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.signal-grid li:first-child{grid-area:1/1/3/4}.signal-grid li:nth-child(2){grid-area:1/4/4/7}.signal-grid li:nth-child(3){grid-area:3/1/5/3}.signal-grid li:nth-child(4){grid-area:4/3/7/5}.signal-grid li:nth-child(5){grid-area:5/1/7/3}.signal-grid li:nth-child(6){grid-area:4/5/7/7}.signal-node:before{z-index:-1;content:"";border-radius:inherit;background:linear-gradient(135deg, var(--green), var(--cyan), var(--rose));opacity:0;transition:opacity .18s;position:absolute;inset:-1px}.signal-node:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 18px 44px #0006}.signal-node:hover:before{opacity:.45}.signal-node span{overflow-wrap:anywhere;font-weight:800;line-height:1.1}.signal-node small{color:var(--muted)}.focus-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 80px;display:grid}.focus-item{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff07);border-radius:8px;gap:14px;padding:18px;display:flex}.focus-item svg{color:var(--cyan);flex:none}.focus-item h2{margin:0 0 6px;font-size:1rem}.focus-item p,.project-card p,.featured-project p,.about-copy p,.contact-section p{color:var(--muted);margin:0}.section-block{padding:6px 0 80px}.section-heading{grid-template-columns:.7fr 1.3fr;gap:24px;margin-bottom:24px;display:grid}.section-heading h2,.featured-project h2,.about-copy h2,.contact-section h2{letter-spacing:0;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff13, transparent 38%), var(--bg-elevated);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:520px;padding:12px 12px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.project-card:focus-within{box-shadow:var(--shadow-tight);border-color:#67e8f973}.project-card:after{pointer-events:none;content:"";border-bottom:1px solid #67e8f952;border-right:1px solid #6ee7b761;width:84px;height:84px;position:absolute;bottom:18px;right:18px}.project-card:hover{box-shadow:var(--shadow-tight);border-color:#67e8f961;transform:translateY(-5px)}.project-shot{aspect-ratio:16/10;background:#06080d;border:1px solid #ffffff24;border-radius:8px;margin-bottom:18px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.project-shot:after,.featured-shot:after{pointer-events:none;content:"";opacity:.68;background:linear-gradient(#090b0f05,#090b0f6b),radial-gradient(circle at 18% 16%,#67e8f938,#0000 34%);transition:opacity .18s;position:absolute;inset:0}.project-shot img,.featured-shot img{object-fit:cover;object-position:top center;filter:saturate(.9)contrast(.96)brightness(.78);width:100%;height:100%;transition:filter .18s,transform .22s;display:block;transform:scale(1.01)}.project-card:hover .project-shot img,.featured-shot:hover img{filter:saturate(1.05)contrast()brightness(.9);transform:scale(1.045)}.project-card:hover .project-shot:after,.featured-shot:hover:after{opacity:.36}.project-meta{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.project-card h3{margin:22px 0 14px;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1}.project-impact{color:var(--muted-strong)!important;margin-top:14px!important}.stack-list{flex-wrap:wrap;gap:8px;margin:28px 0 18px;display:flex}.stack-list span{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff0b;border-radius:8px;padding:7px 9px;font-size:.82rem}.card-links a{min-height:38px;font-size:.88rem}.featured-project{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:34px;margin-bottom:80px;padding:clamp(24px,5vw,48px);display:grid}.featured-project p{line-height:1.65}.featured-copy{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.featured-links{margin-top:8px}.featured-shot{border:1px solid var(--line);min-height:360px;box-shadow:var(--shadow-tight);background:#06080d;border-radius:8px;display:block;position:relative;overflow:hidden}.about-section{grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:18px;margin-bottom:80px;padding:18px;display:grid}.portrait-card{border:1px solid var(--line);background:linear-gradient(135deg,#fbbf241f,#0000 48%),linear-gradient(225deg,#fb71851f,#0000 52%),#111720;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:340px;padding:16px;display:flex}.portrait-frame{aspect-ratio:4/5;background:#0b0f16;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.portrait-frame:after{pointer-events:none;content:"";background:linear-gradient(#090b0f0a,#090b0f3d),radial-gradient(circle at 50% 12%,#ffffff1a,#0000 38%);position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center 20%;filter:saturate(.96)contrast(1.02);width:100%;height:100%;display:block}.portrait-meta{gap:4px;padding:18px 6px 6px;display:grid}.portrait-meta p{color:var(--muted);margin:0}.about-copy{padding:22px}.about-copy>p:not(.eyebrow){margin-top:20px;font-size:1.05rem;line-height:1.7}.about-points{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.about-points span{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.about-points svg{color:var(--green)}.contact-section{grid-template-columns:1fr 1fr;align-items:end;gap:22px;padding:clamp(24px,5vw,44px);display:grid}.contact-links{justify-content:flex-end}@media (width<=980px){.hero-section,.featured-project,.about-section,.contact-section,.section-heading{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-panel{min-height:460px}.focus-strip,.project-grid{grid-template-columns:1fr 1fr}.featured-links{grid-column:auto}.contact-links{justify-content:flex-start}}@media (width<=680px){.portfolio-shell{width:min(100% - 20px,1180px);padding-top:10px}.site-nav{flex-direction:column;align-items:flex-start;position:static}.nav-links{justify-content:flex-start;width:100%}.nav-links a{padding:9px}.hero-copy{padding:28px}.hero-copy h1{font-size:clamp(3rem,17vw,4.4rem)}.hero-panel{min-height:auto}.signal-grid{flex-direction:column;display:flex}.signal-grid:before{display:none}.signal-node{min-height:104px}.focus-item{padding:16px}.focus-strip,.project-grid{grid-template-columns:1fr}.project-card{min-height:320px}.featured-shot{min-height:240px}}*{box-sizing:border-box}::selection{color:#fff;background:#6ee7b759}#root{min-height:100vh}img,iframe{max-width:100%}.route-fallback{color:#f5f7fb;background:#090b0f;place-items:center;min-height:100vh;display:grid}button,input,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}