@font-face{font-family:Vazirmatn;src:url('/static/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#10171e;color:#e9eee9;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button,input,select{color:inherit}button{border:0}h2{font-weight:600;font-size:26px;letter-spacing:-.6px}h3{font-size:17px;font-weight:600;margin-bottom:9px}p{color:#abb9bc}em{font-style:normal;color:#b4f1cf}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1392px)/2));border-bottom:1px solid #28323b;gap:24px;position:relative;z-index:10;background:#10171ef5}.brand{display:flex;align-items:center;gap:12px;direction:ltr;font-family:Arial,sans-serif;font-size:22px;letter-spacing:2px;font-weight:700}.brand-sub{display:block;font-size:8px;letter-spacing:3px;color:#8c9e9f;margin-top:4px}.header nav{display:flex;gap:30px;align-items:center;color:#b9c4c5;font-size:12px}.header nav a:hover,.text-button:hover{color:#b4f1cf}main{max-width:1392px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 0 30px}.eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:2px;color:#a0b6b1;display:block}.intro .eyebrow{display:flex;align-items:center;gap:10px;direction:ltr;justify-content:flex-end}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4f1cf;box-shadow:0 0 12px #b4f1cf35}.intro h1{font-size:46px;letter-spacing:-1.8px;font-weight:650;margin:10px 0 12px;line-height:1.5}.intro-copy{max-width:650px;font-size:14px}.release-note{min-width:225px;border-right:1px solid #34433f;padding:8px 24px}.release-note p{font-size:12px;line-height:2.1;margin-top:14px}.pill{border:1px solid #405447;border-radius:30px;color:#b4f1cf;padding:6px 11px;font-size:10px;display:inline-block}.muted,.quiet{color:#87999f}.quiet{font-size:11px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:10px 19px;border-radius:6px;font-size:12px;font-weight:500}.primary{background:#b4f1cf;color:#11281d}.primary:hover{background:#ccf8df}.secondary{border:1px solid #40504d;background:transparent}.secondary:hover{border-color:#b4f1cf;background:#b4f1cf08}.small{font-size:11px;padding:8px 12px}.text-button{background:none;color:inherit;padding:0;font-size:12px}.viewer{border:1px solid #3a4949;border-radius:12px;overflow:hidden;background:#151f27;box-shadow:0 15px 60px #0002}.viewer-head{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;gap:15px}.viewer-head h2{font-size:20px;margin-top:2px}.viewer-head p{font:10px/1.6 Arial,sans-serif;letter-spacing:1px;text-align:right;margin-top:3px}.mode-switch{display:flex;background:#0e171d;padding:4px;border:1px solid #2b3a40;border-radius:6px;flex-shrink:0}.mode-switch button{background:transparent;border-radius:4px;color:#83969b;font-size:11px;padding:6px 12px}.mode-switch button.active{background:#31413e;color:#d1f6df}.stage{display:grid;direction:ltr;grid-template-columns:1fr 1fr;background:#080e13;position:relative;min-height:180px;align-items:stretch}.stage figure{margin:0;min-width:0;position:relative;border-right:1px solid #35443f;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9}.stage video{width:100%;height:100%;object-fit:contain;display:block}.stage figcaption{position:absolute;z-index:2;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;direction:rtl;text-shadow:0 1px 8px black;pointer-events:none}.stage figcaption span{background:#111b23d9;padding:4px 9px;border:1px solid #ffffff20;border-radius:4px}.stage figcaption b{font:9px Arial;letter-spacing:2px;color:#dae4dd;display:flex;gap:8px;align-items:center}.stage.before,.stage.after{grid-template-columns:1fr}.stage.before #after-panel,.stage.after #before-panel{display:none}.stage.before figure,.stage.after figure{max-height:65vh;aspect-ratio:auto;height:min(60vh,620px)}.media-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:6px;padding:10px 16px;background:#10191ee6;border:1px solid #ffffff25;pointer-events:none;text-align:center;font-size:12px;z-index:5;max-width:90%}.player-controls{display:flex;direction:ltr;gap:14px;align-items:center;padding:15px 22px;border-top:1px solid #28383c}.play{border-radius:50%;width:36px;height:36px;background:#b4f1cf;color:#16271f;flex-shrink:0}.icon{background:none;color:#b8c8c8;font-size:15px;padding:2px;white-space:nowrap}#mute{font-size:10px}#clock{font:11px Arial;color:#8ca1a4;white-space:nowrap;font-variant-numeric:tabular-nums}.scrubber{position:relative;display:flex;align-items:center;flex:1;min-width:40px}input[type=range]{width:100%;accent-color:#b4f1cf;height:4px;cursor:pointer;margin:0}#markers{pointer-events:none;position:absolute;inset:0}#markers i{position:absolute;top:-4px;width:3px;height:12px;background:#ecb77d;border:1px solid #122019}select{background:#17242b;border:1px solid #34464a;border-radius:4px;padding:5px 9px;font-size:11px;max-width:100%}.speed select{border:0;font-family:Arial;background:transparent}.event-list{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 14px;min-height:25px}.event-list button{border:1px solid #67513a;color:#e9c99f;background:#ecb77d08;padding:4px 10px;border-radius:4px;font-size:10px}.event-list button:hover{background:#ecb77d20}.event-list button span{direction:ltr;display:inline-block;margin-right:7px;font-family:Arial;color:#a2b3b6}.example-info{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #2b3a3e}.example-info p{font-size:12px;max-width:680px}.example-info .quiet{font-size:10px;display:block;margin-top:6px}.example-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.example-actions a{font-size:10px;color:#9babaa;padding-right:6px}.gallery-section,.details,.about{padding-top:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:8px}.section-heading .muted{font-size:11px}.categories{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #314044;padding-bottom:20px}.categories button{background:#18222b;border:1px solid #334148;border-radius:6px;padding:9px 14px;color:#a4b5bb;font-size:12px}.categories button.active{background:#b4f1cf;color:#152e22;border-color:#b4f1cf}.categories button span{font:10px Arial;opacity:.6;margin-right:8px}.filter-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0}.subcategories{display:flex;gap:7px;flex-wrap:wrap;flex:1}.subcategories button{background:transparent;border:1px solid #2d3e42;border-radius:20px;color:#8fa3a8;font-size:10px;padding:4px 10px}.subcategories button.active{color:#b4f1cf;border-color:#7da38a}.search{display:flex;align-items:center;border-bottom:1px solid #53615f;gap:8px;max-width:230px}.search span{font-size:25px;color:#7a9598}.search input{width:180px;background:none;border:0;padding:6px;font-size:12px}.search input::placeholder{color:#778d95}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#17222b;border:1px solid #2c3b43;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s;cursor:pointer;display:block;text-align:right;width:100%;padding:0}.card:hover{transform:translateY(-3px);border-color:#789c8a}.card.selected{border-color:#a0d4b8}.card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080e13}.card img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.card:hover img{transform:scale(1.025)}.card-media .play-mark{position:absolute;left:16px;bottom:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#1e2a29a0;font-size:10px;color:#dcf7e5}.card .duration{position:absolute;right:12px;bottom:15px;background:#0b141acc;padding:2px 6px;border-radius:3px;font:10px Arial}.card .card-type{position:absolute;right:12px;top:12px;background:#10221bd9;color:#b8e2c7;padding:3px 7px;border-radius:3px;font-size:9px}.card-content{padding:16px 18px 19px}.card h3{font-size:16px;margin:0 0 5px}.card-content p{font-size:11px;min-height:42px;color:#91a6b1}.card-bottom{margin-top:13px;padding-top:12px;border-top:1px solid #2b3c44;display:flex;justify-content:space-between;font-size:9px;color:#96ada6}.card-bottom b{font:9px Arial;letter-spacing:.7px;font-weight:400}.details{margin-top:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #34434a;gap:50px;padding:25px 0}.detail-grid p,.detail-grid ul{font-size:12px;color:#9cafb3;line-height:2.15}.detail-grid ul{padding-right:18px}.tags{display:flex;gap:6px;margin:18px 0 30px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid #364b47;border-radius:20px;padding:3px 9px;color:#a9c0b7}dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:11px}dt{color:#80979d}dd{margin:0;overflow-wrap:anywhere;color:#c5d3d2}.downloads{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.downloads a{border:1px solid #425a51;color:#c4e8d0;font-size:11px;border-radius:4px;padding:6px 10px}details{border-top:1px solid #35434a;padding:12px 0;color:#a8babe;font-size:11px}summary{cursor:pointer}pre{font:10px/1.6 monospace;background:#0b1218;padding:15px;overflow:auto;max-height:320px;text-align:left;white-space:pre;tab-size:2;border-radius:4px}.license{font-size:10px;color:#80999c;margin-top:14px;overflow-wrap:anywhere}.license a{text-decoration:underline;color:#a5bcb1}.try-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:40px;background:#18242c;border:1px solid #35454b;border-radius:10px;margin-top:55px}.try-section h2{margin:12px 0}.try-section p{font-size:12px}.upload-box{background:#111c24;padding:22px;border-radius:7px;border:1px solid #304149}.upload-box form label{display:block;font-size:11px;color:#92a9ad;margin:12px 0}.upload-box input:not([type=checkbox]){width:100%;background:#1a2830;border:1px solid #405152;padding:9px;border-radius:4px}.upload-box .consent{display:flex;align-items:flex-start;gap:8px}.upload-box button{margin-top:10px}.upload-box .text-button{margin-right:12px}#worker-note{color:#dbb783;font-size:11px}#upload-status{font-size:11px;margin-top:12px}#jobs>article{border-top:1px solid #344344;padding:12px 0;font-size:11px}#jobs a{margin-left:10px;text-decoration:underline;color:#b4f1cf}#jobs video{width:100%;max-height:230px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0}.about-grid article{border-top:1px solid #4e665d;padding-top:18px}.about-grid span{font:9px Arial;color:#7fa292;letter-spacing:1px}.about-grid h3{margin:10px 0}.about-grid p{font-size:12px;line-height:2.2}footer{max-width:1392px;margin:65px auto 0;padding:30px 32px;border-top:1px solid #35434b;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:14px}footer>span{font:9px Arial;color:#68828a;letter-spacing:1px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#253b32;border:1px solid #6d977d;border-radius:6px;z-index:90;font-size:12px;max-width:90%;box-shadow:0 8px 40px #0008}body.presentation .header,body.presentation .intro,body.presentation .gallery-section,body.presentation .details,body.presentation .try-section,body.presentation .about,body.presentation footer{display:none}body.presentation main{padding:20px;max-width:1600px}body.presentation .viewer{margin:30px auto}body.presentation .stage figure{max-height:65vh}#exit-present{position:fixed;left:20px;top:8px;background:#17282b;color:#9eb6ad;border-radius:5px;font-size:10px;padding:4px 10px;z-index:100}.viewer:fullscreen{background:#10171e;display:flex;flex-direction:column;justify-content:center}.viewer:fullscreen .stage figure{max-height:70vh}.viewer:fullscreen .stage{min-height:40vh}.viewer:fullscreen .stage video{max-height:70vh}button:focus-visible,a:focus-visible{outline:2px solid #e3c18e}#empty{padding:40px;text-align:center}
@media(min-width:1700px){main{max-width:1520px}.header,footer{padding-left:max(32px,calc((100vw - 1456px)/2));padding-right:max(32px,calc((100vw - 1456px)/2))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:1050px){.header nav{gap:15px}.header nav a:nth-child(2){display:none}.example-info{align-items:flex-start;flex-direction:column;gap:14px}.intro h1{font-size:38px}.release-note{min-width:200px}.cards{gap:15px}.filter-row{flex-wrap:wrap}.subcategories{flex-basis:100%}.search{margin-right:auto}.try-section{gap:30px;padding:25px}.header{padding:0 25px}.detail-grid{gap:25px}}
@media(max-width:720px){main{padding:0 16px}.header{height:72px;padding:0 16px;gap:12px}.header .brand{font-size:18px}.header .brand img{width:30px;height:30px}.header nav a{display:none}.header nav{gap:0}.header>.small{font-size:9px;padding:6px 8px;max-width:140px}.intro{padding:30px 0 23px;display:block}.intro h1{font-size:34px}.intro-copy{font-size:12px}.release-note{border:0;padding:18px 0 0;display:flex;align-items:center;gap:14px}.release-note p{margin:0;font-size:10px}.release-note br{display:none}.release-note p span{display:none}.viewer-head{padding:14px;align-items:flex-start;flex-wrap:wrap}.viewer-head h2{font-size:18px}.mode-switch{margin-top:3px}.mode-switch button{padding:5px 12px}.stage{grid-template-columns:1fr}.stage figure{max-height:34vh;aspect-ratio:16/9}.stage figcaption{top:8px;left:9px;right:9px;font-size:9px}.stage figcaption b{font-size:8px}.player-controls{padding:12px;gap:9px;flex-wrap:wrap}.player-controls #clock{font-size:10px}.player-controls .scrubber{min-width:30%;flex:1}.play{width:32px;height:32px}#mute{font-size:9px}.event-list{padding:0 12px 12px;gap:5px}.event-list button{font-size:9px}.example-info{padding:14px}.example-actions{flex-wrap:wrap;gap:7px}.example-actions .primary,.example-actions .secondary{padding:7px 13px}.example-info p{font-size:11px}.gallery-section,.details,.about{padding-top:40px}.section-heading h2{font-size:22px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.cards{grid-template-columns:1fr 1fr;gap:12px}.card h3{font-size:13px}.card-content{padding:11px}.card-content p{font-size:10px;min-height:60px}.card-bottom{font-size:8px;gap:4px;flex-wrap:wrap}.card-bottom b{font-size:8px}.card-media .play-mark{width:24px;height:24px;left:8px;bottom:9px}.card .duration{right:8px;bottom:9px;font-size:9px}.card .card-type{font-size:8px;right:8px;top:8px}.categories{gap:6px}.categories button{font-size:10px;padding:7px 9px}.detail-grid,.try-section,.about-grid{grid-template-columns:1fr}.detail-grid{gap:30px}.try-section{padding:20px;gap:22px;margin-top:35px}.about-grid{gap:20px}.search input{width:155px}.filter-row{gap:10px}footer{margin-top:35px;padding:22px 16px;flex-wrap:wrap}footer span:last-child{display:none}.intro .eyebrow{font-size:8px;justify-content:flex-end}.eyebrow{font-size:8px}.viewer-head .eyebrow{font-size:8px}.stage.before figure,.stage.after figure{height:42vh;max-height:50vh}.viewer:fullscreen .stage figure{max-height:34vh}body.presentation main{padding:8px}.metadata dl{grid-template-columns:90px 1fr}.card-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mode-switch{width:100%;justify-content:center}.mode-switch button{flex:1}}

.private-pair{display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:10px}.private-pair p{text-align:center;font-size:10px}

.delivery-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 22px;border-top:1px solid #28383c;font-size:11px;color:#9db4b2}.delivery-options select{background:#12251f;color:#d6efdf;border:1px solid #40584f;border-radius:5px;padding:5px 9px}.delivery-options span{font-size:10px;color:#81948f}