#video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:#000;transition:all var(--transition-slow)}#video-container.fullscreen{z-index:1000}#video-container.hero{position:relative;height:100vh;min-height:400px;z-index:1}#oa-video{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-slow)}#video-container.hero #oa-video{filter:blur(1px)}#video-container.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;pointer-events:none}#video-container.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,transparent 60%,rgba(120,119,198,.2) 100%),radial-gradient(circle at 80% 20%,transparent 60%,rgba(255,255,255,.1) 100%);background-size:3px 3px,5px 5px;opacity:.4;pointer-events:none;z-index:1;animation:grain 8s steps(10) infinite;will-change:transform;transform:translateZ(0)}.page-hidden #video-container.hero:before{animation-play-state:paused}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,-10%)}90%{transform:translate(-10%,5%)}}.artist-name-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.7);opacity:0;transition:opacity var(--transition-slow);z-index:2;pointer-events:none}.hero-artistic-title{display:flex;flex-direction:column;align-items:center;gap:clamp(.25rem,.5vw,.5rem);text-align:center;max-width:90vw}.hero-title-part{display:block;color:#fff;line-height:1}.hero-online{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,6rem);font-weight:700;letter-spacing:-.04em;margin-bottom:clamp(.1rem,.2vw,.2rem)}.hero-always{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;font-style:italic;letter-spacing:-.01em;opacity:.95;margin-bottom:clamp(.3rem,.6vw,.8rem)}.hero-collective{font-family:var(--font-sans);font-size:clamp(1.2rem,3vw,2.2rem);font-weight:300;text-transform:uppercase;letter-spacing:.2em;opacity:.9}#video-container.hero .artist-name-overlay{opacity:1}.skip-button{position:fixed;bottom:2rem;right:2rem;background:#ffffffe6;color:var(--color-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;cursor:pointer;z-index:1001;transition:all var(--transition-normal);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.skip-button:hover{background:#fff}.skip-button.hidden{opacity:0;pointer-events:none}.content-container{position:relative;z-index:2;background:var(--color-white);min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg);opacity:0;transition:opacity var(--transition-slow)}.content-container.visible{opacity:1}.profile-content{max-width:800px;margin:0 auto;text-align:center}.profile-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xl);line-height:1.2}.artistic-title{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,.75rem);margin-bottom:var(--spacing-2xl)}.title-part{display:block;transition:all var(--transition-normal)}.title-online{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-primary);transform:translate(-2rem);letter-spacing:-.02em}.title-always{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;color:var(--color-secondary);transform:translate(1.5rem);font-style:italic}.title-collective{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:300;color:var(--color-muted);transform:translate(0);letter-spacing:.1em;text-transform:uppercase;margin-top:clamp(.25rem,.5vw,.5rem)}.profile-bio{font-family:var(--font-sans);font-size:clamp(1rem,2vw,1.2rem);color:var(--color-secondary);line-height:1.6;margin-bottom:var(--spacing-2xl);text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.editorial-content{max-width:650px;margin-bottom:var(--spacing-3xl)}.content-section{margin-bottom:var(--spacing-3xl);position:relative}.content-section:not(.final-section):after{content:"";display:block;width:2rem;height:1px;background:var(--color-border);margin:var(--spacing-2xl) auto}.intro-text{font-family:var(--font-serif);font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--color-primary);line-height:1.5;margin-bottom:var(--spacing-lg);font-weight:400}.body-text{font-family:var(--font-sans);font-size:clamp(.95rem,1.8vw,1.1rem);color:var(--color-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.emphasis-text{font-family:var(--font-serif);font-size:clamp(1rem,1.9vw,1.2rem);color:var(--color-primary);line-height:1.6;font-style:italic;text-align:center;margin:var(--spacing-xl) 0}.track-quote{font-family:var(--font-serif);font-size:clamp(1.2rem,2.4vw,1.6rem);color:var(--color-primary);text-align:center;margin:var(--spacing-lg) 0;font-weight:400;letter-spacing:.02em}.vision-text{font-family:var(--font-serif);font-size:clamp(1.05rem,2.1vw,1.3rem);color:var(--color-primary);line-height:1.6;text-align:center;font-weight:400}.music-links{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;margin-bottom:var(--spacing-3xl)}.music-platforms{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;align-items:center}.platform-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-white);color:var(--color-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;border:1px solid var(--color-border);transition:all var(--transition-normal);min-width:120px;text-align:center}.platform-link:hover{color:var(--color-primary);background:var(--color-light);border-color:var(--color-primary)}.spotify-link:hover{border-color:#1db954;color:#1db954}.apple-music-link:hover{border-color:#fa243c;color:#fa243c}.coming-soon{color:var(--color-muted);font-style:italic;font-size:1rem;padding:.75rem 1.5rem;background:var(--color-light);border-radius:var(--radius-md);border:1px solid var(--color-border)}@media (max-width: 768px){#video-container.hero{height:80vh;min-height:300px}.skip-button{bottom:1rem;right:1rem;padding:.6rem 1.2rem;font-size:.9rem}.content-container{padding:var(--spacing-lg) var(--spacing-md)}.artist-name-overlay{font-size:clamp(2rem,8vw,3rem);padding:0 var(--spacing-md)}.hero-online{font-size:clamp(2.5rem,9vw,4rem);letter-spacing:-.03em}.hero-always{font-size:clamp(1.8rem,7vw,3rem);letter-spacing:0}.hero-collective{font-size:clamp(1rem,5vw,1.6rem);letter-spacing:.15em}.title-online{transform:translate(-1rem);font-size:clamp(2rem,7vw,3rem)}.title-always{transform:translate(.75rem);font-size:clamp(1.6rem,6vw,2.4rem)}.title-collective{font-size:clamp(1.2rem,5vw,1.8rem);letter-spacing:.05em}.music-platforms{flex-direction:column;gap:var(--spacing-sm);width:100%}.platform-link{width:100%;max-width:280px;padding:.8rem 1rem;min-height:44px}.coming-soon{width:100%;max-width:280px;padding:.8rem 1rem;text-align:center}.profile-bio{text-align:center;font-size:clamp(.9rem,2.5vw,1.1rem)}.editorial-content{max-width:95vw;margin-bottom:var(--spacing-2xl)}.content-section{margin-bottom:var(--spacing-xl)}.intro-text{font-size:clamp(1rem,2.8vw,1.2rem);text-align:center}.body-text{font-size:clamp(.9rem,2.2vw,1rem);text-align:center}.track-quote{font-size:clamp(1.1rem,3vw,1.4rem)}.vision-text{font-size:clamp(1rem,2.5vw,1.2rem)}}@media (max-width: 480px){#video-container.hero{height:80vh;min-height:250px}.content-container{padding:var(--spacing-lg) var(--spacing-sm)}.skip-button{bottom:.75rem;right:.75rem;padding:.5rem 1rem;font-size:.85rem}.artist-name-overlay{font-size:clamp(1.8rem,9vw,2.5rem)}.hero-online{font-size:clamp(1.8rem,9vw,2.8rem);letter-spacing:-.02em}.hero-always{font-size:clamp(1.4rem,7vw,2rem);letter-spacing:0}.hero-collective{font-size:clamp(.8rem,5vw,1.2rem);letter-spacing:.12em}.title-online{transform:translate(-.5rem);font-size:clamp(1.8rem,8vw,2.5rem)}.title-always{transform:translate(.5rem);font-size:clamp(1.4rem,7vw,2rem)}.title-collective{font-size:clamp(1rem,6vw,1.5rem);letter-spacing:.03em}.platform-link,.coming-soon{max-width:240px;padding:.7rem .8rem;font-size:.9rem}.content-section{margin-bottom:var(--spacing-lg)}.content-section:not(.final-section):after{width:1.5rem;margin:var(--spacing-lg) auto}.intro-text{font-size:clamp(.95rem,3.2vw,1.1rem);margin-bottom:var(--spacing-md)}.body-text{font-size:clamp(.85rem,2.8vw,.95rem);margin-bottom:var(--spacing-sm)}.emphasis-text{font-size:clamp(.9rem,2.8vw,1.05rem);margin:var(--spacing-lg) 0}.track-quote{font-size:clamp(1rem,3.5vw,1.2rem);margin:var(--spacing-md) 0}.vision-text{font-size:clamp(.95rem,3vw,1.1rem)}}@media (max-width: 360px){#video-container.hero{height:70vh;min-height:200px}.content-container{padding:var(--spacing-md) var(--spacing-sm)}.hero-online{font-size:clamp(1.6rem,8vw,2.4rem)}.hero-always{font-size:clamp(1.2rem,6vw,1.8rem)}.hero-collective{font-size:clamp(.7rem,4vw,1rem);letter-spacing:.1em}.content-section{margin-bottom:var(--spacing-md)}.content-section:not(.final-section):after{width:1rem;margin:var(--spacing-md) auto}.intro-text{font-size:clamp(.9rem,3vw,1rem)}.body-text{font-size:clamp(.8rem,2.5vw,.9rem)}.track-quote{font-size:clamp(.95rem,3.2vw,1.1rem)}.vision-text{font-size:clamp(.9rem,2.8vw,1rem)}}@media (max-height: 500px) and (orientation: landscape){#video-container.hero{height:50vh;min-height:250px}.skip-button{bottom:.5rem;right:.5rem;padding:.5rem 1rem;font-size:.8rem}.content-container{padding:var(--spacing-md) var(--spacing-lg)}}#oa-video{will-change:filter}.artist-name-overlay{will-change:opacity}.skip-button{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){#video-container,#oa-video,.artist-name-overlay,.skip-button,.content-container,.title-part{transition-duration:.01ms!important}.title-online,.title-always,.title-collective{transform:none!important}}@media (hover: none) and (pointer: coarse){.skip-button:active,.platform-link:active{transform:scale(.98);transition:transform var(--transition-fast)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.platform-link{border-width:.5px}}@media print{#video-container,.skip-button{display:none!important}.content-container{position:static;opacity:1;background:#fafafa;padding:0}.platform-link{border:1px solid var(--color-primary);background:#fafafa!important;color:#000!important}}
