/* fonts — merged so the page needs only one render-blocking stylesheet request */
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/vazirmatn-400-normal-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/vazirmatn-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/vazirmatn-500-normal-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/vazirmatn-500-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/vazirmatn-700-normal-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/vazirmatn-700-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Lalezar';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lalezar-400-normal-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Lalezar';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lalezar-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cormorant-garamond-700-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* =========================================================
   Hadi Seyed Ahmad — Actor · Cinematic one-page theme
   ========================================================= */
:root{
  --bg:#0b0a0c;
  --bg-2:#111014;
  --surface:#17151b;
  --surface-2:#1f1c24;
  --line:rgba(255,255,255,.08);
  --gold:#c9a24d;
  --gold-2:#e6c97a;
  --gold-dim:rgba(201,162,77,.18);
  --cream:#f3ede0;
  --ink:#e9e4d8;
  --muted:#a39d92;
  --red:#8c1d2b;
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --radius:18px;
  --container:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html[lang="fa"]{
  --font-display:'Lalezar','Vazirmatn',Tahoma,sans-serif;
  --font-body:'Vazirmatn',Tahoma,system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:1.0625rem;
  line-height:1.7;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.1;margin:0;color:var(--cream)}
html[lang="fa"] h1,html[lang="fa"] h2,html[lang="fa"] h3{font-weight:400;line-height:1.35}
p{margin:0 0 1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.container{width:min(var(--container),calc(100% - 2.5rem));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- film grain + vignette ---------- */
.grain{
  pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.07;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
  mix-blend-mode:screen;
  animation:grainFlicker 5s steps(10) infinite;
}
@keyframes grainFlicker{0%,100%{opacity:.07}40%{opacity:.045}55%{opacity:.09}70%{opacity:.06}}
.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--gold);color:#111;padding:.6rem 1rem;border-radius:8px;z-index:100;font-weight:600}
.skip:focus{top:1rem}

/* ---------- curtain + clapperboard intro ---------- */
.curtain{position:fixed;inset:0;z-index:90;display:flex;direction:ltr;pointer-events:none}
.curtain-panel{flex:1 1 50%;height:100%;background:linear-gradient(180deg,#241113,#0a0506 65%);position:relative}
.curtain-panel::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(201,162,77,.6),transparent)}
.curtain-left::after{inset-inline-end:0}
.curtain-right::after{inset-inline-start:0}
.curtain-left{animation:curtainLeft .95s cubic-bezier(.6,0,.16,1) 1.3s forwards}
.curtain-right{animation:curtainRight .95s cubic-bezier(.6,0,.16,1) 1.3s forwards}
@keyframes curtainLeft{to{transform:translateX(-100%)}}
@keyframes curtainRight{to{transform:translateX(100%)}}

.clapper{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;transform:scale(.9);animation:clapperIn .3s var(--ease) .15s forwards,clapperOut .3s var(--ease) 1.32s forwards}
@keyframes clapperIn{to{opacity:1;transform:scale(1)}}
@keyframes clapperOut{to{opacity:0;transform:scale(.94)}}
.clapper-svg{width:min(78vw,320px);height:auto;display:block;filter:drop-shadow(0 22px 44px rgba(0,0,0,.65))}
.clapper-arm{transform-origin:34px 86px;transform:rotate(-24deg);animation:clapSnap .45s cubic-bezier(.3,1.7,.4,1) .58s forwards}
@keyframes clapSnap{0%{transform:rotate(-24deg)}70%{transform:rotate(4deg)}85%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}
.clap-flash{position:absolute;inset:0;background:#f3ede0;opacity:0;mix-blend-mode:screen;animation:clapFlash .5s ease 1s forwards}
@keyframes clapFlash{0%{opacity:0}20%{opacity:.5}50%{opacity:0}100%{opacity:0}}

@media (prefers-reduced-motion:reduce){.curtain{display:none}.grain{animation:none}}

/* ---------- header ---------- */
.site-header{
  position:fixed;inset-inline:0;top:0;z-index:40;
  padding:1.1rem 0;
  transition:background .4s var(--ease),padding .4s var(--ease),box-shadow .4s;
  animation:headerDrop .8s var(--ease) both;
}
.site-header.is-solid{
  background:rgba(11,10,12,.82);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding:.65rem 0;
  box-shadow:0 1px 0 var(--line);
}
@keyframes headerDrop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.site-header{animation:none}}
.scroll-progress{position:absolute;top:0;inset-inline:0;height:3px;background:rgba(255,255,255,.06);overflow:hidden;pointer-events:none}
.scroll-progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 12px rgba(201,162,77,.7)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--cream);letter-spacing:.02em}
html[lang="fa"] .brand{font-weight:400;font-size:1.5rem}
.brand-mark{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);flex:none;transition:box-shadow .3s,transform .3s var(--ease)}
.brand-mark svg{width:56%;height:56%}
a:hover > .brand-mark,a:focus-visible > .brand-mark{box-shadow:0 0 0 4px var(--gold-dim);transform:rotate(-6deg)}
.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
.nav-links a{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative;padding:.3rem 0;transition:color .3s}
html[lang="fa"] .nav-links a{letter-spacing:0;font-size:1rem;font-weight:500}
.nav-links a::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .35s var(--ease)}
.nav-links a:hover,.nav-links a.is-active{color:var(--cream)}
.nav-links a:hover::after,.nav-links a.is-active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:.9rem}
.lang-switch{
  display:inline-flex;align-items:center;gap:.45rem;
  border:1px solid var(--gold);color:var(--gold);
  padding:.42rem .95rem;border-radius:999px;font-size:.82rem;letter-spacing:.08em;font-weight:600;
  transition:background .3s,color .3s;
}
.lang-switch:hover{background:var(--gold);color:#120f08}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .3s,background .3s}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;inset-inline-start:0;width:20px;height:2px;background:currentColor;transition:transform .3s,top .3s}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* ---------- hero ---------- */
.hero{
  position:relative;min-height:100svh;display:grid;align-items:center;
  padding:8rem 0 5rem;overflow:hidden;isolation:isolate;
}
.hero-bg{position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(60% 55% at 72% 45%,rgba(201,162,77,.16),transparent 70%),
    radial-gradient(40% 40% at 15% 85%,rgba(140,29,43,.16),transparent 70%),
    linear-gradient(180deg,#0b0a0c 0%,#0e0d11 60%,#0b0a0c 100%);
}
.hero-spot{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,72%) var(--my,45%),rgba(230,201,122,.10),transparent 60%);
  transition:background-position .2s;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.8rem;color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;font-weight:600;margin-bottom:1.4rem}
html[lang="fa"] .eyebrow{letter-spacing:.02em;font-size:.95rem}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(3rem,7.2vw,6.4rem);letter-spacing:-.01em}
html[lang="fa"] .hero h1{font-size:clamp(3rem,7.5vw,6.5rem);letter-spacing:0}
.hero h1 em{font-style:italic;font-weight:500;color:var(--gold-2)}
html[lang="fa"] .hero h1 em{font-style:normal;color:var(--gold-2)}
.hero-sub{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);max-width:34rem;margin:1.4rem 0 2.2rem}
.hero-native{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);margin-top:.4rem;opacity:.9}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.7rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.06em;transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s;border:1px solid transparent}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#161208;box-shadow:0 10px 30px -10px rgba(201,162,77,.6)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(201,162,77,.8)}
.btn-ghost{border-color:rgba(255,255,255,.18);color:var(--cream)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.hero-meta{display:flex;gap:2.2rem;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-meta div{display:grid;gap:.15rem}
.hero-meta dt{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
html[lang="fa"] .hero-meta dt{letter-spacing:0;font-size:.85rem}
.hero-meta dd{margin:0;color:var(--cream);font-weight:500}

/* portrait */
.portrait-wrap{position:relative;justify-self:center;width:min(100%,460px);aspect-ratio:1}
.portrait-frame{
  position:absolute;inset:0;border-radius:50%;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,162,77,.35),0 0 120px -20px rgba(201,162,77,.35);
}
.portrait-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:contrast(1.04) saturate(1.02);animation:kenBurns 26s ease-in-out infinite alternate}
@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.portrait-frame::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 40%,transparent 55%,rgba(11,10,12,.55) 100%)}
.portrait-ring{position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(201,162,77,.45);animation:spin 40s linear infinite}
.portrait-ring::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);top:-5px;left:50%;box-shadow:0 0 18px var(--gold)}
.portrait-ring-2{position:absolute;inset:-34px;border-radius:50%;border:1px dashed rgba(201,162,77,.22);animation:spin 70s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.portrait-badge{
  position:absolute;inset-inline-end:-10px;bottom:32px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:.8rem 1.1rem;display:flex;align-items:center;gap:.8rem;
  box-shadow:0 20px 40px -20px rgba(0,0,0,.9);
  animation:float 6s ease-in-out infinite;
}
.portrait-badge svg{width:28px;height:28px;color:var(--gold);flex:none}
.portrait-badge strong{display:block;font-size:.95rem;color:var(--cream);line-height:1.2}
.portrait-badge span{font-size:.78rem;color:var(--muted)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:var(--muted);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;display:grid;justify-items:center;gap:.5rem}
html[lang="fa"] .scroll-cue{letter-spacing:.05em;font-size:.85rem}
.scroll-cue::after{content:"";width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- marquee ---------- */
.marquee{border-block:1px solid var(--line);background:var(--bg-2);overflow:hidden;padding:1.1rem 0;position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:1;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--bg-2),transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg,var(--bg-2),transparent)}
.marquee-track{display:flex;gap:3rem;width:max-content;animation:marquee 38s linear infinite;direction:ltr}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:var(--font-display);font-size:1.5rem;color:var(--cream);white-space:nowrap;display:inline-flex;align-items:center;gap:3rem}
.marquee-track span::after{content:"✦";color:var(--gold);font-size:.9rem}
@keyframes marquee{to{transform:translateX(-50%)}}
.marquee-lights{position:absolute;inset-inline:0;height:3px;background-image:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 26px);background-size:26px 3px;opacity:.5;animation:bulbChase 1.3s linear infinite;pointer-events:none}
.marquee-lights-top{top:0}
.marquee-lights-bottom{bottom:0}
@keyframes bulbChase{to{background-position-x:26px}}
@media (prefers-reduced-motion:reduce){.marquee-lights{animation:none}}

/* ---------- sections ---------- */
.section{padding:clamp(4.5rem,9vw,8rem) 0;position:relative}
.section-head{display:grid;gap:.6rem;margin-bottom:3rem;max-width:44rem}
.section-head .eyebrow{margin-bottom:.2rem}
.section-head h2{font-size:clamp(2.2rem,4.5vw,3.6rem)}
.section-head p{color:var(--muted);font-size:1.08rem}
.section-alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}

/* about */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}
.about-text p{font-size:1.1rem;color:#d8d2c5}
.about-text p:first-of-type::first-letter{font-family:var(--font-display);font-size:3.4em;line-height:.8;float:inline-start;margin-inline-end:.6rem;margin-top:.25rem;color:var(--gold)}
html[lang="fa"] .about-text p:first-of-type::first-letter{float:none;font-size:inherit;margin:0;color:inherit;font-family:inherit}
.quote{margin:2rem 0 0;padding-inline-start:1.4rem;border-inline-start:2px solid var(--gold);font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--cream);line-height:1.4}
html[lang="fa"] .quote{font-style:normal;font-size:1.7rem}
.fact-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.5rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start;transition:border-color .3s,transform .3s var(--ease)}
.fact:hover{border-color:rgba(201,162,77,.45);transform:translateY(-3px)}
.fact svg{width:26px;height:26px;color:var(--gold);grid-row:1/3;margin-top:.2rem}
.fact dt{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
html[lang="fa"] .fact dt{letter-spacing:0;font-size:.88rem}
.fact dd{margin:0;font-weight:500;color:var(--cream)}
.fact dd small{display:block;color:var(--muted);font-weight:400;font-size:.9rem}

/* filmography */
.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem}
.film{
  position:relative;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;
  background:var(--surface);border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease);
}
.film::before{content:"";position:absolute;inset:0;background:var(--poster,linear-gradient(160deg,#2a2330,#120f14));background-size:cover;background-position:center;transition:transform .8s var(--ease)}
.film::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 61%),
    linear-gradient(180deg,transparent 30%,rgba(11,10,12,.9) 100%);
  background-size:250% 250%,100% 100%;
  background-position:150% 150%,0 0;
  background-repeat:no-repeat;
  transition:background-position .9s var(--ease);
}
.film:hover{transform:translateY(-8px);border-color:rgba(201,162,77,.55);box-shadow:0 30px 60px -30px rgba(201,162,77,.45)}
.film:hover::before{transform:scale(1.06)}
.film:hover::after{background-position:-60% -60%,0 0}
.film > *{position:relative;z-index:1}
.film-index{position:absolute;top:1.2rem;inset-inline-start:1.4rem;font-family:var(--font-display);font-size:2.6rem;color:rgba(243,237,224,.22);line-height:1;font-weight:700}
.film-type{position:absolute;top:1.3rem;inset-inline-end:1.3rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,162,77,.45);padding:.3rem .6rem;border-radius:999px;background:rgba(11,10,12,.5)}
html[lang="fa"] .film-type{letter-spacing:0;font-size:.78rem}
.film h3{font-size:1.85rem;margin-bottom:.35rem}
.film-alt{font-family:var(--font-display);color:var(--gold-2);font-size:1.05rem;margin-bottom:.6rem;opacity:.9}
html[lang="fa"] .film-alt{font-family:var(--font-body);font-size:.95rem;font-weight:500}
.film p{color:var(--muted);font-size:.92rem;margin:0}
.film-strip{position:absolute;inset-inline:0;top:0;height:16px;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(0,0,0,.5) 10px 22px);opacity:.45}
.film-strip.is-bottom{top:auto;bottom:0}
.film--more{background:transparent;border-style:dashed;justify-content:center;align-items:center;text-align:center}
.film--more::before,.film--more::after{display:none}
.film--more h3{font-size:1.5rem;color:var(--muted)}
.film--more p{margin-top:.4rem}
.p1{--poster:url('/assets/img/posters/mokhtarnameh.webp') center/cover no-repeat, radial-gradient(80% 60% at 50% 20%,#5a3a1e,#1a120c 70%)}
.p2{--poster:url('/assets/img/posters/setayesh.webp') center/cover no-repeat, radial-gradient(80% 60% at 50% 20%,#5c3c2c,#1e130f 70%)}
.p3{--poster:url('/assets/img/posters/one-like-you.webp') center/cover no-repeat, radial-gradient(80% 60% at 50% 20%,#1f3d4a,#0b1418 70%)}
.p4{--poster:url('/assets/img/posters/papaya.webp') center/cover no-repeat, radial-gradient(80% 60% at 50% 20%,#5b5d2c,#171708 70%)}
.p5{--poster:url('/assets/img/posters/forced-game.webp') center/cover no-repeat, radial-gradient(80% 60% at 50% 20%,#5a1f2a,#170a0d 70%)}

/* highlights */
.timeline{position:relative;display:grid;gap:2rem;padding-inline-start:2rem;border-inline-start:1px solid var(--line)}
.timeline li{list-style:none;position:relative}
.timeline li::before{content:"";position:absolute;inset-inline-start:calc(-2rem - 6px);top:.55rem;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--gold-dim)}
.timeline strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--cream)}
.timeline span{color:var(--muted)}

/* contact */
.contact-card{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:28px;padding:clamp(2rem,5vw,4rem);
  display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;
}
.contact-card::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,77,.18),transparent 65%);inset-inline-end:-160px;top:-200px;pointer-events:none}
.contact-card h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:.8rem}
.contact-card p{color:var(--muted);max-width:32rem}
.contact-actions{display:grid;gap:.9rem}
.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(11,10,12,.35);transition:border-color .3s,transform .3s var(--ease)}
.contact-link:hover{border-color:var(--gold);transform:translateX(4px)}
html[dir="rtl"] .contact-link:hover{transform:translateX(-4px)}
.contact-link svg{width:24px;height:24px;color:var(--gold);flex:none}
.contact-link span{display:grid}
.contact-link small{color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
html[lang="fa"] .contact-link small{letter-spacing:0;font-size:.85rem}
.contact-link b{font-weight:500;color:var(--cream);direction:ltr;text-align:start}

/* footer */
.site-footer{position:relative;border-top:1px solid var(--line);padding:3.2rem 0 2.2rem;color:var(--muted);font-size:.9rem;background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.site-footer::before{content:"";position:absolute;top:-1px;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,.65),transparent);box-shadow:0 0 22px rgba(201,162,77,.35)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:.8rem}
.footer-brand span{display:grid;line-height:1.3}
.footer-brand strong{font-family:var(--font-display);font-size:1.2rem;color:var(--cream);font-weight:700}
html[lang="fa"] .footer-brand strong{font-weight:400;font-size:1.3rem}
.footer-brand em{font-style:normal;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
html[lang="fa"] .footer-brand em{letter-spacing:0;font-size:.82rem}
.footer-nav{display:flex;gap:1.6rem;flex-wrap:wrap}
.footer-nav a{font-size:.85rem;color:var(--muted);transition:color .3s}
.footer-nav a:hover{color:var(--gold)}
.footer-actions{display:flex;align-items:center;gap:1rem}
.to-top{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--cream);flex:none;transition:border-color .3s,color .3s,transform .3s var(--ease)}
.to-top:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.to-top svg{width:18px;height:18px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.footer-lang a:hover{color:var(--gold)}
.social{display:flex;gap:.7rem;list-style:none;margin:0;padding:0}
.social a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color .3s,color .3s}
.social a:hover{border-color:var(--gold);color:var(--gold)}
.social svg{width:18px;height:18px}

/* reveal */
.js .reveal{opacity:0;transform:translateY(26px);filter:blur(0);transition:opacity .9s var(--ease),transform .9s var(--ease),filter 1s var(--ease)}
.js .reveal.focus-in{filter:blur(16px)}
.js .reveal.is-in{opacity:1;transform:none;filter:blur(0)}
.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal[data-delay="4"]{transition-delay:.48s}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;filter:none;transition:none}
  .portrait-ring,.portrait-ring-2,.portrait-badge,.marquee-track,.scroll-cue::after,.portrait-frame img{animation:none}
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-grid > .hero-copy{order:2}
  .portrait-wrap{order:1;width:min(70vw,360px);margin-bottom:1rem}
  .eyebrow{justify-content:center}
  .hero-sub{margin-inline:auto}
  .cta-row{justify-content:center}
  .hero-meta{justify-content:center;text-align:start}
  .about-grid,.contact-card{grid-template-columns:1fr}
  .about-text p:first-of-type::first-letter{float:none;font-size:inherit;margin:0;color:inherit}
}
@media (max-width:760px){
  .nav-links{
    position:fixed;inset-inline:1rem;top:4.6rem;
    background:rgba(17,16,20,.97);border:1px solid var(--line);border-radius:16px;
    flex-direction:column;gap:0;padding:.5rem;
    transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);
  }
  .nav-links.is-open{opacity:1;transform:none;pointer-events:auto}
  .nav-links a{display:block;padding:.9rem 1rem;border-radius:10px}
  .nav-links a::after{display:none}
  .nav-links a:hover{background:var(--surface-2)}
  .nav-toggle{display:inline-flex}
  .lang-switch{padding:.38rem .75rem}
  .brand{font-size:1.15rem;white-space:nowrap}
  .brand-mark{width:32px;height:32px;font-size:.95rem}
  .portrait-badge{inset-inline-end:0;bottom:0;padding:.6rem .8rem}
  .scroll-cue{display:none}
  .hero{padding-top:6.5rem}
  .film-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
  .footer-top,.footer-bottom{justify-content:center;text-align:center}
  .footer-nav{justify-content:center}
}
@media (max-width:420px){
  .film-grid{grid-template-columns:1fr 1fr;gap:.9rem}
  .film{padding:1rem;aspect-ratio:3/4}
  .film h3{font-size:1.3rem}
  .film-index,.film-strip{display:none}
  .film p{display:none}
}
/* 404 */
.page-404{min-height:100svh;text-align:center}
.page-404 .eyebrow,.page-404 .cta-row{justify-content:center}
.page-404 h1{font-size:clamp(4rem,14vw,10rem)}
.page-404 .hero-sub{margin-inline:auto}

@media print{
  .grain,.site-header,.scroll-cue,.marquee,.curtain{display:none}
  body{background:#fff;color:#000}
}