@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{font-family:Vazirmatn,sans-serif;color:#202229;background:#edf2f5;font-synthesis:none;--pink:#bf62c2;--bob:clamp(156px,19.5vh,230px)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--pink);outline-offset:7px}button{touch-action:manipulation}.stage{position:relative;height:100svh;min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 13% 7%,#f5f4f9 0,transparent 56%),linear-gradient(120deg,#eef4f6,#eaf0f4)}.brand{position:absolute;top:6.6%;right:12%;display:flex;align-items:center;gap:13px;font-size:27px;font-weight:900;letter-spacing:-1.3px;z-index:5;user-select:none}.brand img{border:2px solid #dfe2e6;border-radius:50%;background:#fff;box-shadow:0 1px 2px #fff;width:46px;height:46px}.brand-dot{margin:0 2px}.edition{position:absolute;left:7%;top:9%;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.2px;color:#9599a2}.edition i{height:1px;width:28px;background:#bcc0c8}.type-scene{position:absolute;left:0;right:0;top:43%;transform:translateY(-34%);text-align:center;user-select:none}.headline{margin:0;display:flex;flex-direction:column;align-items:center;font-size:clamp(80px,15vw,190px);line-height:1.28;letter-spacing:-7px;font-weight:900;white-space:nowrap}.headline span{display:block}.base{text-shadow:10px 19px 16px #20222927,2px 3px 1px #fff4}.color{position:absolute;inset:0;color:var(--pink);clip-path:var(--text-cut,inset(0 50% 0 0));text-shadow:9px 18px 17px #6c3b6720;will-change:clip-path}.pendulum{position:absolute;left:50%;top:-260px;transform-origin:50% 0;width:var(--bob);margin-left:calc(var(--bob)/-2);height:calc(100svh + 160px);pointer-events:none;z-index:3;will-change:transform;filter:drop-shadow(14px 16px 9px #292b3630)}.cord{position:absolute;top:0;bottom:calc(var(--bob)/2);left:50%;width:14px;margin-left:-7px;background:#262831;border-left:3px solid #8f939b;border-right:2px solid #373a42}.cord-light{height:100%;width:2px;background:#b5b6bc;opacity:.7}.bob{position:absolute;bottom:0;left:0;width:var(--bob);height:var(--bob);border-radius:50%;background:linear-gradient(125deg,#d4d7db 0,#5a5e66 29%,#c0c3c8 43%,#363941 74%,#aeb2b8 100%);padding:5px;box-shadow:inset 0 0 0 1px #383a42,1px 3px 1px #32343c}.rim{height:100%;width:100%;padding:5px;background:#fdfcfe;border-radius:50%;border:2px solid #8c8e95;overflow:hidden}.rim img{width:100%;height:100%;object-fit:cover;border-radius:50%;user-select:none}.joint{position:absolute;bottom:calc(var(--bob) - 8px);left:50%;margin-left:-10px;width:21px;height:23px;background:#262831;border-radius:50%;z-index:1}.shine{position:absolute;inset:3px;border-radius:50%;border-top:2px solid #fff9;border-left:2px solid #fff5}.drag-target{position:absolute;left:50%;top:80%;height:var(--bob);width:var(--bob);border:0;padding:0;border-radius:50%;background:0 0;cursor:grab;transform:translate(-50%,-50%);z-index:4;touch-action:none}.drag-target:active{cursor:grabbing}.hint{position:absolute;right:7%;bottom:14%;font-size:11px;color:#9598a2;display:flex;align-items:center;gap:9px;transition:opacity .5s;user-select:none}.hint-arrow{font-size:20px;font-family:Arial}.controls{position:absolute;bottom:4.3%;left:7%;right:7%;display:flex;align-items:center;gap:24px;z-index:6}.play-toggle{width:34px;height:34px;border:1px solid #d3d7dc;border-radius:50%;background:#f2f5f640;display:grid;place-items:center;cursor:pointer;transition:background .25s,border-color .25s}.play-toggle:hover{background:#fff;border-color:#a8adb5}.play-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.chapters{display:flex;gap:12px;align-items:center;direction:ltr}.chapter{border:0;background:0 0;display:flex;align-items:center;gap:7px;padding:7px 0;cursor:pointer;font-size:10px;color:#a0a4ac}.chapter i{width:24px;height:2px;background:#d1d5dc;transition:width .4s,background .4s}.chapter.active{color:#292b32}.chapter.active i{background:#292b32;width:48px}.footer-note{margin-right:auto;color:#9499a2;font-size:10px}@media(min-width:1500px){.headline{font-size:190px}}@media(max-width:650px){.brand{right:10%;top:5.3%;font-size:24px;gap:10px}.brand img{width:44px;height:44px}.edition{display:none}.type-scene{top:43%;transform:translateY(-30%)}.headline{font-size:clamp(66px,18.5vw,114px);letter-spacing:-4.8px;line-height:1.38}.pendulum{height:calc(100svh + 180px)}.controls{bottom:3.8%;left:8%;right:8%;gap:17px}.hint{right:8%;bottom:15%;font-size:10px}.footer-note{font-size:9px;max-width:80px}.chapter i{width:16px}.chapter.active i{width:28px}.chapters{gap:8px}:root{--bob:clamp(155px,25vw,205px)}}@media(max-height:650px) and (min-width:651px){.headline{font-size:100px;line-height:1.2}.brand{top:5%}.hint{bottom:17%}:root{--bob:150px}}.type-exit{position:absolute;inset:0;pointer-events:none}.type-exit .headline{width:100%}.type-exit .base{position:relative}.headline>span{backface-visibility:hidden}.type-current{position:relative;width:100%}.type-current,.type-exit{isolation:isolate}