@font-face{font-family:Almarai;src:url(nafas-font-1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(nafas-font-2.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(nafas-font-3.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--accent:#b9d8f2;--ambient-a:rgba(69,95,154,.61);--ambient-b:rgba(65,103,134,.51);--font:Almarai,Tahoma,Arial,sans-serif;color-scheme:dark;background:#090e18}*{box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:clip;overscroll-behavior-x:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;margin:0;min-height:100svh;overflow-x:clip;overscroll-behavior-x:none;background:#090e18;color:#f7f7f8;font-family:var(--font);line-height:1.6}button,input,select,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}img,svg{max-width:100%}main,.site-footer{position:relative;z-index:1}main{min-height:55svh}.ambient-field{position:fixed;top:-12vw;right:-12vw;bottom:-12vw;left:-12vw;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(108deg,#182129,#151a22 40%,#211b20 72%,#21191a);contain:strict}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(65px);will-change:transform,opacity;animation:original-inhale 14s ease-in-out infinite}.ambient-one{width:90vw;height:78vw;top:-29vw;right:-19vw;background:radial-gradient(circle,var(--ambient-a),transparent 70%)}.ambient-two{width:88vw;height:75vw;bottom:-36vw;left:-23vw;background:radial-gradient(circle,var(--ambient-b),transparent 72%)}.ambient-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 56% 44% at 50% 43%,var(--ambient-a),transparent 74%);filter:blur(68px);animation:original-center-inhale 14s ease-in-out infinite}@keyframes original-inhale{0%,to{transform:translate(-3%) scale(.95);opacity:.5}50%{transform:translate(3%) scale(1.07);opacity:.7}}@keyframes original-center-inhale{0%,to{transform:translate(-1.5%) scale(.96);opacity:.16}50%{transform:translate(1.5%) scale(1.06);opacity:.34}}@media(max-width:530px){.ambient-one{width:135vw;height:125vw;top:-30vw;right:-65vw}.ambient-two{width:145vw;height:130vw;bottom:-60vw;left:-70vw}}.site-header{position:relative;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;min-height:108px;padding:calc(24px + env(safe-area-inset-top,0px)) clamp(22px,4vw,70px) 18px;background:transparent;border:0;box-shadow:none}.brand{display:flex;flex-direction:column;gap:6px;width:118px;justify-self:center;align-items:center}.brand img{display:block;width:100%;height:auto}.brand-sub{display:block;position:relative;width:100%;color:#fff;font:500 9px/1.2 Arial,sans-serif;direction:ltr}.brand-word{display:flex;width:100%;justify-content:space-between}.record-light{position:absolute;left:calc(100% + 10px);top:1px;width:7px;height:7px;border-radius:50%;background:#ff3639;box-shadow:0 0 10px #ff33338c;animation:record-breath 2.8s ease-in-out infinite}@keyframes record-breath{0%,to{opacity:.3}50%{opacity:1;box-shadow:0 0 14px #ff3333c4}}.menu-button{justify-self:start;width:43px;height:43px;background:#ffffff08;border:1px solid #ffffff38;border-radius:50%;display:grid;place-content:center;gap:5px}.menu-button span{height:1px;width:18px;background:#fff}.menu-button span:nth-child(2){width:13px}.header-balance{width:43px;justify-self:end}.menu-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));background:#0e141def;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain}.menu-inner{position:relative;width:min(560px,100%);padding-top:36px}.menu-inner>button{position:absolute;left:0;top:-15px;background:none;border:0;color:#fff;font:300 35px Arial}.menu-inner>a{display:block;padding:14px 3px;border-top:1px solid #ffffff22;font-weight:400;font-size:clamp(24px,4.5vw,39px)}.menu-inner>a:last-child{border-bottom:1px solid #ffffff22}.menu-inner>a:hover{color:var(--accent)}.page{width:min(1050px,calc(100% - 44px));margin:0 auto;padding:48px 0 85px}.page-home{width:100%;padding:13px 0 72px;display:flex;flex-direction:column;align-items:center}.hero-phrase{width:calc(100% - 36px);max-width:800px;text-align:center;font-size:clamp(23px,3.3vw,36px);font-weight:800;line-height:1.65;margin:14px auto 22px;letter-spacing:normal}.hero-main,.hero-tail{display:block;font-size:inherit}.hero-phrase em{font-style:normal;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 20%,transparent)}.showcase{width:100%;height:470px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;overflow:clip;touch-action:pan-y pinch-zoom;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-stack{width:min(310px,64vw);height:400px;position:relative;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.work-card{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:1px solid #ffffff74;border-radius:24px;background:radial-gradient(ellipse at 45% 43%,#ffffff0a,transparent 65%),linear-gradient(145deg,var(--card-bg),#0a0d12 82%);color:#fff;text-align:right;overflow:hidden;box-shadow:0 18px 32px #0005;transform-origin:center;will-change:transform;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.showcase.is-dragging .work-card{cursor:grabbing}.work-card img{pointer-events:none;-webkit-user-drag:none}.tone-blue{--card-bg:#293c52;--wave:#c0dcf3}.tone-amber{--card-bg:#483427;--wave:#f0ccac}.tone-green{--card-bg:#263c30;--wave:#c5dec5}.card-top{position:absolute;top:21px;left:21px}.card-top img{width:65px;height:auto}.card-bottom{position:absolute;left:22px;right:22px;bottom:24px;display:flex;flex-direction:column;gap:5px}.card-bottom strong{font-size:28px;line-height:1.45;font-weight:700}.card-bottom>span{color:#d1d3d8;font-size:12px}.card-art{position:absolute;top:60px;right:12px;bottom:90px;left:12px;display:grid;place-items:center}.wave-frame{display:grid;place-items:center;width:90%;height:112px;border:1px solid #ffffff38;border-radius:18px;background:linear-gradient(135deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px #ffffff12;position:relative}.wave-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #ffffff0c;border-radius:11px}.wave-frame svg{display:block;width:91%;height:78px;overflow:visible}.wave-line{fill:none;stroke:var(--wave);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:.8;filter:drop-shadow(0 0 5px var(--wave))}.home-request-section.page-form{width:min(740px,calc(100% - 36px));padding:0;margin:58px auto 0}.page-heading{margin:0 0 30px}.page-heading h1{font-size:clamp(32px,5vw,55px);font-weight:700;line-height:1.4;margin:0}.page-heading h1>span{color:var(--accent)}.home-request-section .page-heading{text-align:center;margin-bottom:23px}.home-request-section h2{font-size:29px;font-weight:400;margin:0}.page-form{max-width:740px}.form-card{position:relative;border:1px solid #ffffff34;border-radius:26px;padding:clamp(22px,4vw,38px);background:radial-gradient(ellipse at 0 0,#ffffff0b,transparent 55%),linear-gradient(135deg,#ffffff0c,#ffffff04);display:flex;flex-direction:column;gap:22px;box-shadow:inset 0 1px #ffffff12}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.form-card label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:400;color:#e7e9ec}.field-label{display:flex;align-items:baseline;gap:7px}.field-label b{color:var(--accent);font-size:12px;font-weight:400}.field-label small,.form-card label>small{color:#aeb4be;font-size:11px;font-weight:400}input,select,textarea,.form-card input,.form-card select,.form-card textarea{font-size:16px!important;line-height:1.5;letter-spacing:normal;font-weight:400;font-family:var(--font);-webkit-text-size-adjust:100%;text-size-adjust:100%;transform:none;touch-action:manipulation}.form-card input,.form-card select,.form-card textarea{width:100%;min-width:0;min-height:52px;padding:13px 15px;color:#fff;background:#101620b8;border:1px solid #ffffff2c;border-radius:13px;outline:none}.form-card textarea{resize:vertical;line-height:1.9}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b9d8f213}.form-card input::placeholder,.form-card textarea::placeholder{color:#9a9fab;font-size:16px}.form-card input:disabled{opacity:.45}.form-card select option{background:#17212f;color:#fff}.form-card select option:disabled{color:#999}.trap{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);padding:0!important;border:0!important}.form-end{display:flex;justify-content:center;padding-top:5px}.form-end button{padding:13px 34px;min-width:165px;background:#f3f2f0;border:0;border-radius:99px;color:#17212b;font-size:15px;font-weight:700}.form-end button:disabled{opacity:.55}.form-feedback{margin:0;text-align:center;font-size:12px;color:#c8d9e7;min-height:0}.form-feedback:empty{display:none}.form-feedback.error{color:#ffb7b7}.form-feedback.success{color:#bce6cb}.form-captcha-note{font-size:9px;color:#8f99a7;text-align:center;line-height:1.5}.form-captcha-note a{text-decoration:underline}.page-works{max-width:900px}.works-grid{display:grid;gap:12px}.work-tile{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:100px;width:100%;padding:21px 25px;border:1px solid #ffffff36;border-radius:18px;background:linear-gradient(100deg,#111821a1,color-mix(in srgb,var(--card-bg) 85%,transparent));color:#fff;text-align:right;overflow:hidden;transition:border-color .2s,background .2s}.work-tile:hover{border-color:var(--wave)}.tile-art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.24;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.tile-art svg{width:100%;height:92px}.tile-caption{display:flex;flex-direction:column;gap:4px}.tile-caption strong{font-size:19px;font-weight:700;line-height:1.6}.tile-caption small{font-size:11px;color:#b7beca}.listen-label{font-size:12px;font-weight:400;white-space:nowrap;color:var(--wave);border-bottom:1px solid color-mix(in srgb,var(--wave) 32%,transparent);padding-bottom:3px}.courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.course-cover{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;border:1px solid #ffffff4a;border-radius:24px;background:linear-gradient(145deg,var(--cover-a),#172030);background-size:140% 140%;animation:cover-breath 15s ease-in-out infinite}.course-cover:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:radial-gradient(ellipse,var(--cover-glow),transparent 67%);animation:cover-light 17s ease-in-out infinite}.course-cover:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(transparent,#0b1324c7)}.course-start{--cover-a:#614638;--cover-glow:#cda28791}.course-engineering{--cover-a:#304e79;--cover-glow:#83acd689}.course-maqamat{--cover-a:#4c3b60;--cover-glow:#b999c88c}.product-pack-sound{--cover-a:#35576b;--cover-glow:#91bdd387}.product-pack-covers{--cover-a:#524163;--cover-glow:#b695d08c}.product-pack-intros{--cover-a:#5e493b;--cover-glow:#d0b39486}@keyframes cover-breath{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cover-light{0%,to{transform:translate(-5%);opacity:.55}50%{transform:translate(8%);opacity:.85}}.coming-soon{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);color:#fff;white-space:nowrap;font-size:clamp(27px,3vw,34px);font-weight:400;font-family:Almarai,Tahoma,Arial,sans-serif;letter-spacing:normal!important;word-spacing:normal;text-shadow:0 0 24px #ffffff26}.course-cover-bottom{position:absolute;bottom:26px;right:24px;left:24px;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.course-text h2{margin:0;font-size:21px;line-height:1.6;font-weight:400}.course-text{min-width:0}.course-price{display:flex;align-items:baseline;flex-direction:row-reverse;gap:4px;direction:ltr;white-space:nowrap;color:#eee}.course-price b{font:500 23px Arial}.course-price small{font:12px var(--font)}.about-card{padding:35px 38px;border:1px solid #ffffff2b;border-radius:23px;background:#ffffff06;display:flex;align-items:center;gap:32px}.about-card img{width:105px;flex:none}.about-card p{font-size:clamp(16px,2vw,21px);line-height:2;max-width:650px;margin:0}.platform-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain}.platform-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050d18a8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.platform-sheet{position:relative;width:min(580px,100%);padding:34px 22px calc(27px + env(safe-area-inset-bottom));border:1px solid #ffffff45;border-radius:27px 27px 0 0;background:linear-gradient(140deg,#23384ef8,#111b29);text-align:center;max-height:85dvh;overflow-y:auto;animation:sheet-rise .25s ease}@keyframes sheet-rise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.platform-close{position:absolute;top:14px;left:17px;width:34px;height:34px;color:#fff;border:1px solid #ffffff35;background:#ffffff08;border-radius:50%;font:24px Arial}.platform-sheet h2{font-size:27px;font-weight:700;margin:6px 25px 2px}.platform-artist{font-size:12px;color:#b8c4d1;margin:0 0 24px}.platform-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.platform-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:87px;padding:12px 5px;border:1px solid #ffffff35;border-radius:15px;background:#ffffff07;color:#fff}.platform-options button:disabled{opacity:.4}.platform-options button:not(:disabled):hover{background:#ffffff17}.platform-options svg{width:24px;height:24px;color:var(--accent)}.platform-options span{font-size:10px;white-space:nowrap}.site-play-pause{display:none}.playing-here .site-play-pause{display:block}.playing-here .site-play-icon{display:none}.site-footer{margin:0 auto;width:calc(100% - 44px);max-width:1050px;padding:38px 20px calc(30px + env(safe-area-inset-bottom));border-top:1px solid #ffffff25;display:flex;flex-direction:column;align-items:center;gap:24px;background:transparent;box-shadow:none}.site-footer .brand{width:98px}.site-footer .record-light{animation:none;opacity:.55;box-shadow:none}.footer-details{font-size:10px;text-align:center;color:#adb2bc}.site-footer small{font-size:inherit}@media(max-width:750px){.site-header{min-height:98px;padding-inline:22px}.brand{width:106px}.brand-sub{font-size:8px}.hero-phrase{font-size:clamp(21px,5.7vw,28px);line-height:1.75;margin:16px auto 17px}.showcase{height:410px}.card-stack{height:348px}.card-bottom strong{font-size:25px}.wave-frame{height:98px}.wave-frame svg{height:72px}.page{padding-top:34px}.page-home{padding-top:10px}.home-request-section.page-form{margin-top:38px}.form-row{grid-template-columns:1fr}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.about-card{padding:28px;gap:25px}.about-card img{width:85px}}@media(max-width:560px){.page{width:calc(100% - 32px)}.page-home{width:100%}.hero-phrase{font-size:23px;line-height:1.8}.showcase{height:381px}.card-stack{width:min(260px,64vw);height:335px}.card-top{top:20px;left:18px}.card-top img{width:59px}.card-bottom{left:18px;right:18px;bottom:23px}.card-bottom strong{font-size:23px}.card-bottom>span{font-size:11px}.card-art{top:51px;right:10px;bottom:83px;left:10px}.wave-frame{height:94px}.home-request-section.page-form{width:calc(100% - 32px);margin-top:38px}.home-request-section h2{font-size:26px}.form-card{padding:22px 19px;border-radius:23px}.courses-grid{grid-template-columns:1fr;gap:28px;max-width:405px;margin:auto}.course-cover-bottom{right:23px;left:23px}.course-text h2{font-size:23px}.coming-soon{font-size:32px}.work-tile{min-height:90px;padding:18px;border-radius:16px}.tile-caption strong{font-size:17px}.listen-label{font-size:11px}.about-card{display:block}.about-card img{margin-bottom:17px}.about-card p{font-size:16px}.platform-options{gap:6px}.platform-options span{font-size:9px}.site-footer{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.showcase{height:488px;overflow:visible;isolation:isolate;margin-top:4px;padding-bottom:8px}.showcase:after{content:"";position:absolute;z-index:-1;left:50%;bottom:4px;transform:translate(-50%);width:min(490px,92%);height:90px;pointer-events:none;background:radial-gradient(ellipse at center,#ffffff14 0%,#ffffff08 29%,#ffffff02 54%,transparent 72%)}.card-stack{width:min(290px,60vw);height:auto;aspect-ratio:3/4}.work-card{box-shadow:0 0 24px #ffffff05;filter:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;contain:paint}.scene-interacting .ambient,.scene-interacting .ambient-field:before{animation-play-state:paused}@media(max-width:750px){.showcase{height:425px}.card-stack{width:min(265px,56vw);height:auto}.card-bottom strong{font-size:24px}.home-request-section.page-form{margin-top:100px}}@media(max-width:560px){.showcase{height:calc(min(236px,55vw) * 4 / 3 + 104px);padding-bottom:10px;margin-top:12px}.card-stack{width:min(236px,55vw);height:auto;aspect-ratio:3/4}.card-top{top:17px;left:16px}.card-top img{width:53px}.card-bottom{bottom:20px;left:17px;right:17px}.card-bottom strong{font-size:21px}.card-bottom>span{font-size:10px}.card-art{top:48px;right:8px;bottom:74px;left:8px}.wave-frame{height:80px;border-radius:15px}.wave-frame:before{top:7px;right:7px;bottom:7px;left:7px;border-radius:9px}.wave-frame svg{height:60px}.showcase:after{height:86px;bottom:-4px}.home-request-section.page-form{margin-top:94px}}@media(max-width:360px){.card-bottom strong{font-size:19px}.card-art{top:45px;right:7px;bottom:65px;left:7px}.wave-frame{height:70px}}.showcase{touch-action:pan-y pinch-zoom;overscroll-behavior:auto}.card-stack,.work-card,.work-card *{touch-action:pan-y pinch-zoom}.showcase:after{height:120px;width:min(530px,98%);bottom:-9px;background:radial-gradient(ellipse at center,#00000066 0%,#00000036 27%,#00000014 48%,#00000005 61%,transparent 74%)}.work-card{box-shadow:none}.home-request-section.page-form{margin-top:84px}.work-tile{min-height:101px;padding:19px 22px;gap:18px;transition:border-color .15s}.tile-art{left:130px;right:0;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 65%,transparent)}.listen-label{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--wave) 28%,transparent);border-radius:99px;background:linear-gradient(120deg,color-mix(in srgb,var(--wave) 12%,#17212b),#111821);font-size:11px;line-height:1.4;color:var(--wave);box-shadow:inset 0 1px #ffffff08;white-space:nowrap}.listen-label svg{width:16px;height:16px;flex:none}.work-tile:hover .listen-label{border-color:var(--wave)}.platform-overlay{--sheet-accent:#b9d8f2;--sheet-a:#455f9a9c;--sheet-b:#41678682}.platform-backdrop{background:#07101b7a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.platform-sheet{background:radial-gradient(ellipse at 12% 0,var(--sheet-a),transparent 75%),linear-gradient(140deg,#15202bf5,#0d1420fc);border-color:color-mix(in srgb,var(--sheet-accent) 35%,transparent);animation:quick-sheet .13s ease-out}@keyframes quick-sheet{0%{transform:translateY(9px)}to{transform:translateY(0)}}.platform-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.platform-options>button,.platform-options>a{flex:1 1 90px;max-width:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:91px;padding:14px 9px;border:1px solid color-mix(in srgb,var(--sheet-accent) 25%,transparent);border-radius:22px;background:#ffffff06;color:#fff;touch-action:manipulation}.platform-options svg{color:var(--sheet-accent);width:24px;height:24px}.platform-options>[data-platform=website]{background:color-mix(in srgb,var(--sheet-accent) 10%,transparent)}.platform-options>button:not(:disabled):hover,.platform-options>a:hover{background:#ffffff12}.course-text p{font:400 12px/1.95 var(--font);color:#c9c9d2;margin:7px 0 0;max-width:230px}.course-text h2{font-weight:700;font-size:20px}.course-price b{font:400 25px/1.3 var(--font);font-variant-numeric:tabular-nums}@media(max-width:560px){.home-request-section.page-form{margin-top:76px}.work-tile{padding:18px 15px;gap:12px}.tile-caption strong{font-size:16px}.tile-caption small{font-size:10px}.listen-label{gap:6px;padding:9px 11px;font-size:10px;min-height:39px}.listen-label svg{width:14px;height:14px}.tile-art{left:116px}.platform-options{gap:9px}.platform-options>button,.platform-options>a{flex-basis:78px}.platform-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.course-text p{font-size:12px}.course-text h2{font-size:21px}}.form-card input.field-invalid,.form-card input.field-invalid:focus{border-color:#f3878e;background:#55283155;box-shadow:0 0 0 2px #e8616c17}#budgetHint{display:block;line-height:1.85;transition:color .15s}#budgetHint.budget-error{color:#ffadb3}.work-card svg,.work-card span,.work-card img{pointer-events:none}.work-tile{touch-action:pan-y pinch-zoom}.tile-caption{min-width:0;overflow-wrap:anywhere}.listen-label svg{width:18px;height:18px}.platform-sheet{max-height:86svh;overscroll-behavior:contain;scrollbar-width:thin}.platform-options>button,.platform-options>a{max-width:none;min-height:76px;padding:12px 5px;gap:8px;border-radius:18px}.platform-options>[data-platform=website]{grid-column:1/-1;flex-direction:row;min-height:57px;gap:13px}.platform-options>[data-platform=website] span{font-size:13px}.platform-options .platform-unavailable{opacity:.3;cursor:default}.platform-options .platform-unavailable:hover{background:#ffffff06}.platform-options svg{flex-shrink:0}.platform-status{margin:0;color:var(--sheet-accent);font-size:12px;min-height:0}.platform-status:not(:empty){margin:14px 0 0}.embedded-player{margin:18px auto 0;width:100%}.platform-options>.embedded-player{grid-column:1/-1;margin:4px 0}.embedded-player iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:0;border-radius:16px;background:#070b11}.player-external-link{display:inline-block;font-size:11px;color:var(--sheet-accent);margin:9px 0 0;text-decoration:underline;text-underline-offset:4px}@media(max-width:560px){.listen-label svg{width:16px;height:16px}.platform-options{gap:8px}.platform-options>button,.platform-options>a{min-height:68px}.platform-sheet{padding-top:26px}.platform-artist{margin-bottom:18px}}.tone-green,.tone-violet{--card-bg:#263c30;--wave:#c5dec5}.course-maqamat{--cover-a:#344b3b;--cover-glow:#a3c7a47e}.product-pack-covers{--cover-a:#3e4a46;--cover-glow:#a6c6b77c}.work-tile{--wave:var(--accent);background:linear-gradient(120deg,#ffffff0b,#ffffff03);border:1px solid #ffffff24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0a}.work-tile .tile-art{opacity:.13}.work-tile:hover{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.listen-label{color:#e6edf2;background:linear-gradient(130deg,#ffffff12,#ffffff04);border-color:#ffffff2d}.work-tile:hover .listen-label{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.listen-label .tile-pause-icon{display:none}.work-tile.is-current-playing{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:inset 0 1px #ffffff12,0 0 22px color-mix(in srgb,var(--accent) 7%,transparent)}.is-current-playing .tile-play-icon{display:none}.is-current-playing .tile-pause-icon{display:block}.is-current-playing .listen-label{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.sheet-audio-player{padding:12px 8px 22px;display:flex;flex-direction:column;align-items:center;gap:14px}.sheet-wave{width:100%;height:80px;display:grid;place-items:center;--wave:var(--sheet-accent)}.sheet-wave svg{width:100%;height:70px;overflow:visible}.sheet-wave .wave-line{opacity:.68;stroke-width:2.4;transition:opacity .2s}.sheet-wave.wave-playing .wave-line{opacity:1}.sheet-play{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;border:1px solid color-mix(in srgb,var(--sheet-accent) 35%,transparent);background:linear-gradient(140deg,#ffffff15,#ffffff05);color:var(--sheet-accent);box-shadow:inset 0 1px #ffffff15;touch-action:manipulation}.sheet-play svg{width:27px;height:27px}.sheet-play:hover{background:#ffffff1c}.sheet-play.playing-here{box-shadow:inset 0 1px #ffffff15,0 0 25px color-mix(in srgb,var(--sheet-accent) 13%,transparent)}.sheet-timeline{width:100%;max-width:440px;direction:ltr}.sheet-seek{--played:0%;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;padding:0!important;min-height:28px!important;border:0;background:transparent;cursor:pointer;touch-action:pan-y}.sheet-seek::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,var(--sheet-accent) 0%,var(--sheet-accent) var(--played),#ffffff27 var(--played),#ffffff27 100%);box-shadow:0 0 7px color-mix(in srgb,var(--sheet-accent) 18%,transparent)}.sheet-seek::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:1px solid #fff;border-radius:50%;background:var(--sheet-accent);box-shadow:0 0 9px color-mix(in srgb,var(--sheet-accent) 70%,transparent)}.sheet-seek::-moz-range-track{height:3px;border-radius:99px;background:#ffffff27}.sheet-seek::-moz-range-progress{height:3px;background:var(--sheet-accent);box-shadow:0 0 7px var(--sheet-accent)}.sheet-seek::-moz-range-thumb{width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:var(--sheet-accent);box-shadow:0 0 8px var(--sheet-accent)}.sheet-seek:disabled{opacity:.3;cursor:default}.sheet-times{display:flex;justify-content:space-between;font:11px Almarai,Arial,sans-serif;color:#bdc6cf;font-variant-numeric:tabular-nums;margin-top:0}.platform-options{grid-template-columns:repeat(3,minmax(0,1fr))}.embedded-player{margin:4px 0 14px;width:100%}@media(prefers-reduced-motion:reduce){.work-tile{backdrop-filter:none;-webkit-backdrop-filter:none}}#shopify-section-nafas-library-data{display:none}:root{background:var(--site-background,#090e18)}body{background:var(--site-background,#090e18)}.ambient,.ambient-field:before{animation-duration:var(--breathing-duration,14s)}.hero-phrase{font-size:clamp(23px,3.3vw,var(--hero-desktop-size,36px))}.library-empty{font-size:17px;font-weight:400;color:#bac4ce;text-align:center;padding:50px 20px}.library-pagination{display:flex;justify-content:center;gap:12px;padding:28px 0 0}.library-pagination a{font-size:13px;padding:10px 22px;border:1px solid #ffffff2b;border-radius:99px;background:#ffffff07}.library-pagination a:hover{border-color:var(--accent)}.sheet-play:disabled{opacity:.35;cursor:default}@media(max-width:750px){.hero-phrase{font-size:clamp(21px,5.7vw,calc(var(--hero-mobile-size,23px) + 5px))}}@media(max-width:560px){.hero-phrase{font-size:var(--hero-mobile-size,23px)}}.nafas-work-data{display:none}.nafas-work-data~.nafas-work-data{display:none}.platform-backdrop{background:#0509102b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.platform-sheet{width:min(570px,100%);padding:25px 20px calc(19px + env(safe-area-inset-bottom,0px));max-height:75svh;border-radius:25px 25px 0 0;background:radial-gradient(ellipse at 12% 0,color-mix(in srgb,var(--sheet-a) 20%,transparent),transparent 72%),radial-gradient(ellipse at 100% 70%,color-mix(in srgb,var(--sheet-b) 12%,transparent),transparent 75%),linear-gradient(140deg,#17222bb5,#0c1420bd);backdrop-filter:blur(24px) saturate(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.08);border-color:color-mix(in srgb,var(--sheet-accent) 26%,transparent);box-shadow:inset 0 1px #ffffff09,0 -12px 45px #00000018}.platform-close{top:12px;left:15px;width:29px;height:29px;font-size:21px}.platform-sheet h2{font-size:21px;font-weight:700;margin:0 34px 3px;line-height:1.5}.platform-artist{font-size:11px;font-weight:400;line-height:1.6;margin:0 0 6px}.platform-artist:empty{display:none}.sheet-audio-player{width:100%;max-width:460px;margin:0 auto;padding:0 0 15px;gap:0}.sheet-play{width:44px;height:44px;min-height:44px;margin:1px auto 2px;padding:10px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#e4edf3}.sheet-play svg{width:23px;height:23px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sheet-accent) 15%,transparent))}.sheet-play.playing-here{background:transparent;box-shadow:none;color:var(--sheet-accent)}.sheet-play:hover{background:transparent;color:var(--sheet-accent)}.sheet-play .site-play-pause,.sheet-play.playing-here .site-play-icon{display:none}.sheet-play.playing-here .site-play-pause{display:block}.sheet-wave-timeline{position:relative;width:100%;height:45px;direction:ltr}#sheetWave{display:block;width:100%;height:45px}#sheetWave svg{display:block;width:100%;height:45px;overflow:visible;pointer-events:none}#sheetWave .wave-line{fill:none;stroke:url(#sheetTimelineGradient);stroke-width:2.4;stroke-linecap:round;opacity:1;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sheet-accent) 30%,transparent))}#sheetCursor{fill:var(--sheet-accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--sheet-accent) 65%,transparent));pointer-events:none}#sheetSeek{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:45px!important;padding:0!important;margin:0;opacity:0;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}#sheetSeek:disabled{pointer-events:none}.sheet-wave-timeline:focus-within{outline:1px solid color-mix(in srgb,var(--sheet-accent) 45%,transparent);outline-offset:0;border-radius:9px}.sheet-wave-timeline.seek-unavailable #sheetCursor{display:none}.sheet-wave-timeline.seek-unavailable{opacity:.35}.sheet-audio-player>.sheet-times{width:100%;padding:0 5px;direction:ltr;color:#b7c3ce;font:10px/1.4 var(--font);font-variant-numeric:tabular-nums;margin:-2px 0 0}.platform-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.platform-options>a,.platform-options>button{min-width:0;min-height:64px;max-width:none;padding:11px 6px;gap:7px;border-radius:18px;border-color:color-mix(in srgb,var(--sheet-accent) 23%,transparent);background:linear-gradient(135deg,#ffffff09,#ffffff03);box-shadow:inset 0 1px #ffffff06;justify-content:center}.platform-options svg{width:22px;height:22px}.platform-options span{font-size:10px;font-weight:400;line-height:1.3;white-space:nowrap}.platform-options>a:hover,.platform-options>button:not(:disabled):hover{border-color:color-mix(in srgb,var(--sheet-accent) 38%,transparent);background:#ffffff0d}.platform-options .platform-unavailable:hover{background:linear-gradient(135deg,#ffffff09,#ffffff03);border-color:color-mix(in srgb,var(--sheet-accent) 23%,transparent)}.platform-status{font-size:10px;line-height:1.6}.platform-status:not(:empty){margin:10px 0 0}@media(max-width:560px){.platform-sheet{padding-top:25px;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.platform-options>a,.platform-options>button{min-height:61px}}@media(max-width:360px){.platform-sheet{padding-left:16px;padding-right:16px}.platform-sheet h2{font-size:20px}.platform-options{gap:8px}.platform-options>a,.platform-options>button{min-height:59px;padding-left:4px;padding-right:4px}.platform-options span{font-size:9px}}@media(min-width:700px){.platform-sheet{padding-top:29px}.platform-options span{font-size:11px}.platform-options>a,.platform-options>button{min-height:69px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/nafas.css.map */