:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14201d;background:#f7f5ef;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#14201d}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.brand{font-weight:800;font-size:1.2rem}.nav nav{display:flex;gap:26px;font-size:.95rem}.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:70px 0 100px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:700;color:#68746f}.hero h1,.section h2{font-size:clamp(3rem,7vw,6.4rem);line-height:.95;letter-spacing:-.06em;margin:.1em 0 .25em}.section h2{font-size:clamp(2.5rem,5vw,4.7rem)}.lead{font-size:1.15rem;max-width:650px;color:#54605c}.lead.small{max-width:500px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:1px solid #14201d;padding:14px 20px;border-radius:999px;font-weight:700;cursor:pointer;background:transparent}.btn.primary{background:#14201d;color:#fff}.btn.ghost{background:transparent}.hero-art{height:500px;position:relative;background:#dbe8df;border-radius:36px;overflow:hidden}.orb{position:absolute;border-radius:50%}.orb-one{width:310px;height:310px;background:#ffd977;right:-50px;top:-50px}.orb-two{width:240px;height:240px;background:#8cc7af;left:35px;bottom:35px}.card-mini{position:absolute;left:55px;top:55px;background:#fff;padding:28px 34px;border-radius:22px;font-size:1.6rem;font-weight:800;box-shadow:0 20px 50px #00000014}.card-two{left:auto;right:40px;top:auto;bottom:50px;background:#14201d;color:#fff}.section{padding:110px 0}.section-head{margin-bottom:55px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:#fff;border-radius:28px;overflow:hidden;border:1px solid #e7e3d8}.project-visual{height:300px;display:grid;place-items:center;background:linear-gradient(135deg,#e2efe8,#f5dca3);font-size:3rem;font-weight:800;letter-spacing:-.05em}.project-card:nth-child(2) .project-visual{background:linear-gradient(135deg,#dfe7ff,#dacff3)}.project-card:nth-child(3) .project-visual{background:linear-gradient(135deg,#d8ecf4,#dce1c8)}.project-meta{padding:24px;display:flex;justify-content:space-between;gap:20px}.project-meta h3{font-size:1.5rem;margin:.25rem 0}.project-meta p{margin:.35rem 0;color:#57625e}.muted{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.year{font-size:.8rem;color:#6a7571}.alt{background:#14201d;color:#f7f5ef}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy{font-size:1.15rem;color:#cbd2cf}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.skills span{border:1px solid #46504d;border-radius:999px;padding:9px 13px;color:#fff;font-size:.88rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-form{display:grid;gap:17px;background:#fff;border-radius:28px;padding:30px;border:1px solid #e7e3d8}.contact-form label{display:grid;gap:7px;font-size:.86rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7d4ca;border-radius:14px;padding:13px 14px;font:inherit;background:#fbfaf6}.form-status{margin:0;color:#52605a;font-size:.9rem}.footer{display:flex;justify-content:space-between;padding:28px 0 40px;color:#68746f;font-size:.9rem}@media(max-width:850px){.hero,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:30px}.hero-art{height:360px}.project-grid{grid-template-columns:1fr}.nav nav{gap:14px}.section{padding:80px 0}}@media(max-width:520px){.wrap{width:min(100% - 26px,1180px)}.nav nav a:nth-child(2){display:none}.hero{min-height:auto;gap:35px;padding-bottom:70px}.hero h1{font-size:3.3rem}.hero-art{height:300px}.card-mini{left:25px;top:25px;padding:20px;font-size:1.2rem}.card-two{right:20px;bottom:25px}.hero-actions{flex-direction:column}.btn{text-align:center}.section h2{font-size:2.8rem}.project-visual{height:220px}.contact-form{padding:20px}}