@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--space-7:9rem;--font-latin:"IBM Plex Sans", system-ui, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--font:var(--font-latin);--text-small:.9375rem;--text-body:1.125rem;--text-h2:clamp(2.25rem, 1.85rem + 1.1vw, 2.75rem);--text-hero:clamp(2.75rem, 1rem + 6vw, 5.5rem);--lh-body:1.6;--lh-heading:1.12;--lh-hero:1.02;--track-heading:-.015em;--track-hero:-.03em;--measure-text:65ch;--measure:72rem;--gutter:var(--space-2);--rule:3px;--dir-sign:1;--origin-start:0%;--ease:cubic-bezier(.2, .7, .2, 1)}@media (width>=48rem){:root{--gutter:var(--space-4)}}[dir=rtl]{--dir-sign:-1;--origin-start:100%}:root:lang(ar){--font:var(--font-arabic);--text-small:max(1.0625rem, 14pt);--text-body:1.25rem;--text-h2:clamp(2.25rem, 1.9rem + 1vw, 2.75rem);--text-hero:clamp(2.5rem, 1rem + 5.4vw, 5rem);--lh-body:1.85;--lh-heading:1.4;--lh-hero:1.32;--track-heading:0;--track-hero:0;--measure-text:60ch}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-body);line-height:var(--lh-body);text-align:start;overflow-wrap:break-word;font-synthesis:none;margin:0;overflow-x:clip}h1,h2,h3,h4{font-weight:700;line-height:var(--lh-heading);letter-spacing:var(--track-heading);text-wrap:balance;margin:0}h1{font-size:var(--text-hero);line-height:var(--lh-hero);letter-spacing:var(--track-hero)}h2{font-size:var(--text-h2)}h3,h4{font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:0}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}dl,dd{margin:0}a{color:inherit;text-underline-offset:.2em}img,svg,iframe{max-inline-size:100%;display:block}svg{flex-shrink:0}button{font:inherit;color:inherit}em,i{font-style:normal;font-weight:700}:lang(ar){letter-spacing:0;text-transform:none;font-style:normal}:lang(ar) :is(p,li,td,dd,blockquote){text-align:start}.container{inline-size:100%;max-inline-size:calc(var(--measure) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;min-block-size:3rem;padding-inline:var(--space-2);align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);transform:translateY(-200%)}.skip-link:focus{transform:none}[dir=rtl] .icon-directional{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--text-h2:clamp(1.75rem, 1.3rem + 2vw, 2.5rem);--text-h3:1.375rem;--text-lead:1.1875rem}:root:lang(ar){--text-lead:1.3125rem}body{background:var(--d-bg);color:var(--d-text)}:focus-visible{outline:3px solid var(--d-primary);outline-offset:2px}.demo-banner{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);padding-block:var(--space-1);padding-inline:var(--gutter);color:#f7f5f1;background:#1c1c1f;flex-wrap:wrap;font-size:.875rem;line-height:1.5;display:flex}:lang(ar) .demo-banner{font-size:.9375rem}.demo-banner a{color:#f7f5f1;font-weight:700}.demo-back{z-index:50;align-items:center;gap:var(--space-1);min-block-size:2.75rem;padding-inline:var(--space-2);color:#fff;background:#111113;border:1px solid #c8884a;border-radius:999px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom,0));inset-inline-start:var(--space-2);box-shadow:0 4px 16px #00000040}.demo-back span{color:#c8884a}.demo-back:hover{background:#1c1c1f}.in-frame .demo-back{display:none}@media (width<=55.99rem){body:has(.d-sticky) .demo-back{inset-block-end:calc(var(--space-6) + var(--space-2) + env(safe-area-inset-bottom,0))}}@media print{.demo-back{display:none}}.demo-lang{align-items:center;min-block-size:2.25rem;display:inline-flex}.d-section{padding-block:var(--space-5)}.d-band{background:var(--d-band);color:var(--d-on-band)}.d-head{gap:var(--space-1);max-inline-size:40rem;margin-block-end:var(--space-3);display:grid}.d-muted{color:var(--d-muted)}.d-small{font-size:var(--text-small)}.d-btn{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:3rem;padding-block:var(--space-1);padding-inline:var(--space-3);background:var(--d-primary);color:var(--d-on-primary);border-radius:var(--d-radius,.5rem);text-align:center;cursor:pointer;border:0;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.d-btn:hover{filter:brightness(1.06)}.d-btn-quiet{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:3rem;padding-inline:var(--space-2);border-radius:var(--d-radius,.5rem);border:2px solid;font-weight:700;text-decoration:none;display:inline-flex}.d-card{background:var(--d-surface);border-radius:var(--d-radius,.5rem)}.d-ph{background:var(--d-ph-bg,var(--d-surface));inline-size:100%;color:var(--d-ph-fg,var(--d-muted));border-radius:var(--d-radius,.5rem);place-items:center;display:grid;overflow:hidden}.d-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--d-min,16rem)), 1fr));gap:var(--space-2);display:grid}.d-hours{gap:0;display:grid}.d-hours div{gap:var(--space-1) var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--d-line);grid-template-columns:minmax(0,1fr) auto;display:grid}.d-hours dt{font-weight:700}.d-hours dd{text-align:end}.d-hours .note{font-size:var(--text-small);color:var(--d-muted);text-align:start;grid-column:1/-1}.d-hours .time{direction:ltr;unicode-bidi:isolate;display:block}:lang(ar) .d-hours .time{direction:rtl}.d-footer{padding-block:var(--space-4);background:var(--d-band);color:var(--d-on-band);font-size:var(--text-small)}.d-footer .container{gap:var(--space-1);display:grid}.d-sticky{z-index:20;padding-block:var(--space-1) calc(var(--space-1) + env(safe-area-inset-bottom,0));padding-inline:var(--gutter);background:var(--d-bg);border-block-start:1px solid var(--d-line);position:sticky;inset-block-end:0}.d-sticky .d-btn{inline-size:100%}@media (width>=56rem){.d-sticky{display:none}}.d-scene{border-radius:var(--d-radius,.5rem);inline-size:100%;color:color-mix(in srgb, var(--sb) 25%, #fff);background:radial-gradient(120% 90% at var(--sl-x,25%) var(--sl-y,10%), color-mix(in srgb, var(--sa) 70%, #fff) 0%, transparent 60%), radial-gradient(60% 18% at 50% 82%, color-mix(in srgb, var(--sb) 70%, #000) 0%, transparent 70%), linear-gradient(160deg, var(--sa), var(--sb));isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.d-scene:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(40% 40% at 70% 30%,#ffffff38,#0000 70%);transition:translate 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.d-scene:hover:after{translate:-20% 10%}.d-scene-icon{filter:drop-shadow(0 18px 14px #00000047)drop-shadow(0 2px 2px #0003);block-size:auto;inline-size:38%;max-inline-size:9rem}.d-scene img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.d-scene:after{transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.d-rise{animation:linear both d-rise view();animation-range:entry entry 60%}}}@keyframes d-rise{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}.d-ph:has(>.d-ph-img){position:relative}.d-ph>.d-ph-img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}
