@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');:root{color-scheme:light;font-family:Vazirmatn,Tahoma,sans-serif;color:#191919;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.identity{padding-top:clamp(110px,19vh,210px);display:flex;flex-direction:column;align-items:center}.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center;display:block}.identity h1{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:24px 0 28px}.identity nav{display:flex;gap:42px}.identity nav a{font-size:13px;color:#aaa;transition:color .25s}.identity nav a:hover,.identity nav a.selected{color:#171717}.timeline{position:relative;max-width:820px;margin:clamp(145px,24vh,270px) auto 0;padding:20px 24px 10px}.spine{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e1e1e1;transform:translateX(-50%)}.event{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:76px;min-height:190px;align-items:center;direction:ltr}.event:nth-child(3n){min-height:235px}.event .dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #b4b4b4;background:#fff;border-radius:50%;width:9px;height:9px;z-index:2}.event .year{position:absolute;top:calc(50% - 11px);font:400 12px/1.6 Arial,sans-serif;color:#aaa;letter-spacing:.6px;direction:ltr}.event.right .year{right:calc(50% + 19px)}.event.left .year{left:calc(50% + 19px)}.event .box{border:1px solid #e9e9e9;border-radius:5px;padding:21px 23px;background:#fff;direction:rtl;width:100%;max-width:315px;transition:border-color .25s}.event .box:hover{border-color:#c8c8c8}.event.right .box{grid-column:2;justify-self:start}.event.left .box{grid-column:1;justify-self:end}.event h2{font-size:16px;font-weight:600;line-height:1.85;margin:0 0 5px}.event p{font-size:12px;color:#888;line-height:2.1;margin:0}.notes{max-width:780px;margin:clamp(130px,21vh,220px) auto 0;padding:0 24px}.note{display:flex;align-items:center;gap:38px;padding:32px 0 38px;border-bottom:1px solid #eee;direction:rtl}.note:last-child{border:0}.note-copy{flex:1;min-width:0}.note time,.note .reading{font-size:11px;color:#aaa}.note h2{font-size:19px;line-height:1.85;font-weight:600;margin:10px 0 8px}.note p{font-size:13px;color:#888;line-height:2.1;margin:0 0 12px}.note img{width:118px;height:118px;object-fit:cover;flex-shrink:0;border-radius:2px}.note:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.post{max-width:670px;margin:110px auto 0;padding:0 24px}.post .back{font-size:12px;color:#999}.post time{display:block;font-size:12px;color:#aaa;margin:65px 0 16px}.post h2{font-size:31px;line-height:1.75;margin:0 0 12px}.post .intro{font-size:16px;color:#888;line-height:2.2}.post .cover{width:100%;max-height:390px;object-fit:cover;margin:30px 0}.post .body{font-size:16px;line-height:2.55;margin:45px 0}.post .body p{margin:0 0 25px;white-space:pre-line}footer{font:10px Arial,sans-serif;letter-spacing:1.5px;text-align:center;color:#c2c2c2;padding:160px 20px 38px}.reveal{opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:650px){.identity{padding-top:100px}.avatar{width:66px;height:66px}.identity h1{font-size:21px}.timeline{margin-top:130px;padding:0 20px 0 14px}.spine{left:auto;right:38px;transform:none}.event,.event:nth-child(3n){display:block;direction:rtl;min-height:160px;padding:25px 0 20px}.event .dot{left:auto;right:34px;top:50%;transform:translateY(-50%)}.event .box,.event.right .box,.event.left .box{margin-right:68px;width:calc(100% - 68px);max-width:none;padding:17px 17px}.event h2{font-size:14px}.event p{font-size:12px}.event .year,.event.right .year,.event.left .year{right:54px;left:auto;top:4px;font-size:11px}.notes{margin-top:120px}.note{gap:18px;padding:27px 0}.note h2{font-size:15px}.note p{font-size:12px}.note img{width:85px;height:85px}.post{margin-top:80px}.post h2{font-size:24px}.post .body{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}