:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .1);--border-glass-hover: rgba(255, 255, 255, .2);--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-gold: #c9a87c;--accent-champagne: #e8d5b7;--accent-rose: #e8b4b8;--accent-emerald: #4ade80;--accent-amber: #fbbf24;--accent-red: #f87171;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--section-padding: 80px;--content-max-width: 1200px;--blur-glass: blur(16px);--shadow-card: 0 4px 30px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(201, 168, 124, .15);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #c9a87c33}50%{box-shadow:0 0 20px #c9a87c66}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(8px) translate(-50%)}60%{transform:translateY(4px) translate(-50%)}}@media(max-width:768px){:root{--section-padding: 40px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;transition:var(--transition-smooth);background:transparent}.navbar.scrolled{background:#0a0a0ad9;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border-glass);padding:14px 48px}.navbar-logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;letter-spacing:3px;color:var(--text-primary);transition:var(--transition-smooth)}.navbar-logo span{color:var(--accent-gold)}.navbar-links{display:flex;gap:36px;align-items:center}.navbar-link{font-size:.85rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);position:relative;transition:var(--transition-smooth)}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent-gold);transition:var(--transition-smooth)}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-cta{padding:10px 24px;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--bg-primary);background:var(--accent-gold);border-radius:var(--radius-pill);transition:var(--transition-smooth)}.navbar-cta:hover{background:var(--accent-champagne);box-shadow:0 0 25px #c9a87c59;transform:translateY(-1px)}.navbar-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.navbar-hamburger span{width:24px;height:2px;background:var(--text-primary);transition:var(--transition-smooth);border-radius:2px}.navbar-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.navbar{padding:16px 24px}.navbar.scrolled{padding:12px 24px}.navbar-hamburger{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;flex-direction:column;justify-content:center;gap:32px;background:#0a0a0af7;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);transition:var(--transition-smooth);padding:40px}.navbar-links.open{right:0}.navbar-link{font-size:1rem}}.hero{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1.5s ease-in-out;transform:scale(1.05)}.hero-slide.active{animation:heroZoom 6s ease-in-out forwards}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0006,#0009);z-index:1}.hero-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg-primary),transparent)}.hero-content{position:relative;z-index:2;max-width:750px;padding:0 var(--section-padding);animation:fadeInUp 1s ease-out .3s both}.hero-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:20px;animation:fadeInUp .8s ease-out .5s both}.hero-title{font-family:var(--font-heading);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:24px;animation:fadeInUp .8s ease-out .7s both}.hero-title span{font-style:italic;color:var(--accent-champagne)}.hero-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);max-width:550px;margin-bottom:40px;animation:fadeInUp .8s ease-out .9s both}.hero-ctas{display:flex;gap:16px;animation:fadeInUp .8s ease-out 1.1s both}.hero-btn-primary{padding:16px 36px;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--accent-gold);color:var(--bg-primary);transition:var(--transition-smooth)}.hero-btn-primary:hover{background:var(--accent-champagne);box-shadow:0 0 30px #c9a87c66;transform:translateY(-2px)}.hero-btn-secondary{padding:16px 36px;font-size:.85rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3);color:var(--text-primary);background:transparent;transition:var(--transition-smooth)}.hero-btn-secondary:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#c9a87c14}.hero-indicators{position:absolute;bottom:80px;right:var(--section-padding);z-index:2;display:flex;gap:10px;animation:fadeIn 1s ease-out 1.5s both}.hero-indicator{width:32px;height:3px;background:#fff3;border-radius:2px;cursor:pointer;transition:var(--transition-smooth)}.hero-indicator.active{background:var(--accent-gold);width:48px}.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounceDown 2s ease infinite}.hero-scroll-text{font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted)}.hero-scroll-line{width:1px;height:30px;background:linear-gradient(to bottom,var(--accent-gold),transparent)}@media(max-width:768px){.hero-content{padding:0 24px}.hero-ctas{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;text-align:center}.hero-indicators{right:24px;bottom:100px}}.trend-card{position:relative;padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:var(--transition-smooth);overflow:hidden;animation:fadeInUp .6s ease-out both}.trend-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transition:var(--transition-smooth)}.trend-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 30px #c9a87c14}.trend-card:hover:before{opacity:1}.trend-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.trend-card-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--text-primary);flex:1;margin-right:12px}.trend-card-status{padding:4px 12px;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.trend-card-status.emerging{background:#fbbf241f;color:var(--accent-amber);border:1px solid rgba(251,191,36,.25)}.trend-card-status.popular{background:#4ade801a;color:var(--accent-emerald);border:1px solid rgba(74,222,128,.2)}.trend-card-status.declining{background:#f871711a;color:var(--accent-red);border:1px solid rgba(248,113,113,.2)}.trend-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.trend-card-tag{padding:6px 14px;font-size:.72rem;font-weight:500;letter-spacing:.5px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);transition:var(--transition-smooth)}.trend-card-tag.region{color:var(--accent-champagne);border-color:#e8d5b726;background:#e8d5b70f}.trend-card-date{margin-top:16px;font-size:.72rem;color:var(--text-muted);letter-spacing:.5px}.trend-grid-section{padding:var(--section-padding) var(--section-padding);max-width:calc(var(--content-max-width) + var(--section-padding) * 2);margin:0 auto}.trend-grid-header{margin-bottom:48px}.trend-grid-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:12px}.trend-grid-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--text-primary)}.trend-grid-title span{font-style:italic;color:var(--accent-champagne)}.trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.trend-grid-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1rem}.trend-grid-empty span{display:block;font-size:2rem;margin-bottom:12px}@media(max-width:768px){.trend-grid{grid-template-columns:1fr}}.footer{position:relative;padding:60px var(--section-padding) 32px;margin-top:80px;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass-hover),var(--accent-gold),var(--border-glass-hover),transparent)}.footer-content{max-width:var(--content-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-brand{flex:1}.footer-logo{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:3px;margin-bottom:12px}.footer-logo span{color:var(--accent-gold)}.footer-tagline{font-size:.85rem;color:var(--text-muted);line-height:1.6;max-width:300px}.footer-links{display:flex;gap:48px}.footer-link-group h4{font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px}.footer-link-group a{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:10px;transition:var(--transition-smooth)}.footer-link-group a:hover{color:var(--accent-champagne);transform:translate(4px)}.footer-bottom{max-width:var(--content-max-width);margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.75rem;color:var(--text-muted);letter-spacing:.5px}.footer-socials{display:flex;gap:16px}.footer-social{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-glass);font-size:.85rem;color:var(--text-muted);transition:var(--transition-smooth)}.footer-social:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 15px #c9a87c26}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;align-items:center}.footer-tagline{max-width:100%}.footer-links{gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.filters{padding:0 var(--section-padding);max-width:calc(var(--content-max-width) + var(--section-padding) * 2);margin:0 auto}.filter-group{margin-bottom:20px}.filter-label{font-size:.7rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{padding:8px 20px;font-size:.8rem;font-weight:500;letter-spacing:.5px;border-radius:var(--radius-pill);border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer}.filter-pill:hover{border-color:var(--border-glass-hover);color:var(--text-primary);background:#ffffff0a}.filter-pill.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold);font-weight:600;box-shadow:0 0 15px #c9a87c33}.filter-divider{height:1px;background:var(--border-glass);margin:32px 0}@media(max-width:768px){.filters{padding:0 24px}.filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filter-pill{flex-shrink:0}}.trends-page{padding-top:100px;min-height:100vh}.trends-page-header{padding:20px var(--section-padding) 40px;max-width:calc(var(--content-max-width) + var(--section-padding) * 2);margin:0 auto;animation:fadeInUp .6s ease-out both}.trends-page-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:12px}.trends-page-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;margin-bottom:12px}.trends-page-title span{font-style:italic;color:var(--accent-champagne)}.trends-page-subtitle{font-size:1rem;color:var(--text-muted);max-width:500px}@media(max-width:768px){.trends-page{padding-top:80px}.trends-page-header{padding:20px 24px 30px}}