*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f4ef;color:#151515}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:900;color:#151515;text-decoration:none}.nav nav{display:flex;gap:28px}.nav nav a,.back{color:#555;text-decoration:none;font-weight:600}.hero{min-height:620px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#6c6a63}.hero h1,.detail h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px;max-width:900px}.lead{font-size:20px;line-height:1.6;color:#595751;max-width:720px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;border:1px solid #1f1f1f;border-radius:999px;padding:14px 22px;text-decoration:none;background:transparent;color:#151515;font:inherit;font-weight:750;cursor:pointer}.btn.primary{background:#151515;color:white}.art{height:420px;position:relative}.orb{position:absolute;border-radius:50%}.one{width:290px;height:290px;background:#f38e69;right:0;top:15px}.two{width:220px;height:220px;background:#bccbe7;left:10px;bottom:5px}.card-art{position:absolute;background:#fff;padding:24px;border-radius:20px;right:28px;bottom:32px;width:190px;box-shadow:0 20px 60px #0001}.card-art span{display:block;color:#777}.card-art strong{font-size:72px}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section h2{font-size:46px;letter-spacing:-.04em;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{color:inherit;text-decoration:none}.thumb{height:300px;border-radius:20px;margin-bottom:20px}.t1{background:linear-gradient(135deg,#cae7d7,#507f67)}.t2{background:linear-gradient(135deg,#eadfc7,#dca76a)}.t3{background:linear-gradient(135deg,#ced7ec,#6577a6)}.project span{font-size:13px;color:#777}.project h3{font-size:28px;margin:6px 0}.project p{color:#666;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #d7d2c8}.split>div:last-child>p{font-size:20px;line-height:1.7;color:#555}.skills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.skills span{background:#ebe7df;border-radius:999px;padding:9px 13px;font-weight:650;font-size:14px}.contact{border-top:1px solid #d7d2c8}.contact form{max-width:650px;display:grid;gap:12px;margin-top:32px}.contact input,.contact textarea{width:100%;padding:16px;border:1px solid #cbc6bd;background:#fff;border-radius:12px;font:inherit}.contact textarea{min-height:150px;resize:vertical}.footer{display:flex;justify-content:space-between;padding:38px 0;border-top:1px solid #d7d2c8;color:#777}.detail{padding:70px 0 120px}.detail-visual{height:520px;border-radius:26px;background:linear-gradient(135deg,#e6d2bf,#7a8db2);margin:60px 0}.detail-copy{max-width:760px}.detail-copy p{font-size:19px;line-height:1.7;color:#56534f}@media(max-width:800px){.nav nav{gap:14px;font-size:14px}.hero{grid-template-columns:1fr;gap:10px;padding-top:40px}.art{height:330px}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:20px}.section{padding:80px 0}.footer{gap:20px;flex-direction:column}.detail-visual{height:300px}}