@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');
:root{--paper:#f4f0e7;--ivory:#fbfaf6;--ink:#292c24;--olive:#48533b;--gold:#aa9565;--muted:#77786d;--line:#d9d2c3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Vazirmatn',Tahoma,Arial,sans-serif;line-height:1.9}
.header{min-height:76px;padding:12px 8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font:600 18px Georgia,serif;letter-spacing:3px;color:var(--olive);text-decoration:none}.brand span{color:var(--gold)}
nav{display:flex;gap:28px}nav a,.link{font-size:13px;color:var(--ink);text-decoration:none}nav a:hover,.link:hover{color:var(--gold)}
main{max-width:1120px;margin:auto;padding:0 6%}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7%;padding:65px 0 80px}
.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--gold);font-weight:600;margin:0 0 18px}
h1{font-size:clamp(70px,9vw,112px);font-weight:300;line-height:1.15;margin:0;color:var(--olive)}
.degree{font-size:22px;margin:12px 0 0}.university{color:var(--muted);margin:0;font-size:15px}
.gold-line{width:55px;height:1px;background:var(--gold);margin:27px 0}.lead{max-width:460px;color:#66675e;font-size:15px;line-height:2.2}
.link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--gold);padding-bottom:5px}.link span,.contact a span{color:var(--gold);padding-right:7px}
.book-art{height:390px;background:#e9e3d6;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.halo{position:absolute;width:230px;height:230px;border:1px solid #c9b991;border-radius:50%;top:30px}
.book-shadow{position:absolute;width:170px;height:205px;background:#a7a58a;bottom:75px;transform:rotate(9deg) translateX(25px);box-shadow:10px 12px 22px #655d4930}
.book-back{position:absolute;width:160px;height:210px;background:#7b8066;bottom:80px;transform:rotate(8deg) translateX(20px)}
.book-front{position:absolute;width:155px;height:215px;background:var(--olive);bottom:75px;transform:rotate(-7deg) translateX(-18px);border-left:8px solid #35402e;box-shadow:8px 10px 18px #4c4a3d30}
.book-front:before{content:'';position:absolute;inset:19px 16px;border:1px solid #b9aa7d}.book-front span{position:absolute;width:42px;height:1px;background:#d5c49a;top:88px;left:48px}.book-front i{position:absolute;width:24px;height:1px;background:#d5c49a;top:101px;left:57px}
.book-art>p{position:absolute;bottom:16px;font:10px Georgia,serif;letter-spacing:3px;color:#77735f}
.section{padding:70px 0;border-top:1px solid var(--line)}h2{font-size:29px;font-weight:400;margin:0 0 18px;color:var(--olive)}
.copy{max-width:760px;color:#64655c;font-size:15px;line-height:2.3}
.education{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:26px 30px;background:#f8f5ee}
.education h2{font-size:22px;margin:0}.education p{margin:3px 0 0;color:var(--muted)}.education>span{font-size:12px;color:var(--olive);border:1px solid #b7b89f;padding:4px 14px}
.skills{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skills article{border-top:2px solid var(--olive);padding:18px 0}
.skills small{font:12px Georgia,serif;color:var(--gold)}.skills h3{font-size:21px;font-weight:500;margin:10px 0 5px}.skills p{font-size:14px;color:var(--muted);max-width:380px}
.contact{background:var(--olive);color:var(--ivory);padding:48px 7%;margin:30px 0 65px}.contact .eyebrow{color:#d2c49e}.contact h2{color:#fff;font-size:25px}.contact a{color:#e8dfc9;text-decoration:none;border-bottom:1px solid #a99b74;padding-bottom:5px;display:inline-block}
footer{border-top:1px solid var(--line);padding:22px 8%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
@media(max-width:700px){.header{align-items:flex-start;gap:10px;flex-direction:column;padding:13px 5%}nav{gap:15px;flex-wrap:wrap}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0;gap:30px}.book-art{height:300px}h1{font-size:76px}.section{padding:52px 0}.skills{grid-template-columns:1fr}.education{padding:20px;gap:10px}.contact{margin-bottom:40px}footer{padding:18px 5%;gap:8px;flex-wrap:wrap}}