.hero-section{min-height:420px}.hero-section[style*=background-image]{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}@media (max-width:767px){.hero-section{min-height:320px}}.hero-section *{z-index:1;position:relative}.hero-section:before{content:"";z-index:0;background:linear-gradient(#0f172a8c,#0f172aa6);position:absolute;inset:0}.hero-section.fallback-gradient{background:#f8fafc}
.responsive-hero{width:100vw;min-height:280px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;will-change:background-image,background-position;backface-visibility:hidden;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)translateZ(0);background-repeat:no-repeat!important}@media (max-width:768px){.responsive-hero{min-height:320px}}@media (min-width:769px) and (max-width:1024px){.responsive-hero{min-height:380px;max-height:550px}}.responsive-hero-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.responsive-hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;padding:1rem 1rem 1.5rem;display:flex;position:relative}@media (min-width:640px){.responsive-hero-content{padding:1.5rem 1.5rem 2rem}}@media (min-width:768px){.responsive-hero-content{padding:2rem 2rem 2.5rem}}@media (min-width:1024px){.responsive-hero-content{padding:2.5rem 2rem 3rem}}@media (min-width:1280px){.responsive-hero-content{padding:3rem 2rem 3.5rem}}.responsive-hero-loading{z-index:0;background-color:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.responsive-hero-loading-spinner{border:3px solid #ffffff4d;border-top-color:#fffc;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.responsive-hero-fallback{z-index:0;position:absolute;inset:0}.responsive-hero{contain:layout style paint}.hero-inner{min-width:0;max-width:100%;overflow-x:hidden}.hero-inner h1,.hero-inner p{overflow-wrap:break-word;word-break:keep-all}@media (max-width:640px){.hero-inner .flex.flex-wrap{gap:.5rem}}.responsive-hero{background-attachment:scroll;transition:min-height .3s,max-height .3s;background-repeat:no-repeat!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}@media (min-resolution:192dpi){.responsive-hero{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;background-size:cover}}.smart-overlay{transition:opacity .3s}.responsive-hero{aspect-ratio:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw}@media (min-width:1920px){.responsive-hero{min-height:420px}}@media (min-width:1440px) and (max-width:1919px){.responsive-hero{min-height:380px}}@media print{.responsive-hero{min-height:auto;background-image:none!important}.responsive-hero-overlay{display:none}}
:root{--primary:#374151;--primary-dark:#1a1d21;--primary-light:#52525b;--accent:#a06b42;--accent-light:#b8865a;--secondary:#e4e4e7;--background:#f2f2f2;--color-background:#f2f2f2;--card-bg:#fff;--text-main:#0f172a;--text-secondary:#64748b;--border-color:#e4e4e7;--navbar-bg:#1a1d21bf;--navbar-link:#ffffffeb;--navbar-link-hover:#e4e4e7;--navbar-border:#ffffff1f;--heading-color:#0f172a;--heading-weight:900;--btn-primary-bg:#a06b42;--btn-primary-bg-hover:#82552f;--btn-primary-text:#fff;--btn-secondary-bg:#f4f4f5;--btn-secondary-border:#e4e4e7;--btn-secondary-text:#374151;--shadow:0 2px 4px #0000000f;--shadow-md:0 4px 8px #00000012;--shadow-lg:0 8px 16px #00000014;--border-radius:14px;--texture:none;--texture-opacity:0}:root[data-theme=cladding],:root:not([data-theme]){--primary:#374151;--primary-dark:#1a1d21;--primary-light:#52525b;--accent:#a06b42;--accent-light:#b8865a;--secondary:#e4e4e7;--background:#f2f2f2;--card-bg:#fff;--text-main:#0f172a;--text-secondary:#64748b;--border-color:#e4e4e7;--navbar-bg:#1a1d21bf;--navbar-link:#ffffffeb;--navbar-link-hover:#e4e4e7;--heading-color:#0f172a;--heading-weight:900;--btn-primary-bg:#a06b42;--btn-primary-bg-hover:#82552f;--btn-primary-text:#fff;--btn-secondary-bg:#f4f4f5;--btn-secondary-border:#e4e4e7;--btn-secondary-text:#374151;--shadow:0 2px 4px #0000000f;--shadow-md:0 4px 8px #00000012;--shadow-lg:0 8px 16px #00000014;--border-radius:14px;--texture:none;--texture-opacity:0}:root[data-theme=stone]{--primary:#8b7a63;--primary-dark:#6b5d4f;--primary-light:#a8967f;--secondary:#d6c7b0;--background:#f6f3ee;--card-bg:#fff;--text-main:#3a2f25;--text-secondary:#6b5d4f;--border-color:#d6c7b0;--border-radius:8px;--shadow:0 12px 35px #00000026;--shadow-lg:0 25px 50px #0003;--texture:repeating-linear-gradient(45deg,transparent,transparent 2px,#8b7a6308 2px,#8b7a6308 4px);--texture-opacity:.05}:root[data-theme=glass]{--primary:#2b7fff;--primary-dark:#1e5fcc;--primary-light:#4a9fff;--secondary:#e6f1ff;--background:#f5faff;--card-bg:#ffffffd9;--text-main:#0b1a2a;--text-secondary:#4a5568;--border-color:#2b7fff33;--border-radius:18px;--shadow:0 8px 30px #2b7fff40;--shadow-lg:0 20px 50px #2b7fff4d;--texture:none;--texture-opacity:0}:root[data-theme=najdi]{--primary:sienna;--primary-dark:#8b4513;--primary-light:peru;--secondary:wheat;--background:#faf8f3;--card-bg:#fff;--text-main:#3a2f25;--text-secondary:#6b5d4f;--border-color:#d4a574;--border-radius:12px;--shadow:0 10px 30px #a0522d33;--shadow-lg:0 20px 50px #a0522d40;--texture:repeating-linear-gradient(90deg,transparent,transparent 2px,#a0522d05 2px,#a0522d05 4px);--texture-opacity:.03}*{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,border-radius .3s,opacity .3s}.theme-primary{background-color:var(--primary);color:#fff}.theme-primary-text{color:var(--primary)}.theme-secondary{background-color:var(--secondary);color:var(--text-main)}.theme-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow)}.theme-bg{background-color:var(--background)}.theme-text{color:var(--text-main)}.theme-border{border-color:var(--border-color)}.nav-link:hover{color:var(--navbar-link-hover)!important}html,body,.min-h-screen.bg-slate-50,.min-h-screen.bg-gray-50,.min-h-screen.bg-slate-50\/80{background-color:var(--background)!important}