/* Personal portfolio presentation layer — restrained editorial system */
.setup-banner{display:none!important}
body{font-weight:400}
html[dir="rtl"] body{font-family:"Vazirmatn","Manrope",sans-serif;font-weight:400}
.section{padding:88px 0}

.personal-hero{position:relative;padding-top:38px;min-height:auto}
.personal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:64px;align-items:center;margin:34px 0 28px}
.personal-hero-copy{align-self:center;max-width:760px}
.hero-role{font:500 10px/1.5 "DM Sans",sans-serif;letter-spacing:.16em;color:var(--blue);margin-bottom:16px}
.personal-hero-copy h1{margin:0;font-size:clamp(45px,4.9vw,76px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:500!important;max-width:760px}
html[dir="rtl"] .personal-hero-copy h1{letter-spacing:0!important}
.personal-hero-copy h1 span,.personal-hero-copy h1 em{display:block}
.personal-hero-copy h1 em{margin-top:8px;font-weight:400!important}
.personal-hero-copy p{max-width:650px;margin:24px 0 0;color:#687587;font-size:14px;line-height:2.05}
.hero-actions{margin-top:26px}
.btn{min-height:44px;font-weight:500}
.hero-credentials{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font:500 9px/1.5 "DM Sans",sans-serif;letter-spacing:.09em}
.hero-meta div{min-height:68px}
.hero-meta strong{font-weight:600}

.portrait-card{margin:0;border:1px solid var(--line);background:#fff;box-shadow:0 18px 55px rgba(24,42,74,.07);overflow:hidden;min-width:0}
.portrait-frame{position:relative;aspect-ratio:4/5;min-height:0;background:#f1f4f7;overflow:hidden}
.portrait-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 35%);pointer-events:none;z-index:2}
.portrait-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.portrait-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-top:1px solid var(--line);font-family:"DM Sans",sans-serif}
.portrait-card figcaption span{font-size:9px;font-weight:600;letter-spacing:.11em}
.portrait-card figcaption b{font-size:7px;font-weight:500;color:var(--muted);letter-spacing:.07em;text-align:left}

.profile-section{border-top:1px solid var(--line)}
.profile-lead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:end;margin-bottom:30px}
.profile-lead h2{margin:0;font-size:clamp(34px,3.8vw,56px);line-height:1.18;font-weight:500;letter-spacing:-.03em}
html[dir="rtl"] .profile-lead h2{letter-spacing:0}
.profile-lead p{margin:0;color:var(--muted);font-size:13px;line-height:2}
.profile-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.profile-card{border:1px solid var(--line);background:rgba(255,255,255,.8);padding:20px;min-height:190px}
.profile-card>span{font:600 9px/1.4 "DM Sans",sans-serif;letter-spacing:.13em;color:var(--blue)}
.profile-card h3{font-size:21px;font-weight:500;margin:32px 0 6px}
.profile-card p,.profile-card small{color:var(--muted);line-height:1.8;font-weight:400}
.profile-card ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:8px}
.profile-card li{border-top:1px solid var(--line);padding-top:8px;font-size:11px;font-weight:400}
.software-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.software-grid b{border:1px solid var(--line);padding:7px 9px;background:#fff;font-size:9px;font-weight:500}

.section-heading{margin-bottom:42px}
.section-heading h2{font-size:clamp(34px,3.6vw,56px)!important;line-height:1.16!important;font-weight:500!important;letter-spacing:-.03em!important}
html[dir="rtl"] .section-heading h2{letter-spacing:0!important}
.section-heading p{font-size:13px;line-height:1.9}
.eyebrow{font-weight:600}

.portfolio-editorial{border-top:1px solid var(--line)}
.portfolio-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.portfolio-media-card{position:relative;margin:0;min-height:300px;border:1px solid var(--line);background:#eef2f6;overflow:hidden}
.portfolio-media-card.wide{grid-column:1/-1;min-height:400px}
.portfolio-media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.portfolio-media-card img:not([src]),.portfolio-media-card img[src=""]{display:none}
.portfolio-media-card:has(img[src*="portfolio-"]):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#edf2f7,#f8fafc);z-index:0}
.portfolio-media-card figcaption{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(9,16,25,.82));color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:end;min-height:92px}
.portfolio-media-card figcaption span{font:600 8px/1.5 "DM Sans",sans-serif;letter-spacing:.12em;color:#a9c7ff}
.portfolio-media-card figcaption b{font-size:12px;font-weight:400;text-align:left}

/* Keep the interface visible even if reveal observers fail on mobile Safari. */
.reveal{opacity:1!important;transform:none!important}

@media(max-width:1050px){
  .personal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:36px}
  .profile-lead{grid-template-columns:1fr;gap:16px}.profile-cards{grid-template-columns:1fr 1fr}.profile-card:last-child{grid-column:1/-1}
}

@media(max-width:700px){
  :root{--shell:calc(100vw - 32px)}
  .section{padding:58px 0}
  .site-header{height:64px}
  .personal-hero{padding-top:18px!important}
  .personal-hero .hero-kicker{font-size:9px}
  .personal-hero-grid{display:flex!important;flex-direction:column;gap:22px;margin:20px 0 22px!important}
  .portrait-card{order:-1;width:100%;max-width:none;box-shadow:0 10px 34px rgba(24,42,74,.06)}
  .portrait-frame{aspect-ratio:4/4.6}
  .portrait-card figcaption{display:none}
  .personal-hero-copy{width:100%;max-width:none}
  .hero-role{font-size:8px;margin-bottom:10px;letter-spacing:.13em}
  .personal-hero-copy h1{font-size:38px!important;line-height:1.25!important;font-weight:500!important}
  .personal-hero-copy h1 em{font-size:34px;margin-top:6px}
  .personal-hero-copy p{font-size:13px;line-height:1.95;margin-top:17px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
  .hero-actions .btn{width:100%;min-height:44px}
  .hero-credentials{display:grid;gap:6px;margin-top:17px;font-size:8px}
  .hero-meta{grid-template-columns:1fr 1fr!important}
  .hero-meta div{min-height:58px!important;padding:0 12px!important;border-bottom:1px solid var(--line)}
  .hero-meta div:nth-last-child(-n+2){border-bottom:none}
  .profile-lead h2,.section-heading h2{font-size:32px!important;line-height:1.28!important}
  .profile-cards,.portfolio-media-grid{grid-template-columns:1fr}
  .profile-card:last-child,.portfolio-media-card.wide{grid-column:auto}
  .profile-card{min-height:0;padding:18px}
  .portfolio-media-card,.portfolio-media-card.wide{min-height:240px}
  .portfolio-media-card figcaption{min-height:76px;padding:12px;display:grid;gap:4px}
  .portfolio-media-card figcaption b{text-align:right;font-size:11px}
}