@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--background:#0b0d0d;--surface:#121616;--surface-raised:#171d1b;--text:#f2f4f0;--muted:#a0aaa4;--accent:#c5f36a;--accent-dark:#18220d;--border:rgba(230,240,232,0.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 5%,rgba(100,138,63,.1),transparent 32rem),var(--background);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{width:min(1160px,calc(100% - 48px));margin:0 auto;isolation:isolate}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.03em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#11170b;font-size:.8rem;font-weight:700}.main-nav{display:flex;align-items:center;gap:30px}.nav-link{color:var(--muted);font-size:.9rem;transition:color .18s ease}.nav-link:hover,.nav-link[aria-current=page]{color:var(--accent)}.home-hero{min-height:calc(100svh - 166px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;grid-gap:clamp(44px,8vw,100px);gap:clamp(44px,8vw,100px);padding:72px 0}.hero-copy{animation:rise-in .65s ease both}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{width:22px;height:1px;background:currentColor;content:""}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.055em}.hero-title{max-width:660px;margin-bottom:22px;font-size:clamp(3.25rem,7vw,5.8rem);line-height:.99}.hero-title span{color:var(--accent)}.hero-description{max-width:500px;margin-bottom:32px;color:var(--muted);font-size:1.08rem}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--border);border-radius:9px;font-size:.9rem;font-weight:600;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--accent);background:var(--accent);color:#10150b}.button-primary:hover{background:#d6ff87}.button-secondary:hover{border-color:rgba(197,243,106,.6);color:var(--accent)}.hero-visual{position:fixed;z-index:-1;inset:0;width:100%;max-width:none;pointer-events:none}.photo-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#0b0d0d}.photo-frame:after,.photo-frame:before{position:absolute;z-index:2;inset:0;content:"";pointer-events:none}.photo-frame:before{background:linear-gradient(90deg,rgba(11,13,13,.86),rgba(11,13,13,.32) 70%,rgba(11,13,13,.48))}.photo-frame:after{background:linear-gradient(0deg,rgba(11,13,13,.55),transparent 36%,rgba(11,13,13,.3))}.photo-placeholder{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.placeholder-icon{width:76px;height:76px;display:grid;place-items:center;margin-bottom:10px;border:1px solid rgba(197,243,106,.35);border-radius:50%;background:rgba(197,243,106,.08);color:var(--accent);font-size:1.8rem}.photo-placeholder strong{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.15rem}.photo-placeholder span{max-width:230px;font-size:.82rem}.hero-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.hero-photo.is-visible{opacity:1}.photo-caption{position:absolute;z-index:3;right:18px;bottom:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(13,17,15,.76);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-caption span:first-child{font-size:.82rem;font-weight:600}.slide-count{color:var(--accent);font-size:.76rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-section{padding:76px 0 96px;animation:rise-in .45s ease both}.page-heading{max-width:720px;margin-bottom:48px}.page-heading h1{margin-bottom:16px;font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.05}.page-heading>p:last-child{max-width:620px;margin-bottom:0;color:var(--muted);font-size:1.05rem}.contact-card,.content-card,.project-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(23,29,27,.9),rgba(17,21,20,.9))}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px}.content-card{padding:clamp(24px,4vw,38px)}.content-card h2{margin-bottom:14px;font-size:1.45rem}.content-card p{margin-bottom:14px;color:var(--muted)}.content-card p:last-child{margin-bottom:0}.detail-list{display:grid;grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}.detail-list li{display:grid;grid-gap:2px;gap:2px}.detail-list span{color:var(--muted);font-size:.85rem}.detail-list strong{font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.skill-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--border);border-radius:15px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}.skill-card:hover{transform:translateY(-4px);border-color:rgba(197,243,106,.5)}.skill-number{color:var(--accent);font-size:.78rem;font-weight:700}.skill-card h2{margin:18px 0 4px;font-size:1.55rem}.skill-card p{margin:0;color:var(--muted);font-size:.86rem}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.project-card{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;padding:30px;transition:border-color .18s ease,transform .18s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(197,243,106,.48)}.project-topline{width:100%;display:flex;justify-content:space-between;margin-bottom:34px;color:var(--accent);font-size:.8rem}.project-card h2{margin-bottom:10px;font-size:1.6rem}.project-card p{max-width:420px;margin-bottom:24px;color:var(--muted)}.project-link{margin-top:auto;color:var(--accent);font-size:.9rem;font-weight:600}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:18px;gap:18px}.contact-card{padding:clamp(24px,4vw,38px)}.contact-card h2{margin-bottom:12px;font-size:1.6rem}.contact-card p{color:var(--muted)}.contact-links{display:grid;grid-gap:12px;gap:12px}.contact-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;background:rgba(9,12,11,.3);transition:border-color .18s ease}.contact-link:hover{border-color:rgba(197,243,106,.5)}.contact-link span:first-child{color:var(--muted);font-size:.86rem}.contact-link span:last-child{overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.site-footer{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}@keyframes rise-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:820px){.site-header{align-items:flex-start;flex-direction:column;justify-content:center;gap:16px;padding:18px 0}.main-nav{width:100%;justify-content:space-between;gap:12px}.nav-link{font-size:.82rem}.home-hero{min-height:auto;grid-template-columns:1fr;gap:48px;padding:72px 0}.hero-visual{width:100%}.about-grid,.contact-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.site-shell{width:min(100% - 36px,1160px)}.site-header{gap:14px}.main-nav{flex-wrap:wrap;justify-content:flex-start;column-gap:19px;row-gap:8px}.nav-link{font-size:.79rem}.home-hero{padding:56px 0 70px}.hero-title{font-size:clamp(3rem,15vw,4.4rem)}.hero-description{font-size:1rem}.photo-frame{border-radius:18px}.page-section{padding:56px 0 72px}.page-heading{margin-bottom:34px}.projects-grid,.skills-grid{grid-template-columns:1fr}.skill-card{min-height:150px}.project-card{min-height:250px;padding:24px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:18px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}