:root{--cyan:#7df7ff;--violet:#9369ff;--pink:#ff5cc8;--white:#f7f4ff;--dark:#040307}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark)}
body{margin:0;background:var(--dark);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet),var(--pink));border-radius:999px}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;mix-blend-mode:screen}
.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:25;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(125,247,255,.12),rgba(147,105,255,.055) 38%,transparent 68%)}
.grain{position:fixed;inset:-40%;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}
.hud{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;justify-content:space-between;padding:20px 24px;font-size:9px;font-weight:900;letter-spacing:.19em;mix-blend-mode:difference}
.panel{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}
.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;filter:saturate(.88) contrast(1.08)}
.hero-photo{animation:heroZoom 14s ease-out infinite alternate;object-position:center 58%}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,2,7,.84) 0%,rgba(3,2,7,.34) 42%,rgba(3,2,7,.12) 67%,rgba(3,2,7,.48) 100%),linear-gradient(0deg,rgba(3,2,7,.68),transparent 55%);z-index:2}
.aurora{position:absolute;inset:-30%;z-index:3;background:conic-gradient(from 190deg at 50% 50%,transparent 0 28%,#7df7ff22 34%,#9468ff3a 42%,#ff5bc92a 50%,transparent 60%);filter:blur(60px);mix-blend-mode:screen;animation:aurora 12s linear infinite}
.hero-copy{position:absolute;z-index:12;left:6vw;top:16vh;width:min(820px,86vw)}
.hero-copy p,.editorial-copy p,.motion-copy p,.bloom-copy p,.final-copy p{font-size:9px;font-weight:900;letter-spacing:.24em;color:var(--cyan)}
.hero-copy h1,.editorial-copy h2,.motion-copy h2,.bloom-copy h2,.final-copy h2{margin:10px 0 20px;font-size:clamp(76px,11vw,178px);font-weight:950;line-height:.76;letter-spacing:-.085em}
.hero-copy h1 em,.editorial-copy h2 em,.motion-copy h2 em,.bloom-copy h2 em,.final-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #ece5ff;text-shadow:0 0 34px #9d6cff55}
.hero-copy span,.editorial-copy span,.bloom-copy span,.final-copy span{display:block;max-width:580px;color:#c4bdce;font-size:13px;line-height:1.65}
.scroll-cue{position:absolute;z-index:13;right:26px;bottom:22px;font-size:9px;letter-spacing:.18em;color:#cbc4d5}
.speedline{position:absolute;z-index:7;height:2px;width:46vw;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);filter:drop-shadow(0 0 10px #77f8ff);animation:sweep 2.8s linear infinite}.speedline.one{right:-15vw;top:44%}.speedline.two{right:-25vw;top:49%;animation-delay:-1.2s}
.petals{position:absolute;inset:0;z-index:10;pointer-events:none}.petal{position:absolute;width:var(--w);height:calc(var(--w)*.46);border-radius:90% 20% 90% 20%;background:linear-gradient(135deg,#fff7,#ffafe4dd 45%,#8763ff99);filter:drop-shadow(0 0 8px #ff69cc77);animation:petalFall var(--d) linear infinite;animation-delay:var(--delay);transform:rotate(var(--r))}
.editorial{background:#050408}.split-photo{position:absolute;right:0;top:0;width:68%;height:100%}.split-photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#050408 0,transparent 26%),linear-gradient(0deg,#050408dd,transparent 45%)}
.panning{object-position:center;animation:pan 11s ease-in-out infinite alternate}.blackout{position:absolute;inset:0;background:linear-gradient(90deg,#050408 0 33%,transparent 67%);z-index:3}
.type-wall{position:absolute;z-index:4;left:-2vw;bottom:-4vh;font-size:clamp(150px,25vw,390px);font-weight:1000;letter-spacing:-.1em;line-height:.65;color:#ffffff08;-webkit-text-stroke:1px #ffffff10}
.editorial-copy{position:absolute;z-index:11;left:6vw;top:23vh;width:min(780px,80vw)}.editorial-copy h2{font-size:clamp(62px,8vw,126px)}
.motion-photo{object-position:center;animation:motionZoom 10s ease-in-out infinite alternate}.motion-overlay{position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 70% 52%,transparent 0 20%,rgba(4,3,7,.38) 53%,rgba(4,3,7,.84) 100%),linear-gradient(0deg,#040307bb,transparent 40%)}
.light-trails{position:absolute;inset:0;width:100%;height:100%;z-index:7;filter:drop-shadow(0 0 18px #8f6bff)}.light-trails path{fill:none;stroke:url(#trail);stroke-width:5;stroke-dasharray:40 24;filter:url(#trailGlow);animation:trail 2.2s linear infinite}.light-trails path+path{stroke-width:2;animation-direction:reverse;opacity:.7}
.motion-copy{position:absolute;z-index:12;left:6vw;bottom:10vh}.motion-copy h2{font-size:clamp(62px,9vw,138px)}
.bloom{background:radial-gradient(circle at 50% 50%,#261031 0,#08040d 48%,#020204 80%);display:grid;place-items:center}.giant-flower{position:absolute;width:min(72vw,900px);aspect-ratio:1;animation:flowerRotate 24s linear infinite}.giant-flower i{position:absolute;left:42%;top:5%;width:16%;height:48%;border-radius:100% 100% 22% 22%;transform-origin:50% 94%;background:radial-gradient(circle at 50% 18%,#fff,#ff94dc 28%,#9366ff 66%,#32153f);filter:drop-shadow(0 0 28px #ff5cca44)}.giant-flower i:nth-child(2){transform:rotate(72deg)}.giant-flower i:nth-child(3){transform:rotate(144deg)}.giant-flower i:nth-child(4){transform:rotate(216deg)}.giant-flower i:nth-child(5){transform:rotate(288deg)}.giant-flower b{position:absolute;inset:41%;border-radius:50%;background:radial-gradient(circle,#fff7b2,#ff70c7 55%,#6d4cff);box-shadow:0 0 70px #ffd58255}
.bloom-copy{position:relative;z-index:6;text-align:center}.bloom-copy h2{font-size:clamp(70px,12vw,185px)}.bloom-copy span{margin:auto}
.finale{display:grid;place-items:center;background:#020204}.final-orb{position:absolute;width:min(78vw,980px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff0c 0 8%,#7df7ff12 9% 16%,transparent 17% 26%,#9369ff1a 27% 28%,transparent 29% 40%,#ff5cc813 41% 42%,transparent 43%);box-shadow:0 0 170px #765cff22;animation:orbPulse 5s ease-in-out infinite}.final-copy{position:relative;z-index:3;text-align:center;width:min(1100px,88vw)}.final-copy h2{font-size:clamp(70px,10vw,150px)}.final-copy span{margin:auto}.final-copy a{display:inline-block;margin-top:28px;padding:13px 17px;border:1px solid #ffffff38;border-radius:999px;color:#fff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.16em;background:#ffffff09;backdrop-filter:blur(16px)}
.credits{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;background:#020204;border-top:1px solid #ffffff12;color:#655f70;font-size:8px;letter-spacing:.13em}
@keyframes heroZoom{to{transform:scale(1.08) translate3d(1.5%,-1%,0)}}@keyframes aurora{to{transform:rotate(360deg) scale(1.08)}}@keyframes sweep{from{transform:translateX(0)}to{transform:translateX(-120vw)}}@keyframes pan{from{transform:scale(1.08) translateX(2%)}to{transform:scale(1.13) translateX(-4%)}}@keyframes motionZoom{from{transform:scale(1.04)}to{transform:scale(1.12) translateX(-2%)}}@keyframes trail{to{stroke-dashoffset:-128}}@keyframes petalFall{0%{transform:translate3d(0,-15vh,0) rotate(var(--r));opacity:0}10%{opacity:.85}100%{transform:translate3d(var(--drift),115vh,0) rotate(calc(var(--r) + 420deg));opacity:.05}}@keyframes flowerRotate{to{transform:rotate(360deg)}}@keyframes orbPulse{50%{transform:scale(1.06);filter:brightness(1.3)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(0)}}
@media(max-width:700px){.hud{padding:16px 12px}.hero-copy{left:18px;top:18vh}.hero-copy h1{font-size:22vw}.hero-copy span{max-width:72vw}.editorial-copy{left:18px;top:19vh;width:88vw}.editorial-copy h2{font-size:16vw}.split-photo{width:100%}.blackout{background:linear-gradient(0deg,#050408 0 18%,transparent 65%),linear-gradient(90deg,#050408bb,transparent 65%)}.type-wall{font-size:38vw}.motion-copy{left:18px;bottom:12vh}.motion-copy h2{font-size:16vw}.bloom-copy h2{font-size:18vw}.giant-flower{width:120vw}.final-copy h2{font-size:17vw}.final-orb{width:120vw}.cursor-glow{display:none}.credits{display:grid}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}