html.intro-seen .intro{display:none}html.intro-playing{animation:0s linear 4.4s forwards intro-unlock;overflow:hidden}@keyframes intro-unlock{to{overflow:visible}}@media (prefers-reduced-motion:reduce){.intro{display:none}}.intro{--ease:cubic-bezier(.22, 1, .36, 1);--swing:cubic-bezier(.3, 1.22, .55, 1);--s:clamp(160px, 26vw, 250px);--w:var(--s);--h:calc(var(--s) * .72);--d:calc(var(--s) * .82);--lw:1.6px;--line:#fffffff0;--face-cam:rotateY(34deg) rotateX(24deg);--rim:calc(var(--h) * -.55);--t-cut:.45s;--t-open:.95s;--t-light:1.25s;--t-rise:1.55s;--t-word:1.85s;--t-dive:3.2s;--t-clear:3.2s;--t-flash:3.44s;--t-out:3.66s;z-index:100;color:#fff;animation:intro-out .34s ease-in-out var(--t-out) forwards;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro--skip{animation:.3s ease-in-out .14s forwards intro-out!important}.intro--skip .intro-scene{animation:.44s cubic-bezier(.55,0,.85,.35) forwards intro-dive!important}.intro--skip .intro-core{animation:.12s ease-out forwards intro-fade-in,.44s cubic-bezier(.6,0,.85,.4) forwards intro-core!important}.intro--skip .intro-flash{animation:.3s ease-out 60ms forwards intro-flash!important}.intro--skip .intro-edge,.intro--skip .intro-fill,.intro--skip .intro-glow,.intro--skip .intro-burst,.intro--skip .intro-smile,.intro--skip .intro-beam,.intro--skip .intro-rays,.intro--skip .intro-word,.intro--skip .intro-line,.intro--skip .intro-tagline,.intro--skip .intro-floor,.intro--skip .intro-horizon{animation:.2s ease-in forwards intro-fade-out!important}.intro-vignette{background:radial-gradient(at 50% 58%,#ffffff0d,#0000 55%),radial-gradient(#0000 35%,#000000eb 100%);position:absolute;inset:0}.intro-horizon{left:50%;top:calc(50% + var(--h) * .55);width:min(140vw,1400px);height:calc(var(--s) * 1.4);opacity:0;animation:intro-fade-in 1.2s var(--ease) .15s forwards, intro-fade-out .26s ease-in var(--t-clear) forwards;background:radial-gradient(#ffffff17,#ffffff08 35%,#0000 65%);position:absolute;transform:translate(-50%,-50%)}.intro-grain{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px;position:absolute;inset:0}.intro-stage{width:calc(var(--s) * 2.2);height:calc(var(--s) * 2.2);perspective:calc(var(--s) * 6);perspective-origin:50% 45%;transform:translateY(calc(var(--s) * -.08));opacity:0;animation:.7s ease-out 60ms forwards intro-fade-in;position:relative}.intro-scene{transform-style:preserve-3d;will-change:transform;animation:3.82s linear forwards intro-scene;position:absolute;inset:0;transform:rotateX(-24deg)rotateY(-34deg)}.intro-camera{transform-style:preserve-3d;animation:3.9s cubic-bezier(.33,0,.67,1) forwards intro-drift;position:absolute;inset:0;transform:rotateY(-5deg)rotateX(2deg)}.intro-floor{width:calc(var(--s) * 12);height:calc(var(--s) * 12);transform:translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--h) / -2 - .5px));opacity:0;animation:intro-fade-in 1s var(--ease) .1s forwards, intro-fade-out .26s ease-in var(--t-clear) forwards;background-image:radial-gradient(#ffffff0a 0%,#00000080 14%,#000 30%);position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(#000 16%,#0000 40%);mask-image:radial-gradient(#000 16%,#0000 40%)}.intro-box{transform-style:preserve-3d;position:absolute;inset:0}.intro-face,.intro-flap{transform-style:preserve-3d;backface-visibility:visible;margin:auto;position:absolute;inset:0}.intro-edge{animation:intro-fade-out .26s ease-in var(--t-clear) forwards;background:linear-gradient(90deg,#ffffff8c,#fff 50%,#ffffff8c);border-radius:1px;position:absolute}.intro-edge--t{height:var(--lw);top:0;left:0;right:0}.intro-edge--b{height:var(--lw);bottom:0;left:0;right:0}.intro-edge--r{width:var(--lw);background:linear-gradient(#ffffff8c,#fff 50%,#ffffff8c);top:0;bottom:0;right:0}.intro-edge--l{width:var(--lw);background:linear-gradient(#ffffff8c,#fff 50%,#ffffff8c);top:0;bottom:0;left:0}.intro-fill{animation:intro-fade-out .26s ease-in var(--t-clear) forwards;background:linear-gradient(155deg,#171717,#0a0a0a 45%,#030303);position:absolute;inset:0}.intro-face--right .intro-fill{background:linear-gradient(200deg,#0e0e0e,#050505 50%,#010101)}.intro-face--bottom .intro-fill{background:radial-gradient(#2a2a2a,#090909 70%)}.intro-face--back .intro-fill,.intro-face--left .intro-fill{background:linear-gradient(#0b0b0b 0%,#ffffff14 55%,#ffffff47)}.intro-flap .intro-fill{background:linear-gradient(#121212,#060606)}.intro-face--front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2))}.intro-face--back{width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.intro-face--left{width:var(--d);height:var(--h);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.intro-face--right{width:var(--d);height:var(--h);transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.intro-face--bottom{width:var(--w);height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h) / -2))}.intro-flap{transform-origin:50% 0;top:50%;bottom:auto}.intro-flap--front,.intro-flap--back{width:var(--w);height:calc(var(--d) / 2)}.intro-flap--left,.intro-flap--right{width:var(--d);height:calc(var(--w) / 2)}.intro-flap--front{transform:translateY(calc(var(--h) / -2)) translateZ(calc(var(--d) / 2)) rotateX(-90deg);animation:intro-flap-front 1.05s var(--swing) calc(var(--t-open) + .2s) forwards}.intro-flap--back{transform:translateY(calc(var(--h) / -2)) rotateY(180deg) translateZ(calc(var(--d) / 2)) rotateX(-90deg);animation:intro-flap-back 1.05s var(--swing) calc(var(--t-open) + .26s) forwards}.intro-flap--left{transform:translateY(calc(var(--h) / -2 - .6px)) rotateY(-90deg) translateZ(calc(var(--w) / 2)) rotateX(-90deg);animation:intro-flap-left 1.05s var(--swing) var(--t-open) forwards}.intro-flap--right{transform:translateY(calc(var(--h) / -2 - .6px)) rotateY(90deg) translateZ(calc(var(--w) / 2)) rotateX(-90deg);animation:intro-flap-right 1.05s var(--swing) calc(var(--t-open) + 70ms) forwards}@keyframes intro-flap-front{to{transform:translateY(calc(var(--h) / -2)) translateZ(calc(var(--d) / 2)) rotateX(-335deg)}}@keyframes intro-flap-back{to{transform:translateY(calc(var(--h) / -2)) rotateY(180deg) translateZ(calc(var(--d) / 2)) rotateX(-335deg)}}@keyframes intro-flap-left{to{transform:translateY(calc(var(--h) / -2)) rotateY(-90deg) translateZ(calc(var(--w) / 2)) rotateX(-330deg)}}@keyframes intro-flap-right{to{transform:translateY(calc(var(--h) / -2)) rotateY(90deg) translateZ(calc(var(--w) / 2)) rotateX(-330deg)}}.intro-cut{width:var(--w);height:2px;transform:translateY(calc(var(--h) / -2 - 1px)) rotateX(90deg);clip-path:inset(0 100% 0 0);opacity:0;animation:intro-cut .46s cubic-bezier(.65, 0, .35, 1) var(--t-cut) forwards;background:linear-gradient(90deg,#0000,#fff 45% 55%,#0000);margin:auto;position:absolute;inset:0;box-shadow:0 0 14px #fffc}.intro-spark{width:2px;height:2px;transform:translateY(calc(var(--h) / -2)) var(--face-cam) translate(0, 0) scale(.5);opacity:0;animation:intro-spark .56s cubic-bezier(.2, .6, .4, 1) calc(var(--t-cut) + .18s + var(--i,0) * 30ms) forwards;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #fff}.intro-glow{width:calc(var(--w) * .72);height:calc(var(--d) * .72);transform:rotateX(90deg) translateZ(calc(var(--h) * .1));filter:blur(5px);opacity:0;animation:intro-fade-in .9s var(--ease) calc(var(--t-open) + .2s) forwards, intro-fade-out .26s ease-in var(--t-clear) forwards;background:radial-gradient(#fff,#fff9 40%,#0000 74%);margin:auto;position:absolute;inset:0}.intro-burst{width:calc(var(--w) * 1.3);height:calc(var(--w) * .9);transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) scale(.4);filter:blur(10px);opacity:0;animation:intro-burst .9s cubic-bezier(.2, .8, .3, 1) var(--t-light) forwards, intro-fade-out .26s ease-in var(--t-clear) forwards;background:radial-gradient(#fffffff2,#ffffff59 40%,#0000 72%);border-radius:50%;position:absolute;top:50%;left:50%}.intro-beam{width:calc(var(--s) * 2.4);height:calc(var(--h) * 3.4);transform-origin:50% 100%;background:conic-gradient(from calc(var(--spread) / -2) at 50% 100%, transparent 0deg, rgba(255, 255, 255, var(--a)) calc(var(--spread) * .35), rgba(255, 255, 255, var(--a)) calc(var(--spread) * .65), transparent var(--spread), transparent 360deg);filter:blur(7px);opacity:0;position:absolute;top:50%;left:50%;-webkit-mask-image:linear-gradient(#0000 4%,#00000040 35%,#000000b3 70%,#000 100%);mask-image:linear-gradient(#0000 4%,#00000040 35%,#000000b3 70%,#000 100%)}.intro-beam--a{--spread:38deg;--a:.5;transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(0deg);animation:intro-fade-in 1.1s var(--ease) var(--t-light) forwards, intro-sway-a 3.2s ease-in-out 0s infinite alternate, intro-fade-out .26s ease-in var(--t-clear) forwards}.intro-beam--b{--spread:18deg;--a:.34;transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(9deg);animation:intro-fade-in 1.1s var(--ease) calc(var(--t-light) + .14s) forwards, intro-sway-b 2.8s ease-in-out 0s infinite alternate, intro-fade-out .26s ease-in var(--t-clear) forwards}.intro-beam--c{--spread:13deg;--a:.3;transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(-11deg);animation:intro-fade-in 1.1s var(--ease) calc(var(--t-light) + .26s) forwards, intro-sway-c 3.6s ease-in-out 0s infinite alternate, intro-fade-out .26s ease-in var(--t-clear) forwards}@keyframes intro-sway-a{to{transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(2deg)}}@keyframes intro-sway-b{to{transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(5deg)}}@keyframes intro-sway-c{to{transform:translate(-50%, -100%) translateY(var(--rim)) var(--face-cam) rotate(-7deg)}}.intro-rays{width:calc(var(--s) * 2.4);height:calc(var(--s) * 2.4);transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) rotate(0deg);opacity:0;animation:intro-fade-in .3s ease-out calc(var(--t-dive) - .12s) forwards, intro-rays .9s linear calc(var(--t-dive) - .12s) forwards;background:repeating-conic-gradient(#fff0 0deg 9deg,#ffffff2e 12deg 15deg,#fff0 18deg 24deg);border-radius:50%;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000b3 30%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#000000b3 30%,#0000 68%)}.intro-core{width:calc(var(--w) * .9);height:calc(var(--w) * .9);transform:translateY(var(--rim)) var(--face-cam) scale(.12);filter:blur(8px);opacity:0;animation:intro-fade-in .22s ease-out var(--t-dive) forwards, intro-core .68s cubic-bezier(.6, 0, .85, .4) var(--t-dive) forwards;background:radial-gradient(circle,#fff 0% 42%,#ffffffbf 68%,#0000 100%);border-radius:50%;margin:auto;position:absolute;inset:0}.intro-smile{width:calc(var(--w) * .7);height:calc(var(--w) * .41);transform:translateY(calc(var(--h) * .1)) var(--face-cam) scale(.6);opacity:0;filter:drop-shadow(0 0 12px #ffffff80);animation:intro-rise 1.1s var(--ease) var(--t-rise) forwards, intro-fade-out .26s ease-in var(--t-clear) forwards;margin:auto;position:absolute;inset:0}.intro-smile svg{width:100%;height:100%;overflow:visible}.intro-smile circle{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:intro-pop .52s var(--swing) calc(var(--t-rise) + .38s) forwards;transform:scale(0)}.intro-smile circle:last-of-type{animation-delay:calc(var(--t-rise) + .48s)}.intro-smile path{fill:none;stroke:#fff;stroke-width:10px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:intro-draw .72s var(--ease) calc(var(--t-rise) + .28s) forwards}.intro-mote{opacity:0;animation:intro-mote 1.8s ease-out var(--mote-delay,var(--t-rise)) forwards;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #fffc}.intro-word{left:0;right:0;top:calc(50% + var(--h) * 1.3);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.24em;text-indent:.24em;animation:intro-word-out .26s ease-in var(--t-clear) forwards;justify-content:center;gap:.04em;font-size:clamp(1.7rem,4.8vw,2.9rem);font-weight:800;line-height:1;display:flex;position:absolute}.intro-word span{color:#fff;text-shadow:0 0 14px #ffffff59,0 0 40px #ffffff1f;opacity:0;animation:intro-letter .64s var(--ease) calc(var(--t-word) + var(--i,0) * 45ms) forwards;display:inline-block;transform:translateY(.5em)}.intro-line{left:50%;top:calc(50% + var(--h) * 1.3 + var(--s) * .25);width:calc(var(--s) * 1.2);height:1px;animation:intro-line .7s var(--ease) calc(var(--t-word) + .26s) forwards, intro-word-out .26s ease-in var(--t-clear) forwards;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);position:absolute;transform:translate(-50%)scaleX(0)}.intro-tagline{left:0;right:0;top:calc(50% + var(--h) * 1.3 + var(--s) * .31);text-align:center;font:600 clamp(.62rem, 1.1vw, .72rem) / 1 var(--font-body), system-ui, sans-serif;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#ffffff8c;opacity:0;animation:intro-tag-in .6s var(--ease) calc(var(--t-word) + .52s) forwards, intro-word-out .26s ease-in var(--t-clear) forwards;margin:0;position:absolute;transform:translateY(6px)}.intro-flash{background:radial-gradient(circle at var(--fx,50%) var(--fy,50%), #fff 0%, #fff 30%, #fffffffa 100%);opacity:0;pointer-events:none;animation:intro-flash .24s ease-in var(--t-flash) forwards;position:absolute;inset:0}@media (max-width:640px){.intro{--s:min(46vw, 180px)}.intro-stage{transform:translateY(calc(var(--s) * -.3))}.intro-grain,.intro-rays,.intro-beam--b,.intro-beam--c{display:none}.intro-word{font-size:clamp(1.5rem,8vw,2rem)}.intro-tagline{letter-spacing:.26em;text-indent:.26em}}@keyframes intro-fade-in{to{opacity:1}}@keyframes intro-fade-out{to{opacity:0}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@keyframes intro-draw{to{stroke-dashoffset:0}}@keyframes intro-cut{0%{opacity:1;clip-path:inset(0 100% 0 0)}70%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}@keyframes intro-spark{0%{opacity:0;transform:translateY(calc(var(--h) / -2)) var(--face-cam) translate(0, 0) scale(.5)}15%{opacity:1}to{opacity:0;transform:translateY(calc(var(--h) / -2)) var(--face-cam) translate(var(--sx), var(--sy)) scale(1)}}@keyframes intro-burst{0%{opacity:0;transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) scale(.4)}35%{opacity:1;transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) scale(1.35)}to{opacity:.65;transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) scale(1.05)}}@keyframes intro-drift{to{transform:rotateY(5deg)rotateX(-2deg)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(calc(var(--h) * .1)) var(--face-cam) scale(.6)}25%{opacity:1}to{opacity:1;transform:translateY(calc(var(--h) * -1.15)) var(--face-cam) scale(1)}}@keyframes intro-pop{to{transform:scale(1)}}@keyframes intro-mote{0%{opacity:0;transform:translate(var(--mx,0px), var(--rim)) scale(.6)}20%{opacity:.9}to{opacity:0;transform:translate(calc(var(--mx,0px) * 1.6), calc(var(--h) * -2.2)) scale(1)}}@keyframes intro-letter{to{opacity:1;transform:translateY(0)}}@keyframes intro-line{to{transform:translate(-50%)scaleX(1)}}@keyframes intro-tag-in{to{opacity:1;transform:translateY(0)}}@keyframes intro-word-out{to{opacity:0;transform:translateY(.4em)scale(1.08)}}@keyframes intro-rays{to{transform:translate(-50%, -50%) translateY(var(--rim)) var(--face-cam) rotate(40deg) scale(1.6)}}@keyframes intro-scene{0%{animation-timing-function:ease;transform:rotateX(-24deg)rotateY(-34deg)scale(.94)}83.8%{animation-timing-function:cubic-bezier(.55,0,.85,.35);transform:rotateX(-24deg)rotateY(-34deg)scale(1)}to{transform:rotateX(-24deg) rotateY(-34deg) scale(15) translateY(calc(var(--h) * .08))}}@keyframes intro-dive{to{transform:rotateX(-24deg) rotateY(-34deg) scale(15) translateY(calc(var(--h) * .08))}}@keyframes intro-core{to{transform:translateY(var(--rim)) var(--face-cam) scale(12)}}@keyframes intro-flash{to{opacity:1}}