:root{--bg:#f6f2ea;--surface:#fff;--surface-strong:#171717;--text:#202124;--muted:#6b6f76;--line:#ded7ca;--accent:#d71920;--accent-dark:#a90f18;--teal:#047c89;--gold:#c89116;--shadow:0 20px 60px hsla(0,0%,9%,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Red Hat Display,Arial,sans-serif!important}a,button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#app{min-height:100vh;overflow-x:hidden}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid hsla(39,23%,83%,.85);background:hsla(40,40%,94%,.92);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:var(--surface-strong);letter-spacing:0}.brand-mark{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--surface-strong);color:#fff;font-size:.9rem}.main-nav{display:flex;align-items:center;gap:8px}.main-nav button,.menu-toggle{border:0;background:transparent;color:var(--text);cursor:pointer}.main-nav button{min-height:40px;padding:0 14px;border-radius:8px;color:var(--muted);font-weight:800;transition:background .2s ease,color .2s ease}.main-nav button:hover{background:var(--surface);color:var(--accent)}.menu-toggle{display:none;width:44px;height:44px;border-radius:8px;background:var(--surface);box-shadow:0 8px 20px hsla(0,0%,9%,.08)}.content-band,.hero-section,.site-footer{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero-section{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);gap:clamp(30px,6vw,76px);align-items:center;min-height:calc(100vh - 72px);padding:clamp(48px,8vw,96px) 0 56px}.hero-copy h1,.section-heading h2,.site-footer h2{margin:0;color:var(--surface-strong);font-weight:900;line-height:1.02;letter-spacing:0}.hero-copy h1{max-width:740px;font-size:clamp(2.2rem,4.8vw,4.15rem);line-height:1.08}.hero-text{max-width:660px;margin:24px 0 0;color:#42464d;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.65}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn-primary,.btn-secondary,.footer-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:8px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{padding:0 20px;background:var(--accent);color:#fff;box-shadow:0 18px 34px rgba(215,25,32,.22)}.btn-secondary{padding:0 20px;border:1px solid var(--line);background:var(--surface);color:var(--surface-strong)}.btn-primary:hover,.btn-secondary:hover,.footer-links a:hover{color:inherit;text-decoration:none;transform:translateY(-2px)}.btn-primary:hover{background:var(--accent-dark);color:#fff}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}.about-card,.hero-metrics div,.project-card,.skill-panel,.timeline-item{border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.78)}.hero-metrics div{min-height:112px;padding:18px}.hero-metrics strong{display:block;color:var(--surface-strong);font-size:clamp(1.2rem,2vw,1.72rem);line-height:1.1}.hero-metrics span{display:block;margin-top:8px;color:var(--muted);line-height:1.35}.hero-visual{position:relative;display:grid;min-height:460px;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(4,124,137,.14),rgba(200,145,22,.16)),var(--surface);box-shadow:var(--shadow);overflow:hidden}.hero-visual:before{position:absolute;inset:28px;border:1px solid hsla(0,0%,9%,.09);border-radius:8px;content:""}.hero-visual img{position:relative;width:min(92%,520px)}.content-band{padding:clamp(56px,8vw,96px) 0;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,.66fr);gap:32px;align-items:end;margin-bottom:32px}.section-heading h2,.site-footer h2{max-width:760px;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.12}.about-grid,.project-grid,.skills-layout,.timeline{display:grid;gap:18px}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-card,.skill-panel,.timeline-item{padding:clamp(22px,3vw,30px)}.about-card h3,.project-card h3,.skill-panel h3,.timeline-item h3{margin:0;color:var(--surface-strong);font-size:1.3rem;font-weight:900}.about-card p,.project-card p,.site-footer p,.skill-panel p,.timeline-item p{margin:14px 0 0;color:var(--muted);line-height:1.65}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{overflow:hidden;box-shadow:0 14px 36px hsla(0,0%,9%,.06);transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 22px 54px hsla(0,0%,9%,.12)}.project-card a{display:grid;height:100%;color:inherit}.project-card a:hover{color:inherit;text-decoration:none}.project-card img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;background:#ece7de}.project-content{display:flex;min-height:260px;flex-direction:column;padding:22px}.project-content>span,.timeline-item>span{margin-bottom:10px;color:var(--teal);font-size:.78rem;font-weight:900;text-transform:uppercase}.project-content ul,.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.project-content ul{padding:0;margin:auto 0 0;list-style:none}.project-content li,.skill-tags span{border:1px solid hsla(0,0%,9%,.12);border-radius:999px;background:#fff;color:#43464c;font-size:.82rem;font-weight:800}.project-content li{padding:6px 10px}.skills-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-panel:nth-child(2){border-top:4px solid var(--accent)}.skill-panel:nth-child(3){border-top:4px solid var(--teal)}.skill-panel:nth-child(4){border-top:4px solid var(--gold)}.skill-tags{margin-top:20px}.skill-tags span{padding:8px 12px}.timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-item{position:relative;min-height:210px}.timeline-item:before{display:block;width:42px;height:4px;margin-bottom:22px;border-radius:999px;background:var(--accent);content:""}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:32px;padding:clamp(42px,7vw,70px) 0 34px;border-top:1px solid var(--line)}.footer-links{display:grid;gap:10px}.footer-links a{border:1px solid hsla(0,0%,100%,.14);background:var(--surface-strong);color:#fff}.footer-links a:hover{background:var(--accent);color:#fff}.site-footer small{grid-column:1/-1;color:var(--muted)}@media (max-width:991px){.menu-toggle{display:inline-grid;place-items:center}.main-nav{position:absolute;top:72px;right:18px;display:none;width:min(320px,calc(100vw - 36px));flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.is-visible{display:flex}.main-nav button{text-align:left}.hero-section,.section-heading,.site-footer{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-visual{min-height:340px}.about-grid,.project-grid,.timeline{grid-template-columns:1fr 1fr}}@media (max-width:680px){.site-header{padding:12px 18px}.brand span:last-child{display:none}.content-band,.hero-section,.site-footer{width:min(100% - 28px,1180px)}.about-grid,.hero-metrics,.project-grid,.skills-layout,.timeline{grid-template-columns:1fr}.hero-actions a{width:100%}.hero-visual{min-height:280px}.project-content{min-height:auto}}