:root{--bg:#0d0d0f;--panel:#121216;--ink:#f4eee5;--muted:#98918a;--gold:#ff963c;--line:#6b3516;--serif:'Playfair Display',serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.narrow{width:min(850px,calc(100% - 64px))}.header{height:74px;background:#0b0b0d;border-bottom:1px solid #412414;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1420px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px;white-space:nowrap}.brand b{font:800 16px 'DM Mono';background:var(--gold);color:#17110b;padding:11px 8px;border-radius:3px}.header nav{display:flex;justify-content:center;gap:36px;flex:1}.header nav a{font-size:15px;color:#b9b2ab;text-decoration:none;font-weight:700}.header nav a:hover{color:var(--gold)}.hire,.button{border-radius:30px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hire{color:#17110b;background:var(--gold);padding:12px 25px}.menu{display:none}.hero{min-height:710px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 48%,#3c1d0a 0,transparent 27%),linear-gradient(110deg,#0a0a0b,#17100d 55%,#0d0f0d)}.grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#2c1b12 1px,transparent 1px),linear-gradient(90deg,#2c1b12 1px,transparent 1px);background-size:72px 72px}.hero-grid{position:relative;min-height:710px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:40px}.eyebrow,.title>p,form>p{color:var(--gold);font:500 11px 'DM Mono';letter-spacing:.28em;margin:0}.eyebrow{border:1px solid var(--line);display:inline-block;border-radius:20px;padding:9px 15px;letter-spacing:.16em}.hero h1{font:700 clamp(54px,7vw,92px)/.96 var(--serif);letter-spacing:-.06em;margin:32px 0 35px}.hero h1 em{font-style:normal;color:var(--gold)}.hero h2{font-size:22px;margin:0}.hero h2 span{color:var(--gold);padding:0 8px}.subline{color:#847b75;margin:15px 0 42px}.actions{display:flex;gap:16px}.button{padding:17px 28px;border:1px solid var(--line);font-size:16px}.button.gold{background:var(--gold);border-color:var(--gold);color:#17110b}.button b{font-size:22px;margin-left:16px}.button.outline{color:var(--ink);background:transparent}.stats{display:flex;gap:74px;margin-top:58px}.stats div{display:flex;flex-direction:column;gap:4px}.stats strong{color:var(--gold);font-size:33px}.stats span{font:11px 'DM Mono';letter-spacing:.11em;color:#99918a}.hero-profile{position:relative;justify-self:center;width:390px}.portrait{height:390px;width:390px;border-radius:50%;padding:2px;background:var(--gold);box-shadow:0 0 48px #ff963c55;overflow:hidden}.portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.name-tag{position:absolute;right:-20px;bottom:-18px;border:1px solid #91480e;background:#101013;border-radius:22px;padding:12px 20px;min-width:190px;display:flex;flex-direction:column;gap:4px}.name-tag b{color:var(--gold);font-size:14px}.name-tag span,.name-tag small{font:8px 'DM Mono';letter-spacing:.05em}.name-tag small{color:#9ee05a}.section{padding:100px 0;border-top:1px solid #402416}.title{text-align:center;margin-bottom:48px}.title h2{font:700 34px/1 var(--serif);letter-spacing:-.05em;margin:9px 0}.title small{color:var(--muted);font-size:11px}.about{padding-top:56px}.about-layout{display:grid;grid-template-columns:480px 1fr;gap:40px}.profile-panel,.about-card,.skill-card,.service-grid article,.edu-grid article,.training article,.project,form,.contact-grid article{border:1px solid var(--line);border-radius:8px;background:linear-gradient(125deg,#141115,#101015)}.profile-panel{padding:30px}.profile-panel img{width:100%;height:360px;border:1px solid var(--line);border-radius:7px;object-fit:cover;object-position:center}.profile-panel p{color:#9b928b;margin:17px 0 0;font-size:15px}.profile-panel p::first-letter{color:var(--gold)}.about-card{padding:45px}.about-card h3{font:700 33px/1.1 var(--serif);margin:5px 0 28px}.about-card>p{color:#a39a93;font-size:17px;line-height:1.9}.focus{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.focus article{border:1px solid var(--line);padding:22px;min-height:160px}.focus b{color:var(--gold);font-size:22px;display:block}.focus span{color:#a39a93;font-size:13px;display:block;margin-top:10px}.skills-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:10px}.skill-card{padding:16px;min-height:192px}.skill-card.ecommerce{grid-row:span 2;min-height:394px}.skill-card:nth-child(4),.skill-card:nth-child(5){min-height:160px}.skill-card i,.service-grid i,.edu-grid i,.contact-grid i{color:var(--gold);font-style:normal}.skill-card h3{font:700 14px var(--serif);margin:12px 0}.skill-card p{color:#a39a93;font-size:10px;line-height:1.6;margin:0 0 12px}.skill-card div{display:flex;flex-wrap:wrap;gap:5px}.skill-card span{border:1px solid #794014;border-radius:12px;padding:4px 6px;font-size:7px;color:#e1c7b1}.services{background:#0e0e10}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-grid article{padding:17px;min-height:160px}.service-grid h3{font:700 13px var(--serif);margin:14px 0 8px}.service-grid p{color:#9b928b;font-size:10px;line-height:1.5}.timeline{position:relative;border-left:1px solid var(--line);margin-left:80px;padding-left:12px;display:grid;gap:12px}.timeline article{position:relative;width:360px;border:1px solid var(--line);padding:14px 15px;background:#111114}.timeline .dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);right:-25px;top:8px;box-shadow:0 0 9px var(--gold)}.timeline small{color:var(--gold);border:1px solid var(--line);border-radius:12px;padding:4px 7px;font:7px 'DM Mono'}.timeline h3{font:700 14px var(--serif);margin:12px 0 2px}.timeline h4{color:var(--gold);font-size:9px;margin:0}.timeline ul{padding-left:15px;color:#a69c95;font-size:9px;line-height:1.55}.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edu-grid article{padding:17px;min-height:180px}.edu-grid h3{font:700 13px var(--serif);margin:13px 0 4px}.edu-grid b{color:var(--gold);font-size:10px}.edu-grid hr{border:0;border-top:1px solid #59301a;margin:15px 0}.edu-grid p{font-size:9px;color:#a69c95;line-height:1.6}.training{text-align:center;margin-top:36px}.training h3{font:700 17px var(--serif);margin:0}.training>p{font-size:9px;color:#a69c95}.training>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left}.training article{padding:14px;display:flex;flex-direction:column;gap:7px}.training b{font:700 11px var(--serif)}.training span{color:#a69c95;font-size:9px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project{overflow:hidden}.project-visual{height:190px;display:flex;align-items:center;justify-content:center;position:relative;font:700 58px var(--serif);letter-spacing:-.1em}.project-visual b{position:absolute;right:24px;top:22px;font:700 34px var(--sans)}.ecom .project-visual{background:radial-gradient(circle,#e18130,#25150c 55%,#08090a)}.ads .project-visual{background:radial-gradient(circle at 70% 30%,#ff9c3e,#351808 43%,#090909 70%)}.content .project-visual{background:linear-gradient(130deg,#ee9a45,#3b210c 46%,#0c0c0d)}.project small,.project h3,.project p{display:block;margin-left:19px;margin-right:19px}.project small{color:var(--gold);font:8px 'DM Mono';margin-top:18px}.project h3{font:700 20px/1.05 var(--serif);margin-top:12px}.project p{font-size:11px;color:#a69c95;line-height:1.6;margin-bottom:20px}.tool-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tool-list span{color:#ded6cd;border:1px solid var(--line);border-radius:20px;padding:10px 17px;font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-grid article{padding:16px;display:flex;flex-direction:column;gap:7px}.contact-grid small{font:8px 'DM Mono';color:#a69c95}.contact-grid b{font-size:11px}form{margin-top:17px;padding:26px 40px;text-align:left}form>p{text-align:center}form h3{text-align:center;font:700 20px var(--serif);margin:8px 0 25px}label{font-size:9px;display:block;margin:10px 0}input,textarea{width:100%;display:block;background:#101015;border:1px solid #3e2a20;color:var(--ink;margin-top:6px;padding:9px}textarea{height:75px;resize:vertical}form .button{margin:12px auto 0;padding:13px 21px;font-size:10px;border:0}footer{text-align:center;color:#766e68;border-top:1px solid #402416;padding:24px;font-size:11px}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.header nav{gap:15px}.header nav a{font-size:12px}.hero-grid{grid-template-columns:1fr}.hero{padding:60px 0}.hero-grid{min-height:auto}.hero-profile{grid-row:1}.about-layout{grid-template-columns:1fr}.profile-panel{max-width:500px;margin:auto}.focus{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr 1fr}.skill-card.ecommerce{grid-row:span 1;min-height:240px}.timeline{margin-left:25px}.timeline article{width:auto}.projects{grid-template-columns:1fr}.header{gap:16px}.header nav{display:none}.menu{display:block;margin-left:auto;background:transparent;border:0}.menu i{display:block;width:24px;height:2px;background:var(--gold);margin:5px}.header nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#0b0b0d;padding:25px;flex-direction:column;align-items:center}.hire{font-size:13px}}@media(max-width:560px){.wrap,.narrow{width:calc(100% - 32px)}.hero h1{font-size:52px}.hero-profile,.portrait{width:280px;height:280px}.name-tag{right:-8px}.stats{gap:20px}.stats strong{font-size:25px}.stats span{font-size:8px}.skills-grid,.service-grid,.edu-grid,.training>div,.contact-grid{grid-template-columns:1fr}.skill-card.ecommerce{min-height:220px}.about-card{padding:25px}.about-card h3{font-size:27px}.focus{gap:8px}.focus article{padding:14px;min-height:120px}.focus b{font-size:17px}.section{padding:70px 0}.header{padding:0 16px}.brand span{font-size:16px}.hire{padding:9px 13px}.timeline{margin-left:12px}.timeline article{padding:14px}.hero h2{font-size:16px}.actions{flex-wrap:wrap}}