@font-face{font-family:Messiri;src:url('/fonts/el-messiri-700.ttf') format('truetype');font-weight:700;font-display:swap}
body{background:#25262a;color:#f7f2e8}.scene-shade{background:linear-gradient(180deg,#191a2025,transparent 30%,#1c1c2199 65%,#1b1b20ed 100%)}.backdrop{overflow:hidden}.backdrop img{animation:landscape-drift 24s ease-in-out infinite alternate;will-change:transform}#weather{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.5}
.landing{padding-top:58px}.identity{width:min(1000px,100%);position:relative}.wordmark{padding:0;margin:0;position:relative;line-height:0;font-size:0;filter:drop-shadow(0 4px 4px #0d0d12b3);animation:emblem-rise 1.2s ease both}.wordmark picture{display:block}.wordmark img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.wordmark:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#fff8e666 49%,transparent 60%);background-size:300% 100%;mask:url('/assets/wordmark-desktop-v4.webp') center/contain no-repeat;animation:emblem-shine 9s ease-in-out infinite;mix-blend-mode:screen}
.navigation{width:min(800px,100%);padding-top:46px}.welcome{font-family:Messiri,Georgia,serif;font-size:28px;margin-bottom:23px;color:#f1e9da}.welcome span{width:42px;background:linear-gradient(90deg,transparent,#dcc498)}.welcome span:last-child{transform:rotate(180deg)}
.work-button{position:relative;isolation:isolate;min-height:218px;padding:26px 40px;display:flex;justify-content:flex-start;border:1px solid #d8bc83a3;border-radius:5px;background:#242327;box-shadow:0 12px 30px #0006,inset 0 1px #fbe5b1;backdrop-filter:none;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,box-shadow .3s}.work-button:before{inset:5px;border:1px solid #dec89c2b;border-radius:1px;z-index:2}.work-button:after{inset:0;z-index:1;background:linear-gradient(110deg,transparent 36%,#ffe7ad22 49%,transparent 62%);background-size:300% 100%;transform:none;animation:emblem-shine 7s ease-in-out infinite;mix-blend-mode:screen}.khan-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 22%;z-index:-1;transition:transform .8s}.work-copy{width:65%;z-index:2;gap:8px;position:relative}.work-caption{font-family:Manrope,Arial,sans-serif;font-size:10px;color:#d4b887;font-weight:700}.work-copy strong{font:700 42px/1.04 Messiri,Georgia,serif;color:#f5e9ce;text-shadow:0 2px 0 #171419,0 4px 12px #000a}.work-action{display:flex;align-items:center;gap:15px;font:700 13px/1.3 Manrope,Arial,sans-serif;color:#e7c98e;margin-top:4px}.work-action svg{width:20px;height:20px;transition:transform .3s}.work-button:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px);box-shadow:0 18px 40px #0008,0 0 20px #ead4a414}.work-button:hover .khan-portrait{transform:scale(1.025)}.work-button:hover .work-action svg{transform:translate(3px,-3px)}
.nav-grid{gap:12px;margin-top:16px}.nav-link{isolation:isolate;position:relative;min-height:128px;align-items:center;justify-content:center;gap:10px;padding:20px 16px 16px;border:0;border-radius:3px;background:#252428;backdrop-filter:none;box-shadow:0 8px 22px #0005;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,filter .3s;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/ivory-frame-v4.webp') center/100% 100% no-repeat;pointer-events:none}.nav-link:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#e8d9b81c 48%,transparent 66%);background-size:300% 100%;background-position:120% 0;transition:background-position 1s;pointer-events:none}.nav-link:hover{background:#252428;border-color:transparent;filter:brightness(1.12);transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px)}.nav-link:hover:after{background-position:-50% 0}.nav-symbol{display:grid;place-items:center;width:38px;height:32px;color:#e7d4b0;filter:drop-shadow(0 2px 1px #000)}.nav-symbol svg{width:25px;height:25px;stroke-width:1.6}.nav-copy{width:100%;text-align:center}.nav-copy strong{font-family:Messiri,Georgia,serif;font-weight:700;--label-base:25;font-size:var(--fitted-size,25px);line-height:1.15;color:#f1e5cb;text-shadow:0 2px 1px #000}.nav-arrow{width:13px;height:13px;top:19px;right:17px;color:#bca579;opacity:.75}
.casino-badge{display:block;position:relative;isolation:isolate;min-height:210px;margin-top:22px;overflow:hidden;border-radius:4px;background:#27252a;box-shadow:0 10px 30px #0006;transition:transform .3s,box-shadow .3s;animation:reveal 1s .4s both}.casino-badge:before{content:"";position:absolute;inset:0;background:url('/assets/ivory-frame-v4.webp') center/100% 100% no-repeat;z-index:-1}.casino-badge:after{content:"";position:absolute;inset:8px;background:radial-gradient(ellipse at 75% 65%,#75384245,transparent 65%);z-index:-1;pointer-events:none}.casino-frame{position:absolute;inset:0;z-index:4;border:12px solid transparent;border-image:url('/assets/ivory-frame-v4.webp') 85 100 / 12px stretch;pointer-events:none}.casino-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:40%;min-height:210px;padding:32px 0 26px 38px;gap:8px}.casino-copy strong{font:700 45px/1.1 Messiri,Georgia,serif;color:#f0e6d1;text-shadow:0 2px 1px #0d0d0f;overflow-wrap:anywhere;max-width:100%}.casino-copy>span:not(.casino-arrow){font:500 12px/1.5 Manrope,Arial,sans-serif;color:#dac8a4;overflow-wrap:anywhere}.casino-copy>span:empty{display:none}.casino-arrow{display:grid;place-items:center;width:35px;height:35px;color:#e6cf9d;border:1px solid #c0a77c77;transform:rotate(45deg);margin:8px 0 0 4px;background:#dfc9940c}.casino-arrow svg{width:20px;height:20px;transform:rotate(-45deg)}.casino-art{position:absolute;right:19px;bottom:13px;width:61%;height:174px;pointer-events:none}.slot{position:absolute;bottom:0;width:174px;height:174px;object-fit:contain;filter:drop-shadow(0 8px 8px #140b15a3);animation:slot-float 7s ease-in-out infinite}.slot-raven{right:122px;z-index:2;width:188px;height:188px;animation-delay:-2s}.slot-teknik{right:15px;animation-delay:-4s}.slot-dogs{right:230px;width:160px;height:160px}.casino-plane{position:absolute;right:33px;top:-7px;width:93px;height:auto;z-index:3;filter:drop-shadow(0 3px 5px #0008);animation:plane-glide 8s ease-in-out infinite}.casino-games{position:absolute;bottom:4px;right:22px;display:flex;gap:5px;z-index:4}.casino-games img{width:27px;height:27px;filter:drop-shadow(0 2px 3px #000)}.age-mark{position:absolute;top:23px;right:25px;font:700 10px/1 Manrope,sans-serif;color:#e5d5b8;z-index:4}.casino-badge:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0008}.casino-badge[aria-disabled=true]{cursor:default}.casino-badge[aria-disabled=true]:hover{transform:none}
@keyframes landscape-drift{from{transform:scale(1.015) translate(-.2%,0)}to{transform:scale(1.045) translate(.35%,-.4%)}}@keyframes emblem-rise{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emblem-shine{0%,20%{background-position:130% 0}65%,100%{background-position:-60% 0}}@keyframes slot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes plane-glide{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(-10px,-4px) rotate(3deg)}}
@media(min-width:1500px){.navigation{padding-top:40px}}
@media(max-width:900px){.landing{padding-top:64px}.navigation{padding-top:65px}.nav-link{padding-inline:10px}.nav-copy strong{--label-base:24}.nav-arrow{right:14px}}
@media(max-width:650px){.landing{padding:65px 18px 24px;min-height:max(100svh,1120px)}.identity{width:min(390px,100%)}.wordmark img{aspect-ratio:1619/971}.wordmark:after{mask-image:url('/assets/wordmark-mobile-v4.webp')}.navigation{padding-top:115px}.scene-shade{background:linear-gradient(180deg,#191b2325,transparent 26%,#20202585 50%,#202025eb 90%)}.welcome{font-size:25px;gap:10px;margin-bottom:20px}.welcome span{width:25px}.work-button{min-height:188px;padding:22px 19px}.khan-portrait{object-position:80% top}.work-copy{width:69%;gap:9px}.work-caption{font-size:8px}.work-copy strong{font-size:29px;line-height:1.1}.work-action{font-size:11px;gap:10px;margin-top:4px}.work-action svg{width:17px;height:17px}.work-button:before{inset:4px}.work-button:after{opacity:.65}.nav-grid{gap:10px;margin-top:14px}.nav-link{min-height:119px;padding:19px 13px 14px;gap:9px}.nav-symbol{height:29px}.nav-symbol svg{width:23px;height:23px}.nav-copy strong{--label-base:24}.nav-arrow{right:15px;top:18px;width:12px;height:12px}.casino-badge{min-height:185px;margin-top:18px}.casino-copy{min-height:185px;width:44%;padding:29px 0 26px 25px}.casino-copy strong{font-size:29px}.casino-copy>span:not(.casino-arrow){font-size:10px}.casino-art{right:12px;bottom:12px;width:59%;height:141px}.slot{width:113px;height:113px}.slot-raven{width:138px;height:138px;right:39px}.slot-teknik{right:-18px}.slot-dogs{right:95px;width:93px;height:93px}.casino-plane{width:69px;right:5px;top:4px}.casino-games{right:10px;bottom:3px;gap:3px}.casino-games img{width:21px;height:21px}.casino-arrow{width:28px;height:28px;margin-top:7px}.casino-arrow svg{width:17px;height:17px}.casino-frame{border-width:10px;border-image-width:10px}.age-mark{right:22px;top:20px;font-size:9px}footer{margin-top:25px}}
@media(max-width:370px){.landing{padding-inline:14px}.navigation{padding-top:126px}.work-button{padding-inline:17px;min-height:180px}.work-copy strong{font-size:26px}.work-copy{width:70%}.work-action{font-size:10px}.nav-copy strong{--label-base:23}.casino-copy{width:42%;padding-left:21px}.casino-copy strong{font-size:26px}.slot-raven{right:27px;width:123px;height:123px}.slot-dogs{right:76px;width:80px;height:80px}.slot-teknik{right:-19px;width:101px;height:101px}}
@media(prefers-reduced-motion:reduce){#weather{display:none}}

/* Plain ivory lettering has no animated shine. */
.wordmark:after{display:none;animation:none}
.navigation{padding-top:24px}
.welcome{margin-bottom:22px;align-items:center}
.welcome .welcome-copy{display:flex;flex-direction:column;gap:3px;width:auto;height:auto;background:none;transform:none}
.welcome-copy b{font:inherit}
.welcome-copy small{font:500 20px/1.5 Manrope,Arial,sans-serif;color:#eee6d9;text-shadow:0 2px 7px #000}
.work-button{min-height:266px}
.work-copy{gap:8px}
.work-lead{font:700 24px/1.2 Messiri,Georgia,serif;color:#ede2ca;text-shadow:0 2px 6px #000}
.work-copy strong{font:800 40px/1.14 Manrope,Arial,sans-serif;text-transform:uppercase;color:#f5eee0;text-shadow:0 2px 2px #111,0 4px 16px #0009}
.work-action{margin-top:8px}
.casino-copy>span:not(.casino-arrow){max-width:100%;font-size:12px;line-height:1.5}
@media(max-width:900px){.navigation{padding-top:24px}}
@media(max-width:650px){.navigation{padding-top:65px}.welcome-copy small{font-size:17px}.welcome .welcome-copy{gap:5px}.welcome{gap:8px}.welcome>span:not(.welcome-copy){width:12px;flex-shrink:0}.work-button{min-height:218px;padding:21px 18px}.work-copy{width:65%;gap:7px}.work-lead{font-size:19px;line-height:1.2}.work-copy strong{font-size:30px;line-height:1.13}.work-copy strong>span{display:block}.work-action{font-size:11px;margin-top:8px}.khan-portrait{object-position:82% top}.casino-copy>span:not(.casino-arrow){font-size:11px;max-width:108px}.casino-copy{gap:5px}}
@media(max-width:370px){.navigation{padding-top:76px}.welcome-copy small{font-size:15px}.welcome>span:not(.welcome-copy){width:6px}.work-copy{width:65%}.work-lead{font-size:17px}.work-copy strong{font-size:25px}.work-button{padding-inline:16px;min-height:212px}.work-action{font-size:10px}.khan-portrait{object-position:86% top}.casino-copy>span:not(.casino-arrow){font-size:10px;max-width:95px}}
