:root{--ink:#f5f1e8;--muted:#a7aaa5;--night:#090b0b;--panel:#111514;--gold:#c9a86a;--green:#214e40}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
.topbar{position:fixed;inset:0 0 auto;z-index:50;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#070909e8,transparent);transition:.3s}
.brand{display:flex;align-items:center;gap:12px;direction:rtl}
.brand-mark{width:42px;height:42px;border:1px solid #ffffff3b;border-radius:50%;display:grid;place-items:center;font:700 12px/1 Arial;letter-spacing:1px}
.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{font:600 9px/1.8 Arial;letter-spacing:2px;color:#aaa}
.nav{display:flex;gap:28px;font-size:13px}.nav a{color:#d3d5d0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--gold);transition:.3s}.nav a:hover:after{right:0}
.top-actions{display:flex;align-items:center;gap:14px}.lang,.menu{color:white;background:#ffffff0e;border:1px solid #ffffff25;border-radius:999px;cursor:pointer}.lang{padding:9px 13px;font:600 11px Arial}.menu{display:none;width:42px;height:42px}.menu i{display:block;width:16px;height:1px;background:#fff;margin:5px auto}
.hero{height:min(1000px,100svh);min-height:700px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 25%;filter:saturate(.65) contrast(1.08)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070909f5 0%,#070909c9 38%,#0709092a 65%,#0709094b),linear-gradient(0deg,#090b0b 0%,transparent 35%)}
.hero-noise{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:2;width:min(650px,84vw);margin:0 8vw 10vh auto;animation:rise 1s both}
[dir=ltr] .hero-content{margin-left:8vw;margin-right:auto}
.eyebrow,.kicker{font:600 10px/1.5 Arial;letter-spacing:4px;color:var(--gold)}
.hero h1{font:900 clamp(72px,11vw,172px)/.73 Arial,sans-serif;letter-spacing:-7px;margin:25px 0 35px;direction:rtl}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #f5f1e8}
.lead{font-size:clamp(18px,2vw,27px);line-height:1.8;max-width:590px;margin:0 0 32px;color:#f1eee6}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:0 23px;border-radius:4px;border:0;cursor:pointer;font-weight:700;font-size:13px;transition:.25s}.primary{background:var(--ink);color:#0a0c0b}.primary:hover{background:var(--gold);transform:translateY(-2px)}.ghost{border:1px solid #ffffff38;background:#ffffff0b}.ghost:hover{background:#ffffff18}
.scroll-cue{position:absolute;z-index:2;left:4vw;bottom:6vh;display:flex;align-items:center;gap:12px;font:8px Arial;letter-spacing:3px;color:#aaa;writing-mode:vertical-rl}.scroll-cue span{height:55px;width:1px;background:linear-gradient(transparent,#ddd)}
.works-section{padding:100px 0 120px}
.section-head{max-width:1400px;margin:0 auto 38px;padding:0 5vw;display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head h2,.story h2,.timeline-section h2,.contact-section h2{font-size:clamp(36px,5vw,76px);line-height:1.15;margin:10px 0}.section-head>p{max-width:480px;color:var(--muted);line-height:2}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,22vw);gap:16px;overflow-x:auto;padding:0 5vw 24px;scroll-snap-type:x mandatory;scrollbar-color:var(--gold) #1b1d1c}
.work-card{position:relative;aspect-ratio:2/3;border:0;padding:0;background:#151716;overflow:hidden;color:white;text-align:inherit;scroll-snap-align:start;cursor:pointer}.work-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) brightness(.72);transition:.7s}.work-card:hover img{transform:scale(1.05);filter:grayscale(0) brightness(.9)}
.work-overlay{position:absolute;inset:auto 0 0;padding:50% 22px 24px;background:linear-gradient(transparent,#090b0bf2)}.work-overlay:before{content:"";position:absolute;left:0;bottom:0;width:4px;height:0;background:var(--accent);transition:.4s}.work-card:hover .work-overlay:before{height:100%}
.work-overlay small{color:var(--gold)}.work-overlay h3{font-size:25px;margin:8px 0}.work-overlay p{font-size:12px;line-height:1.8;color:#c5c8c2}.work-overlay>span{position:absolute;left:18px;bottom:20px;border:1px solid #fff5;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.story{display:grid;grid-template-columns:1.08fr .92fr;min-height:780px;background:#e9e5db;color:#171a19}.story-photo{position:relative;min-height:650px}.story-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.frame-label{position:absolute;right:24px;bottom:24px;font:10px Arial;letter-spacing:3px;color:white;writing-mode:vertical-rl}
.story-copy{padding:9vw 8vw;align-self:center}.story-copy .kicker{color:#846b3f}.story-copy .large{font-size:clamp(22px,2.6vw,37px);line-height:1.8;margin:30px 0}.story-copy>p:not(.kicker):not(.large){color:#5e625e;line-height:2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #2223;border-bottom:1px solid #2223;margin:38px 0;padding:26px 0}.stats strong,.stats span{display:block}.stats strong{font:700 32px Arial}.stats span{font-size:11px;color:#696d68;margin-top:9px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:7px}
.timeline-section{padding:120px 6vw;background:#0c100f;display:grid;grid-template-columns:.34fr .66fr;gap:8vw}.timeline-intro{position:sticky;top:130px;height:max-content}.timeline-intro>p:last-child{color:var(--muted)}.timeline{border-top:1px solid #ffffff25}.timeline article{display:grid;grid-template-columns:110px 1fr 1.4fr;gap:30px;padding:32px 0;border-bottom:1px solid #ffffff17;align-items:start}.timeline time{font:700 14px Arial;color:var(--gold)}.timeline h3{font-size:18px;margin:0}.timeline p{font-size:13px;line-height:1.9;color:#9da19c;margin:0}
.angler{min-height:650px;padding:7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75%,#1c5044 0,#0b1513 35%,#070908 70%)}.angler-copy{max-width:600px;position:relative;z-index:2}.angler h2{font:900 clamp(70px,10vw,150px)/.8 Arial;letter-spacing:-5px;margin:20px 0}.angler-copy>p:not(.kicker){font-size:18px;line-height:2;color:#bdc7c1;margin-bottom:35px}.angler-art{height:480px;position:relative;display:grid;place-items:center}.angler-art b{font:900 clamp(55px,8vw,125px)/.75 Arial;text-align:center;color:#ffffff0c;-webkit-text-stroke:1px #ffffff2c}.orb{position:absolute;width:80px;height:80px;border-radius:50%;background:#d9fff1;box-shadow:0 0 20px #b5ffdc,0 0 80px #5df7b7,0 0 180px #2bf1a0;animation:float 4s ease-in-out infinite}.rings{position:absolute;width:420px;aspect-ratio:1;border:1px solid #9fffd02e;border-radius:50%;box-shadow:0 0 0 60px #8cffc712,0 0 0 120px #8cffc709}
.contact-section{padding:120px 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;background:#d3aa63;color:#121411}.contact-copy>p{font-size:16px;line-height:2}.contact-copy>a{display:inline-block;margin-top:25px;font:700 14px Arial;border-bottom:1px solid}.contact-section .kicker{color:#54401f}.contact-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-section label{display:grid;gap:8px;font-size:11px}.contact-section .wide{grid-column:1/-1}.contact-section input,.contact-section textarea,.contact-section select{width:100%;background:#ffffff33;border:1px solid #171a1933;border-radius:4px;padding:14px;color:#111;outline:none}.contact-section input:focus,.contact-section textarea:focus,.contact-section select:focus{background:#ffffff60;border-color:#111}.contact-section .primary{justify-self:start;background:#111;color:#fff}
footer{padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff12;color:#858984;font-size:11px}footer>div:last-child{display:flex;gap:20px}
.modal{position:fixed;inset:0;z-index:100;background:#020303da;backdrop-filter:blur(12px);display:grid;place-items:center;padding:25px}.modal article{position:relative;width:min(950px,95vw);max-height:88vh;overflow:auto;background:#151817;display:grid;grid-template-columns:1fr 1fr}.modal article>img{width:100%;height:560px;object-fit:cover}.modal article>div{padding:70px 50px;align-self:center}.modal h2{font-size:50px;margin:14px 0}.modal article>div>p:not(.kicker){color:#aeb2ad;line-height:2;margin-bottom:30px}.close{position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff3a;background:#080a09aa;color:white;font-size:28px;cursor:pointer}
.modal[hidden]{display:none}
.work-detail-modal{overflow-y:auto;display:block;padding:4vh 3vw}
.work-detail-modal .work-detail{display:block;width:min(1180px,96vw);max-height:none;margin:0 auto;background:#111514;overflow:visible}
.work-detail-hero{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;min-height:650px}
.work-detail-hero>img{width:100%;height:100%;max-height:760px;object-fit:cover;object-position:center top}
.work-detail-hero>div{padding:80px 7vw 70px;align-self:center}
.work-detail-hero h2{font-size:clamp(48px,7vw,92px);margin:12px 0 16px}
.work-detail-role{font-size:20px!important;color:var(--ink)!important;margin:0 0 35px!important}
.work-facts{margin:0 0 38px;border-top:1px solid #ffffff1a}
.work-facts>div{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #ffffff12}
.work-facts dt{color:var(--gold);font-size:12px}.work-facts dd{margin:0;color:#d8dbd5;line-height:2}
.work-synopsis{padding:80px 9vw;background:#e9e5db;color:#171a19}
.work-synopsis .kicker{color:#846b3f}.work-synopsis h3,.detail-heading h3{font-size:clamp(32px,4vw,54px);margin:8px 0 25px}
.work-synopsis>p:not(.kicker){font-size:clamp(17px,1.7vw,23px);line-height:2.15;max-width:950px;margin:0 0 22px}
.work-synopsis>p:last-child{margin-bottom:0}
.work-gallery,.press-section{padding:80px 6vw}
.detail-heading{margin-bottom:32px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery-grid img{width:100%;height:320px;object-fit:cover;filter:grayscale(.28);transition:.45s}
.gallery-grid img:hover{filter:grayscale(0);transform:translateY(-4px)}
.silent-feast-gallery{grid-template-columns:repeat(2,1fr)}
.silent-feast-gallery img{height:360px;object-fit:contain;background:#070908}
.silent-feast-gallery img:first-child{grid-row:span 2;height:732px}
.press-section{background:#0b0e0d}
.press-links{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ffffff1a}
.press-links a{position:relative;display:grid;gap:8px;min-height:135px;padding:25px 55px 25px 20px;border-bottom:1px solid #ffffff17;transition:.25s}
.press-links a:nth-child(odd){border-left:1px solid #ffffff17}
.press-links a:hover{background:#ffffff08}
.press-links span{font-size:11px;color:var(--gold)}.press-links b{font-size:15px;line-height:1.8}.press-links i{position:absolute;left:20px;top:50%;font:20px Arial;color:#ffffff80}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-24px) scale(1.06)}}
@media(max-width:900px){.topbar{height:68px}.nav{position:fixed;inset:0;background:#0a0d0c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:24px;opacity:0;pointer-events:none;transition:.3s}.nav.open{opacity:1;pointer-events:auto}.menu{display:block;position:relative;z-index:2}.lang{position:relative;z-index:2}.hero{min-height:740px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(0deg,#090b0b 0,#070909b3 55%,#0709092e)}.hero-content{margin:0 7vw 8vh;width:86vw}.hero h1{font-size:clamp(62px,19vw,110px)}.lead{font-size:17px}.section-head{display:block}.section-head>p{margin-top:20px}.rail{grid-auto-columns:72vw}.story{grid-template-columns:1fr}.story-photo{height:70svh;min-height:520px}.story-copy{padding:80px 7vw}.timeline-section{grid-template-columns:1fr}.timeline-intro{position:static}.timeline article{grid-template-columns:75px 1fr}.timeline article p{grid-column:2}.angler{grid-template-columns:1fr;padding:90px 7vw}.angler-art{position:absolute;inset:0;opacity:.55}.contact-section{grid-template-columns:1fr}.contact-section form{grid-template-columns:1fr}.contact-section label{grid-column:1!important}footer{flex-direction:column;text-align:center}.modal article{grid-template-columns:1fr}.modal article>img{height:360px}.modal article>div{padding:35px 25px}.modal h2{font-size:36px}}
@media(max-width:900px){.work-detail-modal{padding:0}.work-detail-modal .work-detail{width:100%;margin:0}.work-detail-hero{grid-template-columns:1fr}.work-detail-hero>img{height:auto;max-height:none}.work-detail-hero>div{padding:55px 7vw}.work-facts>div{grid-template-columns:1fr;gap:7px}.work-synopsis,.work-gallery,.press-section{padding:60px 7vw}.gallery-grid,.silent-feast-gallery{grid-template-columns:1fr}.gallery-grid img,.silent-feast-gallery img,.silent-feast-gallery img:first-child{height:auto;grid-row:auto}.press-links{grid-template-columns:1fr}.press-links a:nth-child(odd){border-left:0}.work-detail-modal .close{position:fixed;z-index:2;background:#080a09e8}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* V3 — editorial emerald redesign */
@font-face{font-family:"Estedad";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/estedad-arabic-variable.woff2") format("woff2")}
@font-face{font-family:"Estedad";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/estedad-latin-variable.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/vazirmatn-arabic-variable.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/vazirmatn-latin-variable.woff2") format("woff2")}
:root{--ink:#f5f0e4;--cream:#e9e1d0;--cream-deep:#d4c5a8;--muted:#a8afa9;--night:#070a09;--panel:#101613;--panel-soft:#17211d;--gold:#c5a66b;--green:#0f4b3d;--green-light:#2e725d;--emerald:#0b3f34}
body{font-family:"Vazirmatn",Tahoma,sans-serif;font-size:16px;line-height:1.8}
h1,h2,h3,h4,.brand b,.primary,.ghost,.nav{font-family:"Estedad","Vazirmatn",sans-serif}
.topbar{background:linear-gradient(180deg,#06100de8 0%,#06100daa 64%,transparent);border-top:2px solid #c9b987;backdrop-filter:blur(4px)}
.topbar:after{content:"";position:absolute;left:5vw;right:5vw;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,#c9b98766,#2e725d88,transparent)}
.hero-shade{background:radial-gradient(circle at 75% 32%,#256a5150 0,transparent 24%),linear-gradient(90deg,#070909f5 0%,#07110ec9 38%,#0709092a 65%,#0709094b),linear-gradient(0deg,#090b0b 0%,transparent 35%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,#d8f4df18 49%,transparent 60%);transform:translateX(-120%);animation:bannerSweep 9s ease-in-out infinite;pointer-events:none}
.hero h1{font-family:"Estedad","Vazirmatn",sans-serif;font-weight:900;font-size:clamp(70px,10.5vw,164px);line-height:.82;letter-spacing:-4px}
.works-section{position:relative;padding:110px 0 130px;background:radial-gradient(circle at 12% 8%,#15574524,transparent 32%),linear-gradient(180deg,#090c0b,#101714 58%,#090b0a);overflow:hidden}
.works-section:before{content:"BEHNAM ZEYNALI";position:absolute;left:-2vw;top:18px;font:900 clamp(64px,12vw,190px)/1 "Estedad",sans-serif;letter-spacing:-7px;color:#f0e8d808;-webkit-text-stroke:1px #d7c8aa0d;white-space:nowrap;pointer-events:none}
.rail{grid-auto-columns:clamp(210px,18vw,285px);gap:22px;padding-bottom:28px}
.work-card{aspect-ratio:297/420;border:1px solid #eee2ca24;background:linear-gradient(145deg,#17211d,#070908);box-shadow:0 20px 45px #0008;transition:.45s}
.work-card:before{content:"";position:absolute;inset:9px;border:1px solid #e9dec31c;z-index:2;pointer-events:none}
.work-card img{object-fit:contain;object-position:center;background:#080a09;filter:grayscale(.16) brightness(.76)}
.work-card:hover{transform:translateY(-7px);border-color:#c9b98766}
.work-card:hover img{transform:scale(1.015)}
.story{position:relative;background:linear-gradient(135deg,#eee8da 0%,#d8cdb7 100%);overflow:hidden}
.story:after{content:"";position:absolute;left:44%;right:-8%;top:-30%;height:160%;background:linear-gradient(105deg,transparent,#fff5,transparent);transform:translateX(-120%) rotate(8deg);animation:bannerSweep 12s ease-in-out infinite;pointer-events:none}
.story-photo,.story-copy{position:relative;z-index:1}
.story-photo img{filter:saturate(.55) contrast(1.05)}
.timeline-section{position:relative;background:radial-gradient(circle at 20% 35%,#1758472d,transparent 29%),linear-gradient(135deg,#07100d,#101914 55%,#070908);overflow:hidden}
.timeline-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 80px,#f5edd006 81px 82px);pointer-events:none}
.timeline-intro,.timeline{position:relative;z-index:1}
.timeline time{font-family:"Estedad",sans-serif}
.timeline p{font-size:14px;line-height:1.95;color:#aeb4ae}
.contact-section{position:relative;background:linear-gradient(125deg,#e8deca 0%,#cabb9e 50%,#719280 140%);overflow:hidden}
.contact-section:after{content:"";position:absolute;width:600px;aspect-ratio:1;border:1px solid #0b3f3429;border-radius:50%;left:-260px;bottom:-380px;box-shadow:0 0 0 65px #0b3f3410,0 0 0 130px #0b3f3408}
.contact-section>*{position:relative;z-index:1}
.contact-copy>p{font-size:17px}
.contact-copy>a{font-family:"Vazirmatn",sans-serif}
.contact-section label{font-size:13px;font-weight:600}
.contact-section input,.contact-section textarea,.contact-section select{background:#fff9;border:1px solid #17342c33;border-radius:6px}
.contact-section input:focus,.contact-section textarea:focus,.contact-section select:focus{background:#fff;border-color:var(--green)}
.contact-section .primary{background:#0b3028}
footer{position:relative;padding-top:55px;padding-bottom:55px;background:linear-gradient(110deg,#050706,#0c1915 55%,#0b3f34);border-top-color:#d4c5a833;color:#aeb4ae;font-size:12px;overflow:hidden}
footer:after{content:"BZ";position:absolute;left:42%;bottom:-55px;font:900 160px/1 "Estedad",sans-serif;color:#f1e8d508;pointer-events:none}
footer>*{position:relative;z-index:1}
.modal article{background:#111815;grid-template-columns:minmax(280px,.78fr) 1.22fr}
.modal article>img{width:100%;height:auto;max-height:78vh;aspect-ratio:297/420;object-fit:contain;background:#070908}
.work-detail-hero{background:radial-gradient(circle at 15% 50%,#1e5b4830,transparent 38%)}
.work-detail-hero>img{height:auto;max-height:760px;aspect-ratio:297/420;object-fit:contain;object-position:center;background:#070908;align-self:center}
.work-synopsis{background:linear-gradient(135deg,#eee8da,#d8cdb7)}
@keyframes bannerSweep{0%,18%{transform:translateX(-120%) rotate(8deg)}55%,100%{transform:translateX(130%) rotate(8deg)}}
@media(max-width:900px){
  .nav{background:#07100e}
  .hero h1{font-size:clamp(60px,18vw,105px);letter-spacing:-2px}
  .lead{font-size:18px}
  .rail{grid-auto-columns:min(70vw,270px)}
  .modal article>img{width:min(72vw,320px);height:auto;max-height:none;margin:30px auto 0}
  .work-detail-hero>img{width:min(78vw,380px);margin:30px auto 0}
}

/* V8 — awards collection and Uppercut detail */
.awards-section{align-items:start}
.awards-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.awards-grid article{
  position:relative;
  min-height:172px;
  padding:25px 26px 23px;
  overflow:hidden;
  border:1px solid #e7dbc01d;
  border-radius:12px;
  background:linear-gradient(145deg,#17221dcf,#0b100edb);
  box-shadow:0 18px 38px #0003;
  transition:transform .3s,border-color .3s,background .3s;
}
.awards-grid article:after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  left:-55px;
  bottom:-65px;
  border:1px solid #c5a66b1f;
  border-radius:50%;
  box-shadow:0 0 0 20px #c5a66b08;
}
.awards-grid article:hover{
  transform:translateY(-4px);
  border-color:#c5a66b55;
  background:linear-gradient(145deg,#1b2b24,#0c1310);
}
.awards-grid time{
  display:inline-flex;
  margin-bottom:16px;
  padding:4px 10px;
  border:1px solid #c5a66b42;
  border-radius:999px;
  color:var(--gold);
  font:650 12px/1.6 "Estedad","Vazirmatn",sans-serif;
}
.awards-grid h3{margin:0 0 8px;font-size:17px;line-height:1.7}
.awards-grid p{margin:0;color:#aeb5ae;font-size:13px;line-height:1.95}
.synopsis-note{display:block;margin-top:18px;color:#6e746e;font:600 13px/1.8 Arial,sans-serif;direction:ltr;text-align:right}
.uppercut-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.uppercut-gallery img,.uppercut-gallery img:first-child{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;grid-row:auto;background:#070908}

@media(max-width:900px){
  .awards-grid{grid-template-columns:1fr}
  .awards-grid article{min-height:0}
  .uppercut-gallery{grid-template-columns:1fr}
  .uppercut-gallery img,.uppercut-gallery img:first-child{height:auto;grid-row:auto}
}

/* V4 — monochrome hero, refined typography and production slate */
.hero{background:radial-gradient(circle at 28% 40%,#163c31 0,transparent 34%),#050706}
.hero-image{
  inset:0 auto 0 0;
  width:52%;
  object-position:center 25%;
  filter:grayscale(1) contrast(1.08) brightness(.88);
}
.hero-shade{
  background:
    linear-gradient(270deg,#050706 0%,#07100ef2 36%,#07100e99 58%,transparent 84%),
    linear-gradient(0deg,#050706 0%,transparent 38%);
}
.hero-noise{opacity:.035}
.hero-content{width:min(590px,84vw);margin:0 8vw 8vh auto;text-align:right}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:8px 14px;
  border:1px solid #d8c9a84d;
  border-radius:999px;
  background:#07100e8f;
  color:#dfd2b8;
  font-family:"Estedad","Vazirmatn",sans-serif;
  font-size:clamp(13px,1.2vw,16px);
  font-weight:520;
  line-height:1.5;
  letter-spacing:.04em;
  backdrop-filter:blur(8px);
}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#54a786;box-shadow:0 0 16px #59d2a4}
.hero h1{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:22px 0 28px;
  padding-bottom:20px;
  font-family:"Estedad","Vazirmatn",sans-serif;
  font-size:clamp(50px,6.5vw,98px);
  font-weight:680;
  line-height:.98;
  letter-spacing:-2px;
}
.hero h1 em{
  font-weight:360;
  color:#d9c9a8;
  -webkit-text-stroke:0;
}
.hero h1:after{content:"";position:absolute;right:2px;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,transparent,#c8b78f,#4f9a7e)}
.lead{max-width:550px;font-size:clamp(17px,1.55vw,22px);line-height:1.95;color:#e6e0d4}

.projects-section{padding:110px 5vw 130px;background:linear-gradient(180deg,#080b0a,#111713);overflow:hidden}
.projects-heading{max-width:1400px;margin:0 auto 48px}
.projects-heading .kicker{font-size:12px;letter-spacing:3px}
.projects-heading h2{font-size:clamp(38px,5.5vw,78px);font-weight:650;line-height:1.2;margin:8px 0 12px}
.projects-heading>p:last-child{max-width:660px;margin:0;color:#aeb5af;font-size:17px}
.project-banner{position:relative;max-width:1400px;min-height:570px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border:1px solid #eaddc21f;box-shadow:0 28px 70px #0007}
.project-copy{position:relative;z-index:3;padding:70px clamp(34px,6vw,90px)}
.project-number{display:block;color:#c8b78f;font:500 13px/1 "Estedad",sans-serif;letter-spacing:4px;margin-bottom:25px}
.project-type{font-family:"Estedad","Vazirmatn",sans-serif;font-size:clamp(16px,1.5vw,20px);font-weight:470;color:#9fc5b5;margin:0 0 6px}
.project-copy h3{font-size:clamp(48px,7vw,105px);font-weight:700;line-height:1;margin:0 0 28px;letter-spacing:-2px}
.project-copy dl{margin:0 0 26px;border-top:1px solid #ffffff22}
.project-copy dl>div{display:grid;grid-template-columns:155px 1fr;gap:22px;padding:13px 0;border-bottom:1px solid #ffffff16}
.project-copy dt{color:#a7b0aa;font-size:13px}.project-copy dd{margin:0;font-weight:650}
.project-copy>p:last-of-type{font-size:17px;line-height:2;color:#c3cac4;max-width:590px}
.angler-project{background:radial-gradient(circle at 78% 45%,#226d55 0,#0d231c 33%,#070908 68%)}
.angler-project .angler-art{height:100%;min-height:570px}
.magic-project{direction:ltr;background:linear-gradient(120deg,#d7c9ae 0,#ede6d8 46%,#365c4d 130%);color:#122019}
.magic-project .project-copy{direction:rtl}
.magic-project .project-type{color:#315d4d}.magic-project .project-number{color:#4d6c5e}
.magic-project .project-copy dl{border-top-color:#17382c32}.magic-project .project-copy dl>div{border-bottom-color:#17382c25}
.magic-project .project-copy dt{color:#52675d}.magic-project .project-copy>p:last-of-type{color:#344a40}
.project-preview{position:relative;height:100%;min-height:570px;overflow:hidden;background:#050706;isolation:isolate}
.project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050706b8 0,transparent 42%),linear-gradient(0deg,#050706b0,transparent 52%);z-index:1}
.project-preview img{width:100%;height:100%;min-height:570px;object-fit:cover;transition:transform 1.2s ease,filter .8s ease}
.project-preview:hover img{transform:scale(1.035)}
.project-preview span{position:absolute;z-index:2;left:32px;bottom:25px;color:#f4e8cd;font:600 12px/1 "Estedad",sans-serif;letter-spacing:4px}
.angler-preview img{filter:grayscale(.2) contrast(1.08)}
.magic-preview img{object-position:center}
.work-card[data-special] img{object-fit:contain;background:#050706}
.poster-contain-modal .work-detail-hero>img{object-fit:contain;background:#050706}
.sheklak-gallery{grid-template-columns:repeat(2,1fr)}
.sheklak-gallery img{height:430px;object-fit:contain;background:#070908}
.magic-art{position:relative;display:grid;place-items:center;height:100%;min-height:570px;background:radial-gradient(circle at 50% 44%,#fbf6e8 0,#c7b997 34%,transparent 70%)}
.book{position:relative;width:min(290px,55%);height:210px;perspective:800px;filter:drop-shadow(0 35px 25px #17382c3f)}
.book i{position:absolute;top:10px;width:51%;height:185px;background:linear-gradient(100deg,#f6eedb,#c8b992);border:1px solid #214b3b3d}
.book i:first-child{right:50%;transform:skewY(-9deg);transform-origin:right bottom;border-radius:10px 2px 4px 18px}
.book i:nth-child(2){left:50%;transform:skewY(9deg);transform-origin:left bottom;border-radius:2px 10px 18px 4px}
.book span{position:absolute;left:50%;top:11px;width:2px;height:195px;background:#1d4c3a;box-shadow:0 0 14px #2e725d}
.magic-spark{position:absolute;color:#16523f;animation:float 4.8s ease-in-out infinite}
.spark-one{font-size:54px;top:22%;left:20%}.spark-two{font-size:33px;right:21%;bottom:24%;animation-delay:-2s}

@media(max-width:900px){
  .hero-image{inset:0;width:100%;object-position:52% 22%;opacity:.82}
  .hero-shade{background:linear-gradient(0deg,#050706 0%,#07100ec9 57%,#05070638)}
  .hero-content{width:86vw;margin-bottom:7vh}
  .hero h1{font-size:clamp(48px,14vw,78px);line-height:1;letter-spacing:-1px}
  .eyebrow{font-size:14px;padding:7px 12px}
  .projects-section{padding:82px 5vw 95px}
  .project-banner{grid-template-columns:1fr;min-height:0}
  .project-copy{padding:55px 8vw}
  .angler-project .angler-art{position:absolute;inset:0;min-height:100%;opacity:.38}
  .magic-project{direction:rtl}
  .project-preview{min-height:340px;grid-row:1}
  .project-preview img{min-height:340px}
  .angler-project .project-copy,.magic-project .project-copy{grid-row:2}
  .sheklak-gallery{grid-template-columns:1fr}
  .sheklak-gallery img{height:auto}
  .magic-art{min-height:360px;grid-row:1}
  .project-copy h3{font-size:clamp(46px,15vw,72px)}
  .project-copy dl>div{grid-template-columns:1fr;gap:2px}
}

/* V5 — expanded about section */
.about-me{grid-template-columns:.9fr 1.1fr;min-height:980px}
.about-me .story-photo{min-height:760px}
.about-me .story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08100dba 0,transparent 40%)}
.about-photo-caption{position:absolute;z-index:2;right:38px;bottom:38px;display:grid;gap:2px;color:#f5f0e4}
.about-photo-caption b{font:650 clamp(24px,2.3vw,34px)/1.5 "Estedad",sans-serif}
.about-photo-caption span{color:#d7c9a9;font-size:13px}
.about-me .story-copy{padding:7vw 6vw}
.about-me .story-copy .large{font-size:clamp(21px,2.15vw,32px);margin:22px 0}
.about-highlights{display:grid;gap:0;margin:34px 0;border-top:1px solid #173b2f2b}
.about-highlights article{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid #173b2f25}
.about-highlights article>span{color:#235746;font-family:"Estedad",sans-serif;font-size:13px;font-weight:700}
.about-highlights article p{margin:0;color:#4e5e56;font-size:14px;line-height:2}
.about-me .stats{margin:30px 0}
.about-me .stats strong{font-family:"Estedad",sans-serif;font-weight:650;color:#173e32}
.about-me .stats span{font-size:12px}
@media(max-width:900px){
  .about-me{grid-template-columns:1fr;min-height:0}
  .about-me .story-photo{min-height:560px;height:72svh}
  .about-me .story-copy{padding:72px 7vw}
  .about-highlights article{grid-template-columns:1fr;gap:5px}
  .about-me .stats{grid-template-columns:repeat(3,1fr);gap:10px}
  .about-me .stats strong{font-size:25px}
}

/* V9 — biography gallery and final responsive refinements */
.about-lead{display:grid;gap:8px}
.about-lead span{display:block}
.about-lead span+span{font-size:.68em;line-height:1.9;color:#36594d;font-weight:520}
.awards-closing{margin:34px 0 0;padding:20px 24px;border:1px solid #c8b78f4a;background:#fffaf0;color:#274b3f;font-weight:750;border-radius:4px}
.awards-gallery-cover{width:100%;min-height:430px;margin:28px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);border:1px solid #bda97940;background:#07100d;color:#f5efe2;overflow:hidden;text-align:right;cursor:pointer}
.awards-gallery-collage{min-height:430px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#c8b98c33;overflow:hidden}
.awards-gallery-collage img{width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.6) contrast(1.03);transition:transform .7s ease,filter .7s ease}
.awards-gallery-collage .awards-gallery-main-preview{grid-row:1/3}
.awards-gallery-cover:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.05)}
.awards-gallery-copy{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;background:radial-gradient(circle at 20% 15%,#315a4838,transparent 48%),linear-gradient(145deg,#0c1915,#050907)}
.awards-gallery-copy small{font-size:13px;letter-spacing:.04em;color:#a8c3b5}
.awards-gallery-copy strong{font-size:clamp(28px,3.5vw,53px);line-height:1.35}
.awards-gallery-copy>span{margin-top:18px;display:flex;align-items:center;gap:12px;color:#d8c899}
.awards-gallery-copy i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8c89955;border-radius:50%;font-style:normal;font-size:20px}
.awards-gallery-modal .portrait-gallery-stage>img{max-height:calc(100vh - 235px);background:#171b17}
.portrait-gallery-section{padding:110px 5vw 130px;background:linear-gradient(180deg,#efe8da,#d8ccba);color:#122019}
.portrait-gallery-section .section-head{max-width:1400px;margin:0 auto 48px}
.portrait-gallery-section .kicker{color:#4a7162}
.portrait-gallery-cover{width:min(1400px,100%);height:min(68vw,720px);min-height:460px;margin:auto;padding:0;border:0;display:block;position:relative;overflow:hidden;background:#08100e;color:#f7f0e4;cursor:pointer;text-align:right}
.portrait-gallery-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:grayscale(1) contrast(1.04);transition:transform .8s ease,filter .8s ease}
.portrait-gallery-cover:hover>img{transform:scale(1.025);filter:grayscale(.75) contrast(1.05)}
.portrait-gallery-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#07100dd9 100%),linear-gradient(0deg,#07100dbb,transparent 45%)}
.portrait-gallery-cover-copy{position:absolute;right:clamp(24px,5vw,78px);bottom:clamp(26px,5vw,70px);display:grid;gap:8px;z-index:1}
.portrait-gallery-cover-copy small{font-size:14px;color:#b9cfbf}
.portrait-gallery-cover-copy strong{font-size:clamp(27px,4vw,60px);font-weight:760;letter-spacing:-.03em}
.portrait-gallery-cover-copy i{width:48px;height:48px;display:grid;place-items:center;margin-top:10px;border:1px solid #d7e7da77;border-radius:50%;font-style:normal;font-size:24px}
.portrait-gallery-modal{position:fixed;inset:0;z-index:1000;padding:22px;background:#050706f7;backdrop-filter:blur(18px);overflow:auto}
.portrait-gallery-modal[hidden]{display:none}
.portrait-gallery-viewer{width:min(1500px,100%);min-height:calc(100vh - 44px);margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.portrait-gallery-viewer>header{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#f4eee2;border-bottom:1px solid #ffffff1a}
.portrait-gallery-viewer>header p{direction:ltr;justify-self:start;font:600 13px/1 sans-serif;color:#aebbb5}
.portrait-gallery-viewer>header h2{font-size:19px}
.portrait-gallery-close{justify-self:end;width:46px;height:46px;border:1px solid #ffffff2b;border-radius:50%;background:transparent;color:#fff;font-size:28px;cursor:pointer}
.portrait-gallery-stage{min-height:0;position:relative;display:grid;place-items:center;padding:22px 72px}
.portrait-gallery-stage>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 235px);object-fit:contain;box-shadow:0 25px 80px #000}
.portrait-gallery-arrow{position:absolute;top:50%;translate:0 -50%;width:52px;height:52px;border:1px solid #ffffff26;border-radius:50%;background:#0b100ed9;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.portrait-gallery-prev{right:8px}.portrait-gallery-next{left:8px}
.portrait-gallery-thumbs{display:flex;gap:9px;padding:13px 0 3px;overflow-x:auto;direction:rtl;border-top:1px solid #ffffff1a}
.portrait-gallery-thumbs button{flex:0 0 68px;height:68px;padding:0;border:1px solid transparent;background:#111;opacity:.52;cursor:pointer;overflow:hidden}
.portrait-gallery-thumbs button.active{border-color:#9ec0ad;opacity:1}
.portrait-gallery-thumbs img{width:100%;height:100%;object-fit:cover}

@media(max-width:900px){
  .hero-image{inset:0;width:100%;object-position:58% center;opacity:.65}
  .hero-shade{background:linear-gradient(0deg,#090b0b 0,#070909e8 55%,#07090952)}
  .hero-content{margin:0 7vw 8vh;width:86vw;text-align:right}
  .portrait-gallery-section{padding:80px 7vw}
  .awards-gallery-cover{grid-template-columns:1fr;min-height:0}
  .awards-gallery-collage{min-height:440px}
  .awards-gallery-copy{min-height:280px}
  .portrait-gallery-cover{height:70vh;min-height:500px}
  .portrait-gallery-modal{padding:10px}
  .portrait-gallery-viewer{min-height:calc(100vh - 20px)}
  .portrait-gallery-stage{padding:14px 48px}
  .portrait-gallery-stage>img{max-height:calc(100vh - 220px)}
}
@media(max-width:560px){
  .portrait-gallery-section .section-head>p{font-size:14px}
  .awards-gallery-collage{min-height:370px}
  .awards-gallery-copy{min-height:240px;padding:30px 24px}
  .portrait-gallery-cover{height:64vh;min-height:440px}
  .portrait-gallery-cover-shade{background:linear-gradient(0deg,#07100de8,transparent 65%)}
  .portrait-gallery-stage{padding:10px 34px}
  .portrait-gallery-arrow{width:38px;height:38px;font-size:29px}
  .portrait-gallery-prev{right:0}.portrait-gallery-next{left:0}
  .portrait-gallery-thumbs button{flex-basis:56px;height:56px}
}

/* V12 — refined glass typography for works and awards */
.works-section .section-head{
  align-items:center;
}
.works-section .section-head>div{
  position:relative;
  max-width:min(690px,100%);
  padding:22px 28px 24px;
  border:1px solid #f2e5c82e;
  border-radius:22px;
  background:
    linear-gradient(135deg,#ffffff12,#ffffff03 58%),
    radial-gradient(circle at 88% 10%,#6ca08820,transparent 42%);
  box-shadow:0 22px 70px #0007,inset 0 1px 0 #ffffff24;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  overflow:hidden;
}
.works-section .section-head>div:after{
  content:"";
  position:absolute;
  width:170px;
  height:1px;
  right:28px;
  bottom:0;
  background:linear-gradient(90deg,#d8c18c,transparent);
  box-shadow:0 0 20px #d8c18c99;
}
.works-section .section-head h2{
  max-width:13em;
  margin:8px 0 0;
  font-size:clamp(27px,3.25vw,48px);
  line-height:1.45;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.awards-closing{
  position:relative;
  isolation:isolate;
  margin:34px 0 0;
  padding:25px 76px 25px 30px;
  overflow:hidden;
  border:1px solid #ffffff3d;
  border-radius:20px;
  background:
    linear-gradient(125deg,#ffffffa8,#f8f2e776 56%,#8fb5a46b),
    radial-gradient(circle at 10% 20%,#fff,transparent 42%);
  color:#183d32;
  box-shadow:0 18px 55px #163b2c24,inset 0 1px 0 #fff;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  font-size:clamp(15px,1.35vw,20px);
  font-weight:720;
  line-height:1.9;
}
.awards-closing:before{
  content:"✦";
  position:absolute;
  z-index:-1;
  right:24px;
  top:50%;
  translate:0 -50%;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #214d3f38;
  border-radius:50%;
  background:#fff7;
  color:#957940;
  box-shadow:0 8px 24px #1c463628;
}
.awards-closing:after{
  content:"";
  position:absolute;
  z-index:-2;
  width:210px;
  height:210px;
  left:-80px;
  top:-120px;
  border:1px solid #fff8;
  border-radius:50%;
  box-shadow:0 0 0 28px #fff2,0 0 0 56px #fff1;
}
.awards-gallery-copy{
  position:relative;
  overflow:hidden;
  border-inline-start:1px solid #ffffff1f;
  box-shadow:inset 0 1px 0 #ffffff14;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.awards-gallery-copy:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-110px;
  bottom:-130px;
  border:1px solid #d8c8991f;
  border-radius:50%;
  box-shadow:0 0 0 30px #d8c89908;
  pointer-events:none;
}
.awards-gallery-copy strong{
  width:100%;
  max-width:12em;
  font-size:clamp(24px,2.25vw,38px);
  line-height:1.55;
  letter-spacing:-.025em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .works-section .section-head>div{padding:20px 22px;border-radius:18px}
  .works-section .section-head h2{font-size:clamp(26px,7.5vw,40px)}
  .awards-gallery-copy{border-inline-start:0;border-top:1px solid #ffffff1f}
  .awards-gallery-copy strong{font-size:clamp(25px,7vw,36px)}
}
@media(max-width:560px){
  .works-section .section-head>div{padding:17px 18px 19px;border-radius:16px}
  .works-section .section-head h2{font-size:clamp(23px,7.2vw,31px);line-height:1.55}
  .awards-closing{padding:20px 58px 20px 18px;border-radius:16px;font-size:15px}
  .awards-closing:before{right:14px;width:30px;height:30px}
  .awards-gallery-copy strong{font-size:clamp(23px,7.2vw,31px);line-height:1.6}
}