:root{--bg-color:#07070a;--text-color:#d1ccb8;--accent-color:#e3a968;--accent-hover:#f1ebd7;--border-color:#12121a;--card-bg:#12121ef2;--font-heading:"Cinzel", serif;--font-subheading:"IM Fell English", serif;--font-body:"Almendra", serif}html,body{width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);background-image:linear-gradient(#000000b3,#000000b3),url(/assets/twilight_stone_bg.png);background-repeat:repeat;background-size:auto,1024px;background-attachment:fixed;line-height:1.6}h1,h2,h3,.logo{font-family:var(--font-heading);color:var(--text-color);font-weight:700}.navbar{box-shadow:none;z-index:100;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:1.5rem 4%;display:flex;position:absolute;top:0;left:0;right:0}.logo-link img,.logo-img,img[src*=final_logo_v7\.png]{width:auto;height:90px;mix-blend-mode:screen!important;filter:contrast(5)brightness(1.1)!important;background:0 0!important}.logo{color:var(--text-color);font-size:.9rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-color);font-family:var(--font-subheading);font-size:1.1rem;font-style:italic;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}.nav-btn{border:1px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-heading);cursor:pointer;background:#1e1e1ecc;padding:.5rem 1.2rem;font-size:.9rem;transition:all .3s;box-shadow:inset 0 0 10px #00000080}.nav-btn:hover{background:var(--accent-color);color:#000}.nav-item-wrapper{align-items:center;display:flex;position:relative}.nav-dropdown{border:1px solid var(--accent-color);opacity:0;visibility:hidden;z-index:1000;background:#12121afa;min-width:220px;max-height:70vh;padding:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #000c,inset 0 0 20px #00000080}.nav-dropdown::-webkit-scrollbar{width:6px}.nav-dropdown::-webkit-scrollbar-track{background:#12121afa}.nav-dropdown::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.nav-item-wrapper:hover .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown a{text-align:center;border-bottom:1px solid #e3a9681a;display:block;padding:.8rem 1.5rem!important;font-size:.95rem!important}.nav-dropdown a:last-child{border-bottom:none}.nav-dropdown a:hover{background:#e3a9680d}.nav-arrow{opacity:.6;margin-left:.5rem;font-size:.6rem;transition:transform .3s}.nav-item-wrapper:hover .nav-arrow{transform:rotate(180deg)}.music-page-header{text-align:center;border-bottom:1px solid var(--border-color);background:linear-gradient(#07070af2 0%,#0000 100%);padding:8rem 4% 3rem}.music-page-title{font-family:var(--font-heading);color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:3rem}.music-page-subtitle{font-family:var(--font-subheading);color:var(--text-color);opacity:.7;font-size:1.1rem;font-style:italic}.view-all-link{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color);border:1px solid var(--accent-color);padding:.75rem 2.5rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.view-all-link:hover{background:var(--accent-color);color:#000}.hero{text-align:center;background-image:url(/assets/hero_v7.png?v=1);background-position:50%;background-size:cover;border-bottom:none;justify-content:center;align-items:center;height:80vh;margin-top:0;display:flex;position:relative}.hero:after{content:"";z-index:1;background:linear-gradient(#07070a80 0%,#0000 25% 65%,#07070ad9 88%,#07070a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:8px;padding:2rem 4rem;position:relative;box-shadow:0 0 30px #e3a9681a}.hero-title{text-shadow:0 4px 10px #000c;letter-spacing:2px;font-size:3.5rem}.hero-divider{background:radial-gradient(circle, var(--accent-color) 0%, transparent 80%);height:1px;margin:1.5rem 0}.hero-subtitle{font-family:var(--font-subheading);color:var(--accent-hover);text-shadow:2px 2px 5px #000c;font-size:1.8rem;font-style:italic}main{padding:3rem 5%}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-top:2px solid #333;padding:0;position:relative;box-shadow:inset 0 0 20px #000c,0 10px 20px #00000080}.feature-card h3{border-bottom:1px solid var(--border-color);background:#0d0d1a;padding:1rem 0;font-size:1.4rem}.card-img-wrapper{border-bottom:1px solid var(--border-color);width:100%;height:200px;position:relative;overflow:hidden}.card-img-wrapper img{object-fit:cover;filter:sepia(.3)brightness(.8)contrast(1.2);width:100%;height:100%}.feature-card .card-text{color:#a4a195;text-align:justify;padding:1.5rem;font-size:.9rem;line-height:1.8}.section-divider{justify-content:center;align-items:center;gap:1.5rem;margin:4rem 0;display:flex}.section-divider h2{letter-spacing:1px;font-size:2.2rem}.ornament{color:var(--accent-color);align-items:center;font-size:1.5rem;display:flex}.ornament:before,.ornament:after{content:"";background:radial-gradient(circle, var(--accent-color) 0%, transparent 100%);vertical-align:middle;width:100px;height:1px;margin:0 10px;display:inline-block}.products-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.product-card{background:var(--card-bg);border:1px solid var(--border-color);flex-direction:column;transition:transform .3s;display:flex;position:relative;box-shadow:inset 0 0 15px #000c}.product-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.product-image-wrapper{aspect-ratio:1;border-bottom:1px solid var(--border-color);background-color:#0b0b0d;width:100%;position:relative;overflow:hidden}.product-image-wrapper img{object-fit:contain;filter:sepia(.2)contrast(1.3)hue-rotate(-10deg)brightness(.8)saturate(.8);width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .zoom-on-hover{transform:scale(1.15)}.price-tag{color:var(--text-color);font-family:var(--font-heading);text-shadow:0 2px 5px #000;font-size:1.2rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.product-info{text-align:center;flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-info h3{margin-bottom:.3rem;font-size:1.1rem}.sub-text{color:#888;margin-bottom:1rem;font-size:1rem}.preview-label{color:var(--accent-color);margin-bottom:.5rem;font-size:1.1rem;font-style:italic}.audio-length-text{color:var(--accent-hover);margin-bottom:1rem;font-size:1rem;font-style:italic}.btn-buy{border:1px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-heading);cursor:pointer;background:0 0;width:100%;padding:.4rem 1rem;font-size:.9rem;transition:all .3s}.btn-buy:hover{background:var(--accent-color);color:#000}.btn-buy.book-btn{margin-top:auto}.book-card-home{background:#12121a66;border-top:1px solid #e3a9681a}.book-card-home .product-image-wrapper{background:#000;padding:10px}.book-card-home img{border:1px solid #ffffff0d;box-shadow:0 5px 15px #00000080}.newsletter-section{justify-content:center;gap:2rem;margin:4rem 0 2rem;display:flex}.btn-action{color:var(--text-color);font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;background:#1b1b1f;border:1px solid #444;padding:.8rem 2.5rem;font-size:1.1rem;transition:all .3s;box-shadow:inset 0 0 10px #000c,0 5px 15px #00000080}.btn-action:hover{border-color:var(--accent-color);color:var(--accent-color)}.about-content{background:var(--card-bg);border:1px solid var(--border-color);text-align:justify;max-width:800px;margin:0 auto;padding:3rem;line-height:1.8;box-shadow:inset 0 0 20px #000c,0 10px 20px #00000080}.about-content p{color:#a4a195;margin-bottom:1.5rem}.about-content p:last-child{margin-bottom:0}.contact-form-container{background:var(--card-bg);border:1px solid var(--border-color);max-width:600px;margin:0 auto;padding:2rem;box-shadow:inset 0 0 15px #000c}.contact-input{color:#fff;border:1px solid var(--border-color);width:100%;font-family:var(--font-body);background:#111;padding:.8rem;font-size:1rem;transition:border-color .3s}.contact-input:focus{border-color:var(--accent-color);outline:none}.animated-hero-container{background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-pan{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:110%;height:110%;transition:opacity 2s ease-in;position:absolute;top:-5%;left:-5%}.hero-bg-pan.start-pan{opacity:.6;animation:30s linear infinite alternate panBackground}@keyframes panBackground{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-2%,2%)}}.hero-overlay{z-index:1;background:radial-gradient(circle,#0000 0%,#000 85%);position:absolute;inset:0}.hero-logo-wrapper{z-index:2;opacity:0;width:80%;max-width:600px;position:relative;transform:scale(.95)}.fade-in-logo{animation:4s cubic-bezier(.4,0,.2,1) 1.5s forwards smoothFadeIn}.hero-logo-img{mix-blend-mode:screen;filter:contrast(2)brightness(1.1)drop-shadow(0 0 20px #ffffff26);width:100%;height:auto}@keyframes smoothFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-scroll-indicator{z-index:2;opacity:0;color:#fff;font-size:2rem;font-family:var(--font-heading);position:absolute;bottom:40px}.fade-in-delayed{animation-name:smoothFadeIn,floatArrow;animation-duration:2s,2s;animation-timing-function:ease,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:5s;animation-fill-mode:forwards,none;animation-timeline:auto,auto}@keyframes floatArrow{0%{transform:translateY(0)}to{transform:translateY(10px)}}footer{text-align:center;font-family:var(--font-subheading);color:#555;border-top:1px solid var(--border-color);background:#08080c;padding:4rem 2rem}.social-links{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.social-links a{color:var(--text-color);font-family:var(--font-heading);letter-spacing:1px;font-size:1.1rem;text-decoration:none;transition:color .3s}.social-links a:hover{color:var(--accent-color)}@media (max-width:1024px){.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid,.products-grid{grid-template-columns:1fr}.hero{background-position:35%}.hero-content{width:90%;padding:1.5rem 1rem}.hero-title{font-size:2.2rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#07070afa;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;padding-top:2rem;transition:right .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-item-wrapper{flex-direction:column;width:100%}.nav-dropdown{box-shadow:none;background:0 0;border:none;width:100%;min-width:0;padding:0;display:none;position:static;opacity:1!important;visibility:visible!important;transform:none!important}.nav-item-wrapper.active .nav-dropdown{display:block}.menu-toggle{color:var(--accent-color);cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:2.2rem;display:block!important}.logo-link img,.logo-img,img[src*=final_logo_v7\.png]{height:45px!important}.logo{font-size:.6rem}.navbar{align-items:center;padding:1rem 5%}.hero-title{font-size:1.8rem;line-height:1.2}.hero-subtitle{margin-top:.5rem;font-size:1.2rem}.sub-text{font-size:1.3rem}.current-track-name{font-size:1.5rem}.time-display{font-size:1.25rem}.tracklist-toggle{font-size:1.3rem}.tracklist-item .track-number{font-size:1.25rem}.tracklist-item .track-name{font-size:1.4rem}.playing-indicator{font-size:1.1rem}.preview-label{font-size:1.5rem}.audio-length-text{font-size:1.4rem}}.menu-toggle{display:none}.audio-player-container{background:#0000004d;border:1px solid #e3a9681a;border-radius:4px;width:100%;margin-top:1rem;overflow:hidden}.audio-player{flex-direction:column;gap:.8rem;padding:1rem;display:flex}.player-controls{justify-content:center;align-items:center;gap:1.5rem;display:flex}.nav-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:1px solid #e3a9684d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){border-color:var(--accent-color);background:#e3a9681a;transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.play-btn{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex;box-shadow:0 0 15px #e3a9684d}.play-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #e3a96880}.player-main{flex-direction:column;gap:.4rem;width:100%;display:flex}.track-info-mini{text-align:center;margin-bottom:.2rem}.current-track-name{font-family:var(--font-subheading);color:var(--accent-color);opacity:.9;font-size:1.1rem;font-style:italic}.progress-container{cursor:pointer;background:#ffffff0d;border-radius:2px;width:100%;height:4px;position:relative}.progress-bar{background:var(--accent-color);border-radius:2px;height:100%;box-shadow:0 0 8px #e3a96880}.time-display{opacity:.5;font-size:.95rem;font-family:var(--font-body);justify-content:flex-end;display:flex}.tracklist-toggle{color:var(--text-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:.6;background:0 0;border:1px solid #ffffff1a;margin-top:.5rem;padding:.4rem .8rem;font-size:.95rem;transition:all .2s}.tracklist-toggle:hover,.tracklist-toggle.active{opacity:1;border-color:var(--accent-color);color:var(--accent-color)}.tracklist-dropdown{background:#0a0a0ff2;border-top:1px solid #e3a96833;max-height:200px;padding:.5rem 0;overflow-y:auto}.tracklist-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:.8rem;padding:.6rem 1rem;transition:background .2s;display:flex}.tracklist-item:hover{background:#e3a9680d}.tracklist-item.active{background:#e3a9681a}.tracklist-item .track-number{opacity:.4;width:20px;font-size:.95rem}.tracklist-item .track-name{color:var(--text-color);flex:1;font-size:1.05rem}.tracklist-item.active .track-name{color:var(--accent-color);font-weight:700}.playing-indicator{color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}