/* A wind-driven rose curtain reveals the original emblem, then opens onto the page. */
@property --opening{syntax:'<length>';inherits:false;initial-value:0px}
.intro{background:transparent;animation:none;isolation:isolate;overflow:hidden;--duration:4.4s}.intro:before{display:none}.intro-veil{position:absolute;inset:0;z-index:-1;background:#131210;mask-image:radial-gradient(circle at 50% 48%,transparent var(--opening),#000 calc(var(--opening) + 65px));animation:rose-aperture 1.65s 2.5s cubic-bezier(.65,0,.2,1) forwards}.intro-light{width:600px;height:600px;background:radial-gradient(ellipse,#bd8e9120,transparent 65%);animation:rose-light 3.7s both}.emblem{width:160px;height:160px;animation:rose-emblem 3.8s both;filter:drop-shadow(0 0 30px #bd8e9110)}.emblem>div{display:none}.emblem:after{content:'';position:absolute;inset:0;background:url('/assets/logo.png') center/contain no-repeat}.intro-petals{position:absolute;inset:0;pointer-events:none;perspective:700px}.wind-petal{position:absolute;left:0;top:var(--y);width:var(--size);height:calc(var(--size)*1.45);border-radius:80% 15% 72% 25%;background:linear-gradient(135deg,#d6a9aa,#a36870 65%,#69444b);box-shadow:inset 1px 0 2px #f2d5c02e;opacity:0;transform-origin:40% 70%;animation:rose-wind var(--flight) var(--delay) cubic-bezier(.15,.4,.65,.8) both;filter:blur(var(--blur))}.wind-petal:nth-child(3n){background:linear-gradient(135deg,#94616a,#bc8e91 55%,#53373d);border-radius:20% 75% 25% 80%}.wind-petal:nth-child(5n){z-index:3}.intro-active .hero-copy{animation:rose-home 1s 2.9s both}.intro-controls{z-index:5}.intro-controls a,.intro-controls button{background:#131210d9;backdrop-filter:blur(8px)}
@keyframes rose-wind{0%{opacity:0;transform:translate3d(-20vw,var(--rise),0) rotate(-70deg) rotateY(20deg)}12%{opacity:var(--alpha)}48%{opacity:var(--alpha);transform:translate3d(48vw,calc(var(--rise)*-.35),50px) rotate(95deg) rotateY(160deg)}88%{opacity:var(--alpha)}100%{opacity:0;transform:translate3d(125vw,calc(var(--rise)*-1),0) rotate(270deg) rotateY(330deg)}}
@keyframes rose-emblem{0%{opacity:0;transform:scale(.94);clip-path:inset(0 100% 0 0)}20%{opacity:1;clip-path:inset(0 65% 0 0)}40%{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0)}68%{opacity:1;transform:scale(1.025)}100%{opacity:0;transform:scale(1.15);clip-path:inset(0 0 0 0)}}@keyframes rose-aperture{from{--opening:0px}to{--opening:150vmax}}@keyframes rose-light{0%{opacity:0}30%,65%{opacity:1}100%{opacity:0}}@keyframes rose-home{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:640px){.emblem{width:150px;height:150px;animation-duration:3.2s}.intro-veil{animation-delay:1.95s;animation-duration:1.3s}.intro-light{animation-duration:3.1s}.intro-active .hero-copy{animation-delay:2.2s;animation-duration:.8s}.wind-petal:nth-child(n+43){display:none}.intro-controls{bottom:max(25px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.intro,.intro-petals{display:none!important}}