:root{--bg:#1e2a1f;--bg2:#26352a;--cream:#f1e6d2;--rust:#e0703a;--ochre:#e0a93b;--moss:#4f6b3a;--muted:#b9b29f;--line:#f1e6d229;--title:"Alfa Slab One",Georgia,serif;--body:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--cream);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--title);margin:0;font-weight:400;line-height:1.15}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav-wrap{top:max(16px,env(safe-area-inset-top));z-index:20;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;left:0;right:0}.nav{pointer-events:auto;-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#1e2a1f80;border-radius:40px;gap:clamp(12px,3vw,34px);max-width:100%;padding:12px clamp(16px,3vw,34px);font-size:15px;display:flex}.nav a{opacity:.85;transition:opacity .2s,color .2s}.nav a:hover{opacity:1;color:var(--ochre)}.hero{background:linear-gradient(#e0703a,#b5622f 62%,#8c6a35);place-items:center;height:100svh;min-height:560px;display:grid;position:relative;overflow:hidden}.layer{will-change:transform;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sun i,.sun b{left:calc(var(--sx) - var(--r));bottom:calc(var(--sy) - var(--r));width:calc(var(--r)*2);height:calc(var(--r)*2);border-radius:50%;position:absolute}.sun{--sx:24%;--sy:34%}.sun i{--r:clamp(80px,13vw,190px);background:#f7c2604d}.sun b{--r:clamp(52px,8.4vw,122px);background:#f5c36a}.hero-content{z-index:2;text-align:center;margin-top:-4vh;padding:0 20px 8vh;position:relative}.hero-logo{width:clamp(64px,9vw,96px);height:auto;color:var(--cream)}.hero-title{text-shadow:0 4px 16px #0000004d;font-size:clamp(36px,9vw,88px)}.hero-content p{margin:10px 0 26px;font-size:clamp(15px,2.4vw,21px)}.cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{border-radius:30px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-block}.btn:hover{transform:translateY(-3px)}.solid{background:var(--cream);color:var(--bg)}.ghost{border:1.5px solid var(--cream)}.ghost:hover{background:var(--cream);color:var(--bg)}.hot-btn{background:var(--rust);color:var(--bg)}.wrap{max-width:1040px;margin:0 auto;padding:clamp(56px,9vw,96px) 24px}.h2{margin-bottom:28px;font-size:clamp(26px,4.4vw,40px)}.muted{color:var(--muted)}.about{grid-template-columns:200px 1fr;align-items:center;gap:clamp(24px,5vw,56px);display:grid}.photo{background:var(--bg2);border:2px solid var(--line);width:200px;height:200px;color:var(--muted);text-align:center;border-radius:50%;place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.facts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.facts span{border:1px solid var(--line);border-radius:30px;padding:6px 16px;font-size:14px}.facts .hot{color:var(--rust);font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;display:grid}.card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;height:100%;padding:0;display:block;overflow:hidden}.thumb{color:#f1e6d299;place-items:center;height:170px;font-size:13px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.card-body{padding:18px 20px 22px}.card h3{margin-bottom:6px;font-size:20px}.card p{color:var(--muted);margin:0 0 12px;font-size:14px}.tag{color:var(--rust);background:#e0703a29;border-radius:20px;margin:0 6px 4px 0;padding:2px 10px;font-size:12px;display:inline-block}.timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;display:grid}.step i{background:var(--moss);transform-origin:0;height:3px;margin-bottom:18px;display:block}.step:last-child i{background:var(--rust)}.step small{color:var(--ochre);font-size:13px}.step h3{margin:2px 0 4px;font-size:18px}.step p{color:var(--muted);margin:0;font-size:14px}.skills{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;display:grid}.skills h3{color:var(--ochre);margin-bottom:14px;font-size:17px}.chip{border:1px solid var(--line);border-radius:10px;margin:0 6px 8px 0;padding:5px 14px;font-size:14px;display:inline-block}.chip.main{background:var(--rust);border-color:var(--rust);color:var(--bg);padding:7px 18px;font-size:16px;font-weight:600}.contact{text-align:center;background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:clamp(32px,6vw,56px) 20px}.contact-logo{width:70px;height:auto;color:var(--cream)}.contact .h2{margin:8px 0 10px}.contact .muted{margin:0 0 22px}footer{text-align:center;color:var(--muted);margin-top:40px;font-size:13px}.nav .lang{font:inherit;color:var(--ochre);border:1px solid var(--ochre);cursor:pointer;background:0 0;border-radius:20px;padding:0 10px;font-weight:600;line-height:1.5;transition:background .2s,color .2s}.nav .lang:hover{background:var(--ochre);color:var(--bg)}button.card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}button.btn{cursor:pointer;color:var(--cream);background:0 0;font-family:inherit}button.btn.ghost:hover{color:var(--bg)}.cta.left{justify-content:flex-start;margin-top:20px}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0a100bbf;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:20px;width:min(100%,760px);max-height:calc(100svh - 32px);position:relative;overflow-y:auto}.close{z-index:2;width:38px;height:38px;color:var(--cream);cursor:pointer;background:#1e2a1fb3;border:none;border-radius:50%;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}.close:hover{background:var(--rust);color:var(--bg)}.modal-media{aspect-ratio:16/9;color:#f1e6d299;place-items:center;font-size:13px;display:grid;overflow:hidden}.modal-media img,.modal-media video{object-fit:cover;width:100%;height:100%}.modal-body{padding:22px clamp(18px,4vw,32px) 28px}.modal-body h3{margin-bottom:6px;font-size:clamp(22px,4vw,30px)}.role{color:var(--ochre);margin:0 0 12px;font-size:14px}.role b{font-weight:600}.gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px;display:grid}.gallery img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%}@media (width<=700px){.about{text-align:center;grid-template-columns:1fr;justify-items:center}.facts{justify-content:center}.sun{--sx:22%;--sy:38%}.nav{font-size:14px}}@media (width<=380px){.nav{gap:10px;padding:10px 14px;font-size:13px}}