.rahla-marketing{--rahla-header:64px}@media (width>=64rem){.rahla-marketing{--rahla-header:72px}}.rahla-marketing>main{padding-top:var(--rahla-header)}.rahla-marketing>main>div:first-child>div.rahla-hero:first-of-type{margin-top:calc(-1 * var(--rahla-header));padding-top:var(--rahla-header)}.rahla-chrome-header{--rahla-bar:var(--rahla-header)}.rahla-chrome-header[data-compact]{--rahla-bar:56px}@media (width>=64rem){.rahla-chrome-header[data-compact]{--rahla-bar:60px}}.rahla-chrome-bar{background-color:var(--color-espresso);border-radius:0;max-width:100%;margin-top:0;transition:max-width .38s cubic-bezier(.2,.8,.2,1),margin-top .38s cubic-bezier(.2,.8,.2,1),border-radius .38s,background-color .3s,box-shadow .3s;box-shadow:inset 0 -1px #f4f1ea14}.rahla-chrome-row{padding-inline:1.25rem;transition:padding .38s,height .3s}@media (width>=40rem){.rahla-chrome-row{padding-inline:2rem}}.rahla-marketing:has(>main>div:first-child>div.rahla-hero:first-of-type) .rahla-chrome-header[data-clear] .rahla-chrome-bar{box-shadow:none;background-color:#0000}.rahla-chrome-header[data-compact] .rahla-chrome-bar{background-color:color-mix(in srgb, var(--color-espresso) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-radius:999px;max-width:min(68rem,100% - 1.5rem);margin-top:8px;box-shadow:0 0 0 1px #f4f1ea1a,0 18px 40px -16px #0000008c}@media (width>=64rem){.rahla-chrome-header[data-compact] .rahla-chrome-bar{margin-top:12px}}.rahla-chrome-header[data-compact] .rahla-chrome-row{padding-inline:1.25rem .5rem}.rahla-board-panel{border-top:1px solid #f4f1ea1a;box-shadow:0 40px 80px -30px #0009}.rahla-chrome-header[data-compact] .rahla-board-panel{border-top:0;border-radius:24px;top:calc(100% + 8px);overflow:hidden;box-shadow:0 0 0 1px #f4f1ea1a,0 40px 80px -30px #000000b3}.rahla-chrome-link{position:relative}.rahla-chrome-link[aria-current=page]:after,.rahla-chrome-link[data-here]:after{content:"";inset-inline-start:50%;background:var(--color-ember);border-radius:2px;width:14px;height:2px;margin-inline-start:-7px;position:absolute;bottom:2px}@keyframes rahla-board-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rahla-board-drop{animation:.2s ease-out rahla-board-in}@keyframes rahla-sheet-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.rahla-sheet-drop{animation:.28s cubic-bezier(.2,.8,.2,1) rahla-sheet-in}.rahla-flip{transform-origin:50% 55%;display:inline-block}.rahla-flip-host:hover .rahla-flip,.rahla-flip-host:focus-visible .rahla-flip{animation:.42s cubic-bezier(.3,1.3,.5,1) rahla-flip-once}@keyframes rahla-flip-once{0%{transform:perspective(500px)rotateX(0)}38%{opacity:.5;transform:perspective(500px)rotateX(-90deg)}39%{opacity:.5;transform:perspective(500px)rotateX(90deg)}to{opacity:1;transform:perspective(500px)rotateX(0)}}@media (prefers-reduced-motion:reduce){.rahla-board-drop,.rahla-sheet-drop,.rahla-flip-host .rahla-flip{animation:none!important}}html[data-motion=reduce] .rahla-board-drop,html[data-motion=reduce] .rahla-sheet-drop,html[data-motion=reduce] .rahla-flip-host .rahla-flip{animation:none!important}@layer components{.rahla-board{--board:#1c140f;--tile:#2b2019;--tile-edge:#120c08;--board-ink:#f4f1ea;--board-dim:#f4f1ea8c;background:var(--board);color:var(--board-ink)}.rahla-flap{background:var(--tile);box-shadow:inset 0 -1px 0 #ffffff0a, 0 1px 0 var(--tile-edge);transform-origin:50% 0;animation:.52s cubic-bezier(.3,1.4,.5,1) both rahla-flap;animation-delay:var(--d,0s);border-radius:4px;align-items:center;display:inline-flex;position:relative}.rahla-flap:after{content:"";inset-inline:0;background:#00000059;height:1px;position:absolute;top:50%;box-shadow:0 1px #ffffff0d}@keyframes rahla-flap{0%{opacity:0;transform:perspective(400px)rotateX(-92deg)}55%{opacity:1}to{opacity:1;transform:perspective(400px)rotateX(0)}}.rahla-board-row{animation:.4s ease-out both rahla-row;animation-delay:var(--d,0s)}@keyframes rahla-row{0%{opacity:0}to{opacity:1}}.rahla-board-pulse{animation:2.4s ease-in-out infinite rahla-pulse}@keyframes rahla-pulse{0%,to{opacity:1}50%{opacity:.35}}.rahla-flap-tile{color:#0000;background:linear-gradient(#2e221a 0 49.4%,#120c08 49.4% 50.6%,#261c15 50.6% 100%);border-radius:.09em;place-items:center;width:.78em;height:1.08em;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 .04em #0c0805,0 .12em .3em #00000059}.rahla-flap-tile:before{content:attr(data-glyph);color:#f4f1ea;place-items:center;transition:color .2s;display:grid;position:absolute;inset:0}.rahla-flap-tile:not([data-settled]):before{color:#f4f1ea80}.rahla-flap-tile[data-glyph=\ ]:before{content:""}.rahla-flap.bg-ember:after{background:#0000001a}.rahla-hero{color:#f4f1ea;background:#1c140f}.rahla-hero.rahla-glow{--glow-x:50%;--glow-y:80%;background:radial-gradient(55% 36% at var(--glow-x) var(--glow-y), #d662345c, transparent 70%), radial-gradient(90% 52% at var(--glow-x) var(--glow-y), #c6572e21, transparent 72%), linear-gradient(to bottom, #120d0a 0%, #1c140f 55%)}.rahla-hero.rahla-glow--start{--glow-y:28%}@media (width>=64rem){.rahla-hero.rahla-glow--start{--glow-x:20%;--glow-y:50%}[dir=rtl] .rahla-hero.rahla-glow--start{--glow-x:80%}}.rahla-grain:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.rahla-pass{--notch:18px;-webkit-mask:radial-gradient(circle var(--notch) at var(--tear) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--tear) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at var(--tear) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--tear) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--tear) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--tear) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat}.rahla-tear{background-image:linear-gradient(#0a0a0a40 50%,#0000 0);background-size:1px 10px}.rahla-arc{stroke-dasharray:1;stroke-dashoffset:1px}.rahla-map[data-seen] .rahla-arc{animation:1.6s cubic-bezier(.6,0,.2,1) forwards rahla-draw;animation-delay:var(--d,0s)}@keyframes rahla-draw{to{stroke-dashoffset:0}}.rahla-flap-word{color:#f4f1ea;transform-origin:50% 0;animation:.62s cubic-bezier(.3,1.4,.5,1) both rahla-flap;animation-delay:var(--d,0s);background:linear-gradient(#2e221a 0 49.4%,#120c08 49.4% 50.6%,#261c15 50.6% 100%);border-radius:.09em;padding:.06em .22em .12em;display:inline-block;position:relative;box-shadow:inset 0 1px #ffffff0d,0 .04em #0c0805,0 .12em .3em #00000059}}.rahla-rail-fill{transform-origin:top;transition:transform .5s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.rahla-flap,.rahla-board-row{animation-delay:0s!important}.rahla-board-pulse{animation:none}}html[data-motion=reduce] .rahla-flap,html[data-motion=reduce] .rahla-board-row{animation-delay:0s!important}html[data-motion=reduce] .rahla-board-pulse{animation:none}.rahla-film-in{animation:.42s cubic-bezier(.2,.8,.2,1) both rahla-film-in;animation-delay:var(--d,0s)}@keyframes rahla-film-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rahla-film-flash{animation:2.4s ease-out .5s both rahla-film-flash}@keyframes rahla-film-flash{0%,30%{background-color:var(--color-ember-soft)}to{background-color:#0000}}.rahla-film-bar{transform-origin:bottom;animation:.7s cubic-bezier(.2,.8,.2,1) both rahla-film-bar;animation-delay:var(--d,0s)}@keyframes rahla-film-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rahla-film-progress{inset-inline:0;background:var(--color-ember);transform-origin:0;height:2px;animation:linear both rahla-film-progress;position:absolute;bottom:0}[dir=rtl] .rahla-film-progress{transform-origin:100%}@keyframes rahla-film-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rahla-board-row[data-active]{background:#f4f1ea0d;border-radius:6px}.rahla-film[data-paused] .rahla-film-progress{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.rahla-film-in,.rahla-film-flash,.rahla-film-bar{animation:none!important}}html[data-motion=reduce] .rahla-film-in,html[data-motion=reduce] .rahla-film-flash,html[data-motion=reduce] .rahla-film-bar{animation:none!important}[dir=rtl] .rahla-marketing,[dir=rtl] .rahla-marketing :not(.rahla-wordmark__latin,.rahla-tagline){letter-spacing:0!important}[dir=rtl] .rahla-board{font-family:var(--font-arabic)}@media (prefers-reduced-motion:reduce){.rahla-flap-word{animation-delay:0s!important}}html[data-motion=reduce] .rahla-flap-word{animation-delay:0s!important}html[data-prerendered] .rahla-flap-tile:before{content:""}html[data-prerendered] .rahla-flap-word{color:#0000}html[data-prerendered] .rahla-board-row{opacity:0}.rahla-flight{animation:1.5s cubic-bezier(.22,.8,.24,1) .35s both rahla-fly;inset-inline-start:0}.rahla-flight svg{transform:rotate(45deg)}[dir=rtl] .rahla-flight svg{transform:rotate(-135deg)}@keyframes rahla-fly{0%{inset-inline-start:0}to{inset-inline-start:58%}}@media (prefers-reduced-motion:reduce){.rahla-flight{animation:none;inset-inline-start:58%}}html[data-motion=reduce] .rahla-flight{animation:none;inset-inline-start:58%}@media (width<=767px){.rahla-pass-stack{-webkit-mask:none;mask:none}.rahla-pass-stack>:first-child{-webkit-mask:radial-gradient(16px at 0 100%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(16px at 100% 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(16px at 0 100%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(16px at 100% 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.rahla-pass-stack>:last-child{-webkit-mask:radial-gradient(16px at 0 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(16px at 100% 0,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(16px at 0 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(16px at 100% 0,#0000 98%,#000) 100%/51% 100% no-repeat}}
