:root{--bg-primary:#fdf6f0;--bg-section:#fff8f0;--bg-dark:#3e2c1b;--text-primary:#3e2c1b;--text-secondary:#6b4f3c;--text-light:#fdf6f0;--accent:#c87941;--highlight:#e09f5c;--button:#b5653a;--border:#e6d5c0;--badge-bg:#f0e4d8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.portfolio-page{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.05rem;line-height:1.65;overflow-x:hidden}.navbar{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);background:#fdf6f0eb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.brand{color:var(--accent);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;text-decoration:none}.brand span{color:var(--text-primary);font-weight:500}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--button);color:#fff;border-radius:8px;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--accent);transform:translateY(-1px)}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 2rem 5rem;display:grid}.hero-eyebrow{background:var(--badge-bg);color:var(--button);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:1.2rem;font-size:3.8rem;font-weight:700;line-height:1.05}.hero h1 .accent{color:var(--accent)}.hero-lead{color:var(--text-secondary);max-width:540px;margin-bottom:2rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--button);color:#fff;border-radius:10px;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border);background:0 0;border-radius:10px;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-visual{aspect-ratio:1;max-width:460px;margin-left:auto;position:relative}.hero-visual .blob{background:linear-gradient(135deg, var(--accent), var(--highlight));border-radius:42% 58% 55% 45%/50% 40% 60% 50%;animation:12s ease-in-out infinite morph;position:absolute;inset:0}.hero-visual .icon-badge{color:#fff;place-items:center;font-size:8rem;display:grid;position:absolute;inset:0}@keyframes morph{0%,to{border-radius:42% 58% 55% 45%/50% 40% 60% 50%}50%{border-radius:55% 45% 40% 60%/45% 55%}}.hero-stats{border:1px solid var(--border);background:#fff;border-radius:14px;padding:1rem 1.4rem;position:absolute;bottom:-20px;left:-20px;box-shadow:0 12px 30px #3e2c1b1f}.hero-stats .num{color:var(--accent);font-size:1.6rem;font-weight:700}.hero-stats .label{color:var(--text-secondary);font-size:.8rem}.section{padding:5rem 2rem}.section.alt{background:var(--bg-section)}.section-inner{max-width:1200px;margin:0 auto}.section-head{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem;font-size:.9rem;font-weight:600}.section-head h2{letter-spacing:-.02em;margin-bottom:.8rem;font-size:2.4rem;font-weight:700;line-height:1.15}.section-head p{color:var(--text-secondary);font-size:1.1rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.8rem;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:2rem;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 40px #3e2c1b14}.service-icon{background:linear-gradient(135deg, var(--accent), var(--highlight));color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:1.2rem;font-size:1.4rem;display:grid}.service-card h3{margin-bottom:.6rem;font-size:1.2rem;font-weight:600}.service-card p{color:var(--text-secondary);font-size:.98rem}.about-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;display:grid}.about-visual{background:linear-gradient(135deg, var(--badge-bg), var(--border));aspect-ratio:1;border-radius:24px;place-items:center;max-width:460px;padding:3rem;display:grid;position:relative}.about-visual i{color:var(--accent);opacity:.9;font-size:9rem}.about-content h2{letter-spacing:-.02em;margin-bottom:1.2rem;font-size:2.2rem;font-weight:700;line-height:1.2}.about-content p{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.05rem}.emph{color:var(--button);font-weight:700}.about-features{grid-template-columns:1fr 1fr;gap:.8rem 1.5rem;margin-top:1.5rem;list-style:none;display:grid}.about-features li{color:var(--text-primary);align-items:center;gap:.7rem;font-weight:500;display:flex}.about-features li i{color:var(--accent)}.timeline{border-left:2px solid var(--border);max-width:800px;margin:0 auto;padding-left:2rem;position:relative}.timeline-item{padding:0 0 2.2rem 1.8rem;position:relative}.timeline-item:before{content:"";background:var(--accent);border:3px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent);border-radius:50%;position:absolute;top:.3rem;left:-2.55rem}.timeline-item:last-child{padding-bottom:0}.timeline-item h4{margin-bottom:.2rem;font-size:1.1rem;font-weight:600}.timeline-item .entity{color:var(--accent);margin-bottom:.4rem;font-size:.9rem;font-weight:500}.timeline-item p{color:var(--text-secondary);font-size:.98rem}.skills-wrap{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.skills-block{border:1px solid var(--border);background:#fff;border-radius:18px;padding:2rem}.skills-block h3{align-items:center;gap:.7rem;margin-bottom:1.2rem;font-size:1.15rem;font-weight:600;display:flex}.skills-block h3 i{color:var(--accent)}.skills-pills{flex-wrap:wrap;gap:.55rem;display:flex}.pill{background:var(--badge-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:20px;padding:.45rem 1rem;font-size:.9rem;font-weight:500}.pill.strong{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.cta-banner{background:linear-gradient(135deg, var(--bg-dark), #5a4028);color:var(--text-light);text-align:center;border-radius:24px;max-width:1000px;margin:0 auto;padding:4rem 2rem}.cta-banner h2{letter-spacing:-.02em;margin-bottom:.8rem;font-size:2.2rem;font-weight:700}.cta-banner p{color:#fdf6f0cc;margin-bottom:2rem;font-size:1.1rem}.cta-banner .btn-primary{background:var(--highlight);color:var(--bg-dark)}.cta-banner .btn-primary:hover{background:#fff}.contact-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.contact-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:18px;padding:2rem;transition:transform .25s,border-color .25s,box-shadow .25s}.contact-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 32px #3e2c1b14}.contact-card i{color:var(--accent);margin-bottom:1rem;font-size:1.8rem}.contact-card .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.85rem}.contact-card a,.contact-card .value{color:var(--text-primary);word-break:break-word;font-size:1.05rem;font-weight:600;text-decoration:none}.contact-card a:hover{color:var(--accent)}.site-footer{background:var(--bg-dark);color:#fdf6f0bf;margin-top:4rem;padding:3rem 2rem 2rem}.footer-inner{border-bottom:1px solid #e6d5c026;grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:2.5rem;display:grid}.footer-brand h3{color:var(--highlight);margin-bottom:.6rem;font-size:1.3rem}.footer-brand p{max-width:380px;font-size:.95rem}.footer-col h4{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;font-size:.95rem}.footer-col ul{flex-direction:column;gap:.55rem;list-style:none;display:flex}.footer-col a{color:#fdf6f0bf;font-size:.95rem;text-decoration:none}.footer-col a:hover{color:var(--highlight)}.footer-bottom{text-align:center;color:#fdf6f08c;max-width:1200px;margin:2rem auto 0;font-size:.85rem}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=960px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem 3rem}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{max-width:340px;margin:0 auto}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-visual{margin:0 auto}.services-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.skills-wrap{grid-template-columns:1fr;gap:1.5rem}.footer-inner{grid-template-columns:1fr;gap:2rem}.nav-links{display:none}}@media (width<=640px){.hero h1{font-size:2.6rem}.services-grid{grid-template-columns:1fr}.section{padding:3.5rem 1.5rem}.section-head h2{font-size:1.9rem}.about-features{grid-template-columns:1fr}.cta-banner{padding:3rem 1.5rem}.cta-banner h2{font-size:1.7rem}.nav-inner{padding:.8rem 1.2rem}}