@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@layer components{.flock-sky{height:clamp(170px,34svh,360px);margin-bottom:1rem}.flock-wind span{top:var(--top);width:var(--w);height:1px;opacity:var(--o);animation:flock-wind var(--d) linear var(--at) infinite;background:linear-gradient(90deg,#0000,#f7f4ee38,#0000);position:absolute;left:0}[dir=rtl] .flock-wind span{animation-direction:reverse}@keyframes flock-wind{0%{translate:100vw}to{translate:calc(-1 * var(--w)) 0}}.flock-slot{width:var(--slot,90px);height:var(--slot,90px);margin:calc(var(--slot,90px) / -2) 0 0 calc(var(--slot,90px) / -2);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .9s;position:absolute;top:0;left:0}.flock-slot[data-ready]{opacity:1;pointer-events:auto}.flock-slot-ring{border:2px dashed #f7f4ee8c;border-radius:50%;transition:border-color .3s,scale .4s cubic-bezier(.22,1,.36,1);animation:18s linear infinite flock-slot-turn;position:absolute;inset:0}.flock-slot:before{content:"";border:2px solid #ff4d3899;border-radius:50%;animation:2.6s cubic-bezier(.2,.6,.35,1) infinite flock-slot-ping;position:absolute;inset:0}.flock-slot-label{background:var(--color-brand);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;transition:translate .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;right:100%;translate:-.75rem -50%;box-shadow:0 8px 24px -8px #ff4d38e6}[dir=rtl] .flock-slot-label{left:100%;right:auto;translate:.75rem -50%}.flock-slot:hover .flock-slot-ring{border-color:var(--color-brand);scale:1.08}.flock-slot:hover .flock-slot-label{translate:-.4rem -50%}[dir=rtl] .flock-slot:hover .flock-slot-label{translate:.4rem -50%}@media (width<=639px){.flock-slot-label,[dir=rtl] .flock-slot-label{top:100%;left:50%;right:auto;translate:-50% .5rem}.flock-slot-label svg{rotate:-90deg}[dir=rtl] .flock-slot-label svg{rotate:90deg}}@keyframes flock-slot-turn{to{rotate:360deg}}@keyframes flock-slot-ping{0%{opacity:.7;scale:1}80%,to{opacity:0;scale:1.5}}.note{transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;box-shadow:0 18px 36px -24px #1f1f1f59}@media (width>=640px){.note{rotate:var(--tilt)}}.note-tape{clip-path:polygon(0 0,100% 0,97% 20%,100% 40%,97% 60%,100% 80%,97% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%);background:#ffc93c80;width:88px;height:24px;position:absolute;top:-11px;left:50%;translate:-50%;rotate:-3deg}.note-art{color:var(--note);background:color-mix(in srgb, var(--note) 12%, transparent)}.note-bird{transform-box:fill-box;transform-origin:50%}.note-dots{stroke-dasharray:.1 6}.note-piece{transform-origin:56px 41px;transition:translate .5s cubic-bezier(.34,1.56,.64,1),rotate .5s cubic-bezier(.34,1.56,.64,1);translate:5px -3px;rotate:10deg}@media (hover:hover){.note:hover{translate:0 -6px;rotate:0deg;box-shadow:0 28px 44px -26px #1f1f1f73}.note:hover .note-bird{animation:.42s ease-in-out infinite alternate note-flap;animation-delay:calc(var(--i) * -.14s)}.note:hover .note-dots{animation:1.2s linear infinite note-shimmer;animation-delay:calc(var(--i) * -.3s)}.note:hover .note-talk{animation:.9s ease-in-out infinite note-talk;animation-delay:calc(var(--i) * .15s)}.note:hover .note-piece{translate:-8px;rotate:0deg}}@media (hover:none){.note-piece{translate:-8px;rotate:0deg}}@keyframes note-flap{to{scale:1 .3}}@keyframes note-shimmer{to{stroke-dashoffset:-12px}}@keyframes note-talk{0%,60%,to{translate:0}30%{translate:0 -5px}}.role-card{transition:translate .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s}.role-icon{color:#f7f4ee99;background:#f7f4ee0f;transition:background-color .4s,color .4s,rotate .5s cubic-bezier(.22,1,.36,1)}.role-bar{background:var(--role);transform-origin:0;transition:scale .5s cubic-bezier(.22,1,.36,1);scale:0 1}[dir=rtl] .role-bar{transform-origin:100%}.role-card.is-other{border:2px dashed #f7f4ee2e}.role-card.is-other .role-icon{background:0 0;border:2px dashed}.role-card.is-closed .role-icon{opacity:.45}.role-card.is-other.is-closed{border-color:#f7f4ee1a}.role-live{animation:1.8s ease-out infinite role-live;box-shadow:0 0 #5bd08fb3}@keyframes role-live{70%,to{box-shadow:0 0 0 6px #5bd08f00}}@media (hover:hover){.role-card:not(.is-closed):hover{border-color:color-mix(in srgb, var(--role) 45%, transparent);translate:0 -6px;box-shadow:0 30px 50px -30px #000c}.role-card:not(.is-closed):hover .role-icon{background:var(--role);color:var(--role-ink);rotate:-8deg}.role-card.is-other:not(.is-closed):hover .role-icon{color:var(--role);background:0 0}.role-card:not(.is-closed):hover .role-bar{scale:1}}@media (hover:none){.role-card:not(.is-closed) .role-icon{background:var(--role);color:var(--role-ink)}.role-card.is-other:not(.is-closed) .role-icon{color:var(--role);background:0 0}}.pass{--notch:14px;--pass-bg:#f7f4ee;--pass-shadow:0 1px 3px #1f1f1f14, 0 30px 44px -30px #1f1f1f66;container-type:inline-size}.pass-body{box-shadow:var(--pass-shadow);border-radius:22px;flex-direction:column;display:flex}.pass-body.is-torn{box-shadow:none}.pass-body.is-torn .pass-paper{box-shadow:var(--pass-shadow)}.pass-paper{--hole-a:color-mix(in srgb, var(--pass-bg), #1f1f1f 3%);--hole-b:color-mix(in srgb, var(--pass-bg), #1f1f1f 3%);color:#1f1f1f;background-color:#fbf8f1;background-image:radial-gradient(130% 110% at 50% 45%,#0000 60%,#785a3c14 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative}.pass-main:after,.pass-stub:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--notch-a), var(--hole-a) calc(var(--notch) - 4px), color-mix(in srgb, var(--hole-a), #1f1f1f 9%) var(--notch), transparent calc(var(--notch) + .5px)), radial-gradient(circle at var(--notch-b), var(--hole-b) calc(var(--notch) - 4px), color-mix(in srgb, var(--hole-b), #1f1f1f 9%) var(--notch), transparent calc(var(--notch) + .5px));position:absolute;inset:0}.pass-main{--notch-a:0 100%;--notch-b:100% 100%;border-radius:22px 22px 0 0}.pass-stub{--notch-a:0 0;--notch-b:100% 0;border-radius:0 0 22px 22px}.pass-stub:before{content:"";top:0;inset-inline:calc(var(--notch) + 8px);border-top:2px dashed #1f1f1f38;position:absolute}@container (width>=760px){.pass-body{flex-direction:row}.pass-paper{--hole-a:var(--pass-bg);--hole-b:color-mix(in srgb, var(--pass-bg), #1f1f1f 22%)}.pass-body.is-torn .pass-paper{--hole-b:color-mix(in srgb, var(--pass-bg), #1f1f1f 3%)}.pass-stub{--notch-a:0 0;--notch-b:0 100%;border-radius:0 22px 22px 0;flex:none;width:15.5rem}.pass-main{--notch-a:100% 0;--notch-b:100% 100%;border-radius:22px 0 0 22px}.pass-stub:before{top:calc(var(--notch) + 8px);bottom:calc(var(--notch) + 8px);border-top:0;border-inline-start:2px dashed #1f1f1f38;inset-inline:0 auto}[dir=rtl] .pass-stub{--notch-a:100% 0;--notch-b:100% 100%;border-radius:22px 0 0 22px}[dir=rtl] .pass-main{--notch-a:0 0;--notch-b:0 100%;border-radius:0 22px 22px 0}}.pass-band{border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:var(--band);color:var(--band-ink);background-image:linear-gradient(120deg,#ffffff2e,#0000 55%),linear-gradient(#0000,#00000014);transition:background-color .5s,color .5s}.pass-chip-code{background:#1f1f1f12}input:checked+.pass-chip .pass-chip-code{background:#ffffff38}.pass-label{letter-spacing:.2em;text-transform:uppercase;color:#1f1f1f8c;font-size:.72rem;font-weight:600}.pass-field{border:0;width:100%;font:inherit;color:#1f1f1f;background:0 0;border-bottom:2px solid #1f1f1f2e;border-radius:0;outline:none;padding:.35rem 0 .5rem;font-size:1.05rem;transition:border-color .25s}.pass-field::placeholder{color:#1f1f1f52}.pass-field:focus{border-color:var(--color-brand)}.pass-field:user-invalid{border-color:#c42a17}.pass-lines{background-image:repeating-linear-gradient(#0000 0 calc(2rem - 1px),#1f1f1f1f calc(2rem - 1px) 2rem);background-attachment:local;padding-top:0;line-height:2rem}.pass-stamp{bottom:15%;outline-offset:3px;color:#d8331f;mix-blend-mode:multiply;pointer-events:none;border:3px solid;border-radius:12px;outline:1.5px solid;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1.35rem .65rem;display:flex;position:absolute;inset-inline-end:9%;rotate:-10deg;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 0 0 0 2.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 0 0 0 2.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.flock-wind,.flock-slot:before{display:none}.flock-slot-ring,.role-live,.note .note-bird,.note .note-dots,.note .note-talk{animation:none!important}}}