.behrang-video-introduction{--video-introduction-width:533px;--video-introduction-top-space:197px;--video-introduction-play-size:160px;--video-introduction-play-ring:16px;--video-introduction-icon-size:32px;--video-introduction-play-gap:8px;--video-introduction-arc-scale:1.25;--video-introduction-background:#ffe4c6;--video-introduction-bridge-color:#ffddbd;--video-introduction-accent:#c2002a;--video-introduction-play-color:#fff;position:relative;isolation:isolate;display:grid;grid-template-columns:16px minmax(0,1fr) 16px;width:100%;background:var(--video-introduction-background);overflow:clip}.behrang-video-introduction *{box-sizing:border-box}.behrang-video-introduction{content-visibility:auto;contain-intrinsic-block-size:auto calc(var(--video-introduction-top-space) + min(var(--video-introduction-width),calc(100vw - 32px)) * 720 / 533 + var(--video-introduction-play-size)/ 2)}.behrang-video-introduction::after,.behrang-video-introduction::before{content:'';grid-column:1/-1;height:var(--video-introduction-top-space)}.behrang-video-introduction::after{height:calc(var(--video-introduction-play-size)/2)}.video-introduction-stage{position:relative;grid-column:2;justify-self:center;width:min(100%,var(--video-introduction-width));container-type:inline-size}.behrang-video-introduction[data-bridge=yes]{background:linear-gradient(var(--video-introduction-background),var(--video-introduction-background)) top/100% calc(100% - var(--video-introduction-play-size)/ 2 - 128px) no-repeat,var(--video-introduction-bridge-color)}.behrang-video-introduction .video-introduction-image-frame{margin:0;width:100%;aspect-ratio:533/720;overflow:hidden;border-radius:1000px 1000px 0 0;background:#24343d}.video-introduction-image{display:block;width:100%;height:100%;object-fit:cover}.behrang-video-introduction .video-introduction-image{height:100%}.video-introduction-arc{position:absolute;left:50%;top:calc(50cqw - 52.5cqw * var(--video-introduction-arc-scale));width:calc(100% * var(--video-introduction-arc-scale));height:auto;transform:translateX(-50%);overflow:visible;pointer-events:none}.video-introduction-arc-motion{transform-origin:400px 420px}.video-introduction-arc-text{fill:var(--video-introduction-accent);font-family:var(--behrang-font-family,'KalamehFaNum',sans-serif);font-size:80px;font-weight:600;letter-spacing:0}.behrang-video-introduction .video-introduction-play{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);width:var(--video-introduction-play-size);height:var(--video-introduction-play-size);display:grid;place-items:center;border:1px solid var(--video-introduction-accent);border-radius:50%;background:var(--video-introduction-background);padding:0;color:var(--video-introduction-play-color);cursor:pointer;transition:box-shadow .4s}.video-introduction-play-surface{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--video-introduction-play-gap);width:calc(100% - 2 * var(--video-introduction-play-ring) + 2px);height:calc(100% - 2 * var(--video-introduction-play-ring) + 2px);border-radius:50%;background:var(--video-introduction-accent);transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .45s,box-shadow .45s}.video-introduction-play-icon{position:relative;z-index:1;width:var(--video-introduction-icon-size);height:var(--video-introduction-icon-size);object-fit:contain;transition:transform .45s cubic-bezier(.2,.65,.3,1)}.video-introduction-play-label{position:relative;z-index:1;font-size:14px;font-weight:500;line-height:1.5;text-align:center;max-width:90%;overflow-wrap:anywhere;transition:transform .45s}.video-introduction-play:disabled{cursor:default}.video-introduction-play::after,.video-introduction-play::before{content:'';position:absolute;inset:3px;border:1px solid var(--video-introduction-accent);border-radius:inherit;opacity:0;pointer-events:none;animation:video-introduction-play-wave 1.8s ease-out infinite}.video-introduction-play::after{animation-delay:.6s}.video-introduction-play-surface::before{content:'';position:absolute;inset-block:-30%;left:0;width:35%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:translateX(-180%) skewX(-18deg);opacity:0;transition:transform .85s cubic-bezier(.2,.65,.3,1),opacity .2s;pointer-events:none}.video-introduction-play:is(:hover,:focus-visible){box-shadow:inset 0 0 18px color-mix(in srgb,var(--video-introduction-accent) 12%,transparent)}.video-introduction-play:is(:hover,:focus-visible)::after,.video-introduction-play:is(:hover,:focus-visible)::before{animation:none}.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-surface{transform:none;filter:brightness(1.06);box-shadow:inset 0 0 18px #ffffff12}.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-surface::before{transform:translateX(480%) skewX(-18deg);opacity:1}.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-icon{transform:none}.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-label{transform:none}.video-introduction-play:not(:disabled):active .video-introduction-play-surface{transform:scale(.96)}@keyframes video-introduction-play-wave{0%{transform:scale(.87);opacity:.55}100%,75%{transform:scale(1);opacity:0}}.video-introduction-play:focus-visible{outline:2px solid var(--video-introduction-accent);outline-offset:5px}.video-introduction-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid #ffffff35;border-radius:16px;padding:0;background:#131b21;color:#fff}.video-introduction-dialog::backdrop{background:#09131bdc;backdrop-filter:blur(6px)}.video-introduction-dialog[open]{animation:video-introduction-dialog-in .25s ease-out}.video-introduction-dialog-content{display:flex;flex-direction:column;gap:12px}.video-introduction-close{display:flex;align-items:center;align-self:flex-end;gap:8px;border:0;background:0 0;color:#fff;cursor:pointer;font:inherit;min-height:44px}.video-introduction-close>span:first-child{font-size:30px;line-height:1}.video-introduction-close-label{font-size:14px}.video-introduction-player{display:block;width:100%;max-height:calc(100dvh - 110px);background:#000}@keyframes video-introduction-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.behrang-video-introduction{--video-introduction-width:266px;--video-introduction-top-space:80px;--video-introduction-play-size:128px;--video-introduction-play-ring:12px;--video-introduction-icon-size:24px;--video-introduction-play-gap:6px;--video-introduction-arc-scale:1.25}.video-introduction-arc-text{font-size:100px}}@media(prefers-reduced-motion:reduce){.video-introduction-play,.video-introduction-play-icon,.video-introduction-play-label,.video-introduction-play-surface,.video-introduction-play-surface::before{transition:none}.video-introduction-dialog[open],.video-introduction-play::after,.video-introduction-play::before{animation:none}.video-introduction-play-surface::before{display:none}.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-icon,.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-label,.video-introduction-play:is(:hover,:focus-visible) .video-introduction-play-surface,.video-introduction-play:not(:disabled):active .video-introduction-play-surface{transform:none}}