.immersive-game .site-header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(12,10,16,.65),transparent);border:0}@media(max-width:860px){.immersive-game .site-header{position:sticky;inset:0 auto auto;transition:background-color .25s ease,border-color .25s ease}.immersive-game.header-stuck .site-header{background:var(--ground);border-bottom:1px solid var(--line)}}.immersive-game .header-nav a,.immersive-game .header-end{color:#e4dce4}.yazan-opening{position:relative;isolation:isolate;min-height:clamp(820px,70vw,1100px);background:#15111b}@media(max-width:900px){.yazan-opening{--yazan-art:min(119.707vw,78dvh)}}.yazan-environment{position:absolute;inset:0;overflow:hidden;z-index:-2;background:radial-gradient(ellipse at 65% 45%,#42303c,#15111b 72%)}.yazan-capsule{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;aspect-ratio:4232 / 5066;mask-image:linear-gradient(90deg,transparent,#000 22%)}.yazan-opening:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--ground),rgba(19,16,14,.45) 5%,transparent 18%),linear-gradient(90deg,rgba(17,13,22,.55),transparent 62%)}.yazan-composition{min-height:inherit;position:relative;padding-block:clamp(160px,14vw,215px) 110px;display:flex;flex-direction:column;align-items:flex-start}.yazan-identity{width:min(440px,42%)}.yazan-identity h1{margin:0;line-height:1}.yazan-wordmark{width:100%;height:auto}.yazan-subtitle{display:block;color:#f4f1ec;font-size:clamp(.8rem,1.3vw,1.05rem);font-weight:700;letter-spacing:.65em;text-align:center;text-indent:.65em;margin:16px 0 0}.yazan-introduction{width:min(420px,40%);margin-top:48px}.yazan-hook{color:var(--orange);font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:balance;margin-bottom:20px}.yazan-premise{color:#cec3ca;font-size:1rem;line-height:1.75;margin-bottom:28px}.yazan-availability{margin-bottom:22px}.yazan-release{color:#f0ded1;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 6px}.yazan-platform{color:#bdb0bc;font-size:.72rem;margin:0}.yazan-platform span{padding-inline:8px;color:#867783}.yazan-introduction .button{min-height:54px;padding-inline:28px;transition:background .2s,transform .2s}.yazan-introduction .button:hover{transform:translateY(-2px)}.immersive-game .loop-section{padding-top:48px;scroll-margin-top:24px}[dir=rtl] .yazan-composition{align-items:flex-end}[dir=rtl] .yazan-release{letter-spacing:normal}[dir=rtl] .yazan-hook{font-size:clamp(1.65rem,2.5vw,2.2rem)}[dir=rtl] .yazan-subtitle{letter-spacing:normal;margin-inline:0;text-indent:0}@media(min-width:901px)and (max-width:1100px){.yazan-identity,.yazan-introduction{width:43%}.yazan-premise{font-size:.94rem}}@media(max-width:900px){.yazan-opening{min-height:0}.yazan-environment{height:var(--yazan-art);background:none}.yazan-capsule{width:100%;height:100%;object-fit:cover;object-position:50% 14%;mask-image:none}.yazan-opening:after{background:linear-gradient(180deg,transparent calc(var(--yazan-art) - 70px),#15111b var(--yazan-art),var(--ground) 100%)}.yazan-composition{padding-block:0 40px;display:block}.yazan-identity{width:100%;height:var(--yazan-art);padding-top:clamp(84px,16vw,125px);text-align:center}.yazan-identity h1{width:82%;max-width:430px;margin-inline:auto}.yazan-subtitle{font-size:.8rem;margin-top:12px}.yazan-introduction{width:100%;max-width:480px;margin:10px auto 0;text-align:center}.yazan-hook{font-size:clamp(1.9rem,6.5vw,2.5rem)}.yazan-premise{font-size:1rem}.yazan-platform{font-size:.78rem}.immersive-game .loop-section{padding-top:32px}[dir=rtl] .yazan-hook{font-size:1.8rem}}@media(max-width:560px){.yazan-introduction .button{width:100%}.yazan-identity{padding-top:clamp(76px,15vw,110px)}}@media(min-width:561px)and (max-width:900px){.yazan-introduction .button{min-width:240px}}.immersive-game .trailer-section{padding-top:48px;scroll-margin-top:24px}.trailer-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trailer-play{position:absolute;inset:0;display:block;color:var(--ground)}.trailer-play picture,.trailer-poster{display:block;width:100%;height:100%}.trailer-poster{object-fit:cover;transition:transform .4s,filter .4s;filter:brightness(.78)}.trailer-play:hover .trailer-poster{transform:scale(1.02);filter:brightness(.9)}.trailer-play:focus-visible{outline-offset:-4px}.trailer-button{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:var(--radius);background:var(--orange);font-size:2.2rem;transition:background .2s,transform .2s}.trailer-play:hover .trailer-button{background:var(--orange-hi);transform:scale(1.06)}.trailer-button .icon{margin-left:4px}@media(max-width:560px){.trailer-button{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.yazan-introduction .button:hover{transform:none}.trailer-poster,.trailer-button{transition:none}.trailer-play:hover .trailer-poster,.trailer-play:hover .trailer-button{transform:none}}
