:root{--hero-min-height:100vh}@media (max-width:640px){:root{--hero-min-height:55vh}}.hero-section{background-position:50%;background-size:cover;background-attachment:scroll;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#ffffff14 0%,#ffffff08 40%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:10;text-align:center;width:100%;max-width:1200px;margin:auto;padding:2rem;position:relative}.hero-text-container{opacity:0;max-width:600px;margin:0 auto;animation:1.2s ease-out forwards heroTextReveal;transform:translateY(30px)}.hero-title{font-family:var(--hero-title-font-family,var(--font-playfair));font-size:var(--hero-title-font-size,clamp(3.5rem, 9vw, 6.5rem));font-weight:var(--hero-title-font-weight,900);line-height:var(--hero-title-line-height,.95);letter-spacing:var(--hero-title-letter-spacing,-.04em);color:var(--hero-title-color,#fff);text-align:var(--hero-title-text-align,center);text-shadow:var(--hero-title-text-shadow,0px 2px 4px #000c, 0px 4px 12px #0009, 0px 1px 0px #000000e6);-webkit-text-stroke:1px #000000b3;margin-bottom:1.2rem;position:relative}.hero-title:before{content:attr(data-text);z-index:-1;color:#0000;-webkit-text-stroke:var(--hero-title-outline,.5px #1a1a1a4d);position:absolute;top:0;left:0}.hero-subtitle{font-family:var(--hero-subtitle-font-family,var(--font-montserrat));font-size:var(--hero-subtitle-font-size,clamp(1.3rem, 3vw, 1.8rem));font-weight:var(--hero-subtitle-font-weight,500);line-height:var(--hero-subtitle-line-height,1.4);color:var(--hero-subtitle-color,#fff);text-align:var(--hero-subtitle-text-align,center);text-shadow:var(--hero-subtitle-text-shadow,0px 2px 6px #000000e6, 0px 1px 0px #000);max-width:720px;letter-spacing:var(--hero-subtitle-letter-spacing,.03em);-webkit-backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1rem 1.5rem;display:inline-block}.hero-cta{font-family:var(--font-montserrat);color:#fff;text-shadow:0 1px 2px #0003;cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(135deg,#c1453d 0%,#a03a32 100%);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #c1453d4d,0 2px 4px #0000001a}.hero-cta:hover{background:linear-gradient(135deg,#a03a32 0%,#8b2f27 100%);transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #c1453d66,0 4px 8px #0003}.hero-cta:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\" viewBox=\"0 0 4 4\"><rect width=\"1\" height=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"/></svg>");position:absolute;inset:0}@keyframes heroTextReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation-delay:.2s}.hero-subtitle{opacity:0;animation:1.2s ease-out .5s forwards heroTextReveal;transform:translateY(30px)}.hero-cta{opacity:0;animation:1.2s ease-out .8s forwards heroTextReveal;transform:translateY(30px)}@media (max-width:640px){.hero-content{padding:0 1.5rem}.hero-text-container{max-width:100%;margin:0 auto}.hero-title{letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(2.5rem,12vw,4rem)}.hero-subtitle{margin-bottom:2rem;font-size:clamp(1rem,4vw,1.25rem);line-height:1.5}.hero-cta{width:auto;min-width:200px;padding:.875rem 2rem;font-size:1rem}.hero-overlay{background:linear-gradient(135deg,#00000040 0%,#0000001a 50%,#0000 80%)}}@media (max-width:480px){.hero-content{padding:0 1rem}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:clamp(.9rem,3.5vw,1.125rem)}.hero-cta{padding:.75rem 1.75rem;font-size:.9rem}}@media (min-resolution:192dpi){.hero-title{text-shadow:0 .5px 1px #ffffff4d,0 1px 2px #0003,0 0 .5px #1a1a1acc}.hero-subtitle{text-shadow:0 .5px 1px #fff6,0 1px 2px #0000001a}}@media (prefers-reduced-motion:reduce){.hero-text-container,.hero-title,.hero-subtitle,.hero-cta{opacity:1;animation:none;transform:none}.hero-cta:hover{transform:none}}
:root{--kasbah-charcoal:#1a1a1a;--kasbah-warm-charcoal:#333;--kasbah-terracotta:var(--theme-primary,#c1453d);--kasbah-deep-terracotta:var(--theme-secondary,#a03a32);--kasbah-darker-terracotta:#8b2f27;--theme-primary:#c1453d;--theme-secondary:#a03a32;--theme-primary-rgb:193, 69, 61;--theme-secondary-rgb:160, 58, 50;--text-shadow-light:0px 1px 2px #ffffff4d;--text-shadow-warm:0px 1px 2px #fff6;--text-shadow-depth:0px 2px 4px #0003;--text-shadow-subtle:0px 2px 4px #0000001a;--hero-overlay-gradient:linear-gradient(135deg, #00000026 0%, #0000000d 30%, transparent 70%, #0000001a 100%);--hero-text-gradient:linear-gradient(to right, #ffffff14 0%, #ffffff08 40%, transparent 70%);--cta-gradient:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);--cta-hover-gradient:linear-gradient(135deg, var(--theme-secondary) 0%, var(--kasbah-darker-terracotta) 100%);--font-hero-title:var(--font-playfair);--font-hero-subtitle:var(--font-montserrat);--font-cta:var(--font-montserrat)}.moroccan-texture{position:relative}.moroccan-texture:before{content:"";opacity:.03;background-image:radial-gradient(circle at 25% 25%, var(--theme-primary) 2px, transparent 3px), radial-gradient(circle at 75% 75%, var(--theme-primary) 2px, transparent 3px);pointer-events:none;background-position:0 0,10px 10px;background-size:20px 20px;position:absolute;inset:0}.elegant-text-shadow{text-shadow:var(--text-shadow-light), var(--text-shadow-depth), 0px 0px 1px #1a1a1acc}.warm-text-shadow{text-shadow:var(--text-shadow-warm), var(--text-shadow-subtle)}.luxury-button{isolation:isolate;position:relative;overflow:hidden}.luxury-button:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.luxury-button:hover:before{transform:translate(100%)}.decorative-border{position:relative}.decorative-border:after{content:"";background:linear-gradient(90deg, var(--theme-primary) 0%, var(--theme-secondary) 50%, transparent 100%);width:60px;height:2px;position:absolute;bottom:-10px;left:0}.fade-in-up{opacity:0;animation:1.2s ease-out forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.responsive-title{font-size:clamp(2.5rem,8vw,5.5rem)}.responsive-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem)}.responsive-cta{font-size:clamp(.9rem,2vw,1.125rem)}