@font-face{font-family:Pinar;src:url('/static/fonts/Pinar-Regular.woff2')}@font-face{font-family:Pinar;src:url('/static/fonts/Pinar-Bold.woff2');font-weight:800}:root{--ink:#111827;--paper:#f8fafc;--line:#dce2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pinar,Tahoma,sans-serif;line-height:1.8}body:has([data-font=vazir]){font-family:Tahoma,sans-serif}a{text-decoration:none;color:inherit}.pf-nav{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.pf-name{font-weight:900;font-size:19px}.pf-nav nav{display:flex;align-items:center;gap:28px;font-size:12px}.pf-contact{padding:9px 16px;border:1px solid currentColor;border-radius:30px}.pf-hero{max-width:1200px;margin:auto;padding:70px 28px 100px}.hero-label,.section-no{font-size:11px;opacity:.55}.pf-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.kicker{font-size:12px;font-weight:800;color:var(--accent)}.pf-copy h1{font-size:clamp(50px,7vw,95px);line-height:1.2;letter-spacing:-.05em;margin:18px 0}.lead{font-size:17px;max-width:530px;opacity:.66}.pf-actions{display:flex;gap:22px;margin-top:35px;font-size:13px;font-weight:800}.pf-actions a:first-child{padding-bottom:6px;border-bottom:2px solid var(--accent)}.pf-visual{min-height:500px;position:relative;display:grid;place-items:center}.portrait{width:75%;aspect-ratio:4/5;border-radius:180px 180px 25px 25px;background:linear-gradient(145deg,var(--accent),#96c0ff);display:grid;place-items:center;position:relative;z-index:2;overflow:hidden}.portrait:before{content:'';position:absolute;width:55%;height:55%;border-radius:50%;background:#11223c;top:17%}.portrait:after{content:'';position:absolute;width:82%;height:55%;border-radius:50% 50% 0 0;background:#e9edf3;bottom:-10%}.portrait span{font-size:100px;color:#fff;position:relative;z-index:1;opacity:.7}.orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;opacity:.25}.visual-code{position:absolute;left:0;bottom:30px;font-size:10px;writing-mode:vertical-rl}.pf-about,.pf-skills{max-width:1200px;margin:auto;padding:110px 28px;display:grid;grid-template-columns:120px 1fr;gap:45px;border-top:1px solid var(--line)}.pf-about h2{font-size:clamp(27px,4vw,50px);line-height:1.55;max-width:900px;margin:10px 0}.pf-projects{padding:110px max(28px,calc((100vw - 1144px)/2));background:#101927;color:#fff}.pf-section-head{display:flex;justify-content:space-between;align-items:end}.pf-section-head h2,.pf-skills h2{font-size:40px;line-height:1.5;margin:10px 0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 25px;margin-top:60px}.project-card:nth-child(even){transform:translateY(70px)}.project-art{height:380px;border-radius:4px;position:relative;overflow:hidden;background:linear-gradient(135deg,#257cff,#bcd7ff)}.project-art:before{content:'';position:absolute;inset:18%;border:1px solid #ffffffaa;transform:rotate(9deg)}.project-art:after{content:'';position:absolute;width:42%;height:65%;left:12%;bottom:-5%;background:#101927;border-radius:100px 100px 0 0}.art-2{background:linear-gradient(145deg,#ffce45,#ff785a)}.art-3{background:linear-gradient(145deg,#5b2c82,#d2a7ff)}.art-4{background:linear-gradient(145deg,#1a6b56,#a8e0cc)}.project-art span{position:absolute;right:22px;top:18px;font-size:12px}.project-card h3{font-size:23px;margin:8px 0}.project-card>div:last-child>span,.project-card p{font-size:12px;opacity:.62}.skill-list{display:grid;grid-template-columns:50px 1fr}.skill-list span,.skill-list b{padding:18px 0;border-bottom:1px solid var(--line)}.skill-list span{font-size:11px;color:var(--accent)}.skill-list b{font-size:19px}.pf-footer{padding:110px max(28px,calc((100vw - 1144px)/2)) 35px;background:var(--accent);color:#fff}.pf-footer>p{font-size:16px}.pf-footer>a{font-size:clamp(30px,5vw,70px);font-weight:900;border-bottom:2px solid #fff}.pf-footer>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;margin-top:80px;padding-top:25px;font-size:11px}
[data-theme=madar]{--paper:#061323;--ink:#f4f8ff;--line:#1b3452} [data-theme=madar] body{background:radial-gradient(circle at 75% 25%,#102f59,#061323 38%);color:var(--ink)}[data-theme=madar] .portrait{border-radius:50%;box-shadow:0 0 100px color-mix(in srgb,var(--accent) 35%,transparent)}[data-theme=madar] .pf-projects{background:#020913}[data-theme=madar] .pf-about{background:#091a2e}[data-theme=editorial]{--paper:#f0eadf;--ink:#241e18;--line:#bdb3a5}[data-theme=editorial] body{font-family:Georgia,Pinar,serif}[data-theme=editorial] .pf-copy h1{font-weight:400}[data-theme=editorial] .portrait{border-radius:0;filter:grayscale(1)}[data-theme=editorial] .pf-projects{background:#332a22}[data-theme=studio]{--paper:#f6f200;--ink:#111;--line:#111}[data-theme=studio] .pf-nav{border-bottom:2px solid #111}[data-theme=studio] .portrait{border-radius:0;transform:rotate(3deg);box-shadow:14px 14px 0 #111}[data-theme=studio] .pf-copy h1{text-transform:uppercase}[data-theme=studio] .pf-projects{background:#ff6138;color:#111}[data-theme=studio] .project-art{border:2px solid #111}[data-theme=resume]{--paper:#edf4f0;--ink:#16362a;--line:#bdd1c7}[data-theme=resume] .pf-hero-grid{grid-template-columns:.85fr 1.15fr}[data-theme=resume] .pf-copy{order:2}[data-theme=resume] .portrait{border-radius:18px;background:linear-gradient(145deg,#244e3e,#b5d2c5)}[data-theme=resume] .pf-projects{background:#17392c}
@media(max-width:700px){.pf-nav nav a:not(.pf-contact){display:none}.pf-hero{padding-top:35px}.pf-hero-grid{grid-template-columns:1fr;gap:25px}.pf-copy h1{font-size:48px}.pf-visual{min-height:390px}.portrait{width:72%}.pf-about,.pf-skills{grid-template-columns:1fr;padding-block:75px}.pf-section-head{align-items:start;flex-direction:column}.pf-section-head h2,.pf-skills h2{font-size:31px}.project-grid{grid-template-columns:1fr;gap:45px}.project-card:nth-child(even){transform:none}.project-art{height:280px}.pf-footer>a{font-size:28px}.pf-footer>div{align-items:start;flex-direction:column;gap:8px}[data-theme=resume] .pf-copy{order:0}[data-theme=studio] .portrait{box-shadow:8px 8px 0 #111}}