.section-warm{background:linear-gradient(180deg,#1a1410,#1e1714 40%,#1a1410);position:relative}.section-warm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(212,175,55,.03) 0%,transparent 70%);pointer-events:none}.section-cool{background:#0c0a09;position:relative}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}@keyframes subtle-zoom{0%{transform:scale(1.02)}50%{transform:scale(1.06)}to{transform:scale(1.02)}}.animate-subtle-zoom{animation:subtle-zoom 20s infinite ease-in-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.menu-tab-btn{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding-bottom:.5rem;transition:all .3s ease}nav a{position:relative;padding:.5rem 0}nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1.5px;background-color:#d4af37;transition:width .3s ease,left .3s ease}nav a:hover:after{width:100%;left:0}@keyframes play-pulse{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 15px #d4af3700}to{box-shadow:0 0 #d4af3700}}.animate-play-pulse{animation:play-pulse 2s infinite}.menu-item{transition:opacity .4s ease,transform .4s ease,border-color .3s ease}.menu-item.hidden{opacity:0;transform:scale(.95);position:absolute;pointer-events:none;width:0;height:0;padding:0;margin:0;border:none;overflow:hidden}header.scrolled{background-color:#0000008c!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.1)}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-left{animation:fade-in-left .8s ease-out forwards}.animate-fade-in-right{animation:fade-in-right .8s ease-out forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0c0a09}::-webkit-scrollbar-thumb{background:#5a4a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af37}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(.5deg)}}.steam-bubble{position:absolute;bottom:12%;left:70%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(245,245,240,.22) 0%,rgba(245,245,240,.08) 45%,transparent 75%);filter:blur(12px);opacity:0;z-index:25}@media (max-width: 768px){.steam-bubble{left:50%;bottom:15%;width:45px;height:45px}}.bubble-1{animation:steam 6s infinite linear;animation-delay:0s}.bubble-2{animation:steam 7s infinite linear;animation-delay:1.5s;margin-left:-15px}.bubble-3{animation:steam 6.5s infinite linear;animation-delay:3s;margin-left:15px}.bubble-4{animation:steam 7.5s infinite linear;animation-delay:4.5s;margin-left:-5px}.bubble-5{animation:steam 5.8s infinite linear;animation-delay:5.5s;margin-left:10px}@keyframes steam{0%{transform:translate(-50%) scale(.6);opacity:0}20%{opacity:.55}60%{transform:translate(-30%,-100px) scale(1.6);opacity:.25;filter:blur(16px)}to{transform:translate(-65%,-220px) scale(2.5);opacity:0;filter:blur(24px)}}[dir=rtl] body,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button{font-family:Cairo,Inter,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .font-display{font-family:Cairo,Prata,serif}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .md\:text-left{text-align:right}[dir=rtl] .md\:text-right{text-align:left}[dir=rtl] .flex-row-reverse-rtl{flex-direction:row-reverse}[dir=rtl] .tracking-widest{letter-spacing:.05em}[dir=rtl] .tracking-wider{letter-spacing:.03em}[dir=rtl] .tracking-\[0\.25em\]{letter-spacing:.1em}[dir=rtl] #menu-tabs{direction:rtl}@media (min-width: 768px){[dir=rtl] .md\:items-end{align-items:flex-start}}a,button,input,select,textarea{touch-action:manipulation}button,a{min-height:44px;display:inline-flex;align-items:center}header nav a,#mobile-menu a,footer nav a{min-height:auto}.lang-btn{min-height:28px}#menu-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}#menu-tabs::-webkit-scrollbar{display:none}@media (max-width: 640px){.text-5xl{font-size:2.5rem}.py-24{padding-top:3rem;padding-bottom:3rem}.bg-surface.p-8{padding:1.25rem}}html,body{overflow-x:hidden}.essence-swiper{width:100%;height:100%}.essence-swiper .swiper-slide{width:290px;height:100%;opacity:.2;transition:opacity .4s ease,transform .4s ease;display:grid;grid-template-areas:"stack"}@media (min-width: 640px){.essence-swiper .swiper-slide{width:380px}}@media (min-width: 1024px){.essence-swiper .swiper-slide{width:440px}}.essence-swiper .swiper-slide img{grid-area:stack;width:100%;height:100%;object-fit:cover;border-radius:12px}.essence-swiper .swiper-slide-active{opacity:1!important}.essence-swiper .swiper-slide-prev,.essence-swiper .swiper-slide-next,.essence-swiper .swiper-slide-prev+.swiper-slide,.essence-swiper .swiper-slide-next+.swiper-slide,.essence-swiper .swiper-slide:has(+.swiper-slide-prev){opacity:.6}.essence-swiper .swiper-slide:after{content:"";grid-area:stack;background:#0006;border-radius:12px;transition:background .3s ease;pointer-events:none}.essence-swiper .swiper-slide-active:after{background:#0000}.btn-retro{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding:1.1em 2.8em;background-color:#000;border:3px solid #D4AF37;border-radius:1em;color:#fff;font-weight:700;display:inline-block;text-align:center;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:-5px 5px #d4af37;cursor:pointer}.btn-retro:hover{transform:translate(5px,-5px)}.word{color:#d4af37;display:flex;flex-direction:row;font-size:1rem}.letter{animation:letter 1.2s ease-in-out infinite alternate;animation-delay:calc(-1 * var(--i) * .15s);display:inline-block}@keyframes letter{0%{font-weight:700;font-size:3.5rem;transform:translateY(-10px);text-shadow:0 0 15px rgba(212,175,55,.4)}to{font-weight:100;font-size:2.2rem;transform:translateY(10px);text-shadow:none}}body:not(.site-loaded) .animate-fade-in-up,body:not(.site-loaded) .animate-fade-in-left,body:not(.site-loaded) .animate-fade-in-right,body:not(.site-loaded) #hero-underline{animation-play-state:paused!important}
