:root{--color-parchment: 40 35% 96%;--color-ocean-deep: 210 45% 20%;--color-sand-gold: 30 55% 45%;--color-charcoal: 220 15% 15%;--color-white: 0 0% 100%;--color-glass: 40 35% 96% / .85;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--space-xs: .5rem;--space-s: 1rem;--space-m: 2rem;--space-l: 4rem;--space-xl: 8rem;--transition-smooth: .6s cubic-bezier(.22, 1, .36, 1);--transition-liquid: 1.2s cubic-bezier(.76, 0, .24, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:hsl(var(--color-parchment));color:hsl(var(--color-charcoal));font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;color:hsl(var(--color-ocean-deep))}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{cursor:pointer;border:none;background:none;font-family:inherit}.glass{background:hsla(var(--color-glass));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(30,25%,70%,.2);box-shadow:0 8px 32px -8px #5c4d3d14;transition:var(--transition-smooth)}.glass:hover{border-color:hsla(var(--color-sand-gold),.4);box-shadow:0 12px 40px -10px #5c4d3d1f}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.container{max-width:1440px;margin:0 auto;padding:0 var(--space-m)}.navbar{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:auto;max-width:90vw;z-index:1000;padding:0;transition:var(--transition-smooth);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none}.navbar-container{background:hsla(var(--color-parchment),.95);border:1px solid hsla(var(--color-ocean-deep),.1);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:100px;padding:.6rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:3rem;box-shadow:0 20px 40px -10px hsla(var(--color-ocean-deep),.1);position:relative}.logo-text{font-family:var(--font-serif);font-size:2rem;color:hsl(var(--color-sand-gold));font-weight:700}.nav-content{display:flex;justify-content:space-between;flex-grow:1;margin-left:var(--space-xl)}.nav-links{display:flex;gap:var(--space-m);align-items:center}.nav-links a{font-family:var(--font-sans);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--color-ocean-deep));opacity:.75;transition:var(--transition-smooth)}.nav-links a:hover{opacity:1;color:hsl(var(--color-sand-gold))}.cta-link{border:1px solid hsl(var(--color-ocean-deep));padding:.5rem 1.5rem;border-radius:2px;opacity:1!important}.cta-link:hover{background:hsl(var(--color-ocean-deep));color:hsl(var(--color-parchment))!important}.mobile-only{display:none}.social-links{display:flex;gap:var(--space-m);align-items:center;margin-left:var(--space-xl)}.social-links a{color:hsl(var(--color-ocean-deep));opacity:.5;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.social-links a:hover{opacity:1;transform:translateY(-2px)}.menu-toggle{display:none;color:hsl(var(--color-ocean-deep))}@media(max-width:968px){.navbar{top:1.5rem;width:80%;left:50%;transform:translate(-50%);padding:0}.navbar-container{padding:.8rem 1.5rem;gap:1rem;display:flex;justify-content:space-between;align-items:center}.mobile-only{display:block;font-size:.8rem;padding:.4rem 1rem;order:2}.logo{order:1}.menu-toggle{order:3}.menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:1001;transition:var(--transition-smooth)}.nav-content{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(-10px);width:65%;height:auto;background:transparent;flex-direction:column;justify-content:flex-start;align-items:center;margin-left:0;gap:var(--space-m);padding:var(--space-m);opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.19,1,.22,1);z-index:1000}.nav-content.active{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0)}.nav-links{flex-direction:column;gap:.25rem;text-align:center;width:100%}.nav-links a{font-size:.8rem;font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.19,1,.22,1);color:hsl(var(--color-ocean-deep));display:block;padding:.8rem 1rem;border-radius:12px;background:hsla(var(--color-white) / .7);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);border:1px solid hsla(var(--color-white) / .3);width:100%;margin-bottom:.5rem;box-shadow:0 8px 24px -4px hsla(var(--color-ocean-deep) / .15)}.nav-links .cta-link{display:none}.nav-links a:active{background:hsla(var(--color-ocean-deep),.05)}.nav-content.active .nav-links a{opacity:1;transform:translateY(0)}.nav-content.active .nav-links a:nth-child(1){transition-delay:.05s}.nav-content.active .nav-links a:nth-child(2){transition-delay:.1s}.nav-content.active .nav-links a:nth-child(3){transition-delay:.15s}.nav-content.active .nav-links a:nth-child(4){transition-delay:.2s}.nav-content.active .nav-links a:nth-child(5){transition-delay:.25s}.social-links{display:flex;flex-direction:row;gap:var(--space-m);justify-content:center;margin-left:0;padding-top:var(--space-m);border-top:1px solid hsla(var(--color-ocean-deep) / .1);width:100%;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.19,1,.22,1);transition-delay:.3s}.nav-content.active .social-links{opacity:1;transform:translateY(0)}.social-links a{width:44px;height:44px;background:hsla(var(--color-white) / .8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(var(--color-white) / .3);border-radius:50%;box-shadow:0 4px 12px hsla(var(--color-ocean-deep) / .1)}}.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none;object-fit:cover}@media(min-aspect-ratio:16/9){.hero-video{height:56.25vw}}@media(max-aspect-ratio:16/9){.hero-video{width:177.78vh}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,hsla(var(--color-parchment),.8),hsla(var(--color-parchment),.5),hsla(var(--color-parchment),.8));z-index:1}.hero-content{z-index:2;text-align:center;width:100%}.hero-title{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:var(--space-s)}.hero-title .accent{color:hsl(var(--color-sand-gold));font-style:italic;font-weight:300}.hero-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto var(--space-m);color:hsl(var(--color-ocean-deep));letter-spacing:.05em;font-weight:500;text-shadow:0 0 20px hsla(var(--color-parchment),1)}.hero-actions{display:flex;gap:var(--space-m);justify-content:center}.btn-primary{position:relative;background:hsl(var(--color-ocean-deep));color:hsl(var(--color-white));padding:1rem 2.5rem;font-size:1rem;border-radius:50px;letter-spacing:.05em;overflow:hidden;transition:var(--transition-smooth)}.btn-primary:hover{background:hsl(var(--color-sand-gold));transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px hsla(var(--color-sand-gold),.3)}.btn-secondary{border:1px solid hsl(var(--color-ocean-deep));color:hsl(var(--color-ocean-deep));padding:1rem 2.5rem;font-size:1rem;border-radius:50px;letter-spacing:.05em;background:hsla(var(--color-parchment),.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-smooth)}.btn-secondary:hover{background:hsl(var(--color-ocean-deep));color:hsl(var(--color-white));transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:var(--space-m);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.5}.mouse{width:26px;height:42px;border:2px solid hsl(var(--color-ocean-deep));border-radius:20px;position:relative}.mouse:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background-color:hsl(var(--color-ocean-deep));border-radius:2px;animation:scroll 2s infinite}@media(max-width:768px){.hero-title{font-size:3rem;margin-bottom:var(--space-m)}.hero-subtitle{font-size:1.1rem;padding:0 var(--space-m)}.hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto;gap:var(--space-s)}.btn-primary,.btn-secondary{width:100%;padding:1.2rem}.video-overlay{background:linear-gradient(to bottom,hsla(var(--color-parchment),.95),hsla(var(--color-parchment),.7) 40% 60%,hsla(var(--color-parchment),.95))}}@keyframes scroll{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.discography{padding:var(--space-xl) var(--space-m)}.section-header{margin-bottom:var(--space-l);text-align:center}.section-title{font-size:3rem;margin-bottom:var(--space-xs)}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-l)}.album-card{perspective:1000px}.album-cover-wrapper{width:100%;aspect-ratio:1;position:relative;margin-bottom:var(--space-s)}.album-cover-tilt{width:100%;height:100%;transition:var(--transition-smooth);transform-style:preserve-3d;cursor:pointer}.album-card:hover .album-cover-tilt{transform:rotateX(10deg) rotateY(10deg)}.album-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--color-ocean-deep) / .1),hsl(var(--color-ocean-deep) / .05));display:flex;align-items:center;justify-content:center;padding:var(--space-m);text-align:center;color:hsl(var(--color-ocean-deep));font-weight:600;font-family:var(--font-serif);font-size:1.5rem;border:1px solid rgba(0,0,0,.05)}.album-cover-img{width:100%;height:100%;object-fit:cover;display:block}.album-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);opacity:0;transition:var(--transition-smooth);transform:translateZ(20px)}.album-card:hover .album-overlay{opacity:1}.btn-buy,.btn-stream{width:140px;padding:.8rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;transition:var(--transition-smooth)}.btn-buy{background-color:hsl(var(--color-ocean-deep));color:hsl(var(--color-white))}.btn-stream{border:1px solid hsl(var(--color-ocean-deep));color:hsl(var(--color-ocean-deep))}.album-info h3{font-size:1.2rem;margin-bottom:.2rem;color:hsl(var(--color-ocean-deep))}.album-info p{font-size:.9rem;opacity:.6}@media(max-width:768px){.section-title{font-size:2.2rem}.album-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-m)}}.video-vault{padding:var(--space-xl) var(--space-m)}.video-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:200px;gap:var(--space-s)}.video-item{position:relative;border-radius:12px;overflow:hidden;background:#000}.video-embed-container{position:relative;width:100%;height:100%;aspect-ratio:16/9}.video-embed-container iframe{width:100%;height:100%;border:none}.video-item.large{grid-column:span 2;grid-row:span 2}.video-meta{position:absolute;bottom:0;left:0;right:0;padding:var(--space-s);background:linear-gradient(transparent,#000c);color:#fff;pointer-events:none;opacity:0;transition:var(--transition-smooth)}.video-item:hover .video-meta{opacity:1}.category{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-sand-gold)}.video-meta h3{margin-top:5px;font-size:1.2rem;color:#fff}.biography{position:relative;padding:var(--space-xl) 0;overflow:hidden;min-height:100vh;display:flex;align-items:center}.parallax-bg{position:absolute;top:-20%;left:0;width:100%;height:140%;background:radial-gradient(circle at 70% 30%,hsl(var(--color-ocean-deep) / .05) 0%,transparent 70%);z-index:-1}.bio-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}@media(max-width:768px){.bio-container{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.bio-content{margin:0 auto}.bio-text{max-width:100%}}.bio-content{max-width:600px}.bio-text{margin-top:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);font-size:1.1rem;opacity:.9;max-width:65ch;line-height:1.8}.bio-text .lead{font-size:1.5rem;font-family:var(--font-serif);color:hsl(var(--color-ocean-deep));line-height:1.4;margin-bottom:var(--space-s);letter-spacing:-.01em}.bio-image-stack{position:relative;height:600px}.bio-img{position:absolute;background-color:#fdfcf9;border:1px solid rgba(0,0,0,.05);transition:var(--transition-smooth);overflow:hidden;box-shadow:var(--shadow-l)}.bio-inner-img{width:100%;height:100%;object-fit:cover;display:block}.img-1{width:70%;height:80%;top:0;left:0;z-index:1}.img-2{width:60%;height:70%;bottom:0;right:0;z-index:2;transform:translate(20px,20px)}.bio-img:hover{transform:translate(0) scale(1.05);z-index:3}@media(max-width:768px){.bio-image-stack{height:450px;margin-top:var(--space-l);display:flex;justify-content:center;align-items:center}.img-1{width:85%;height:75%;top:0;left:5%;z-index:1}.img-2{width:75%;height:65%;bottom:0;right:5%;z-index:2;transform:translate(0)}}.footer{padding:var(--space-xl) var(--space-m) var(--space-m)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-l);margin-bottom:var(--space-xl)}@media(max-width:968px){.footer-grid{grid-template-columns:1fr}}.bento-social{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-s)}.bento-item{aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);position:relative;cursor:pointer;overflow:hidden}.social-logo{width:60px;height:60px;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:var(--transition-bounce)}.bento-item.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.bento-item.tt{background:#000}.bento-item.yt{background:red}.bento-item.fb{background:#1877f2}.bento-item:hover{transform:translateY(-8px) scale(1.02)}.bento-item:hover .social-logo{transform:scale(1.15) rotate(5deg)}.bento-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.9rem;font-family:var(--font-sans);text-align:center;transform:translateY(100%);transition:var(--transition-smooth);z-index:3}.bento-item:hover .bento-overlay{transform:translateY(0)}.booking-form-container{padding:var(--space-m)}.booking-form-container h3{margin-bottom:var(--space-m);font-size:1.8rem}.booking-form{display:flex;flex-direction:column;gap:var(--space-s)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.05);color:var(--color-charcoal);font-family:var(--font-sans);transition:var(--transition-smooth)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:hsl(var(--color-sand-gold))}.btn-submit{background-color:hsl(var(--color-ocean-deep));color:hsl(var(--color-white));padding:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-smooth)}.btn-submit:hover{filter:brightness(1.1)}.footer-bottom{border-top:1px solid rgba(0,0,0,.05);padding-top:var(--space-m);display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-serif);font-size:1.5rem;color:hsl(var(--color-sand-gold))}.footer-info{text-align:right;font-size:.8rem;opacity:.5}@media(max-width:768px){.footer{padding:var(--space-l) var(--space-m)}.bento-social{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.bento-item{min-height:120px}.footer-bottom{flex-direction:column;gap:var(--space-m);text-align:center}.footer-info{text-align:center}}.app-experience{overflow-x:hidden}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}section{position:relative;z-index:1}main{background:linear-gradient(to bottom,hsl(var(--color-parchment)),hsl(var(--color-ocean-deep) / .03),hsl(var(--color-parchment)))}