:root{--bg-cream: #FAF8F5;--bg-warm: #F5F0EA;--bg-soft: #EDE8E1;--bg-card: #FFFFFF;--bg-elevated: #FFFFFE;--text-primary: #2C2825;--text-secondary: #4a4542;--text-muted: #7a746c;--text-light: #9e968c;--accent-terracotta: #C4A484;--accent-terracotta-dark: #A88B6C;--accent-champagne: #C5A059;--accent-rose: #D4A5A5;--accent-sage: #9CAF94;--accent-azure: #8FAABE;--border-light: rgba(44, 40, 37, .06);--border-medium: rgba(44, 40, 37, .1);--border-strong: rgba(44, 40, 37, .15);--shadow-soft: 0 2px 20px rgba(44, 40, 37, .04);--shadow-medium: 0 8px 40px rgba(44, 40, 37, .06);--shadow-elevated: 0 20px 60px rgba(44, 40, 37, .08);--font-heading: "Cormorant Garamond", "Georgia", serif;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Montserrat", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--ease-elegant: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-primary);overflow-x:hidden;max-width:100vw;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.heading-hero{font-family:var(--font-heading);font-size:clamp(3.5rem,10vw,9rem);font-weight:400;font-style:italic;line-height:.95;letter-spacing:-.02em;color:var(--text-primary)}.heading-display{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);font-weight:400;font-style:italic;line-height:1;letter-spacing:-.01em}.heading-section{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,3rem);font-weight:400;font-style:italic;line-height:1.15}.heading-uppercase{font-family:var(--font-sans);font-size:clamp(.75rem,2vw,1rem);font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--text-primary)}.label-micro{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.label-small{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--text-secondary)}.body-elegant{font-family:var(--font-sans);font-size:15px;font-weight:300;line-height:1.85;color:var(--text-secondary)}.glass{background:#f3f4f6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000014;overflow:visible}.glass-warm{background:#faf8f5eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-medium)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1.5rem;box-shadow:var(--shadow-soft);transition:all .5s var(--ease-elegant)}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px);border-color:var(--border-medium)}.card-warm{background:var(--bg-warm);border:1px solid var(--border-light);border-radius:1.5rem}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media(min-width:768px){.bento-grid{gap:1.5rem}}@media(min-width:1024px){.bento-grid{gap:1.75rem}}.img-editorial{filter:saturate(.92) contrast(1.02) brightness(1.02)}.img-warm{filter:sepia(.05) saturate(.95)}.img-cover{object-fit:cover;width:100%;height:100%}.gradient-warm{background:linear-gradient(135deg,var(--bg-cream) 0%,var(--bg-warm) 50%,var(--bg-soft) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent-terracotta) 0%,var(--accent-champagne) 100%)}.divider{height:1px;background:var(--border-light);width:100%}.divider-vertical{width:1px;background:var(--border-light);height:100%}.btn-primary{background:var(--text-primary);color:var(--bg-cream);padding:1rem 2rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:100px;cursor:pointer;transition:all .4s var(--ease-elegant)}.btn-primary:hover{background:var(--accent-terracotta-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background:transparent;color:var(--text-primary);padding:1rem 2rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--border-medium);border-radius:100px;cursor:pointer;transition:all .4s var(--ease-elegant)}.btn-secondary:hover{background:var(--text-primary);color:var(--bg-cream);border-color:var(--text-primary)}.animate-float{animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-up{animation:fadeUp .8s var(--ease-elegant) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}select,input{background:var(--bg-card);border:1px solid var(--border-medium);padding:1rem 1.5rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);border-radius:.5rem;outline:none;transition:all .3s var(--ease-smooth)}select:focus,input:focus{border-color:var(--accent-terracotta);box-shadow:0 0 0 3px #c4a4841a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#c4a48440;color:var(--text-primary)}::-moz-selection{background:#c4a48440;color:var(--text-primary)}@media(max-width:1024px){.heading-display{font-size:clamp(2rem,5vw,3.5rem)}.heading-section{font-size:clamp(1.5rem,4vw,2.5rem)}}@media(max-width:768px){.heading-hero{font-size:clamp(2.2rem,10vw,3.5rem);line-height:1.05}.heading-display{font-size:clamp(1.8rem,8vw,2.5rem)}.heading-section{font-size:clamp(1.4rem,6vw,2rem)}.body-elegant{font-size:13px;line-height:1.7}.label-micro{font-size:8px;letter-spacing:.2em}.label-small{font-size:9px;letter-spacing:.15em}.hide-mobile{display:none!important}.show-mobile{display:block!important}.card{border-radius:1rem;padding:1rem}.card:hover{transform:none}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:9px;width:100%;text-align:center;justify-content:center}.bento-grid{gap:.75rem}}@media(max-width:480px){.heading-hero{font-size:clamp(1.8rem,9vw,2.8rem)}.heading-display{font-size:clamp(1.5rem,7vw,2rem)}.heading-section{font-size:clamp(1.2rem,5vw,1.6rem)}.body-elegant{font-size:13px}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:10px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.hide-small-mobile{display:none!important}}@media(hover:none)and (pointer:coarse){.card:hover{transform:none;box-shadow:var(--shadow-soft)}.btn-primary:hover,.btn-secondary:hover{transform:none}button,a,[role=button]{min-height:44px;min-width:44px}}@media(max-width:896px)and (orientation:landscape){.heading-hero{font-size:clamp(1.5rem,6vw,2.5rem)}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){[role=dialog] p,[role=dialog] h4{font-size:max(15px,1rem)!important;line-height:1.6!important}[role=dialog] h2,[role=dialog] h3{font-size:clamp(1.1rem,4.5vw,1.25rem)!important}[role=dialog] button,[role=dialog] a,[role=dialog] [role=button]{min-height:44px;min-width:44px}}@media(max-width:375px){[role=dialog]{padding:.5rem!important}[role=dialog] .space-y-6>*+*{margin-top:1rem!important}}@supports (height: 100dvh){.modal-full-height{max-height:92dvh}}@supports not (height: 100dvh){.modal-full-height{max-height:calc(100vh - 2rem)}}@media(hover:none)and (pointer:coarse){.card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none!important;box-shadow:var(--shadow-soft)!important}.card:active{transform:scale(.98);transition:transform .1s ease}.btn-primary:active{background:var(--accent-terracotta-dark);transform:scale(.97)}.btn-secondary:active{background:var(--text-primary);color:var(--bg-cream)}button:not([class*=w-]):not([class*=h-]),[role=button]:not([class*=w-]):not([class*=h-]){min-height:44px;min-width:44px}*:focus:not(:focus-visible){outline:none}}@media(min-width:475px){.xs\:flex{display:flex!important}.xs\:hidden{display:none!important}.xs\:block{display:block!important}.xs\:inline{display:inline!important}}.hidden.xs\:flex,.hidden.xs\:block,.hidden.xs\:inline{display:none}@media(min-width:475px){.hidden.xs\:flex{display:flex!important}.hidden.xs\:block{display:block!important}.hidden.xs\:inline{display:inline!important}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.scroll-touch{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media print{.glass,.glass-warm{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}nav,.hide-print{display:none!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] body{font-family:Montserrat,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .border-l-2{border-left:0;border-right:2px solid;border-right-color:inherit}[dir=rtl] .border-l{border-left:0;border-right:1px solid;border-right-color:inherit}[dir=rtl] .pl-5{padding-left:0;padding-right:1.25rem}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .ml-1\.5,[dir=rtl] .ml-1{margin-left:0;margin-right:.375rem}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}[dir=rtl] .right-4{right:auto;left:1rem}[dir=rtl] .right-6{right:auto;left:1.5rem}[dir=rtl] .left-4{left:auto;right:1rem}[dir=rtl] .left-6{left:auto;right:1.5rem}[dir=rtl] .lg\:order-1{order:2}[dir=rtl] .lg\:order-2{order:1}[dir=rtl] svg[data-icon=ArrowRight],[dir=rtl] .gap-3>svg:last-child{transform:scaleX(-1)}[dir=rtl] nav .gap-0\.5,[dir=rtl] nav .gap-1\.5{flex-direction:row-reverse}[dir=rtl] .border-l{border-left:0;border-right:1px solid}@media(min-width:640px){[dir=rtl] .sm\:right-6{right:auto;left:1.5rem}[dir=rtl] .sm\:left-6{left:auto;right:1.5rem}}[dir=rtl] footer{text-align:right}[dir=rtl] footer .text-center{text-align:center}[dir=rtl] .tracking-\[0\.2em\],[dir=rtl] .tracking-\[0\.15em\],[dir=rtl] .tracking-\[0\.1em\],[dir=rtl] .tracking-\[0\.05em\],[dir=rtl] .label-micro,[dir=rtl] .label-small{letter-spacing:.05em}[dir=rtl] .uppercase{text-transform:none}[dir=rtl] .font-mono{direction:ltr;unicode-bidi:embed}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=rtl] input::placeholder{text-align:right}[dir=rtl] .flex.items-start.gap-3{flex-direction:row-reverse}[dir=rtl] .absolute.top-4.right-4,[dir=rtl] .absolute.top-6.right-6{right:auto;left:1rem}@media(min-width:640px){[dir=rtl] .absolute.sm\:top-6.sm\:right-6{right:auto;left:1.5rem}}[dir=rtl] .absolute.bottom-4.left-4,[dir=rtl] .absolute.bottom-6.left-6{left:auto;right:1rem}@media(min-width:640px){[dir=rtl] .absolute.sm\:bottom-6.sm\:left-6{left:auto;right:1.5rem}}[dir=rtl] .flex.gap-5 a,[dir=rtl] .flex.gap-4 a{direction:ltr}
