.op{--op-bg:#fbf6f9;--op-ink:#1e121b;--op-mute:#6b5a66;--op-ghost:#a5188533;--op-blob-o:.26;--op-blob-o2:.2;--op-room:#fff;--op-beam:linear-gradient(180deg, #ffb48c00 0%, #ffa0783d 40%, #a518850f 100%);--op-pad:20px;--op-hdr-pad:16px;--op-year:132px;--op-year-m:2px;--op-h1:40px;--op-kick:13px;--op-rule:24px;--op-lead:16px;--op-btn-h:52px;--op-gap:14px;--op-beam-w:520px;--op-blob1:420px;--op-blob2:320px;--op-bottom:56px;--op-ease:cubic-bezier(.4, 0, .2, 1);background:var(--op-bg);min-height:100dvh;color:var(--op-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .op{--op-bg:#140e14;--op-ink:#fff6fb;--op-mute:#c2b3be;--op-ghost:#ffffff24;--op-blob-o:.5;--op-blob-o2:.3;--op-room:radial-gradient(ellipse at 50% 35%, #6a4654 0%, #3a2730 55%, #241820 100%);--op-beam:linear-gradient(180deg, #ffecdc00 0%, #ffe2cd38 35%, #ffaa8c1f 75%, #ff967800 100%)}}[data-theme=dark] .op{--op-bg:#140e14;--op-ink:#fff6fb;--op-mute:#c2b3be;--op-ghost:#ffffff24;--op-blob-o:.5;--op-blob-o2:.3;--op-room:radial-gradient(ellipse at 50% 35%, #6a4654 0%, #3a2730 55%, #241820 100%);--op-beam:linear-gradient(180deg, #ffecdc00 0%, #ffe2cd38 35%, #ffaa8c1f 75%, #ff967800 100%)}.op__dim{background:var(--op-room);opacity:0;pointer-events:none;animation:op-dim 2s var(--op-ease) .2s both;position:absolute;inset:0}.op__blob{filter:blur(120px);pointer-events:none;border-radius:999px;position:absolute}.op__blob--a{width:var(--op-blob1);height:var(--op-blob1);opacity:var(--op-blob-o);animation:op-fade 3s var(--op-ease) 1s both, op-blob-a 16s ease-in-out infinite alternate both;background:#a51885;top:-18%;right:-12%}.op__blob--b{width:var(--op-blob2);height:var(--op-blob2);opacity:var(--op-blob-o2);animation:op-fade 3s var(--op-ease) 1.4s both, op-blob-b 16s ease-in-out infinite alternate both;background:#ff7a33;bottom:-14%;left:-10%}.op__sway{transform-origin:50% 0;pointer-events:none;z-index:1;width:0;height:112%;animation:9s ease-in-out 4s infinite alternate both op-sway;position:absolute;top:-6%;left:50%}.op__beam{width:var(--op-beam-w);transform-origin:50% 0;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:var(--op-beam);filter:blur(16px);height:100%;animation:op-beam 2.4s var(--op-ease) 1.6s both;position:absolute;top:0;left:0;transform:translate(-50%)}.op__hdr{z-index:2;padding:var(--op-hdr-pad) var(--op-pad) 0;animation:op-fade 1s var(--op-ease) .6s both;justify-content:center;display:flex;position:relative}.op__hdr .logo img{height:var(--op-logo,32px);width:auto}.op__main{z-index:2;text-align:center;padding:0 var(--op-pad) var(--op-bottom);justify-content:center;align-items:center;gap:var(--op-gap);flex-direction:column;flex:1;display:flex;position:relative}.op__h1{font-size:var(--op-h1);letter-spacing:-.04em;animation:op-up .8s var(--op-ease) 4.2s both;margin:0;font-weight:800;line-height:1;position:relative}.op__hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.op__kick{font-size:var(--op-kick);letter-spacing:.22em;text-transform:uppercase;color:var(--op-mute);animation:op-up .8s var(--op-ease) 4.4s both;align-items:center;gap:14px;font-weight:800;display:flex}.op__rule{width:var(--op-rule);opacity:.5;background:currentColor;height:1.5px}.op__year{margin:var(--op-year-m) 0;line-height:.82;position:relative}.op__year-ghost,.op__year-num{font-size:var(--op-year);letter-spacing:-.06em;font-weight:800}.op__year-ghost{color:#0000;-webkit-text-stroke:1.5px var(--op-ghost);position:absolute;inset:0}.op__year-num{color:#0000;background-image:linear-gradient(100deg,#a51885 0%,#d23c7e 35%,#ff7a33 65%,#a51885 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-in-out 2.6s both op-reveal,12s ease-in-out infinite alternate both op-shift;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 0 40%,#0000 60%);mask-image:linear-gradient(90deg,#000 0 40%,#0000 60%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.op__lead{font-size:var(--op-lead);color:var(--op-mute);text-wrap:balance;max-width:520px;animation:op-up .8s var(--op-ease) 4.7s both;margin:0;line-height:1.45}.op__btn{height:var(--op-btn-h);color:#fff;animation:op-up .8s var(--op-ease) 5s both;background:#a51885;border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:0 26px;font-size:16px;font-weight:800;transition:background .15s;display:inline-flex;box-shadow:0 14px 36px #a5188561}.op__btn:hover{color:#fff;background:#8e1472}@media (width>=834px){.op{--op-pad:40px;--op-logo:40px;--op-hdr-pad:40px;--op-year:230px;--op-year-m:4px;--op-h1:56px;--op-kick:15px;--op-rule:40px;--op-lead:18px;--op-btn-h:56px;--op-gap:18px;--op-beam-w:900px;--op-blob1:620px;--op-blob2:460px;--op-bottom:120px}}@media (width>=1280px){.op{--op-pad:48px;--op-logo:44px;--op-hdr-pad:32px;--op-year:300px;--op-h1:64px;--op-rule:48px;--op-lead:19px;--op-beam-w:1100px;--op-blob1:720px;--op-blob2:520px;--op-bottom:72px}}@keyframes op-dim{0%{opacity:1}}@keyframes op-fade{0%{opacity:0}}@keyframes op-up{0%{opacity:0;transform:translateY(14px)}}@keyframes op-beam{0%{opacity:0;transform:translate(-50%)rotate(-24deg)}}@keyframes op-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes op-reveal{0%{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes op-shift{0%{background-position:0%}to{background-position:100%}}@keyframes op-blob-a{0%{background-color:#a51885;transform:translate(0)scale(1)}to{background-color:#ff7a33;transform:translate(-8%,6%)scale(1.12)}}@keyframes op-blob-b{0%{background-color:#ff7a33;transform:translate(0)scale(1)}to{background-color:#a51885;transform:translate(10%,-5%)scale(.92)}}@media (prefers-reduced-motion:reduce){.op [class^=op__],.op [class*=\ op__]{animation:none!important}}
