@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap");
:root{
  --bg:#eee6d6;
  --paper:#f7f1e5;
  --paper-2:#e7dcc8;
  --ink:#24261d;
  --muted:#68624f;
  --olive:#596047;
  --olive-dark:#2f3426;
  --rust:#a95035;
  --rust-dark:#8e432d;
  --line:rgba(36,38,29,.16);
  --shadow:0 22px 70px rgba(41,35,24,.14);
  --radius:28px;
  --container:1240px;
  --font-fa:"Vazirmatn", Tahoma, Arial, sans-serif;
}
*{box-sizing:border-box}
*,*::before,*::after{font-family:var(--font-fa)}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-fa);
  background:
    radial-gradient(circle at top right, rgba(169,80,53,.08), transparent 28rem),
    radial-gradient(circle at 10% 15%, rgba(89,96,71,.08), transparent 22rem),
    linear-gradient(180deg,var(--bg),#f3eddf 42%,var(--paper));
  color:var(--ink);
  line-height:1.95;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  opacity:.32;
  mix-blend-mode:multiply;
  background-image:
    linear-gradient(90deg, rgba(46,45,34,.03) 1px, transparent 1px),
    linear-gradient(0deg, rgba(46,45,34,.025) 1px, transparent 1px),
    radial-gradient(rgba(38,39,31,.15) .7px, transparent .7px);
  background-size:62px 62px,62px 62px,4px 4px;
  z-index:1000;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input{font:inherit}
.container{width:min(calc(100% - 44px),var(--container));margin-inline:auto}
.skip-link{position:absolute;right:1rem;top:-50px;background:var(--ink);color:#fff;padding:.5rem 1rem;border-radius:999px;z-index:9999;transition:.2s}
.skip-link:focus{top:1rem}
.site-header{
  position:sticky;top:0;z-index:99;
  border-bottom:1px solid var(--line);
  background:rgba(247,241,229,.82);
  backdrop-filter:blur(18px);
}
.nav-wrap{height:78px;display:flex;align-items:center;gap:1.1rem}
.brand{display:flex;align-items:center;margin-inline-end:auto}
.brand img{width:48px;height:48px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:1.05rem;font-size:.92rem;color:var(--muted)}
.main-nav a{position:relative;padding:.6rem .25rem;transition:.25s;color:var(--olive-dark)}
.main-nav a:after{content:"";position:absolute;right:.25rem;left:.25rem;bottom:.3rem;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:.25s}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.social-mini{display:flex;gap:.6rem;align-items:center;color:var(--olive-dark);font-size:.82rem;direction:ltr}
.social-mini a{width:32px;height:32px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.25)}
.nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px;padding:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto;transition:.2s}
.block{padding:104px 0}
.alt{background:rgba(229,219,201,.55);border-block:1px solid var(--line)}
.section-kicker{margin:0 0 .65rem;color:var(--rust);font-size:.83rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(4.2rem,10vw,10.5rem);line-height:.86;letter-spacing:-.06em;font-weight:900;margin-bottom:1.35rem;color:var(--olive-dark)}
h2{font-size:clamp(2rem,4.6vw,4.9rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:1.3rem;color:var(--olive-dark)}
h3{font-size:1.25rem;line-height:1.45;margin-bottom:.55rem;color:var(--olive-dark)}
p{color:var(--muted);font-size:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.65rem 1.35rem;border:1px solid var(--ink);border-radius:0;color:var(--ink);font-weight:700;transition:.24s;background:transparent;cursor:pointer}
.btn:before{content:"←";font-size:1rem;transition:.24s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(41,35,24,.12)}
.btn:hover:before{transform:translateX(-4px)}
.btn-primary{background:var(--rust);border-color:var(--rust);color:#fff}
.btn-primary:hover{background:var(--rust-dark)}
.btn-ghost{background:rgba(247,241,229,.5)}
.btn-light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}
.hero{position:relative;min-height:calc(100svh - 78px);display:grid;align-items:center;padding:64px 0 0;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(450px,1.25fr);gap:3rem;align-items:center;position:relative;z-index:2}
.hero-copy{padding-bottom:42px}
.eyebrow{font-weight:700;color:var(--rust);letter-spacing:.04em}
.hero-subtitle{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:800;color:var(--olive-dark);margin-bottom:.95rem}
.hero-text{max-width:560px;font-size:1.08rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.hero-media{position:relative;isolation:isolate}
.hero-media picture{display:block;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper-2)}
.hero-media img{width:100%;height:min(70svh,690px);object-fit:cover;object-position:center 18%;filter:saturate(.95) contrast(.96)}
.hero-media:before{content:"";position:absolute;inset:8% -4% auto auto;width:48%;height:38%;background:var(--olive-dark);z-index:-1;border-radius:999px;filter:blur(72px);opacity:.18}
.floating-card{position:absolute;right:clamp(1rem,4vw,3rem);bottom:2rem;background:rgba(36,38,29,.92);color:#fff;padding:1rem 1.2rem;min-width:230px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
.floating-card span{display:block;color:#d3b796;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.25rem}
.floating-card strong{font-size:1rem;line-height:1.5}
.hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.line-puppet{position:absolute;right:3%;top:17%;width:290px;height:430px;opacity:.24;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='320' viewBox='0 0 220 320'%3E%3Cg fill='none' stroke='%2324261d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M110 15v42M56 30v70M166 30v70M68 100c8-38 75-38 84 0 9 39-10 70-42 70s-51-31-42-70Z'/%3E%3Cpath d='M94 118c5-5 11-5 17 0M126 118c5-5 11-5 17 0M100 142c16 9 30 9 46 0M110 170v85M110 205 55 255M110 205l58 50M76 257l-35 54M144 257l35 54'/%3E%3C/g%3E%3C/svg%3E")}
.grain{position:absolute;inset:0;background:radial-gradient(circle at 84% 15%,rgba(169,80,53,.12),transparent 20rem),radial-gradient(circle at 5% 80%,rgba(89,96,71,.11),transparent 26rem)}
.hero-marquee{direction:ltr;display:flex;gap:2rem;white-space:nowrap;overflow:hidden;color:rgba(47,52,38,.18);font-size:clamp(2.2rem,6vw,7rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-top:1.6rem;padding-bottom:2.2rem;animation:floatText 28s linear infinite}
.hero-marquee span{padding-inline:1rem}
@keyframes floatText{from{transform:translateX(0)}to{transform:translateX(50%)}}
.two-col{display:grid;grid-template-columns:.78fr 1.1fr;gap:4rem;align-items:center}
.portrait-card{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper-2)}
.portrait-card img{width:100%;height:640px;object-fit:cover;object-position:center 28%}
.portrait-card figcaption{position:absolute;right:1rem;bottom:1rem;background:rgba(247,241,229,.9);padding:.45rem .85rem;color:var(--olive-dark);font-size:.82rem}
.content-card{padding:clamp(1rem,4vw,3rem);background:rgba(247,241,229,.58);border:1px solid var(--line);box-shadow:0 22px 70px rgba(41,35,24,.06)}
.tag-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.8rem}
.tag-row span{border:1px solid var(--line);background:rgba(255,255,255,.34);padding:.35rem .75rem;color:var(--olive-dark);font-size:.9rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem;border-bottom:1px solid var(--line);padding-bottom:1.4rem}
.section-head p:not(.section-kicker){max-width:510px;margin-bottom:0}.section-head h2{margin-bottom:0}
.works-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.work-card{grid-column:span 2;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.28s;box-shadow:0 16px 50px rgba(41,35,24,.06)}
.work-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(41,35,24,.13)}
.work-card img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8)}
.work-card div{padding:1.1rem 1.1rem 1.25rem}.work-card span{font-size:.82rem;color:var(--rust);font-weight:700}.work-card p{font-size:.92rem;margin:0}
.research-layout{display:grid;grid-template-columns:1.1fr .85fr;gap:3.5rem;align-items:center}
.timeline{position:relative;padding-right:1.5rem;border-right:1px solid var(--line)}
.timeline article{position:relative;padding:0 1.6rem 1.8rem 0;margin-bottom:1.2rem;border-bottom:1px solid var(--line)}
.timeline article:before{content:"";position:absolute;right:-1.81rem;top:.45rem;width:12px;height:12px;border-radius:999px;background:var(--rust);box-shadow:0 0 0 8px var(--bg)}
.timeline time{color:var(--rust);font-weight:800;font-size:.9rem}.timeline p{margin:0}
.research-photo{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative;background:var(--paper-2)}
.research-photo img{width:100%;height:670px;object-fit:cover;object-position:center 18%}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{background:var(--paper);border:1px solid var(--line);padding:1.5rem;min-height:230px;position:relative;overflow:hidden;transition:.25s}.service-card:before{content:"";position:absolute;left:-25%;bottom:-35%;width:180px;height:180px;border-radius:999px;background:rgba(169,80,53,.08)}.service-card:hover{transform:translateY(-4px);border-color:rgba(169,80,53,.35)}.service-card span{display:block;color:var(--rust);font-weight:900;margin-bottom:1.7rem;font-size:.9rem}.service-card p{margin-bottom:0;font-size:.95rem}
.school-panel{display:grid;grid-template-columns:1.2fr .8fr;background:var(--olive-dark);color:#fff;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}.school-image img{width:100%;height:520px;object-fit:cover;filter:grayscale(.18) contrast(.92);opacity:.78}.school-copy{padding:clamp(1.8rem,4vw,4rem);align-self:center}.school-copy h2{color:#fff;font-size:clamp(2rem,4vw,4.2rem)}.school-copy p{color:rgba(255,255,255,.74)}.school-copy .section-kicker{color:#d0aa7d}
.contact-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:2rem}.contact-card,.newsletter{background:rgba(247,241,229,.65);border:1px solid var(--line);padding:clamp(1.4rem,4vw,3rem);box-shadow:0 20px 60px rgba(41,35,24,.07)}.contact-list{padding:0;margin:2rem 0 0;list-style:none;display:grid;gap:.9rem}.contact-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem}.contact-list span{color:var(--muted);font-size:.9rem}.contact-list a{color:var(--olive-dark);font-weight:800;direction:ltr}.newsletter{align-self:start}.newsletter label{display:block;margin:1.5rem 0 .35rem;color:var(--muted);font-size:.9rem}.newsletter input{width:100%;height:52px;border:1px solid var(--line);background:rgba(255,255,255,.38);padding:0 1rem;color:var(--ink);outline:none;direction:ltr}.newsletter input:focus{border-color:var(--rust);box-shadow:0 0 0 4px rgba(169,80,53,.09)}.newsletter button{margin-top:1rem;width:100%}
.site-footer{border-top:1px solid var(--line);background:rgba(47,52,38,.94);color:#fff;padding:1rem 0;position:relative;z-index:2}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem}.footer-grid p{color:rgba(255,255,255,.74);margin:0}.footer-grid a{color:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width:1020px){
  .nav-toggle{display:block;margin-inline-start:.35rem}.social-mini{display:none}.main-nav{position:fixed;inset:78px 0 auto 0;background:rgba(247,241,229,.98);border-bottom:1px solid var(--line);padding:1rem 22px 1.4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 30px 70px rgba(41,35,24,.12)}.main-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-wrap{height:74px}.brand img{width:44px;height:44px}.hero{min-height:auto;padding-top:38px}.hero-grid,.two-col,.research-layout,.school-panel,.contact-grid{grid-template-columns:1fr}.hero-media img{height:58svh}.hero-copy{padding-bottom:0}.works-grid{grid-template-columns:repeat(2,1fr)}.work-card{grid-column:span 1}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.school-image img{height:420px}.line-puppet{opacity:.13;right:auto;left:-4%;top:20%}
}
@media (max-width:640px){
  .container{width:min(calc(100% - 28px),var(--container))}.block{padding:72px 0}.hero{padding-top:26px}.hero-grid{gap:1.5rem}h1{font-size:clamp(4rem,22vw,7rem)}h2{font-size:clamp(2rem,11vw,3.3rem)}.hero-media{order:-1}.hero-media img{height:auto;max-height:74svh;aspect-ratio:4/5;border-radius:18px;object-position:center top}.floating-card{position:relative;right:auto;bottom:auto;margin-top:.8rem;min-width:0}.hero-actions .btn{width:100%}.main-nav{grid-template-columns:1fr}.portrait-card img,.research-photo img{height:auto;aspect-ratio:4/5;object-position:center top}.works-grid,.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.school-image img{height:330px}.contact-list li{display:block}.contact-list a{display:block;margin-top:.25rem}.footer-grid{display:grid;text-align:center;justify-content:center}.hero-marquee{font-size:3rem}.tag-row span{font-size:.82rem}.btn{width:auto}.section-head{margin-bottom:1.4rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* === v3 mobile/header fixes === */
:root{--header-logo-size:42px;}
body,button,input,textarea,select{font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;}
.brand{width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex:0 0 56px!important;}
.brand img,.brand svg{width:var(--header-logo-size)!important;height:var(--header-logo-size)!important;max-width:var(--header-logo-size)!important;max-height:var(--header-logo-size)!important;object-fit:contain!important;display:block!important;}
.site-header .container,.nav-wrap{overflow:visible;}
.site-header{overflow:hidden;}
/* Persian text must not be letter-spaced; it breaks the joined letters on mobile/Safari */
.section-kicker,.eyebrow,.main-nav a,.tag-row span,.btn,.contact-list span{letter-spacing:0!important;text-transform:none!important;}
[lang="en"],.latin,.floating-card span,.hero-marquee{letter-spacing:normal;}
.floating-card span{letter-spacing:.18em!important;text-transform:uppercase!important;}
.hero-marquee{direction:ltr;}
.back-to-top{cursor:pointer;}

@media (max-width:1020px){
  :root{--header-logo-size:40px;}
  .brand{width:52px!important;height:52px!important;flex-basis:52px!important;}
  .nav-wrap{height:72px!important;}
}
@media (max-width:640px){
  :root{--header-logo-size:38px;}
  .brand{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .site-header{max-height:78px;}
  .hero-media img{object-position:center 18%!important;}
  .portrait-card img{object-position:center 20%!important;}
  .research-photo img{object-position:center 16%!important;}
}

/* === v4 visual polish: header wordmark, icons, minimal hero art, clean footer === */
.site-header{overflow:hidden!important;}
.nav-wrap{justify-content:space-between;}
.brand{
  width:auto!important;
  min-width:0!important;
  height:58px!important;
  flex:0 0 auto!important;
  gap:.72rem!important;
  overflow:visible!important;
  margin-inline-end:auto!important;
}
.brand img{flex:0 0 var(--header-logo-size)!important;}
.brand-wordmark{display:grid;gap:.05rem;line-height:1;direction:ltr;text-align:left;white-space:nowrap;}
.brand-wordmark strong{font-family:Georgia,'Times New Roman',serif!important;font-size:1.16rem;font-weight:500;letter-spacing:.025em;color:var(--olive-dark);}
.brand-wordmark small{font-family:Arial,Helvetica,sans-serif!important;font-size:.47rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);}
.social-mini{gap:.48rem;}
.social-mini a{width:36px;height:36px;border-color:rgba(36,38,29,.18);background:rgba(255,255,255,.38);transition:.22s;}
.social-mini a:hover{transform:translateY(-2px);background:var(--olive-dark);border-color:var(--olive-dark);}
.social-mini svg{width:18px;height:18px;fill:none;stroke:var(--olive-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:.22s;}
.social-mini a:hover svg{stroke:#fff;}
.line-puppet{display:none!important;}
.hero-art:before{content:"";position:absolute;right:7%;top:23%;width:92px;height:92px;border:1px solid rgba(169,80,53,.18);border-radius:999px;opacity:.55;}
.hero-art:after{content:"";position:absolute;right:9%;top:29%;width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,52,38,.18),transparent);transform:rotate(-10deg);opacity:.7;}
.hero-copy h1{position:relative;}
.hero-copy h1:after{content:"";display:block;width:92px;height:2px;background:linear-gradient(90deg,var(--rust),transparent);margin-top:.85rem;margin-inline-start:auto;opacity:.72;}
.site-footer{padding:0!important;background:rgba(47,52,38,.96)!important;}
.footer-grid{min-height:70px;display:flex!important;align-items:center;justify-content:center!important;gap:1.4rem!important;flex-wrap:wrap;text-align:center;font-size:.9rem!important;}
.footer-grid p,.footer-grid a{margin:0!important;color:rgba(255,255,255,.82)!important;}
.footer-grid p:nth-child(2){font-weight:700;letter-spacing:.02em;direction:ltr;}
.back-to-top{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.42rem .85rem;background:rgba(255,255,255,.06);transition:.22s;}
.back-to-top:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);}
/* make sure Persian letters stay joined everywhere */
html[lang="fa-IR"] body :not([lang="en"]):not(.latin):not(.hero-marquee):not(.floating-card span){letter-spacing:0!important;}

@media (max-width:1020px){
  .brand-wordmark strong{font-size:1.02rem;}
  .brand-wordmark small{font-size:.42rem;letter-spacing:.18em;}
  .main-nav{inset:72px 0 auto 0;}
}
@media (max-width:640px){
  .nav-wrap{height:70px!important;gap:.6rem;}
  .brand{height:50px!important;gap:.48rem!important;}
  .brand-wordmark strong{font-size:.96rem;}
  .brand-wordmark small{display:none;}
  .hero-art:before{width:58px;height:58px;right:8%;top:13%;opacity:.35;}
  .hero-art:after{width:90px;right:10%;top:17%;opacity:.45;}
  .hero-copy h1:after{width:64px;margin-top:.5rem;}
  .footer-grid{min-height:auto;padding:1.15rem 0;gap:.75rem!important;display:grid!important;}
}
@media (max-width:380px){.brand-wordmark strong{font-size:.88rem;}}