@font-face{font-family:Thmanyah;src:url('fonts/thmanyahsans-Regular.otf')}@font-face{font-family:ThmanyahDisplay;src:url('fonts/thmanyahserifdisplay-Bold.otf');font-weight:700}
*{box-sizing:border-box}html{direction:rtl}body{margin:0;color:#283329;background:#f2ecd9;font:18px/1.9 Thmanyah,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #7b8855;outline-offset:7px}h1,h2,p{margin:0}h1,h2{font-family:ThmanyahDisplay,serif;font-weight:700}img{display:block;max-width:100%}.project-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #253d2425}.project-brand{position:relative;width:112px}.project-brand:after{content:'';position:absolute;inset:0;background:#203524;mask:url('sadir-light.png') center/contain no-repeat;-webkit-mask:url('sadir-light.png') center/contain no-repeat;clip-path:inset(0 39% 0 0)}.project-back{font-size:15px;border-bottom:1px solid #40553e55}.project-intro{padding:65px 7% 70px;max-width:1700px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.project-intro h1{font-size:clamp(45px,5.8vw,88px);line-height:1.5}.project-intro .category{font-size:15px;margin-bottom:15px;color:#68765d}.project-intro .description{padding-top:30px;font-size:19px}.project-intro .description p+p{margin-top:20px}.project-intro .role{font-size:15px;opacity:.75}.project-stripe{height:30px;background:repeating-linear-gradient(0deg,#211f1a 0 4px,#f7f0d8 4px 8px,#ad2227 8px 15px,#d3bd93 15px 18px,#211f1a 18px 22px,#f7f0d8 22px 25px,#ad2227 25px 30px)}.project-media{position:relative;margin:55px 5% 0;background:#141b15;aspect-ratio:16/9;overflow:hidden;box-shadow:0 20px 50px #26302222}.project-media>img{width:100%;height:100%;object-fit:cover}.project-media.letterboxed>img{object-fit:cover;transform:scaleY(1.333)}.project-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent,#08150d44);color:#fff6df;font:700 25px ThmanyahDisplay,serif;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;cursor:pointer}.project-play>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#143c2655;backdrop-filter:blur(20px)}.project-play svg{width:26px;height:26px;fill:currentColor;margin-right:-4px}.project-media iframe{position:absolute;inset:0;border:0;width:100%;height:100%}.project-caption{font-size:13px;color:#68735c;margin:20px 5% 0}.next-project{padding:100px 8% 90px;text-align:center}.next-project>p{font-size:15px}.next-project h2{font-size:clamp(39px,5vw,78px);line-height:1.5;margin:20px auto}.next-project a{display:inline-block;border-bottom:1px solid #30483188;padding-bottom:4px;font-size:20px}.project-footer{background:#191e19;color:#e7e6d0;padding:45px 7%;display:flex;justify-content:space-between;gap:30px;align-items:center}.project-footer p{font-family:ThmanyahDisplay;font-size:34px}.project-footer a{border-bottom:1px solid #eee7d366}.project-copyright{text-align:center;padding:25px;font-size:12px;background:#191e19;color:#b9c1ad}
@media(max-width:700px){.project-nav{padding:18px 6%}.project-brand{width:90px}.project-back{font-size:12px}.project-intro{grid-template-columns:1fr;gap:15px;padding:45px 7%}.project-intro h1{font-size:43px;line-height:1.55}.project-intro .description{padding-top:0;font-size:16px}.project-intro .role{font-size:13px}.project-media{margin:30px 0 0;box-shadow:none}.project-play{font-size:19px}.project-play>span{width:55px;height:55px}.project-caption{font-size:11px;margin:14px 7% 0}.next-project{padding:70px 7%}.next-project h2{font-size:39px}.next-project a{font-size:17px}.project-footer{display:block;padding:35px 7%;text-align:center}.project-footer p{font-size:30px;margin-bottom:20px}.project-footer a{font-size:15px}}