:root{color-scheme:dark;--bg: #000000;--bg-alt: #0d0d0f;--surface: #1c1c1e;--fill: #2c2c2e;--line: #38383a;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--on-light: #1d1d1f;--accent: #0a84ff;--accent-hover: #409cff;--link: #2997ff;--nav: rgba(28, 28, 30, .72);--green: #30d158;--green-text: #30d158;--green-soft: rgba(48, 209, 88, .14);--card-line: #2c2c2e;--spring: cubic-bezier(.32, .72, 0, 1);--radius: 18px;--radius-sm: 12px;--gutter: max(20px, 4vw);--ease: cubic-bezier(.22, .75, .2, 1);--nav-h: 52px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "IBM Plex Sans Arabic", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%}html.is-locked{overflow:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html[lang=ar] body{letter-spacing:0;line-height:1.7}img{display:block;max-width:100%}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;top:8px;inset-inline-start:8px;z-index:300;padding:8px 14px;border-radius:8px;background:var(--text);color:var(--on-light);transform:translateY(-160%);transition:transform .2s var(--ease)}.skip-link:focus-visible{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:980px;font-size:17px;font-weight:500;transition:background-color .2s,transform .2s var(--ease)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--link{background:none;color:var(--link);padding:0;min-height:32px}.btn--link:hover{text-decoration:underline}.nav{position:sticky;top:0;z-index:50;background:var(--nav);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#f5f5f7}.nav__inner{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand lang" "search search";align-items:center;gap:8px 16px;padding-block:8px 10px}.nav__brand{grid-area:brand;justify-self:start;border-radius:6px}.nav__search{grid-area:search;min-width:0}.nav__lang{grid-area:lang;justify-self:end}.brand-logo{width:auto;height:34px}@media (min-width: 760px){.nav__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search lang";gap:24px;height:var(--nav-h);padding-block:0}.nav__search{width:100%;max-width:440px;justify-self:center}}.search{position:relative}.search__icon{position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);color:#fff9;pointer-events:none}.search__input{width:100%;height:36px;padding-inline:38px 36px;background:#ffffff1f;border:0;border-radius:10px;color:#fff;font-size:16px;transition:background-color .2s}.search__input::placeholder{color:#ffffff8c}.search__input::-webkit-search-cancel-button{display:none}.search__input:hover{background:#ffffff29}.search__input:focus{outline:none;background:#fff3;box-shadow:0 0 0 3px #0071e38c}.search__clear{position:absolute;top:50%;inset-inline-end:6px;display:grid;place-items:center;width:26px;height:26px;transform:translateY(-50%);border:0;border-radius:50%;background:#ffffff38;color:#fff}.lang-switch{display:inline-flex;padding:2px;border-radius:980px;background:#ffffff1f;direction:ltr}.lang-switch__btn{min-width:40px;height:30px;padding:0 10px;border:0;border-radius:980px;background:transparent;color:#ffffffbf;font-size:13px;font-weight:600;transition:background-color .25s var(--ease),color .25s}.lang-switch__btn[lang=ar]{font-size:15px}.lang-switch__btn[aria-pressed=true]{background:var(--text);color:var(--on-light)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.catalogue{min-height:100vh;padding-block:40px 88px;background:var(--bg-alt)}.catalogue__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.catalogue__title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em}html[lang=ar] .catalogue__title{letter-spacing:0}.catalogue__count{color:var(--text-2);font-size:17px;font-variant-numeric:tabular-nums}.chips{display:flex;gap:8px;margin-inline:calc(var(--gutter) * -1);margin-bottom:28px;padding:2px var(--gutter);overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;height:36px;padding:0 16px;border:0;border-radius:980px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease)}.chip:hover{background:var(--fill)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--text);color:var(--on-light)}.grid{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:14px}@media (min-width: 700px){.grid{--cols: 3;gap:20px}}@media (min-width: 1000px){.grid{--cols: 4;gap:24px}}.grid__item{display:flex;min-width:0}.grid{--stagger: 44px;padding-bottom:var(--stagger)}.grid__item:nth-child(2n){translate:0 var(--stagger)}@media (min-width: 700px){.grid{--stagger: 56px}.grid__item:nth-child(2n){translate:none}.grid__item:nth-child(3n+2){translate:0 var(--stagger)}}@media (min-width: 1000px){.grid{--stagger: 64px}.grid__item:nth-child(3n+2){translate:none}.grid__item:nth-child(2n){translate:0 var(--stagger)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i) * 70ms)}.reveal.is-visible{opacity:1;transform:none}.card{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border:1px solid var(--card-line);border-radius:8px;background:var(--surface);text-align:center;box-shadow:0 8px 24px -14px #000c;transition:transform .5s var(--spring),box-shadow .5s var(--spring),border-color .3s}.card__media{position:relative;display:block;overflow:hidden}.card__cover .cover__img{transition:transform .7s var(--spring),opacity .4s}.card__media:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:#ffffff0f}.card__body{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 14px 12px}.card__foot{display:flex;justify-content:center;margin-top:auto;padding:9px 10px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#30d15812,#30d15808)}.card__title{max-width:100%;overflow:hidden;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.card__meta{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--text-2);font-size:13px;line-height:1.3;white-space:nowrap}.card__icon{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;opacity:.8}.card__year{font-variant-numeric:tabular-nums}.card__sep{width:3px;height:3px;flex-shrink:0;border-radius:50%;background:var(--text-3)}.card__genre{overflow:hidden;text-overflow:ellipsis}@media (hover: hover){.card:hover{transform:translateY(-6px);border-color:#48484a;box-shadow:0 28px 50px -20px #000000e6}.card:hover .cover__img{transform:scale(1.05)}}.card:active{transform:scale(.97);transition-duration:.15s}.card:focus-visible{border-radius:8px}@media (max-width: 420px){.card__body{padding:10px 8px;gap:4px}.card__foot{padding:8px 6px}.card__foot .bundle{font-size:11.5px;gap:5px}.card__title{font-size:14px}.card__meta{font-size:12px}}@media (max-width: 360px){.card__foot{padding:8px 2px}.card__foot .bundle{gap:4px;font-size:10.5px}.card__foot .bundle__check{width:12px;height:12px}}.bundle{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 8px;border-radius:6px;font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap}[dir=rtl] .bundle{padding:5px 8px 5px 9px}.bundle--plain{padding:0;color:var(--green-text)}.bundle--inline{background:var(--green-soft);border:1px solid rgba(48,209,88,.3);color:var(--green-text)}.bundle__check{flex-shrink:0}.bundle__check circle{fill:var(--green)}.bundle__check path{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cover{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--fill);container-type:inline-size}.cover__img{position:relative;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.cover.is-loaded .cover__img{opacity:1}.cover--contain .cover__img{object-fit:contain}.cover__backdrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(18px) brightness(.9)}.cover--placeholder{display:flex;flex-direction:column;justify-content:space-between;padding:10%;background:linear-gradient(160deg,var(--fill),var(--bg-alt));color:var(--text);direction:ltr;text-align:left}.cover__ph-brand{color:var(--text-3);font-size:max(9px,6cqi);font-weight:700;letter-spacing:.2em}.cover__ph-title{font-size:max(15px,11cqi);font-weight:700;line-height:1.08;letter-spacing:-.02em;overflow-wrap:anywhere}.cover__ph-year{color:var(--text-2);font-size:max(10px,6cqi);font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:72px 20px;text-align:center}.empty__title{font-size:24px;font-weight:700}.empty__text{color:var(--text-2)}.sheet{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text)}.sheet[open]{display:grid;align-items:end}.sheet::backdrop{background:#000000a6;animation:fade-in .4s ease both}.sheet.is-closing::backdrop{animation:fade-out .32s ease both}.sheet__panel{position:relative;width:100%;max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-radius:12px 12px 0 0;box-shadow:0 -10px 40px -20px #0009;animation:sheet-up .55s var(--spring) both;will-change:transform}.sheet.is-closing .sheet__panel{animation:sheet-down .34s cubic-bezier(.4,0,1,1) both}.sheet__close{position:absolute;top:14px;inset-inline-end:14px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#00000073;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .2s,transform .25s var(--spring)}.sheet__close:hover{background:#000000b3;transform:rotate(90deg)}.sheet__close:active{transform:scale(.9)}.detail__hero{position:relative;overflow:hidden;isolation:isolate}.detail__ambient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;width:140%;height:140%;object-fit:cover;filter:blur(48px) saturate(1.5) brightness(.55);transform:scale(1.1);animation:ambient-in 1.2s ease both}.detail__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(28,28,30,0) 30%,var(--surface) 100%)}.detail__hero-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:64px 24px 28px;text-align:center}.detail__cover{width:min(200px,52vw);border-radius:8px;box-shadow:0 0 0 1px #ffffff1a,0 24px 50px -16px #000c;animation:cover-in .7s var(--spring) both .06s}.detail__heading{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.detail__title{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;animation:settle .6s var(--spring) both .14s}.detail__title:lang(ar){letter-spacing:0;line-height:1.4}.detail__subtitle{color:var(--text-2);font-size:16px;animation:settle .6s var(--spring) both .18s}.detail__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;animation:settle .6s var(--spring) both .22s}.detail__chip{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:var(--text);font-size:12.5px;font-weight:500;line-height:1.2}.detail__story{padding:8px 24px calc(36px + env(safe-area-inset-bottom));animation:settle .6s var(--spring) both .28s}.detail__label{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--text-2);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail__label:lang(ar),html[lang=ar] .detail__label{letter-spacing:0;font-size:14px}.detail__text{color:var(--text);font-size:17px;line-height:1.75;text-wrap:pretty}.detail__text:lang(ar){font-size:18px;line-height:1.95}.sheet.is-closing :is(.detail__cover,.detail__title,.detail__subtitle,.detail__chips,.detail__story,.detail__ambient){animation:none}@media (min-width: 800px){.sheet[open]{align-items:center;justify-items:center}.sheet__panel{width:min(780px,calc(100% - 48px));max-height:88vh;border-radius:12px;box-shadow:0 0 0 1px #ffffff14,0 40px 100px -30px #000000e6;animation:zoom-in .6s var(--spring) both}.sheet.is-closing .sheet__panel{animation:zoom-out .38s cubic-bezier(.5,0,.75,0) both}.detail__hero-inner{flex-direction:row;align-items:flex-end;gap:28px;padding:56px 40px 32px;text-align:start}.detail__cover{flex-shrink:0;width:200px}.detail__heading{align-items:flex-start;padding-bottom:4px}.detail__chips{justify-content:flex-start}.detail__story{padding:8px 40px 40px}}@keyframes zoom-in{0%{opacity:0;transform:translate(var(--from-x, 0px),var(--from-y, 24px)) scale(var(--from-s, .94))}40%{opacity:1}}@keyframes zoom-out{to{opacity:0;transform:translate(var(--from-x, 0px),var(--from-y, 24px)) scale(var(--from-s, .94))}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes cover-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}@keyframes ambient-in{0%{opacity:0}}@keyframes settle{0%{opacity:0;transform:translateY(14px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px var(--gutter);background:#000000b8;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);transition:opacity .45s ease}.splash.is-leaving{opacity:0}.splash__text{max-width:18ch;font-family:var(--font-display);font-size:clamp(26px,5vw,40px);font-weight:700;line-height:1.3;letter-spacing:-.02em;text-align:center;text-wrap:balance;animation:rise .8s var(--ease) both .1s,blink 1.3s ease-in-out .9s infinite}@keyframes blink{0%,to{opacity:1;text-shadow:0 0 24px rgba(255,255,255,.35)}50%{opacity:.25;text-shadow:none}}html[lang=ar] .splash__text{letter-spacing:0;line-height:1.55}.splash__bar{width:120px;height:3px;overflow:hidden;border-radius:2px;background:var(--fill);animation:fade .6s ease both .3s}.splash__bar span{display:block;height:100%;background:var(--text);transform-origin:left center;animation:progress 3s linear both}[dir=rtl] .splash__bar span{transform-origin:right center}@keyframes progress{0%{transform:scaleX(0)}}.footer{border-top:1px solid var(--line);background:var(--bg-alt);color:var(--text-2);font-size:12px;line-height:1.6}.footer__inner{display:flex;flex-direction:column;gap:8px;padding-block:24px 32px}.footer__brand{color:var(--text);font-size:13px;font-weight:600}.footer__shop{align-self:flex-start;font-size:13px}.footer__legal{color:var(--text-3)}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}