:root{--white:#fff;--black:#000;--grey:#595959;--hair:#e8e8e8;--font:"MS Reference Sans Serif", Verdana, Tahoma, "Segoe UI", Arial, sans-serif;--font-fa:var(--font-vazirmatn);--lift:0 1px 2px #0000001a, 0 8px 22px #00000012;--col:44rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.75}img,video{border-radius:0;max-width:100%;height:auto;display:block}a{color:var(--black);text-underline-offset:.2em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--black);outline-offset:3px}::selection{background:var(--black);color:var(--white)}[lang=fa]{font-family:var(--font-fa)}.skip{z-index:100;background:var(--black);color:var(--white);padding:.55rem 1.1rem;text-decoration:none;position:absolute;top:.6rem;left:-999px}.skip:focus{left:.6rem}.top{max-width:var(--col);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;margin-inline:auto;padding:1.6rem clamp(1.1rem,4vw,2rem) 0;font-size:.8125rem;display:flex}.top a{text-decoration:none}.top a:hover,.top a[aria-current=page]{text-underline-offset:.3em;text-decoration:underline}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(2rem,6vh,4rem) 1.25rem;display:flex}.name{border:0}.name .fa{font-family:var(--font-fa);direction:rtl;font-size:clamp(4.2rem,15vw,8.5rem);font-weight:300;line-height:1.15;display:block}.name .en{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;margin-top:.9rem;font-size:clamp(.95rem,2.6vw,1.35rem);font-weight:400;display:block}.name .fa,.name .en{text-shadow:var(--sx,5px) var(--sy,8px) var(--sb,14px) rgba(0, 0, 0, var(--so,.18))}.intro{max-width:30rem;margin-top:clamp(2.2rem,6vh,3.6rem)}.work-link{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;border-bottom:1px solid var(--black);padding-bottom:.35em;font-size:.875rem;text-decoration:none;display:inline-block}.work-link:hover{text-shadow:2px 3px 5px #0000004d}.intro .bio{margin-top:2.1rem}.intro .bio p+p{margin-top:.9rem}.intro .contact{letter-spacing:.08em;color:var(--grey);margin-top:2.4rem;font-size:.75rem}.intro .contact a{color:inherit}.page{max-width:var(--col);margin-inline:auto;padding:clamp(2.5rem,8vh,5rem) clamp(1.1rem,4vw,2rem) 4rem}.page>h1{letter-spacing:.06em;margin-bottom:clamp(2rem,6vh,3.2rem);font-size:clamp(1.5rem,4vw,2rem);font-weight:400}.work-list{list-style:none}.work-list a{border-bottom:1px solid var(--black);align-items:baseline;gap:1.1rem;padding:1.35rem 0 1.3rem;text-decoration:none;display:flex}.work-list li:first-child a{border-top:0}.work-list .n{letter-spacing:.1em;color:var(--grey);font-size:.75rem}.work-list .t{letter-spacing:.01em;font-size:clamp(1.05rem,3vw,1.3rem);font-weight:400}.work-list a:hover .t{text-shadow:2px 3px 6px #00000047}.proj-head{text-align:center;padding-top:clamp(2.5rem,8vh,4.5rem)}.proj-head h1{letter-spacing:.04em;font-size:clamp(1.35rem,3.6vw,1.8rem);font-weight:400}.proj-head .meta{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-top:.7rem;font-size:.75rem}.proj-head .desc{max-width:36rem;color:var(--black);margin:1.6rem auto 0}.stack{gap:clamp(2.8rem,7vh,4.5rem);padding:clamp(2.8rem,7vh,4.5rem) 0 1rem;display:grid}.stack figure{text-align:center}.stack img,.stack video{width:auto;max-height:88vh;box-shadow:var(--lift);border-radius:0;margin-inline:auto}.stack figcaption{letter-spacing:.06em;color:var(--grey);margin-top:.85rem;font-size:.7rem}.foot-nav{text-align:center;letter-spacing:.14em;text-transform:uppercase;padding:3rem 0 1rem;font-size:.8125rem}.foot-nav a{border-bottom:1px solid var(--black);padding-bottom:.3em;text-decoration:none}.foot-nav a:hover{text-shadow:2px 3px 5px #0000004d}.site-foot{max-width:var(--col);letter-spacing:.08em;color:var(--grey);flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;margin-inline:auto;padding:3.5rem clamp(1.1rem,4vw,2rem) 2.2rem;font-size:.7rem;display:flex}.site-foot a{color:inherit}.player{max-width:40rem;box-shadow:var(--lift);background:var(--white);margin-inline:auto}.player .screen{background:var(--black);position:relative}.player video{width:100%;max-height:none;box-shadow:none;cursor:pointer}.player .p-big{cursor:pointer;width:100%;color:var(--white);background:#fff0;border:0;place-items:center;display:grid;position:absolute;inset:0}.player .p-big svg{filter:drop-shadow(2px 4px 8px #0000008c);width:3.4rem;height:3.4rem}.player .p-big:hover svg{transform:scale(1.06)}.player.playing .p-big{display:none}.p-bar{border-top:1px solid var(--hair);align-items:center;gap:.8rem;padding:.65rem .8rem;display:flex}.p-bar button{cursor:pointer;color:var(--black);background:0 0;border:0;place-items:center;padding:.2rem;display:grid}.p-bar button svg{width:.95rem;height:.95rem}.p-time{letter-spacing:.06em;color:var(--grey);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem}.p-seek{appearance:none;background:var(--hair);background-image:linear-gradient(var(--black), var(--black));cursor:pointer;background-repeat:no-repeat;background-size:0% 100%;flex:1;height:2px}.p-seek::-webkit-slider-thumb{appearance:none;background:var(--black);border:0;border-radius:0;width:10px;height:10px}.p-seek::-moz-range-thumb{background:var(--black);border:0;border-radius:0;width:10px;height:10px}.p-seek::-moz-range-track{background:var(--hair);height:2px}.p-seek::-moz-range-progress{background:var(--black);height:2px}.player:fullscreen{background:var(--black);flex-direction:column;justify-content:center;max-width:none;display:flex}.player:fullscreen .screen{flex:1;place-items:center;min-height:0;display:grid}.player:fullscreen video{width:auto;max-width:100%;max-height:100%}.player:fullscreen .p-bar{background:var(--white)}.lost{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:2rem 1.25rem;display:flex}.lost h1{letter-spacing:.05em;font-size:clamp(1.4rem,4vw,2rem);font-weight:400}.lost p{color:var(--grey);margin-top:1rem}.lost .foot-nav{padding-top:2.4rem}@media (width<=540px){.stack img,.stack video{max-height:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}