/* =================================== House of Silk - Main Stylesheet Aesthetic:Dark Luxury / Members Club =================================== */:root{--color-black:#0a0a0a;--color-black-light:#141414;--color-black-lighter:#1a1a1a;--color-charcoal:#2a2a2a;--color-gold:#c9a962;--color-gold-light:#d4bc7e;--color-gold-dark:#a68b4b;--color-burgundy:#4a1c2a;--color-burgundy-light:#6b2d40;--color-wine:#722f37;--color-white:#f5f5f5;--color-white-muted:#b8b8b8;--color-white-dim:#888888;--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Montserrat',sans-serif;--section-padding:clamp(60px,10vw,120px);--container-width:1400px;--container-padding:clamp(20px,5vw,60px);--transition-fast:0.2s ease;--transition-medium:0.4s ease;--transition-slow:0.6s ease;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.7;color:var(--color-white);background-color:var(--color-black);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");}::selection{background-color:var(--color-gold);color:var(--color-black);}a{color:inherit;text-decoration:none;transition:color var(--transition-fast);}/* =================================== Navigation =================================== */ .main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:25px var(--container-padding);background:linear-gradient(to bottom,rgba(10,10,10,0.9) 0%,transparent 100%);transition:background var(--transition-medium);}.main-nav.scrolled{background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:0.1em;color:var(--color-gold);}.nav-links{display:flex;gap:40px;}.nav-links a{font-size:0.85rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-white-muted);position:relative;}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--color-gold);transition:width var(--transition-medium);}.nav-links a:hover{color:var(--color-white);}.nav-links a:hover::after{width:100%;}.nav-contact{color:var(--color-gold) !important;}.mobile-menu-btn{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:10px;}.mobile-menu-btn span{display:block;width:24px;height:1px;background-color:var(--color-gold);transition:transform var(--transition-fast);}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,0.98);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:30px;opacity:0;pointer-events:none;transition:opacity var(--transition-medium);}.mobile-menu.active{opacity:1;pointer-events:auto;}.mobile-menu a{font-family:var(--font-display);font-size:2rem;font-weight:300;letter-spacing:0.1em;color:var(--color-white);}/* =================================== Hero Section =================================== */ .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--container-padding);padding-bottom:clamp(80px,10vh,120px);position:relative;background:radial-gradient(ellipse at 50% 0%,var(--color-burgundy) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(74,28,42,0.3) 0%,transparent 40%),var(--color-black);}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,var(--color-black) 100%);pointer-events:none;}.hero-content{position:relative;z-index:1;max-width:800px;}.hero-tagline{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.25rem);font-weight:300;font-style:italic;letter-spacing:0.3em;color:var(--color-gold);margin-bottom:20px;opacity:0;animation:fadeInUp 1s ease 0.2s forwards;}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);font-weight:300;letter-spacing:0.15em;line-height:1.1;margin-bottom:30px;opacity:0;animation:fadeInUp 1s ease 0.4s forwards;}.hero-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;opacity:0;animation:fadeInUp 1s ease 0.6s forwards;}.divider-line{width:60px;height:1px;background:linear-gradient(to right,transparent,var(--color-gold),transparent);}.divider-diamond{color:var(--color-gold);font-size:0.6rem;}.hero-subtitle{font-size:clamp(0.9rem,2vw,1.1rem);font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-white-muted);margin-bottom:50px;opacity:0;animation:fadeInUp 1s ease 0.8s forwards;}.hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease 1s forwards;}.hero-scroll-indicator{position:absolute;bottom:clamp(16px,4vh,40px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,10px);opacity:0;animation:fadeIn 1s ease 1.5s forwards;}.hero-scroll-indicator span{font-size:clamp(0.5rem,1.2vw,0.7rem);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-white-dim);}.scroll-line{width:1px;height:clamp(20px,4vh,40px);background:linear-gradient(to bottom,var(--color-gold),transparent);animation:scrollPulse 2s ease infinite;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;font-size:0.8rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:all var(--transition-medium);}.btn-primary{background-color:var(--color-gold);color:var(--color-black);border-color:var(--color-gold);}.btn-primary:hover{background-color:transparent;color:var(--color-gold);}.btn-secondary{background-color:transparent;color:var(--color-white);border-color:var(--color-white-muted);}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold);}/* =================================== Introduction Section =================================== */ .intro-section{padding:var(--section-padding) var(--container-padding);background-color:var(--color-black);}.intro-container{max-width:800px;margin:0 auto;text-align:center;}.intro-label{font-size:0.75rem;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:30px;}.intro-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.3;margin-bottom:40px;}.intro-text{font-size:1rem;color:var(--color-white-muted);margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto;}.intro-text:last-child{margin-bottom:0;}/* =================================== Offerings Section =================================== */ .offerings-section{display:flex;min-height:60vh;border-top:1px solid var(--color-charcoal);border-bottom:1px solid var(--color-charcoal);}.offering-card{flex:1;padding:var(--section-padding) var(--container-padding);display:flex;flex-direction:column;justify-content:center;position:relative;transition:background-color var(--transition-medium);}.offering-card:hover{background-color:var(--color-black-light);}.offering-number{font-family:var(--font-display);font-size:0.9rem;font-weight:300;color:var(--color-gold);margin-bottom:30px;letter-spacing:0.1em;}.offering-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:25px;}.offering-description{font-size:0.95rem;color:var(--color-white-muted);max-width:400px;margin-bottom:40px;}.offering-link{display:inline-flex;align-items:center;gap:15px;font-size:0.8rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-gold);}.offering-link svg{transition:transform var(--transition-fast);}.offering-link:hover svg{transform:translateX(5px);}.offering-divider{width:1px;background:linear-gradient(to bottom,transparent,var(--color-charcoal),transparent);}/* =================================== Contact Section =================================== */ .contact-section{padding:var(--section-padding) var(--container-padding);background:radial-gradient(ellipse at 50% 100%,var(--color-burgundy) 0%,transparent 50%),var(--color-black);text-align:center;}.contact-container{max-width:600px;margin:0 auto;}.contact-label{font-size:0.75rem;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:30px;}.contact-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;margin-bottom:25px;}.contact-text{font-size:1rem;color:var(--color-white-muted);margin-bottom:40px;}.contact-details{display:flex;justify-content:center;gap:60px;margin-bottom:40px;flex-wrap:wrap;}.contact-item{display:flex;align-items:flex-start;gap:15px;text-align:left;}.contact-item-icon{color:var(--color-gold);flex-shrink:0;margin-top:2px;}.contact-item-icon svg{width:24px;height:24px;}.contact-item-text{display:flex;flex-direction:column;gap:5px;}.contact-item-label{font-size:0.75rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-gold);}.contact-item-value{font-size:0.95rem;color:var(--color-white-muted);line-height:1.6;}.contact-link{transition:color var(--transition-fast);}.contact-link:hover{color:var(--color-white);}.whatsapp-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 45px;background-color:#25D366;color:white;font-size:0.85rem;font-weight:500;letter-spacing:0.1em;border-radius:4px;transition:all var(--transition-fast);}.whatsapp-btn:hover{background-color:#128C7E;transform:translateY(-2px);}.whatsapp-btn svg{width:22px;height:22px;}/* =================================== Footer =================================== */ .main-footer{padding:60px var(--container-padding);background-color:var(--color-black);border-top:1px solid var(--color-charcoal);}.footer-content{max-width:var(--container-width);margin:0 auto;text-align:center;}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:0.15em;color:var(--color-gold);margin-bottom:10px;}.footer-tagline{font-size:0.85rem;font-style:italic;color:var(--color-white-dim);margin-bottom:25px;}.footer-contact{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:25px;}.footer-contact-item{display:flex;align-items:center;gap:10px;font-size:0.85rem;color:var(--color-white-muted);}.footer-contact-item svg{color:var(--color-gold);flex-shrink:0;}.footer-contact-item a{color:var(--color-white-muted);transition:color var(--transition-fast);}.footer-contact-item a:hover{color:var(--color-gold);}.footer-links{display:flex;justify-content:center;gap:25px;margin-bottom:25px;}.footer-links a{font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-white-muted);transition:color 0.2s ease;}.footer-links a:hover{color:var(--color-gold);}.footer-divider{width:40px;height:1px;background-color:var(--color-charcoal);margin:0 auto 30px;}.footer-legal{font-size:0.75rem;color:var(--color-white-dim);letter-spacing:0.05em;}/* =================================== Animations =================================== */ @keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes scrollPulse{0%,100%{opacity:1;transform:scaleY(1);}50%{opacity:0.5;transform:scaleY(0.8);}}/* =================================== Responsive =================================== */ @media (max-width:900px){.nav-links{display:none;}.mobile-menu-btn{display:flex;}.mobile-menu{display:flex;}.offerings-section{flex-direction:column;}.offering-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--color-charcoal),transparent);}.hero-cta{flex-direction:column;align-items:center;}.btn{width:100%;max-width:280px;}}