.B{margin: 0; background: #FFFFFF;}.B a{color: #7D52FF;}.B a:hover{color: #5B33E0;}.B{--ink: #160F33; --mut: #5E5873; --dim: #8A85A0; --line: rgba(22, 15, 51, 0.1); --vw: min(1192px, calc(100vw - 48px)); position: relative; color: var(--ink); font-family: 'Figtree', ui-sans-serif, system-ui, -apple-system, sans-serif; background: radial-gradient(900px 600px at 12% 6%, rgba(255, 74, 170, 0.12), rgba(255, 255, 255, 0) 60%), radial-gradient(1000px 700px at 92% 4%, rgba(125, 82, 255, 0.16), rgba(255, 255, 255, 0) 62%), radial-gradient(900px 700px at 50% 52%, rgba(120, 170, 255, 0.08), rgba(255, 255, 255, 0) 60%), linear-gradient(180deg, #FFFFFF 0%, #FBF8FF 40%, #FFFFFF 70%, #FCF7FF 100%);}.B *{box-sizing: border-box;}.B .clip{position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;}.B .disp{font-family: 'Fraunces', Georgia, 'Times New Roman', serif; font-optical-sizing: auto; letter-spacing: -0.02em;}.B .wrap{position: relative; z-index: 2; max-width: 1240px; margin: 0 auto; padding-left: max(24px, env(safe-area-inset-left, 0px)); padding-right: max(24px, env(safe-area-inset-right, 0px));}.B .grid-bg{position: absolute; left: 0; right: 0; top: 0; height: 1400px; background-image: linear-gradient(rgba(125, 82, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(125, 82, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px); background-size: 44px 44px; -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);}.B .blob{position: absolute; border-radius: 50%; filter: blur(30px); opacity: 0.6; animation: drift 14s ease-in-out infinite;}@keyframes drift{ 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, -26px) scale(1.06); } }@keyframes bob{ 0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-12px) rotate(var(--r, 0deg)); } }@keyframes marquee{ to { transform: translateX(-50%); } }@keyframes typing{ 0%, 100% { opacity: 0.3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }@keyframes fill{ 0%, 8% { transform: scaleX(0); } 60%, 92% { transform: scaleX(1); } 100% { transform: scaleX(0); } }@keyframes spin{ to { transform: rotate(360deg); } }.B .lp{animation-duration: var(--T, 16s); animation-delay: var(--D, 0s); animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: ease;}@keyframes a04{ 0%, 4% { opacity: 0; transform: translateY(10px); } 8%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a10{ 0%, 10% { opacity: 0; transform: translateY(10px); } 14%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a16{ 0%, 16% { opacity: 0; transform: translateY(10px); } 20%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a22{ 0%, 22% { opacity: 0; transform: translateY(10px); } 26%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a28{ 0%, 28% { opacity: 0; transform: translateY(10px); } 32%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a34{ 0%, 34% { opacity: 0; transform: translateY(10px); } 38%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a40{ 0%, 40% { opacity: 0; transform: translateY(10px); } 44%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a46{ 0%, 46% { opacity: 0; transform: translateY(10px); } 50%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a52{ 0%, 52% { opacity: 0; transform: translateY(10px); } 56%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a58{ 0%, 58% { opacity: 0; transform: translateY(10px); } 62%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a64{ 0%, 64% { opacity: 0; transform: translateY(10px); } 68%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a70{ 0%, 70% { opacity: 0; transform: translateY(10px); } 74%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a76{ 0%, 76% { opacity: 0; transform: translateY(10px); } 80%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }@keyframes a82{ 0%, 82% { opacity: 0; transform: translateY(10px) scale(0.96); } 85%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }.B .a04{animation-name: a04;}.B .a10{animation-name: a10;}.B .a16{animation-name: a16;}.B .a22{animation-name: a22;}.B .a28{animation-name: a28;}.B .a34{animation-name: a34;}.B .a40{animation-name: a40;}.B .a46{animation-name: a46;}.B .a52{animation-name: a52;}.B .a58{animation-name: a58;}.B .a64{animation-name: a64;}.B .a70{animation-name: a70;}.B .a76{animation-name: a76;}.B .a82{animation-name: a82;}@keyframes o22{ 0%, 21% { opacity: 1; } 24%, 98% { opacity: 0; } 100% { opacity: 1; } }@keyframes o28{ 0%, 27% { opacity: 1; } 30%, 98% { opacity: 0; } 100% { opacity: 1; } }@keyframes o46{ 0%, 45% { opacity: 1; } 48%, 98% { opacity: 0; } 100% { opacity: 1; } }@keyframes o60{ 0%, 59% { opacity: 1; } 62%, 98% { opacity: 0; } 100% { opacity: 1; } }@keyframes b22{ 0%, 21% { opacity: 0; } 24%, 45% { opacity: 1; } 48%, 100% { opacity: 0; } }@keyframes b28{ 0%, 27% { opacity: 0; } 30%, 45% { opacity: 1; } 48%, 100% { opacity: 0; } }@keyframes b46{ 0%, 45% { opacity: 0; } 48%, 63% { opacity: 1; } 66%, 100% { opacity: 0; } }.B .o22{animation-name: o22;}.B .o28{animation-name: o28;}.B .o46{animation-name: o46;}.B .o60{animation-name: o60;}.B .b22{animation-name: b22;}.B .b28{animation-name: b28;}.B .b46{animation-name: b46;}@keyframes w16{ 0%, 16% { opacity: 0; transform: translateY(8px); } 19%, 28% { opacity: 1; transform: none; } 31%, 100% { opacity: 0; } }@keyframes w38{ 0%, 38% { opacity: 0; transform: translateY(8px); } 41%, 46% { opacity: 1; transform: none; } 49%, 100% { opacity: 0; } }@keyframes w46{ 0%, 46% { opacity: 0; } 48%, 52% { opacity: 1; } 54%, 100% { opacity: 0; } }.B .w16{animation-name: w16;}.B .w38{animation-name: w38;}.B .w46{animation-name: w46;}@keyframes t24{ 0%, 22% { box-shadow: none; transform: none; } 24% { box-shadow: 0 0 0 2px #7D52FF, 0 0 18px rgba(125, 82, 255, 0.45); transform: scale(0.97); } 27%, 100% { box-shadow: 0 0 0 2px #7D52FF; transform: none; } }@keyframes t44{ 0%, 42% { box-shadow: none; transform: none; } 44% { box-shadow: 0 0 0 2px #7D52FF, 0 0 18px rgba(125, 82, 255, 0.45); transform: scale(0.97); } 47%, 100% { box-shadow: 0 0 0 2px #7D52FF; transform: none; } }@keyframes t58{ 0%, 56% { transform: none; filter: none; } 58% { transform: scale(0.95); filter: brightness(1.15); } 61%, 100% { transform: none; filter: none; } }.B .t24{animation-name: t24;}.B .t44{animation-name: t44;}.B .t58{animation-name: t58;}@keyframes drop34{ 0%, 34% { opacity: 0; transform: translate(-50%, -160%) scale(0.6); } 39% { opacity: 1; transform: translate(-50%, -44%) scale(1.08); } 42%, 92% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 97%, 100% { opacity: 0; transform: translate(-50%, -50%); } }@keyframes fly62{ 0%, 50% { transform: none; opacity: 1; } 56% { transform: translateX(26px) rotate(3deg); opacity: 1; } 64% { transform: translateX(150%) rotate(18deg); opacity: 0; } 98% { transform: translateX(150%) rotate(18deg); opacity: 0; } 100% { transform: none; opacity: 1; } }@keyframes stamp56{ 0%, 52% { opacity: 0; transform: rotate(-8deg) scale(1.4); } 56%, 62% { opacity: 1; transform: rotate(-8deg) scale(1); } 64%, 100% { opacity: 0; } }@keyframes rise62{ 0%, 60% { transform: translateY(12px) scale(0.95); } 66%, 96% { transform: none; } 100% { transform: translateY(12px) scale(0.95); } }.B .drop34{animation-name: drop34;}.B .fly62{animation-name: fly62;}.B .stamp56{animation-name: stamp56;}.B .rise62{animation-name: rise62;}.B .nav{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 22px;}.B .navlinks{display: flex; gap: 28px; font-size: 15px; font-weight: 600;}.B .subnav{position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, 0.78); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px); border-bottom: 1px solid rgba(22, 15, 51, 0.08);}.B .subnav-in{display: flex; align-items: center; justify-content: space-between; gap: 18px; height: 56px;}.B .sublinks{display: flex; gap: 24px; font-size: 13.5px; font-weight: 600;}.B .sublinks a{color: #5E5873; text-decoration: none;}.B .sublinks a:hover{color: #160F33;}.B .prog{position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: linear-gradient(90deg, #7D52FF, #FF4AAA); transform-origin: left; transform: scaleX(0); opacity: 0;}.B .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 26px; border-radius: 999px; font-weight: 700; font-size: 16px; text-decoration: none;}.B .btn-main{color: #fff; background: linear-gradient(135deg, #8171E8 0%, #7D52FF 45%, #FF4AAA 100%); box-shadow: 0 12px 28px rgba(125, 82, 255, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.35);}.B .btn-main:hover{color: #fff; filter: saturate(1.1) brightness(1.04);}.B .btn-line{color: #160F33; background: rgba(255, 255, 255, 0.8); border: 1.5px solid rgba(125, 82, 255, 0.35);}.B .btn-line:hover{color: #160F33; border-color: #7D52FF;}.B .sec{position: relative; padding-block: 104px;}.B .eyebrow{display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 7px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 700; font-style: italic; color: #7D52FF; background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(125, 82, 255, 0.2); box-shadow: 0 8px 24px rgba(127, 99, 239, 0.08);}.B .h2{margin: 0; font-size: 56px; line-height: 1.02; font-weight: 600; text-wrap: balance;}.B .h2 em{font-style: italic; font-weight: 500; background: linear-gradient(90deg, #7D52FF, #FF4AAA); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: 0.06em;}.B .lead{margin: 0; font-size: 18.5px; line-height: 1.55; color: var(--mut);}.B .card{background: #FFFFFF; border: 1px solid var(--line); border-radius: 24px; box-shadow: 0 18px 50px rgba(41, 25, 110, 0.07);}.B .grid4{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}.B .grid3{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;}.B .game{display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 64px; align-items: center; width: 100%;}.B .game.flip{grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);}.B .game.flip > .copy{order: 2;}.B .copy{display: flex; flex-direction: column; gap: 20px; min-width: 0;}.B .ticks{display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none;}.B .ticks li{display: flex; gap: 12px; align-items: flex-start; font-size: 16.5px; line-height: 1.45; color: var(--mut);}.B .chip{display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 700; background: #FFFFFF; border: 1px solid var(--line);}.B .plan{font-size: 14px; color: var(--dim); font-style: italic;}.B .beats{position: relative; display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; padding: 0 0 0 22px; list-style: none;}.B .beats::before{content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 9px; background: #ECE6F8;}.B .beats::after{content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 9px; background: linear-gradient(180deg, var(--c1, #7D52FF), var(--c2, #FF4AAA)); transform-origin: top;}.B .beat{display: flex; flex-direction: column; gap: 3px; padding: 8px 0;}.B .beat strong{font-size: 17px;}.B .beat span{font-size: 15px; line-height: 1.45; color: var(--mut);}.B .strip{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.1fr); gap: 22px; align-items: start; margin-top: 56px; padding-top: 30px; border-top: 1px solid var(--line);}.B .strip .ti{display: flex; gap: 10px; align-items: flex-start; font-size: 15.5px; line-height: 1.45; color: var(--mut);}.B .stage{position: relative; display: flex; justify-content: center; align-items: center; min-height: 700px;}.B .device{position: relative; z-index: 2; width: 350px; max-width: 100%; height: 680px; border-radius: 46px; overflow: hidden; background: #FFFFFF; border: 10px solid #160F33; box-shadow: 0 40px 90px rgba(41, 25, 110, 0.22), 0 0 0 1px rgba(22, 15, 51, 0.2);}.B .bub{max-width: 82%; padding: 10px 14px; border-radius: 20px; font-size: 14px; line-height: 1.38;}.B .me{align-self: flex-end; color: #fff; background: linear-gradient(135deg, #7D52FF, #B04FE8); border-bottom-right-radius: 6px;}.B .her{align-self: flex-start; background: #F0EEF6; color: #160F33; border-bottom-left-radius: 6px;}.B .tile{display: inline-flex; padding: 8px 12px; border-radius: 12px; font-size: 14px; line-height: 1.3; background: #FFFFFF; border: 1.5px solid rgba(22, 15, 51, 0.16);}.B .stack{display: inline-grid;}.B .stack > *{grid-area: 1 / 1;}.B .dots i{display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #8A85A0; animation: typing 1s ease-in-out infinite;}.B .dots i:nth-child(2){animation-delay: 0.15s;}.B .dots i:nth-child(3){animation-delay: 0.3s;}.B .polaroid{background: #FFFFFF; padding: 12px 12px 46px; border-radius: 6px; box-shadow: 0 24px 50px rgba(41, 25, 110, 0.2);}.B .photo{overflow: hidden; border-radius: 2px;}.B .photo > div{width: 100%; height: 100%;}.B .cafe{background-image: url(https://cdn.prod.website-files.com/69b1e97c8913e4552daf324f/6adbc11b240fe738aa3c611a_ac-place-cafe.jpg); background-size: cover; background-position: center 60%;}.B .cdmx{background-image: url(https://cdn.prod.website-files.com/69b1e97c8913e4552daf324f/6adbc120e68150232087bc33_ac-city-mexico.jpg); background-size: cover; background-position: center 35%;}.B .park{background-image: url(https://cdn.prod.website-files.com/69b1e97c8913e4552daf324f/6adbc11c51cfa85f16f0ce0c_ac-place-park.jpg); background-size: cover; background-position: center;}.B .compass{position: relative; width: 240px; height: 240px; margin-inline: auto;}.B .ring{position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, #F5B800 0 90deg, #2E9E6A 90deg 180deg, #2F6FDE 180deg 270deg, #E5484D 270deg 360deg); -webkit-mask: radial-gradient(circle, transparent 92px, #000 93px); mask: radial-gradient(circle, transparent 92px, #000 93px);}.B .disc{position: absolute; inset: 27px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #FFFFFF, #F4F0FF); box-shadow: inset 0 2px 10px rgba(41, 25, 110, 0.08);}.B .pin{position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 12px; font-weight: 800;}.B .pin img{width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 22%; border: 3px solid var(--c, #F5B800); box-shadow: 0 6px 14px rgba(41, 25, 110, 0.28);}.B .marq{display: flex; width: max-content; gap: 18px; animation: marquee 46s linear infinite;}.B .pair{display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 999px; background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 8px 20px rgba(41, 25, 110, 0.06); font-size: 15px; white-space: nowrap;}.B .pair s{color: #A19BB5; text-decoration-color: #FF4AAA; text-decoration-thickness: 2px;}.B .step{display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 22px; background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 14px 34px rgba(41, 25, 110, 0.06);}.B .ico{width: 52px; height: 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center;}.B .week{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px;}.B .week span{display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--dim); font-weight: 700;}.B .week b{width: 100%; aspect-ratio: 1; max-width: 40px; border-radius: 12px; background: #F1EEF8;}.B .week b.on{background: linear-gradient(135deg, #FF9A4A, #FF4AAA); box-shadow: 0 6px 14px rgba(255, 74, 170, 0.3);}@property --n{ syntax: '<integer>'; inherits: false; initial-value: 6; }.B .num{counter-reset: n var(--n);}.B .num::after{content: counter(n);}.B .cert{position: relative; border-radius: 16px; padding: 20px; background: linear-gradient(160deg, #FFFDF8 0%, #F6EEFF 100%); border: 1px solid rgba(201, 150, 60, 0.4); box-shadow: 0 20px 40px rgba(41, 25, 110, 0.14);}.B .seal{width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(from 0deg, #E8B04A, #FFE3A1, #D49330, #FFE3A1, #E8B04A); box-shadow: 0 0 0 3px #fff, 0 6px 14px rgba(180, 120, 30, 0.35); animation: spin 14s linear infinite;}.B .acad{padding: 18px; border-radius: 14px; border: 1px solid rgba(125, 82, 255, 0.2); background: linear-gradient(180deg, rgba(125, 82, 255, 0.07) 0%, rgba(255, 74, 170, 0.045) 100%);}.B .acad li{color: #6D45F5; font-size: 15px;}.B .faq details{border-bottom: 1px solid var(--line); padding-block: 20px;}.B .faq summary{cursor: pointer; font-size: 20px; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 16px;}.B .faq summary::-webkit-details-marker{display: none;}.B .faq p{margin: 12px 0 0; font-size: 16.5px; line-height: 1.55; color: var(--mut); max-width: 760px;}.B .fi-row{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px;}.B .band{position: relative; overflow: hidden; color: #FFFFFF; background: linear-gradient(135deg, #7D52FF 0%, #A24FE6 50%, #FF4AAA 100%); clip-path: inset(0 max(24px, calc((100% - 1192px) / 2)) round 34px);}.B :focus-visible{outline: 2px solid #7D52FF; outline-offset: 3px;}@keyframes sIn{ from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }@keyframes sOut{ from { opacity: 1; } to { opacity: 0; } }@keyframes sWin{ 0% { opacity: 0; transform: translateY(8px); } 15%, 85% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }@keyframes sTap{ 0% { box-shadow: none; transform: none; } 50% { box-shadow: 0 0 0 2px #7D52FF, 0 0 18px rgba(125, 82, 255, 0.45); transform: scale(0.96); } 100% { box-shadow: 0 0 0 2px #7D52FF; transform: none; } }@keyframes sPress{ 0%, 100% { transform: none; filter: none; } 50% { transform: scale(0.94); filter: brightness(1.15); } }@keyframes sDrop{ 0% { opacity: 0; transform: translate(-50%, -170%) scale(0.6); } 70% { opacity: 1; transform: translate(-50%, -44%) scale(1.06); } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }@keyframes sFly{ 0% { transform: none; opacity: 1; } 40% { transform: translateX(26px) rotate(3deg); opacity: 1; } 100% { transform: translateX(150%) rotate(18deg); opacity: 0; } }@keyframes sStamp{ 0% { opacity: 0; transform: rotate(-8deg) scale(1.5); } 30%, 70% { opacity: 1; transform: rotate(-8deg) scale(1); } 100% { opacity: 0; transform: rotate(-8deg) scale(1); } }@keyframes sRise{ from { transform: translateY(14px) scale(0.94); } to { transform: none; } }@keyframes beatMid{ 0% { opacity: 0.3; } 14%, 86% { opacity: 1; } 100% { opacity: 0.3; } }@keyframes beatFirst{ 0%, 86% { opacity: 1; } 100% { opacity: 0.3; } }@keyframes beatLast{ 0% { opacity: 0.3; } 14%, 100% { opacity: 1; } }@keyframes fillY{ from { transform: scaleY(0); } to { transform: scaleY(1); } }@keyframes fillX{ from { transform: scaleX(0); } to { transform: scaleX(1); } }@keyframes wordIn{ from { opacity: 0.14; } to { opacity: 1; } }@keyframes riseIn{ from { opacity: 0; transform: translateY(70px) scale(0.96); } to { opacity: 1; transform: none; } }@keyframes popIn{ from { opacity: 0.25; transform: scale(0.5); } to { opacity: 1; transform: none; } }@keyframes heroCopy{ from { transform: none; } to { transform: translateY(-24px) scale(0.95); opacity: 0.7; } }@keyframes fan0{ from { transform: translateX(162%) translateY(60px) rotate(-9deg) scale(0.88); } to { transform: none; } }@keyframes fan1{ from { transform: translateX(54%) translateY(30px) rotate(-3deg) scale(0.92); } to { transform: none; } }@keyframes fan2{ from { transform: translateX(-54%) translateY(40px) rotate(4deg) scale(0.92); } to { transform: none; } }@keyframes fan3{ from { transform: translateX(-162%) translateY(70px) rotate(10deg) scale(0.88); } to { transform: none; } }@keyframes glowUp{ from { transform: scale(0.6); opacity: 0.2; } to { transform: scale(1.25); opacity: 1; } }@keyframes slideRow{ from { transform: translateX(0); } to { transform: translateX(calc(-100% + var(--vw))); } }@keyframes countUp{ from { --n: 0; } to { --n: 6; } }@keyframes growBar{ from { width: 6%; } to { width: 62%; } }@keyframes rankUp{ from { transform: scaleY(0.12); } to { transform: none; } }@keyframes certL{ from { opacity: 0; transform: translateX(-60px) rotate(-14deg); } to { opacity: 1; transform: rotate(-5deg); } }@keyframes certR{ from { opacity: 0; transform: translateX(60px) rotate(12deg); } to { opacity: 1; transform: rotate(3deg); } }@keyframes zoomOut{ from { transform: scale(1.22); } to { transform: scale(1); } }@keyframes openBand{ from { clip-path: inset(0 max(24px, calc((100% - 1192px) / 2)) round 34px); } to { clip-path: inset(0 0 round 0px); } }@keyframes bandText{ from { transform: scale(0.9); opacity: 0.4; } to { transform: none; opacity: 1; } }@supports (animation-timeline: view()){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .prog{opacity: 1; animation: fillX linear both; animation-timeline: scroll(root);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .hero-track{view-timeline-name: --hero; height: 1700px; padding: 0;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .hero-pin{position: sticky; top: var(--ac-nav); height: calc(100vh - var(--ac-nav)); min-height: 620px; display: flex; flex-direction: column; justify-content: center;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .hero-copy{animation: heroCopy linear both; animation-timeline: --hero; animation-range: contain 45% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fan{animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --hero; animation-range: contain 0% contain 62%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .f0{animation-name: fan0;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .f1{animation-name: fan1;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .f2{animation-name: fan2;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .f3{animation-name: fan3;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .deckglow{animation: glowUp linear both; animation-timeline: --hero; animation-range: contain 0% contain 70%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .h1{font-size: clamp(52px, 7.6vh, 80px) !important;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .st{view-timeline-name: --st;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .st .w{animation: wordIn linear both; animation-timeline: --st; animation-range: cover calc(14% + var(--i) * 4%) cover calc(22% + var(--i) * 4%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rise{animation: riseIn linear both; animation-timeline: view(); animation-range: entry calc(4% + var(--d, 0) * 7%) cover calc(26% + var(--d, 0) * 7%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .pt{view-timeline-name: --pt;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .pt .line{animation: fillX linear both; animation-timeline: --pt; animation-range: cover 22% cover 58%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .pt .dot{animation: popIn linear both; animation-timeline: --pt; animation-range: cover calc(22% + var(--i) * 11%) cover calc(28% + var(--i) * 11%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .s-game{padding-block: 0 104px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .track{height: 2500px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-rv{view-timeline-name: --rv;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-ft{view-timeline-name: --ft;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-tm{view-timeline-name: --tm;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-fi{view-timeline-name: --fi;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .stick{position: sticky; top: var(--ac-nav); height: calc(100vh - var(--ac-nav)); min-height: 640px; display: flex; align-items: center; overflow: hidden;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .lp{animation-duration: auto; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: var(--tl);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a04{animation-name: sIn; animation-range: contain 4% contain 9%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a10{animation-name: sIn; animation-range: contain 10% contain 15%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a16{animation-name: sIn; animation-range: contain 16% contain 21%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a22{animation-name: sIn; animation-range: contain 22% contain 27%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a28{animation-name: sIn; animation-range: contain 28% contain 33%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a34{animation-name: sIn; animation-range: contain 34% contain 39%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a40{animation-name: sIn; animation-range: contain 40% contain 45%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a46{animation-name: sIn; animation-range: contain 46% contain 51%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a52{animation-name: sIn; animation-range: contain 52% contain 57%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a58{animation-name: sIn; animation-range: contain 58% contain 63%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a64{animation-name: sIn; animation-range: contain 64% contain 69%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a70{animation-name: sIn; animation-range: contain 70% contain 75%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a76{animation-name: sIn; animation-range: contain 76% contain 81%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .a82{animation-name: sIn; animation-range: contain 82% contain 87%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .o22{animation-name: sOut; animation-range: contain 21% contain 24%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .o28{animation-name: sOut; animation-range: contain 27% contain 30%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .o46{animation-name: sOut; animation-range: contain 45% contain 48%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .o60{animation-name: sOut; animation-range: contain 59% contain 62%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .b22{animation-name: sWin; animation-range: contain 21% contain 48%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .b28{animation-name: sWin; animation-range: contain 27% contain 48%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .b46{animation-name: sWin; animation-range: contain 45% contain 66%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .w16{animation-name: sWin; animation-range: contain 15% contain 31%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .w38{animation-name: sWin; animation-range: contain 37% contain 49%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .w46{animation-name: sWin; animation-range: contain 45% contain 54%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .t24{animation-name: sTap; animation-range: contain 21% contain 27%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .t44{animation-name: sTap; animation-range: contain 41% contain 47%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .t58{animation-name: sPress; animation-range: contain 54% contain 61%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .drop34{animation-name: sDrop; animation-range: contain 30% contain 40%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .fly62{animation-name: sFly; animation-range: contain 54% contain 66%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .stamp56{animation-name: sStamp; animation-range: contain 50% contain 64%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .rise62{animation-name: sRise; animation-range: contain 60% contain 68%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .beat{animation-name: beatMid; animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: var(--tl);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .bf{animation-name: beatFirst;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .bl{animation-name: beatLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .beats::after{animation: fillY linear both; animation-timeline: var(--tl); animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .zoom{animation: zoomOut linear both; animation-timeline: var(--tl); animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-fi{height: 2900px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fi-row{display: flex; width: max-content; animation: slideRow linear both; animation-timeline: --fi; animation-range: contain 6% contain 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fi-row > .card{width: 500px; flex: none;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .num{animation: countUp linear both; animation-timeline: view(); animation-range: entry 40% cover 45%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .wk{view-timeline-name: --wk;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .wk b.on{animation: popIn linear both; animation-timeline: --wk; animation-range: cover calc(22% + var(--i) * 4%) cover calc(26% + var(--i) * 4%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .xpbar{animation: growBar linear both; animation-timeline: view(); animation-range: entry 50% cover 50%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ranks{view-timeline-name: --rk;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ranks > span{transform-origin: bottom; animation: rankUp linear both; animation-timeline: --rk; animation-range: cover calc(18% + var(--i) * 5%) cover calc(30% + var(--i) * 5%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .certs{view-timeline-name: --ct;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .certA{animation: certL linear both; animation-timeline: --ct; animation-range: cover 10% cover 40%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .certB{animation: certR linear both; animation-timeline: --ct; animation-range: cover 18% cover 46%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .band{animation: openBand linear both; animation-timeline: view(); animation-range: entry 30% cover 55%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .band-in{animation: bandText linear both; animation-timeline: view(); animation-range: entry 30% cover 50%;}}}@media (min-width: 1000px){.B .s-hero{min-height: 960px;}.B .s-marq{min-height: 140px;}.B .s-why{min-height: 700px;}.B .s-path{min-height: 620px;}.B .s-game{min-height: 1100px;}.B .s-fi{min-height: 1060px;}.B .s-prog{min-height: 800px;}.B .s-plans{min-height: 920px;}.B .s-faq{min-height: 660px;}.B .s-cta{min-height: 470px;}}@media (max-width: 999px){.B .navlinks,.B .sublinks{display: none;}.B .game,.B .game.flip{grid-template-columns: minmax(0, 1fr); gap: 40px;}.B .game.flip > .copy{order: 0;}.B .grid4,.B .fi-row{grid-template-columns: repeat(2, minmax(0, 1fr));}.B .grid3{grid-template-columns: minmax(0, 1fr);}.B .strip{grid-template-columns: minmax(0, 1fr);}.B .stage{min-height: 0;}.B .sec{padding-block: 72px;}.B .deck .card{transform: none !important; animation: none !important;}.B .h1{font-size: 58px !important;}}@media (max-width: 560px){.B .grid4,.B .fi-row{grid-template-columns: minmax(0, 1fr);}.B .deck{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}.B .h1{font-size: 44px !important;}.B .h2{font-size: 38px !important;}.B .device{height: 640px;}}@media (prefers-reduced-motion: reduce){.B .lp,.B .blob,.B .marq,.B .dots i,.B .seal,.B .deck .card{animation: none !important;}.B .lp{opacity: 1 !important; transform: none !important;}.B .rm-hide{display: none !important;}}.B .p3d{perspective: 1500px; perspective-origin: 50% 42%;}.B .tilt{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transform-style: preserve-3d; transform: rotateY(var(--ry, -10deg)) rotateX(var(--rx, 4deg));}.B .fz{position: absolute; z-index: 6; transform-style: preserve-3d;}.B .fchip{display: inline-flex; align-items: center; gap: 9px; padding: 11px 15px; border-radius: 16px; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(22, 15, 51, 0.08); box-shadow: 0 26px 50px rgba(41, 25, 110, 0.24), 0 2px 6px rgba(41, 25, 110, 0.08); font-size: 14.5px; font-weight: 700; white-space: nowrap;}.B .fchip i{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--ac, #7D52FF); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ac, #7D52FF) 18%, transparent);}.B .subnav-in .jn{display: flex; gap: 6px; font-size: 13.5px; font-weight: 700;}.B .subnav-in .jn a{display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; color: #5E5873; text-decoration: none;}.B .subnav-in .jn a b{width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10.5px; color: #fff; background: var(--ac);}.B .subnav-in .jn a:hover{color: #160F33; background: rgba(125, 82, 255, 0.08);}.B .tun-scene{position: relative; height: 620px; perspective: 700px; perspective-origin: 50% 50%; overflow: hidden; border-radius: 36px; background: radial-gradient(circle at 50% 50%, #FFFFFF 0%, #F5EFFF 42%, #E8DEFF 100%); border: 1px solid rgba(125, 82, 255, 0.14); box-shadow: inset 0 0 120px rgba(125, 82, 255, 0.16);}.B .tb{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) translate3d(var(--x), var(--y), var(--z)); padding: 11px 18px; border-radius: 22px; font-size: 19px; white-space: nowrap; background: #FFFFFF; color: #160F33; box-shadow: 0 16px 34px rgba(41, 25, 110, 0.14);}.B .tb.me{background: linear-gradient(135deg, #7D52FF, #B04FE8); color: #FFFFFF;}.B .tun-copy{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 18px; padding: 24px; z-index: 3; pointer-events: none;}.B .tun-copy h2{margin: 0; max-width: 820px; font-size: 64px; line-height: 1.02; font-weight: 600; text-wrap: balance; text-shadow: 0 2px 30px rgba(255, 255, 255, 0.9);}.B .road-scene{position: relative; height: 640px; perspective: 900px; perspective-origin: 50% 0%; overflow: hidden; border-radius: 36px; background: linear-gradient(180deg, #EFE7FF 0%, #FBF8FF 38%, #FFFFFF 70%, #FFF5FA 100%); border: 1px solid rgba(125, 82, 255, 0.14);}.B .horizon{position: absolute; left: 0; right: 0; top: 0; height: 200px; background: radial-gradient(60% 120% at 50% 100%, rgba(255, 74, 170, 0.22), rgba(255, 255, 255, 0) 70%);}.B .road{position: absolute; left: 50%; bottom: -10px; width: 640px; height: 2700px; margin-left: -320px; transform-origin: 50% 100%; transform: rotateX(72deg); transform-style: preserve-3d; background: linear-gradient(90deg, rgba(125, 82, 255, 0) 0%, rgba(125, 82, 255, 0.16) 6%, rgba(237, 230, 255, 0.95) 14%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 230, 243, 0.95) 86%, rgba(255, 74, 170, 0.16) 94%, rgba(255, 74, 170, 0) 100%);}.B .road::before{content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 8px; margin-left: -4px; background: repeating-linear-gradient(180deg, #B9A6FF 0 46px, rgba(185, 166, 255, 0) 46px 92px);}.B .road::after{content: ""; position: absolute; inset: 0 13%; border-left: 3px solid rgba(125, 82, 255, 0.35); border-right: 3px solid rgba(255, 74, 170, 0.35);}.B .sign{position: absolute; width: 250px; transform-origin: 50% 100%; transform: rotateX(-72deg); display: flex; flex-direction: column; align-items: center; gap: 0;}.B .sign .board{width: 100%; padding: 16px 18px; border-radius: 20px; background: #FFFFFF; border: 1px solid rgba(22, 15, 51, 0.08); box-shadow: 0 30px 60px rgba(41, 25, 110, 0.22); display: flex; flex-direction: column; gap: 6px; text-align: left;}.B .sign .post{width: 6px; height: 46px; border-radius: 3px; background: linear-gradient(180deg, var(--ac), rgba(255, 255, 255, 0));}.B .sign small{font-size: 11px; font-weight: 800; letter-spacing: 0.14em; color: var(--ac);}.B .sign strong{font-family: 'Fraunces', Georgia, serif; font-size: 25px; font-weight: 600; line-height: 1.05;}.B .sign span{font-size: 14px; color: #5E5873;}.B .chap{position: relative; padding-block: 112px 104px;}.B .chap-head{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 56px; align-items: end; margin-bottom: 36px;}.B .moment{display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ac);}.B .moment b{width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; background: var(--ac); font-size: 14px; letter-spacing: 0; box-shadow: 0 8px 18px color-mix(in srgb, var(--ac) 40%, transparent);}.B .gains{padding: 24px; border-radius: 26px; background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(41, 25, 110, 0.08); display: flex; flex-direction: column; gap: 14px;}.B .gains h3{margin: 0; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);}.B .gains ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}.B .gains li{display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.4; font-weight: 600;}.B .gets{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 18px; background: linear-gradient(135deg, color-mix(in srgb, var(--ac) 13%, #FFFFFF), #FFFFFF 80%); font-size: 16px; line-height: 1.45;}.B .gets b{display: block; font-size: 11.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ac); margin-bottom: 3px;}.B .scene{display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: 48px; align-items: center; width: 100%;}.B .scene.flip{grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr);}.B .scene.flip > .gamecol{order: 2;}.B .gamecol{display: flex; flex-direction: column; gap: 22px; min-width: 0;}.B .gamebadge{display: flex; align-items: center; gap: 14px;}.B .gamebadge .gi{width: 54px; height: 54px; border-radius: 18px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; background: var(--ac); box-shadow: 0 12px 26px color-mix(in srgb, var(--ac) 38%, transparent);}.B .gamebadge small{display: block; font-size: 12px; font-weight: 700; color: var(--dim);}.B .gamebadge strong{display: block; font-family: 'Fraunces', Georgia, serif; font-size: 30px; font-weight: 600; line-height: 1.05;}.B .bridge{position: relative; padding-block: 30px 10px; text-align: center;}.B .bridge p{margin: 0 auto; max-width: 820px; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 34px; line-height: 1.2; color: #2A2245; text-wrap: balance;}.B .bridge .thread{width: 3px; height: 90px; margin: 0 auto 22px; border-radius: 3px; background: linear-gradient(180deg, rgba(125, 82, 255, 0), #7D52FF 40%, #FF4AAA);}.B .bridge .thread.down{margin: 22px auto 0; background: linear-gradient(180deg, #FF4AAA, #7D52FF 60%, rgba(125, 82, 255, 0));}.B .date-scene{position: relative; height: 560px; perspective: 1200px;}.B .ticket{position: absolute; left: 50%; top: 250px; width: 420px; margin-left: -210px; transform-origin: 50% 100%; display: flex; border-radius: 22px; overflow: hidden; background: #FFFFFF; box-shadow: 0 40px 80px rgba(41, 25, 110, 0.25);}.B .ticket .stub{width: 120px; padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #FFFFFF; background: linear-gradient(160deg, #7D52FF, #FF4AAA); border-right: 2px dashed rgba(255, 255, 255, 0.7);}.B .ticket .body{flex: 1; padding: 20px 22px; display: flex; flex-direction: column; gap: 6px;}.B .spark{position: absolute; width: 14px; height: 14px; border-radius: 50%; transform: translate(var(--bx), var(--by)); opacity: 0.85; background: radial-gradient(circle, #FFD08A, rgba(255, 208, 138, 0));}.B .skills3d{perspective: 1400px;}.B .skills-plane{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; transform-style: preserve-3d; transform: rotateX(12deg); transform-origin: 50% 100%;}.B .skill{position: relative; padding: 24px; border-radius: 24px; background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 24px 50px rgba(41, 25, 110, 0.1); display: flex; flex-direction: column; gap: 12px; transform-style: preserve-3d;}.B .skill .si{width: 50px; height: 50px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--ac) 14%, #FFFFFF);}.B .skill h3{margin: 0; font-family: 'Fraunces', Georgia, serif; font-size: 24px; font-weight: 600;}.B .skill p{margin: 0; font-size: 15.5px; line-height: 1.5; color: #5E5873;}.B .skill .tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto;}.B .skill .tags span{padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; color: var(--ac); background: color-mix(in srgb, var(--ac) 11%, #FFFFFF);}.B .soft{--f: 16%; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) calc(var(--f) * 0.35), rgba(0, 0, 0, 0.78) calc(var(--f) * 0.7), #000 var(--f), #000 calc(100% - var(--f)), rgba(0, 0, 0, 0.78) calc(100% - var(--f) * 0.7), rgba(0, 0, 0, 0.3) calc(100% - var(--f) * 0.35), rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) calc(var(--f) * 0.35), rgba(0, 0, 0, 0.78) calc(var(--f) * 0.7), #000 var(--f), #000 calc(100% - var(--f)), rgba(0, 0, 0, 0.78) calc(100% - var(--f) * 0.7), rgba(0, 0, 0, 0.3) calc(100% - var(--f) * 0.35), rgba(0, 0, 0, 0) 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) calc(var(--f) * 0.35), rgba(0, 0, 0, 0.78) calc(var(--f) * 0.7), #000 var(--f), #000 calc(100% - var(--f)), rgba(0, 0, 0, 0.78) calc(100% - var(--f) * 0.7), rgba(0, 0, 0, 0.3) calc(100% - var(--f) * 0.35), rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) calc(var(--f) * 0.35), rgba(0, 0, 0, 0.78) calc(var(--f) * 0.7), #000 var(--f), #000 calc(100% - var(--f)), rgba(0, 0, 0, 0.78) calc(100% - var(--f) * 0.7), rgba(0, 0, 0, 0.3) calc(100% - var(--f) * 0.35), rgba(0, 0, 0, 0) 100%); mask-composite: intersect; border-radius: 0 !important;}.B .soft-round{-webkit-mask-image: radial-gradient(closest-side, #000 58%, rgba(0, 0, 0, 0.75) 74%, rgba(0, 0, 0, 0.3) 88%, rgba(0, 0, 0, 0) 100%); mask-image: radial-gradient(closest-side, #000 58%, rgba(0, 0, 0, 0.75) 74%, rgba(0, 0, 0, 0.3) 88%, rgba(0, 0, 0, 0) 100%); border: 0 !important; box-shadow: none !important; border-radius: 50%;}.B .polaroid.softpic{background: none; padding: 0 !important; border-radius: 0; box-shadow: none;}.B .softpic .photo{border-radius: 0;}.B .iph{--w: 352px; position: relative; flex: none; width: var(--w); height: calc(var(--w) * 2.105); transform-style: preserve-3d;}.B .iph .slab{position: absolute; inset: 0; border-radius: 60px; background: linear-gradient(90deg, #1B2538 0%, #55688A 10%, #2B3955 30%, #24314B 70%, #5C7096 90%, #1B2538 100%); transform: translateZ(calc(var(--z) * -1px));}.B .iph .shade{position: absolute; left: 8%; right: 8%; top: 6%; bottom: 4%; border-radius: 60px; background: rgba(22, 15, 51, 0.42); filter: blur(34px); transform: translateZ(-60px) translateY(30px);}.B .iph .key{position: absolute; width: 5px; border-radius: 3px; background: linear-gradient(90deg, #6B7FA5, #2A3854); transform: translateZ(-15px);}.B .iph .k-act{left: -3px; top: 17%; height: 4.5%;}.B .iph .k-up{left: -3px; top: 25%; height: 8%;}.B .iph .k-dn{left: -3px; top: 35%; height: 8%;}.B .iph .k-pow{right: -3px; top: 27%; height: 12%; background: linear-gradient(90deg, #2A3854, #6B7FA5);}.B .iph .k-cam{right: -3px; top: 56%; height: 9%; background: linear-gradient(90deg, #2A3854, #6B7FA5);}.B .iph .face{position: absolute; inset: 0; border-radius: 60px; padding: 4px; background: linear-gradient(140deg, #A9B9D6 0%, #3A4A68 18%, #1C2638 45%, #2E3D5B 70%, #8FA3C6 100%); transform: translateZ(1px);}.B .iph .glass{width: 100%; height: 100%; border-radius: 56px; padding: 9px; background: #04050A;}.B .iph .screen{position: relative; width: 100%; height: 100%; border-radius: 47px; overflow: hidden; background: #FFFFFF; color: #160F33;}.B .iph .sbar{position: absolute; left: 0; right: 0; top: 0; height: 48px; z-index: 8; display: flex; align-items: center; justify-content: space-between; padding: 0 28px 0 34px; font: 650 15px/1 -apple-system, 'SF Pro Text', Figtree, system-ui, sans-serif; color: #111111; pointer-events: none;}.B .iph .sbar.light{color: #FFFFFF;}.B .iph .sbar .icons{display: inline-flex; align-items: center; gap: 6px;}.B .iph .island{position: absolute; left: 50%; top: 12px; width: 92px; height: 28px; margin-left: -46px; border-radius: 16px; background: #000000; z-index: 9;}.B .iph .home{position: absolute; left: 50%; bottom: 8px; width: 124px; height: 5px; margin-left: -62px; border-radius: 3px; background: rgba(0, 0, 0, 0.82); z-index: 9;}.B .iph .glare{position: absolute; inset: 4px; border-radius: 56px; pointer-events: none; z-index: 10; background: linear-gradient(118deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 26%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.07) 100%); background-size: 180% 180%; background-position: 0% 0%;}.B .tm-screen{display: flex; flex-direction: column;}.B .tm-top{position: relative; padding: 50px 12px 10px; display: flex; flex-direction: column; gap: 9px; color: #FFFFFF;}.B .tm-photo{position: absolute; left: 0; right: 0; top: 0; bottom: -70px; background-size: cover; background-position: center 42%; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, 0.55) 80%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, 0.55) 80%, rgba(0, 0, 0, 0) 100%);}.B .tm-photo::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24, 10, 34, 0.5) 0%, rgba(24, 10, 34, 0.28) 55%, rgba(24, 10, 34, 0) 100%);}.B .tm-head{position: relative; display: flex; align-items: center; gap: 10px;}.B .tm-moves{padding: 7px 11px; border-radius: 999px; background: rgba(0, 0, 0, 0.38); font-size: 12px; font-weight: 800; justify-items: center; white-space: nowrap;}.B .tm-glass{position: relative; padding: 10px 12px; border-radius: 16px; background: rgba(12, 8, 26, 0.46); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: flex; flex-direction: column; gap: 9px; font-size: 12.5px; line-height: 1.4;}.B .tm-glass b{color: #FFD08A;}.B .tm-path{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;}.B .tm-path > span{display: flex; flex-direction: column; gap: 5px; font-size: 10.5px; font-weight: 700; color: rgba(255, 255, 255, 0.86);}.B .tm-path .stack{display: grid; height: 5px;}.B .tm-path .stack i{display: block; height: 5px; border-radius: 9px; background: rgba(255, 255, 255, 0.24);}.B .tm-path .stack i.lp{background: #FFD08A; box-shadow: 0 0 10px rgba(255, 208, 138, 0.8);}.B .tm-chat{position: relative; display: flex; flex-direction: column; gap: 6px; padding: 6px 12px 0;}.B .tm-chat .bub{padding: 7px 11px; font-size: 13px; line-height: 1.35;}.B .tm-chat .bub.me{background: #4E2A84; color: #FFFFFF; border-radius: 20px 20px 6px 20px;}.B .tm-chat .bub.her{background: #F1F0F2; color: #1A1A1A; border-radius: 20px 20px 20px 6px; box-shadow: none;}.B .tm-pass{margin: auto 12px 24px; padding: 12px 15px; border-radius: 16px; background: linear-gradient(90deg, #FFD08A, #F59E8B); color: #24131F; display: flex; align-items: center; justify-content: space-between;}.B .tilt.tm-tilt{justify-content: flex-start; padding-left: 40px;}.B .tm-city{position: absolute; right: 0; top: 0; width: 400px; height: 640px; background-size: cover; background-position: center; --f: 22%;}.B .tm-cityname{position: absolute; right: 18px; bottom: 56px; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right;}.B .tm-cityname strong{font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 38px; font-weight: 500; line-height: 1; color: #160F33;}.B .tm-cityname span{font-size: 11.5px; font-weight: 800; letter-spacing: 0.12em; color: #2F72D9;}.B .flight{position: relative; z-index: 2; margin-top: 120px; color: #FFFFFF;}.B .fl-dusk{height: 320px; background: linear-gradient(180deg, rgba(14, 17, 52, 0) 0%, rgba(125, 82, 255, 0.12) 28%, #3A2A78 68%, #0E1134 100%);}.B .fl-dawn{height: 380px; background: linear-gradient(180deg, #0E1134 0%, #3B2A78 30%, #C47CC4 60%, rgba(255, 214, 236, 0.55) 82%, rgba(255, 255, 255, 0) 100%);}.B .fl-night,.B .fl-pin{background-color: #0E1134; background-image: radial-gradient(1.4px 1.4px at 8% 14%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), radial-gradient(1px 1px at 27% 62%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)), radial-gradient(1.6px 1.6px at 46% 28%, rgba(255, 236, 200, 0.95), rgba(255, 255, 255, 0)), radial-gradient(1px 1px at 63% 80%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)), radial-gradient(1.3px 1.3px at 81% 22%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)), radial-gradient(1px 1px at 92% 58%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); background-size: 420px 340px;}.B .fl-pin{position: relative;}.B .fl-glow{position: absolute; left: 0; right: 0; bottom: 0; height: 55%; pointer-events: none; background: radial-gradient(70% 70% at 50% 100%, rgba(255, 160, 120, 0.16), rgba(125, 82, 255, 0.08) 50%, rgba(14, 17, 52, 0) 100%);}.B .fl-wrap{position: relative; display: flex; flex-direction: column; gap: 30px; padding-block: 40px 70px;}.B .fl-head{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 40px; align-items: end;}.B .fl-eyebrow{display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #FFD08A; background: rgba(255, 208, 138, 0.1);}.B .fl-head h3,.B .fl-cast-head h3{margin: 12px 0 0; font-size: 50px; line-height: 1.02; font-weight: 600; text-wrap: balance;}.B .fl-head h3 em,.B .fl-cast-head h3 em{font-style: italic; font-weight: 500; color: #FFD08A;}.B .fl-head p,.B .fl-cast-head p{margin: 0; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, 0.74); max-width: 540px;}.B .fl-route{position: relative; height: 54px; margin: 0 46px;}.B .fl-line,.B .fl-done{position: absolute; left: 0; right: 0; top: 14px; height: 2px;}.B .fl-line{background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.34) 0 8px, rgba(255, 255, 255, 0) 8px 16px);}.B .fl-done{background: linear-gradient(90deg, #FFD08A, #FF8FC7); transform-origin: 0 50%;}.B .fl-dot{position: absolute; top: 15px; left: calc(var(--k) * 20%); width: 0; height: 0;}.B .fl-dot i{position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border-radius: 50%; background: var(--lv); box-shadow: 0 0 0 5px color-mix(in srgb, var(--lv) 24%, transparent), 0 0 18px var(--lv);}.B .fl-dot span{position: absolute; top: 15px; left: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; white-space: nowrap; font-size: 12.5px; font-weight: 700; color: rgba(255, 255, 255, 0.88);}.B .fl-dot span b{font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lv);}.B .fl-plane{position: absolute; top: 15px; left: 100%; width: 0; height: 0;}.B .fl-plane svg{position: absolute; left: -15px; top: -15px; filter: drop-shadow(0 0 10px rgba(255, 208, 138, 0.85));}.B .fl-stage{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 26px;}.B .fl-stop{--side: 1; display: flex; flex-direction: column; min-width: 0;}.B .fl-pics{position: relative; height: 380px;}.B .fl-pic{position: absolute; inset: 0; overflow: hidden; --f: 24%;}.B .fl-pic > i{position: absolute; inset: 0; background-size: cover; background-position: center;}.B .fl-aerial{display: none;}.B .fl-pics{order: -1;}.B .fl-place{position: absolute; left: 0; right: 0; bottom: 36px; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.7);}.B .fl-place strong{font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 36px; font-weight: 500; line-height: 1;}.B .fl-place span{font-size: 11px; font-weight: 800; letter-spacing: 0.12em; color: #FFD08A;}.B .fl-say{position: absolute; left: 4%; top: 12%; max-width: 78%; padding: 10px 14px; border-radius: 20px 20px 20px 6px; background: #FFFFFF; color: #160F33; font-size: 14.5px; line-height: 1.38; box-shadow: 0 22px 44px rgba(0, 0, 0, 0.38);}.B .fl-say small{display: block; margin-top: 3px; font-size: 11px; color: #8A85A0;}.B .fl-card{position: relative; margin-top: -26px; padding: 20px; border-radius: 26px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 30px 60px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; gap: 12px;}.B .fl-who{display: flex; align-items: center; gap: 14px;}.B .fl-who img{width: 78px; height: 78px; flex: none; object-fit: cover; object-position: 50% 22%;}.B .fl-who strong{display: block; font-family: 'Fraunces', Georgia, serif; font-size: 27px; font-weight: 600; line-height: 1.05;}.B .fl-who small{display: block; margin-top: 4px; font-size: 13.5px; color: rgba(255, 255, 255, 0.7);}.B .fl-tags{display: flex; flex-wrap: wrap; gap: 6px;}.B .fl-tags span{padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 800; color: rgba(255, 255, 255, 0.88); background: rgba(255, 255, 255, 0.1);}.B .fl-tags .lv{color: var(--lv); background: color-mix(in srgb, var(--lv) 20%, transparent);}.B .fl-quote{margin: 0; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 17px; line-height: 1.4; color: rgba(255, 255, 255, 0.86);}.B .fl-trains{padding: 12px 14px; border-radius: 16px; background: linear-gradient(135deg, rgba(255, 208, 138, 0.17), rgba(255, 208, 138, 0.03)); font-size: 15px; line-height: 1.45;}.B .fl-trains b{display: block; margin-bottom: 3px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #FFD08A;}.B .fl-cast{display: flex; flex-direction: column; gap: 22px; padding-block: 100px 30px;}.B .fl-cast-head{display: flex; flex-direction: column; gap: 14px; max-width: 820px; margin-bottom: 10px;}.B .fl-cast-head h3{margin: 0; font-size: 44px;}.B .fl-lvrow{display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: center; padding: 18px 24px; border-radius: 28px; background: linear-gradient(90deg, color-mix(in srgb, var(--lv) 15%, transparent), rgba(255, 255, 255, 0.02) 65%);}.B .fl-lvname strong{display: block; font-family: 'Fraunces', Georgia, serif; font-size: 30px; font-weight: 600; color: var(--lv);}.B .fl-lvname span{display: block; margin-top: 4px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.68);}.B .fl-faces{display: flex; flex-wrap: wrap; gap: 14px 18px;}.B .fl-faces figure{margin: 0; width: 96px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center;}.B .fl-faces img{width: 80px; height: 80px; object-fit: cover; object-position: 50% 22%;}.B .fl-faces b{display: block; font-size: 14.5px;}.B .fl-faces figcaption span{display: block; font-size: 11.5px; color: rgba(255, 255, 255, 0.62);}@keyframes flyZ{ 0% { transform: translate(-50%, -50%) translate3d(var(--x), var(--y), -1900px); opacity: 0; } 14% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translate(-50%, -50%) translate3d(var(--x), var(--y), 560px); opacity: 0; } }@keyframes drive{ from { transform: rotateX(72deg) translateY(0); } to { transform: rotateX(72deg) translateY(2050px); } }@keyframes orbit{ 0% { transform: rotateY(calc(var(--ry, -10deg) * 2.8)) rotateX(calc(var(--rx, 4deg) * 3.2)) translateZ(-220px) scale(0.9); } 32% { transform: rotateY(var(--ry, -10deg)) rotateX(var(--rx, 4deg)) translateZ(0) scale(1); } 100% { transform: rotateY(calc(var(--ry, -10deg) * -0.9)) rotateX(calc(var(--rx, 4deg) * 0.3)) translateZ(0) scale(1); } }@keyframes deckUp{ from { transform: rotateX(64deg) translateY(150px) translateZ(-240px); } to { transform: rotateX(8deg); } }@keyframes navOn{ 0% { color: #5E5873; background: rgba(125, 82, 255, 0); } 6%, 94% { color: #160F33; background: color-mix(in srgb, var(--ac) 16%, #FFFFFF); } 100% { color: #5E5873; background: rgba(125, 82, 255, 0); } }@keyframes flipUp{ from { transform: rotateX(84deg) translateY(40px); opacity: 0.2; } to { transform: none; opacity: 1; } }@keyframes fromL{ from { transform: translateX(-140px) rotateY(30deg); opacity: 0; } to { transform: none; opacity: 1; } }@keyframes fromR{ from { transform: translateX(140px) rotateY(-30deg); opacity: 0; } to { transform: none; opacity: 1; } }@keyframes burst{ 0% { transform: scale(0); opacity: 0; } 60% { opacity: 1; } 100% { transform: translate(var(--bx), var(--by)) scale(1.6); opacity: 0; } }@keyframes skillUp{ from { transform: translateZ(-320px) translateY(60px); opacity: 0; } to { transform: none; opacity: 1; } }@keyframes planeUp{ from { transform: rotateX(48deg); } to { transform: rotateX(8deg); } }@supports (animation-timeline: view()){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd{timeline-scope: --m1, --m2, --m3, --m4, --m5;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .jn1{animation: navOn linear both; animation-timeline: --m1; animation-range: cover 6% cover 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .jn2{animation: navOn linear both; animation-timeline: --m2; animation-range: cover 6% cover 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .jn3{animation: navOn linear both; animation-timeline: --m3; animation-range: cover 6% cover 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .jn4{animation: navOn linear both; animation-timeline: --m4; animation-range: cover 6% cover 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .jn5{animation: navOn linear both; animation-timeline: --m5; animation-range: cover 6% cover 94%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ch1{view-timeline-name: --m1;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ch2{view-timeline-name: --m2;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ch3{view-timeline-name: --m3;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ch4{view-timeline-name: --m4;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .s-date{view-timeline-name: --m5;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .deck-plane{animation: deckUp linear both; animation-timeline: --hero; animation-range: contain 0% contain 62%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ttrack{view-timeline-name: --tun; height: 2600px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rtrack{view-timeline-name: --road; height: 2900px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .spin{position: sticky; top: var(--ac-nav); height: calc(100vh - var(--ac-nav)); min-height: 600px; display: flex; flex-direction: column; justify-content: center;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .spin > .wrap{width: 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tun-scene{height: calc(100vh - var(--ac-nav) - 110px); min-height: 520px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .road-scene{height: calc(100vh - var(--ac-nav) - 290px); min-height: 440px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tb{animation: flyZ linear both; animation-timeline: --tun; animation-range: contain var(--s) contain calc(var(--s) + 42%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tun-copy .w{animation: wordIn linear both; animation-timeline: --tun; animation-range: contain calc(50% + var(--i) * 4%) contain calc(55% + var(--i) * 4%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tun-copy .lead1{animation: sOut linear both; animation-timeline: --tun; animation-range: contain 44% contain 50%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .road{animation: drive linear both; animation-timeline: --road; animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .road-copy .w{animation: wordIn linear both; animation-timeline: --road; animation-range: contain calc(2% + var(--i) * 3%) contain calc(6% + var(--i) * 3%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .tilt{animation: orbit linear both; animation-timeline: var(--tl); animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fi-tilt{animation: orbit linear both; animation-timeline: --fi; animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .chap{padding-top: 112px; padding-bottom: 104px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .date-scene{view-timeline-name: --dt;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .ticket{animation: flipUp linear both; animation-timeline: --dt; animation-range: cover 22% cover 52%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .bl1{animation: fromL linear both; animation-timeline: --dt; animation-range: cover 10% cover 32%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .bl2{animation: fromR linear both; animation-timeline: --dt; animation-range: cover 18% cover 40%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .spark{animation: burst linear both; animation-timeline: --dt; animation-range: cover 44% cover 66%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .skills3d{view-timeline-name: --sk;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .skills-plane{animation: planeUp linear both; animation-timeline: --sk; animation-range: cover 0% cover 45%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .skill{animation: skillUp linear both; animation-timeline: --sk; animation-range: cover calc(6% + var(--i) * 4%) cover calc(30% + var(--i) * 4%);}}}@media (min-width: 1000px){.B .s-tun{min-height: 700px;}.B .s-road{min-height: 880px;}.B .chap{min-height: 1300px;}.B .ch1{min-height: 1160px;}.B .ch3{min-height: 1430px;}.B .s-date{min-height: 720px;}.B .s-skills{min-height: 940px;}.B .bridge{min-height: 230px;}}@media (max-width: 999px){.B .jn{display: none !important;}.B .chap-head,.B .scene,.B .scene.flip{grid-template-columns: minmax(0, 1fr); gap: 32px;}.B .scene.flip > .gamecol{order: 0;}.B .skills-plane{grid-template-columns: minmax(0, 1fr); transform: none;}.B .tun-copy h2{font-size: 44px;}.B .bridge p{font-size: 26px;}.B .fz{display: none;}.B .tilt{position: relative; transform: none;}}@media (max-width: 560px){.B .tun-copy h2{font-size: 36px;}.B .road{width: 440px; margin-left: -220px;}.B .sign{width: 200px;}.B .ticket{width: 320px; margin-left: -160px;}}@keyframes glareMove{ from { background-position: 0% 0%; } to { background-position: 100% 100%; } }@keyframes stopFly{ 0% { transform: translateZ(-560px) rotateY(calc(var(--side) * 12deg)); } 14% { transform: translateZ(0) rotateY(0deg); } 86% { transform: translateZ(0) rotateY(0deg); } 100% { transform: translateZ(340px) rotateY(calc(var(--side) * -8deg)); } }@keyframes stopFlyLast{ 0% { transform: translateZ(-560px) rotateY(calc(var(--side) * 12deg)); } 14%, 100% { transform: translateZ(0) rotateY(0deg); } }@keyframes aerialFade{ 0% { opacity: 0; } 10%, 42% { opacity: 1; } 56%, 100% { opacity: 0; } }@keyframes aerialZoom{ 0% { transform: scale(1); } 56%, 100% { transform: scale(1.9); } }@keyframes streetZoom{ 0%, 40% { transform: scale(1.3); } 80%, 100% { transform: scale(1); } }@keyframes land{ 0%, 40% { opacity: 0; } 58%, 86% { opacity: 1; } 100% { opacity: 0; } }@keyframes landLast{ 0%, 40% { opacity: 0; } 58%, 100% { opacity: 1; } }@keyframes cardIn{ 0%, 16% { opacity: 0; transform: translateZ(70px) translateX(calc(var(--side) * -60px)); } 32%, 86% { opacity: 1; transform: translateZ(70px); } 100% { opacity: 0; transform: translateZ(70px); } }@keyframes cardInLast{ 0%, 16% { opacity: 0; transform: translateZ(70px) translateX(calc(var(--side) * -60px)); } 32%, 100% { opacity: 1; transform: translateZ(70px); } }@keyframes sayIn{ 0%, 52% { opacity: 0; transform: translateZ(120px) translateY(18px) scale(0.9); } 64%, 86% { opacity: 1; transform: translateZ(120px); } 100% { opacity: 0; transform: translateZ(120px); } }@keyframes sayInLast{ 0%, 52% { opacity: 0; transform: translateZ(120px) translateY(18px) scale(0.9); } 64%, 100% { opacity: 1; transform: translateZ(120px); } }@keyframes placeIn{ 0%, 8% { opacity: 0; transform: translateZ(40px); } 22%, 86% { opacity: 1; transform: translateZ(40px); } 100% { opacity: 0; transform: translateZ(40px); } }@keyframes placeInLast{ 0%, 8% { opacity: 0; transform: translateZ(40px); } 22%, 100% { opacity: 1; transform: translateZ(40px); } }@keyframes routeFill{ from { transform: scaleX(0); } to { transform: scaleX(1); } }@keyframes planeGo{ from { left: 0%; } to { left: 100%; } }@keyframes dotOn{ from { background: rgba(255, 255, 255, 0.22); box-shadow: none; } to { background: var(--lv); box-shadow: 0 0 0 5px color-mix(in srgb, var(--lv) 24%, transparent), 0 0 18px var(--lv); } }@keyframes labelOn{ from { opacity: 0.4; } to { opacity: 1; } }@supports (animation-timeline: view()){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .tl .glare{animation: glareMove linear both; animation-timeline: var(--tl); animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-track{view-timeline-name: --fl; height: 5400px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-pin{position: sticky; top: var(--ac-nav); height: calc(100vh - var(--ac-nav)); min-height: 600px; overflow: hidden; display: flex; align-items: center;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-wrap{width: 100%; padding-block: 14px 18px; gap: 16px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-head h3{font-size: 44px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-head p{font-size: 17px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stage{display: block; position: relative; height: min(calc(100vh - var(--ac-nav) - 390px), 600px); min-height: 400px; perspective: 1500px; perspective-origin: 50% 45%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop{position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 56px; align-items: center; transform-style: preserve-3d; animation: stopFly linear both; animation-timeline: --fl; animation-range: contain calc(var(--k) * 16.6667%) contain calc(var(--k) * 16.6667% + 16.6667%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop.flip{--side: -1; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop.flip .fl-card{order: 2;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-pics{order: 0; height: 100%; width: min(100%, 500px); justify-self: center; transform-style: preserve-3d;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-aerial{display: block;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-aerial,.B.sd .fl-street,.B.sd .fl-pic > i,.B.sd .fl-card,.B.sd .fl-say,.B.sd .fl-place{animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --fl; animation-range: contain calc(var(--k) * 16.6667%) contain calc(var(--k) * 16.6667% + 16.6667%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-aerial{animation-name: aerialFade;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-aerial > i{animation-name: aerialZoom;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-street > i{animation-name: streetZoom;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-street{animation-name: land;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-card{margin-top: 0; animation-name: cardIn;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-say{animation-name: sayIn;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-place{animation-name: placeIn;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop:last-child{animation-name: stopFlyLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop:last-child .fl-street{animation-name: landLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop:last-child .fl-card{animation-name: cardInLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop:last-child .fl-say{animation-name: sayInLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-stop:last-child .fl-place{animation-name: placeInLast;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-done{animation: routeFill linear both; animation-timeline: --fl; animation-range: contain 2% contain 86.3%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-plane{animation: planeGo linear both; animation-timeline: --fl; animation-range: contain 2% contain 86.3%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-dot i{animation: dotOn linear both; animation-timeline: --fl; animation-range: contain calc(var(--k) * 16.6667% + 1%) contain calc(var(--k) * 16.6667% + 4%);}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .fl-dot span{animation: labelOn linear both; animation-timeline: --fl; animation-range: contain calc(var(--k) * 16.6667% + 1%) contain calc(var(--k) * 16.6667% + 4%);}}}@media (max-height: 990px){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .iph{zoom: 0.9;}}}@media (max-height: 870px){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .iph{zoom: 0.8;}}}@media (max-height: 770px){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .iph{zoom: 0.7;}}}@media (max-width: 999px){.B .fl-head{grid-template-columns: minmax(0, 1fr); gap: 16px;}.B .fl-head h3,.B .fl-cast-head h3{font-size: 38px;}.B .fl-stage{grid-template-columns: repeat(2, minmax(0, 1fr));}.B .fl-route{margin: 0 30px;}.B .fl-dot span{font-size: 11px;}.B .fl-lvrow{grid-template-columns: minmax(0, 1fr); gap: 14px;}.B .tm-city,.B .tm-cityname{display: none;}.B .tilt.tm-tilt{justify-content: center; padding-left: 0;}}@media (max-width: 560px){.B .fl-stage{grid-template-columns: minmax(0, 1fr);}.B .fl-route{display: none;}.B .fl-faces figure{width: 78px;}.B .fl-faces img{width: 64px; height: 64px;}.B .iph{zoom: 0.86;}}.B .road-scene.rd{perspective: none; border: 0; border-radius: 0; background: linear-gradient(180deg, #EFE6FF 0%, #F8F2FF 40%, #FFF6FB 100%); box-shadow: none; --f: 7%;}.B .rd-cam{position: absolute; inset: -12%; perspective: 800px; perspective-origin: 50% 50%; transform-origin: 50% 100%; transform: rotate(0.00deg);}.B .rd-hills{position: absolute; left: 0; right: 0; top: 50%; height: 0; transform: translate(-235.0px, -46.9px);}.B .rd-mtn{position: absolute; left: -400%; right: -400%; bottom: -8px; height: 190px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 200' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23D9CCFF'/%3E%3Cstop offset='1' stop-color='%23D9CCFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 200 L0 59 L107 84 L214 70 L321 88 L429 90 L536 45 L643 41 L750 107 L857 61 L964 59 L1071 120 L1179 78 L1286 107 L1393 78 L1500 59 L1500 200Z' fill='url(%23g)'/%3E%3C/svg%3E") repeat-x left bottom / 1500px 190px;}.B .rd-mtn2{height: 120px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 200' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F6CDE6'/%3E%3Cstop offset='1' stop-color='%23F6CDE6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 200 L0 102 L107 109 L214 135 L321 103 L429 106 L536 111 L643 83 L750 106 L857 114 L964 126 L1071 77 L1179 91 L1286 76 L1393 127 L1500 102 L1500 200Z' fill='url(%23g)'/%3E%3C/svg%3E") repeat-x 400px bottom / 1100px 120px;}.B .rd-hills::after{content: ""; position: absolute; left: -400%; right: -400%; top: -8px; height: 440px; background: linear-gradient(180deg, rgba(222, 210, 255, 0.6) 0%, rgba(240, 226, 255, 0.35) 40%, rgba(255, 240, 248, 0) 100%);}.B .rd-fog{position: absolute; left: -400%; right: -400%; top: 50%; height: 0; pointer-events: none; transform: translate(-235.0px, -46.9px);}.B .rd-fog::before{content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 40px; background: linear-gradient(180deg, rgba(248, 242, 255, 0) 0%, rgba(248, 242, 255, 0.5) 50%, rgba(248, 242, 255, 0) 100%);}.B .rd-sun{position: absolute; left: 50%; bottom: -40px; width: 380px; height: 380px; margin-left: -190px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 214, 160, 0.95), rgba(255, 170, 205, 0.55) 55%, rgba(255, 170, 205, 0) 100%);}.B .rd-floor{position: absolute; left: 50%; top: 50%; width: 2400px; height: 6300px; transform-origin: 0 0; transform-style: preserve-3d; transform: translateY(150px) rotateX(86.65deg) rotateZ(-26.11deg) scale(1.35) translate(-1448.3px, -5160.1px);}.B .rd-map{position: absolute; left: 0; top: 0;}.B .rd-at{position: absolute; width: 0; height: 0; transform-style: preserve-3d;}.B .rd-bb{position: absolute; left: 0; bottom: 0; transform-origin: 0 100%; transform: rotateZ(26.11deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); display: flex; flex-direction: column; align-items: center;}.B .rd-bb.rd-behind{opacity: 0;}.B .rd-bb > *{zoom: 2;}.B .rd-sign{display: flex; flex-direction: column; align-items: center; width: 320px;}.B .rd-board{width: 100%; padding: 18px 22px; border-radius: 22px; border-top: 6px solid var(--ac); background: #FFFFFF; box-shadow: 0 30px 60px rgba(41, 25, 110, 0.22); display: flex; flex-direction: column; gap: 6px; text-align: left;}.B .rd-board small{font-size: 12.5px; font-weight: 800; letter-spacing: 0.14em; color: var(--ac);}.B .rd-board strong{font-family: 'Fraunces', Georgia, serif; font-size: 34px; font-weight: 600; line-height: 1.05; color: #160F33;}.B .rd-goal .rd-board strong{color: #FFFFFF;}.B .rd-board span{font-size: 16px; color: #4A4360;}.B .rd-post{display: block; width: 8px; height: 150px; border-radius: 3px; background: linear-gradient(180deg, var(--ac, #8C7BC9), rgba(255, 255, 255, 0));}.B .rd-goal{width: 340px; --ac: #FF4AAA;}.B .rd-goal .rd-board{border-top: 0;}.B .rd-goal .rd-board{align-items: center; text-align: center; background: linear-gradient(135deg, #7D52FF, #FF4AAA); color: #FFFFFF; box-shadow: 0 30px 70px rgba(255, 74, 170, 0.35);}.B .rd-goal .rd-board small,.B .rd-goal .rd-board span{color: rgba(255, 255, 255, 0.92);}.B .rd-hz{display: flex; flex-direction: column; align-items: center; gap: 6px; --ac: #C99A00;}.B .rd-hzb{display: flex; flex-direction: column; align-items: center; padding: 8px 12px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 18px 36px rgba(41, 25, 110, 0.18); white-space: nowrap;}.B .rd-hzb small{font-size: 10px; font-weight: 900; letter-spacing: 0.16em; color: #B07A00;}.B .rd-hzb b{font-size: 15px;}.B .rd-hz .rd-post{height: 60px;}.B .rd-hz svg{width: 58px; height: 58px;}@keyframes rdCam{ 0.00% { transform: translateY(150px) rotateX(86.00deg) rotateZ(-12.24deg) scale(1.35) translate(-1325.6px, -5320.9px); } 1.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(-16.21deg) scale(1.35) translate(-1362.4px, -5261.6px); } 2.50% { transform: translateY(150px) rotateX(86.47deg) rotateZ(-20.93deg) scale(1.35) translate(-1402.3px, -5208.0px); } 3.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(-26.11deg) scale(1.35) translate(-1448.3px, -5160.1px); } 5.00% { transform: translateY(150px) rotateX(86.76deg) rotateZ(-30.74deg) scale(1.35) translate(-1497.5px, -5113.9px); } 6.25% { transform: translateY(150px) rotateX(86.80deg) rotateZ(-34.29deg) scale(1.35) translate(-1547.0px, -5066.8px); } 7.50% { transform: translateY(150px) rotateX(86.76deg) rotateZ(-36.69deg) scale(1.35) translate(-1592.0px, -5016.4px); } 8.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(-37.41deg) scale(1.35) translate(-1627.0px, -4957.8px); } 10.00% { transform: translateY(150px) rotateX(86.47deg) rotateZ(-35.86deg) scale(1.35) translate(-1646.3px, -4886.8px); } 11.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(-32.55deg) scale(1.35) translate(-1652.8px, -4807.4px); } 12.50% { transform: translateY(150px) rotateX(86.00deg) rotateZ(-27.46deg) scale(1.35) translate(-1644.4px, -4722.5px); } 13.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(-20.16deg) scale(1.35) translate(-1618.8px, -4638.0px); } 15.00% { transform: translateY(150px) rotateX(85.53deg) rotateZ(-10.75deg) scale(1.35) translate(-1574.3px, -4563.1px); } 16.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(-0.17deg) scale(1.35) translate(-1516.4px, -4505.4px); } 17.50% { transform: translateY(150px) rotateX(85.24deg) rotateZ(9.66deg) scale(1.35) translate(-1464.5px, -4465.0px); } 18.75% { transform: translateY(150px) rotateX(85.20deg) rotateZ(18.54deg) scale(1.35) translate(-1418.8px, -4433.2px); } 20.00% { transform: translateY(150px) rotateX(85.24deg) rotateZ(26.50deg) scale(1.35) translate(-1371.4px, -4401.7px); } 21.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(33.45deg) scale(1.35) translate(-1323.0px, -4369.7px); } 22.50% { transform: translateY(150px) rotateX(85.53deg) rotateZ(39.44deg) scale(1.35) translate(-1276.0px, -4337.2px); } 23.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(44.84deg) scale(1.35) translate(-1227.2px, -4305.7px); } 25.00% { transform: translateY(150px) rotateX(86.00deg) rotateZ(49.74deg) scale(1.35) translate(-1174.8px, -4276.0px); } 26.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(53.82deg) scale(1.35) translate(-1119.4px, -4246.3px); } 27.50% { transform: translateY(150px) rotateX(86.47deg) rotateZ(56.54deg) scale(1.35) translate(-1060.7px, -4214.7px); } 28.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(57.92deg) scale(1.35) translate(-1001.6px, -4180.2px); } 30.00% { transform: translateY(150px) rotateX(86.76deg) rotateZ(58.15deg) scale(1.35) translate(-944.8px, -4140.6px); } 31.25% { transform: translateY(150px) rotateX(86.80deg) rotateZ(57.10deg) scale(1.35) translate(-893.1px, -4092.5px); } 32.50% { transform: translateY(150px) rotateX(86.76deg) rotateZ(55.07deg) scale(1.35) translate(-846.9px, -4036.8px); } 33.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(52.52deg) scale(1.35) translate(-805.2px, -3976.2px); } 35.00% { transform: translateY(150px) rotateX(86.47deg) rotateZ(49.00deg) scale(1.35) translate(-769.7px, -3910.9px); } 36.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(44.21deg) scale(1.35) translate(-743.0px, -3841.2px); } 37.50% { transform: translateY(150px) rotateX(86.00deg) rotateZ(38.00deg) scale(1.35) translate(-730.1px, -3766.3px); } 38.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(29.71deg) scale(1.35) translate(-740.5px, -3685.1px); } 40.00% { transform: translateY(150px) rotateX(85.53deg) rotateZ(19.99deg) scale(1.35) translate(-772.7px, -3606.1px); } 41.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(10.17deg) scale(1.35) translate(-816.0px, -3537.0px); } 42.50% { transform: translateY(150px) rotateX(85.24deg) rotateZ(0.87deg) scale(1.35) translate(-864.1px, -3477.2px); } 43.75% { transform: translateY(150px) rotateX(85.20deg) rotateZ(-7.86deg) scale(1.35) translate(-911.8px, -3427.7px); } 45.00% { transform: translateY(150px) rotateX(85.24deg) rotateZ(-16.42deg) scale(1.35) translate(-960.9px, -3387.9px); } 46.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(-25.01deg) scale(1.35) translate(-1012.7px, -3357.3px); } 47.50% { transform: translateY(150px) rotateX(85.53deg) rotateZ(-33.13deg) scale(1.35) translate(-1063.5px, -3332.5px); } 48.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(-40.51deg) scale(1.35) translate(-1114.9px, -3309.6px); } 50.00% { transform: translateY(150px) rotateX(86.00deg) rotateZ(-46.72deg) scale(1.35) translate(-1170.1px, -3285.2px); } 51.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(-51.57deg) scale(1.35) translate(-1226.8px, -3258.1px); } 52.50% { transform: translateY(150px) rotateX(86.47deg) rotateZ(-55.09deg) scale(1.35) translate(-1282.3px, -3226.6px); } 53.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(-57.18deg) scale(1.35) translate(-1334.9px, -3188.3px); } 55.00% { transform: translateY(150px) rotateX(86.76deg) rotateZ(-58.38deg) scale(1.35) translate(-1387.1px, -3146.5px); } 56.25% { transform: translateY(150px) rotateX(86.80deg) rotateZ(-58.85deg) scale(1.35) translate(-1439.7px, -3102.6px); } 57.50% { transform: translateY(150px) rotateX(86.76deg) rotateZ(-57.93deg) scale(1.35) translate(-1491.9px, -3055.3px); } 58.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(-55.75deg) scale(1.35) translate(-1541.2px, -3004.6px); } 60.00% { transform: translateY(150px) rotateX(86.47deg) rotateZ(-52.56deg) scale(1.35) translate(-1585.2px, -2949.4px); } 61.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(-48.27deg) scale(1.35) translate(-1620.4px, -2887.1px); } 62.50% { transform: translateY(150px) rotateX(86.00deg) rotateZ(-42.27deg) scale(1.35) translate(-1639.0px, -2812.4px); } 63.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(-34.81deg) scale(1.35) translate(-1638.1px, -2728.4px); } 65.00% { transform: translateY(150px) rotateX(85.53deg) rotateZ(-26.62deg) scale(1.35) translate(-1620.3px, -2642.8px); } 66.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(-17.95deg) scale(1.35) translate(-1591.3px, -2565.1px); } 67.50% { transform: translateY(150px) rotateX(85.24deg) rotateZ(-9.20deg) scale(1.35) translate(-1556.0px, -2498.6px); } 68.75% { transform: translateY(150px) rotateX(85.20deg) rotateZ(-0.43deg) scale(1.35) translate(-1516.1px, -2443.2px); } 70.00% { transform: translateY(150px) rotateX(85.24deg) rotateZ(9.00deg) scale(1.35) translate(-1465.8px, -2399.2px); } 71.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(18.28deg) scale(1.35) translate(-1413.2px, -2365.6px); } 72.50% { transform: translateY(150px) rotateX(85.53deg) rotateZ(26.86deg) scale(1.35) translate(-1360.6px, -2336.9px); } 73.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(34.41deg) scale(1.35) translate(-1305.3px, -2308.5px); } 75.00% { transform: translateY(150px) rotateX(86.00deg) rotateZ(40.80deg) scale(1.35) translate(-1250.8px, -2279.4px); } 76.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(45.97deg) scale(1.35) translate(-1199.0px, -2248.0px); } 77.50% { transform: translateY(150px) rotateX(86.47deg) rotateZ(49.74deg) scale(1.35) translate(-1151.3px, -2210.9px); } 78.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(51.93deg) scale(1.35) translate(-1108.0px, -2165.5px); } 80.00% { transform: translateY(150px) rotateX(86.76deg) rotateZ(52.95deg) scale(1.35) translate(-1065.4px, -2114.7px); } 81.25% { transform: translateY(150px) rotateX(86.80deg) rotateZ(52.24deg) scale(1.35) translate(-1023.8px, -2057.2px); } 82.50% { transform: translateY(150px) rotateX(86.76deg) rotateZ(49.41deg) scale(1.35) translate(-986.1px, -1993.8px); } 83.75% { transform: translateY(150px) rotateX(86.65deg) rotateZ(45.01deg) scale(1.35) translate(-956.7px, -1926.0px); } 85.00% { transform: translateY(150px) rotateX(86.47deg) rotateZ(39.12deg) scale(1.35) translate(-940.3px, -1853.2px); } 86.25% { transform: translateY(150px) rotateX(86.25deg) rotateZ(30.87deg) scale(1.35) translate(-948.7px, -1771.9px); } 87.50% { transform: translateY(150px) rotateX(86.00deg) rotateZ(20.95deg) scale(1.35) translate(-981.8px, -1690.9px); } 88.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(11.66deg) scale(1.35) translate(-1020.4px, -1619.8px); } 90.00% { transform: translateY(150px) rotateX(85.53deg) rotateZ(3.79deg) scale(1.35) translate(-1054.3px, -1557.6px); } 91.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(-2.79deg) scale(1.35) translate(-1078.9px, -1502.8px); } 92.50% { transform: translateY(150px) rotateX(85.24deg) rotateZ(-8.48deg) scale(1.35) translate(-1098.4px, -1451.2px); } 93.75% { transform: translateY(150px) rotateX(85.20deg) rotateZ(-13.67deg) scale(1.35) translate(-1117.6px, -1400.8px); } 95.00% { transform: translateY(150px) rotateX(85.24deg) rotateZ(-18.18deg) scale(1.35) translate(-1137.2px, -1349.0px); } 96.25% { transform: translateY(150px) rotateX(85.35deg) rotateZ(-21.58deg) scale(1.35) translate(-1157.6px, -1292.8px); } 97.50% { transform: translateY(150px) rotateX(85.53deg) rotateZ(-22.94deg) scale(1.35) translate(-1178.8px, -1229.5px); } 98.75% { transform: translateY(150px) rotateX(85.75deg) rotateZ(-22.32deg) scale(1.35) translate(-1197.3px, -1162.2px); } 100.00% { transform: translateY(150px) rotateX(86.00deg) rotateZ(-20.10deg) scale(1.35) translate(-1207.9px, -1092.2px); } }@keyframes rdHills{ 0.00% { transform: translate(-110.1px, -55.9px); } 1.25% { transform: translate(-145.9px, -52.5px); } 2.50% { transform: translate(-188.4px, -49.3px); } 3.75% { transform: translate(-235.0px, -46.9px); } 5.00% { transform: translate(-276.6px, -45.3px); } 6.25% { transform: translate(-308.6px, -44.7px); } 7.50% { transform: translate(-330.2px, -45.3px); } 8.75% { transform: translate(-336.7px, -46.9px); } 10.00% { transform: translate(-322.8px, -49.3px); } 11.25% { transform: translate(-292.9px, -52.5px); } 12.50% { transform: translate(-247.1px, -55.9px); } 13.75% { transform: translate(-181.4px, -59.4px); } 15.00% { transform: translate(-96.8px, -62.5px); } 16.25% { transform: translate(-1.6px, -65.0px); } 17.50% { transform: translate(87.0px, -66.6px); } 18.75% { transform: translate(166.9px, -67.2px); } 20.00% { transform: translate(238.5px, -66.6px); } 21.25% { transform: translate(301.0px, -65.0px); } 22.50% { transform: translate(355.0px, -62.5px); } 23.75% { transform: translate(403.6px, -59.4px); } 25.00% { transform: translate(447.7px, -55.9px); } 26.25% { transform: translate(484.4px, -52.5px); } 27.50% { transform: translate(508.8px, -49.3px); } 28.75% { transform: translate(521.3px, -46.9px); } 30.00% { transform: translate(523.3px, -45.3px); } 31.25% { transform: translate(513.9px, -44.7px); } 32.50% { transform: translate(495.6px, -45.3px); } 33.75% { transform: translate(472.7px, -46.9px); } 35.00% { transform: translate(441.0px, -49.3px); } 36.25% { transform: translate(397.9px, -52.5px); } 37.50% { transform: translate(342.0px, -55.9px); } 38.75% { transform: translate(267.4px, -59.4px); } 40.00% { transform: translate(179.9px, -62.5px); } 41.25% { transform: translate(91.5px, -65.0px); } 42.50% { transform: translate(7.9px, -66.6px); } 43.75% { transform: translate(-70.8px, -67.2px); } 45.00% { transform: translate(-147.8px, -66.6px); } 46.25% { transform: translate(-225.1px, -65.0px); } 47.50% { transform: translate(-298.2px, -62.5px); } 48.75% { transform: translate(-364.6px, -59.4px); } 50.00% { transform: translate(-420.5px, -55.9px); } 51.25% { transform: translate(-464.1px, -52.5px); } 52.50% { transform: translate(-495.8px, -49.3px); } 53.75% { transform: translate(-514.6px, -46.9px); } 55.00% { transform: translate(-525.4px, -45.3px); } 56.25% { transform: translate(-529.7px, -44.7px); } 57.50% { transform: translate(-521.4px, -45.3px); } 58.75% { transform: translate(-501.7px, -46.9px); } 60.00% { transform: translate(-473.1px, -49.3px); } 61.25% { transform: translate(-434.4px, -52.5px); } 62.50% { transform: translate(-380.4px, -55.9px); } 63.75% { transform: translate(-313.3px, -59.4px); } 65.00% { transform: translate(-239.6px, -62.5px); } 66.25% { transform: translate(-161.6px, -65.0px); } 67.50% { transform: translate(-82.8px, -66.6px); } 68.75% { transform: translate(-3.9px, -67.2px); } 70.00% { transform: translate(81.0px, -66.6px); } 71.25% { transform: translate(164.5px, -65.0px); } 72.50% { transform: translate(241.7px, -62.5px); } 73.75% { transform: translate(309.7px, -59.4px); } 75.00% { transform: translate(367.2px, -55.9px); } 76.25% { transform: translate(413.7px, -52.5px); } 77.50% { transform: translate(447.6px, -49.3px); } 78.75% { transform: translate(467.4px, -46.9px); } 80.00% { transform: translate(476.6px, -45.3px); } 81.25% { transform: translate(470.2px, -44.7px); } 82.50% { transform: translate(444.7px, -45.3px); } 83.75% { transform: translate(405.1px, -46.9px); } 85.00% { transform: translate(352.0px, -49.3px); } 86.25% { transform: translate(277.9px, -52.5px); } 87.50% { transform: translate(188.5px, -55.9px); } 88.75% { transform: translate(104.9px, -59.4px); } 90.00% { transform: translate(34.1px, -62.5px); } 91.25% { transform: translate(-25.1px, -65.0px); } 92.50% { transform: translate(-76.3px, -66.6px); } 93.75% { transform: translate(-123.1px, -67.2px); } 95.00% { transform: translate(-163.6px, -66.6px); } 96.25% { transform: translate(-194.2px, -65.0px); } 97.50% { transform: translate(-206.4px, -62.5px); } 98.75% { transform: translate(-200.8px, -59.4px); } 100.00% { transform: translate(-180.9px, -55.9px); } }@keyframes rdFace{ 0.00% { transform: rotateZ(12.24deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 1.25% { transform: rotateZ(16.21deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 2.50% { transform: rotateZ(20.93deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 3.75% { transform: rotateZ(26.11deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 5.00% { transform: rotateZ(30.74deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 6.25% { transform: rotateZ(34.29deg) rotateX(-86.80deg) scale(0.5) translateX(-50%); } 7.50% { transform: rotateZ(36.69deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 8.75% { transform: rotateZ(37.41deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 10.00% { transform: rotateZ(35.86deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 11.25% { transform: rotateZ(32.55deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 12.50% { transform: rotateZ(27.46deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 13.75% { transform: rotateZ(20.16deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 15.00% { transform: rotateZ(10.75deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 16.25% { transform: rotateZ(0.17deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 17.50% { transform: rotateZ(-9.66deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 18.75% { transform: rotateZ(-18.54deg) rotateX(-85.20deg) scale(0.5) translateX(-50%); } 20.00% { transform: rotateZ(-26.50deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 21.25% { transform: rotateZ(-33.45deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 22.50% { transform: rotateZ(-39.44deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 23.75% { transform: rotateZ(-44.84deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 25.00% { transform: rotateZ(-49.74deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 26.25% { transform: rotateZ(-53.82deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 27.50% { transform: rotateZ(-56.54deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 28.75% { transform: rotateZ(-57.92deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 30.00% { transform: rotateZ(-58.15deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 31.25% { transform: rotateZ(-57.10deg) rotateX(-86.80deg) scale(0.5) translateX(-50%); } 32.50% { transform: rotateZ(-55.07deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 33.75% { transform: rotateZ(-52.52deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 35.00% { transform: rotateZ(-49.00deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 36.25% { transform: rotateZ(-44.21deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 37.50% { transform: rotateZ(-38.00deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 38.75% { transform: rotateZ(-29.71deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 40.00% { transform: rotateZ(-19.99deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 41.25% { transform: rotateZ(-10.17deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 42.50% { transform: rotateZ(-0.87deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 43.75% { transform: rotateZ(7.86deg) rotateX(-85.20deg) scale(0.5) translateX(-50%); } 45.00% { transform: rotateZ(16.42deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 46.25% { transform: rotateZ(25.01deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 47.50% { transform: rotateZ(33.13deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 48.75% { transform: rotateZ(40.51deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 50.00% { transform: rotateZ(46.72deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 51.25% { transform: rotateZ(51.57deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 52.50% { transform: rotateZ(55.09deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 53.75% { transform: rotateZ(57.18deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 55.00% { transform: rotateZ(58.38deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 56.25% { transform: rotateZ(58.85deg) rotateX(-86.80deg) scale(0.5) translateX(-50%); } 57.50% { transform: rotateZ(57.93deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 58.75% { transform: rotateZ(55.75deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 60.00% { transform: rotateZ(52.56deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 61.25% { transform: rotateZ(48.27deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 62.50% { transform: rotateZ(42.27deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 63.75% { transform: rotateZ(34.81deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 65.00% { transform: rotateZ(26.62deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 66.25% { transform: rotateZ(17.95deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 67.50% { transform: rotateZ(9.20deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 68.75% { transform: rotateZ(0.43deg) rotateX(-85.20deg) scale(0.5) translateX(-50%); } 70.00% { transform: rotateZ(-9.00deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 71.25% { transform: rotateZ(-18.28deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 72.50% { transform: rotateZ(-26.86deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 73.75% { transform: rotateZ(-34.41deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 75.00% { transform: rotateZ(-40.80deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 76.25% { transform: rotateZ(-45.97deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 77.50% { transform: rotateZ(-49.74deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 78.75% { transform: rotateZ(-51.93deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 80.00% { transform: rotateZ(-52.95deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 81.25% { transform: rotateZ(-52.24deg) rotateX(-86.80deg) scale(0.5) translateX(-50%); } 82.50% { transform: rotateZ(-49.41deg) rotateX(-86.76deg) scale(0.5) translateX(-50%); } 83.75% { transform: rotateZ(-45.01deg) rotateX(-86.65deg) scale(0.5) translateX(-50%); } 85.00% { transform: rotateZ(-39.12deg) rotateX(-86.47deg) scale(0.5) translateX(-50%); } 86.25% { transform: rotateZ(-30.87deg) rotateX(-86.25deg) scale(0.5) translateX(-50%); } 87.50% { transform: rotateZ(-20.95deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } 88.75% { transform: rotateZ(-11.66deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 90.00% { transform: rotateZ(-3.79deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 91.25% { transform: rotateZ(2.79deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 92.50% { transform: rotateZ(8.48deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 93.75% { transform: rotateZ(13.67deg) rotateX(-85.20deg) scale(0.5) translateX(-50%); } 95.00% { transform: rotateZ(18.18deg) rotateX(-85.24deg) scale(0.5) translateX(-50%); } 96.25% { transform: rotateZ(21.58deg) rotateX(-85.35deg) scale(0.5) translateX(-50%); } 97.50% { transform: rotateZ(22.94deg) rotateX(-85.53deg) scale(0.5) translateX(-50%); } 98.75% { transform: rotateZ(22.32deg) rotateX(-85.75deg) scale(0.5) translateX(-50%); } 100.00% { transform: rotateZ(20.10deg) rotateX(-86.00deg) scale(0.5) translateX(-50%); } }@keyframes rdGone{ from { opacity: 1; } to { opacity: 0; } }@supports (animation-timeline: view()){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rtrack{height: 4800px;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rd-floor{animation: rdCam linear both; animation-timeline: --road; animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rd-hills,.B.sd .rd-fog{animation: rdHills linear both; animation-timeline: --road; animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rd-bb{opacity: 1; animation: rdFace linear both; animation-timeline: --road; animation-range: contain 0% contain 100%;}}@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .rd-bb.rd-gone{animation: rdFace linear both, rdGone linear both; animation-timeline: --road, --road; animation-range: contain 0% contain 100%, contain var(--g0) contain var(--g1);}}}@media (max-width: 999px){.B .rd-sign{width: 220px;}.B .rd-board strong{font-size: 22px;}}@media (max-width: 560px){.B .road-scene.rd{height: 470px;}.B .rd-cam{transform: rotate(0.00deg) scale(0.6);}}.B .ft-cap{position: absolute; left: 16px; bottom: 16px; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 16px; color: #3F3858; text-shadow: 0 1px 12px rgba(255, 255, 255, 0.95);}.B .fi-row{grid-template-columns: repeat(6, minmax(0, 1fr));}.B .fi-row > .card{grid-column: span 2;}.B .fi-row > .card:nth-child(-n+2){grid-column: span 3;}.B .ig-wrap{display: flex; gap: 16px; align-items: stretch;}.B .ig-story{position: relative; flex: none; width: 214px; aspect-ratio: 9 / 16; border-radius: 20px; overflow: hidden; background: #15111F; box-shadow: 0 18px 40px rgba(41, 25, 110, 0.22);}.B .ig-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 30%;}.B .ig-story::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.5) 100%);}.B .ig-bars{position: absolute; left: 8px; right: 8px; top: 8px; z-index: 2; display: flex; gap: 3px;}.B .ig-bars i{flex: 1; height: 2.5px; border-radius: 2px; overflow: hidden; background: rgba(255, 255, 255, 0.4);}.B .ig-bars i.on{background: #FFFFFF;}.B .ig-bars i.now b{display: block; height: 100%; width: 60%; background: #FFFFFF; animation: igRun 5s linear infinite;}.B .ig-top{position: absolute; left: 10px; right: 10px; top: 18px; z-index: 2; display: flex; align-items: center; gap: 7px; color: #FFFFFF; font-size: 11.5px;}.B .ig-top > span:last-child{opacity: 0.75;}.B .ig-ring{width: 28px; height: 28px; flex: none; border-radius: 50%; padding: 2px; background: linear-gradient(45deg, #FEDA75, #FA7E1E, #D62976, #962FBF, #4F5BD5);}.B .ig-ring img{display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid #15111F;}.B .ig-stk{position: absolute; right: 14px; top: 30%; z-index: 2; transform: rotate(-6deg); padding: 5px 10px; border-radius: 8px; background: #FFFFFF; color: #C13584; font-size: 12px; font-weight: 800; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);}.B .ig-cap{position: absolute; left: 12px; right: 12px; bottom: 58px; z-index: 2; color: #FFFFFF; font-size: 12px; text-align: center; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);}.B .ig-cap b{font-weight: 700; color: #DCE6FF;}.B .ig-send{position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: flex; align-items: center; gap: 9px;}.B .ig-send span{flex: 1; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.92); font-size: 11.5px;}.B .ig-info{display: flex; flex-direction: column; gap: 12px; min-width: 0;}.B .ig-bio{margin: 0; font-size: 14px; line-height: 1.45;}.B .ig-hl{display: flex; gap: 12px;}.B .ig-hl span{display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 11px; color: #5B5870;}.B .ig-hl i{width: 48px; height: 48px; border-radius: 50%; background-size: cover; background-position: center 25%; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px #DCD6E8;}.B .ig-note{margin: auto 0 0; padding: 11px 13px; border-radius: 14px; background: #EEFAF6; font-size: 13px; line-height: 1.45; color: #2A2245;}.B .ig-note b{color: #0E9C86;}@keyframes igRun{ from { width: 0%; } to { width: 100%; } }@supports (animation-timeline: view()){@media (min-width: 1000px) and (min-height: 650px) and (max-height: 1700px) and (prefers-reduced-motion: no-preference){.B.sd .gt-fi{height: 3400px;}}}@media (max-width: 999px){.B .fi-row{grid-template-columns: repeat(2, minmax(0, 1fr));}.B .fi-row > .card,.B .fi-row > .card:nth-child(-n+2){grid-column: auto;}}@media (max-width: 560px){.B .fi-row{grid-template-columns: minmax(0, 1fr);}.B .ig-wrap{flex-direction: column; align-items: center;}.B .ig-story{width: min(100%, 240px);}}.B{overflow-x: clip;}.B [id]{scroll-margin-top: 92px;}.B .mroute,.B .fl-swipe{display: none;}.B .w16,.B .w38{align-content: flex-start;}@keyframes flyZm{ 0% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), -5133px); opacity: 0; } 10% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), -1202px); opacity: 0.85; } 20% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), -436px); opacity: 1; } 30% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), -110px); opacity: 1; } 40% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 71px); opacity: 1; } 50% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 185px); opacity: 1; } 60% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 265px); opacity: 1; } 70% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 323px); opacity: 1; } 80% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 367px); opacity: 1; } 90% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 402px); opacity: 1; } 100% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 0.5), calc(var(--y) * 0.7), 431px); opacity: 0; } }@keyframes mrIn{ from { opacity: 0; transform: translateX(44px); } to { opacity: 1; transform: none; } }@keyframes liftIn{ from { opacity: 0; translate: 0 46px; } to { opacity: 1; translate: none; } }@keyframes orbitM{ 0% { transform: rotateY(var(--ry, -10deg)) rotateX(calc(var(--rx, 4deg) * 2.2)) scale(0.94); } 45% { transform: rotateY(calc(var(--ry, -10deg) * 0.3)) rotateX(var(--rx, 4deg)); } 100% { transform: rotateY(calc(var(--ry, -10deg) * -0.5)) rotateX(0deg); } }@media (max-width: 999px){.B .road-scene.rd{display: none;}.B .mroute{position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 560px; margin: 0 auto; padding: 6px 0; list-style: none;}.B .mroute::before{content: ""; position: absolute; left: 4px; top: 0; bottom: 0; width: 44px; border-radius: 22px; background: linear-gradient(90deg, #EAE2FF 0%, #FFFFFF 26%, #FFFFFF 74%, #FFE4F2 100%); box-shadow: inset 0 0 0 1.5px rgba(125, 82, 255, 0.16);}.B .mroute::after{content: ""; position: absolute; left: 24px; top: 16px; bottom: 16px; width: 4px; border-radius: 2px; background: repeating-linear-gradient(180deg, #CDBEFF 0 14px, rgba(205, 190, 255, 0) 14px 26px);}.B .mr-fill{position: absolute; z-index: 1; left: 24px; top: 16px; bottom: 16px; width: 4px; border-radius: 2px; background: linear-gradient(180deg, #7D52FF, #FF4AAA); transform-origin: top;}.B .mroute > li{position: relative; z-index: 2;}.B .mr-stop a{display: flex; align-items: flex-start; gap: 12px; color: inherit; text-decoration: none;}.B .mr-dot{flex: none; width: 36px; height: 36px; margin: 16px 0 0 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 15px; font-weight: 800; color: #FFFFFF; background: var(--ac); box-shadow: 0 0 0 4px #FFFFFF, 0 8px 18px color-mix(in srgb, var(--ac) 45%, transparent);}.B .mr-card{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; padding: 14px 16px 15px; border-radius: 18px; border-top: 4px solid var(--ac); background: #FFFFFF; box-shadow: 0 14px 34px rgba(41, 25, 110, 0.1);}.B .mr-card small{font-size: 10.5px; font-weight: 800; letter-spacing: 0.12em; color: var(--ac);}.B .mr-card strong{font-family: 'Fraunces', Georgia, serif; font-size: 24px; font-weight: 600; line-height: 1.08; color: #160F33;}.B .mr-card > span{font-size: 14.5px; line-height: 1.4; color: #5E5873;}.B .mr-goal .mr-card{border-top: 0; color: #FFFFFF; background: linear-gradient(135deg, #7D52FF, #FF4AAA); box-shadow: 0 16px 36px rgba(255, 74, 170, 0.3);}.B .mr-goal .mr-card small,.B .mr-goal .mr-card > span,.B .mr-goal .mr-card strong{color: #FFFFFF;}.B .mr-hz{display: flex; align-items: center; gap: 14px; padding: 2px 0 2px 6px;}.B .mr-hz svg{flex: none;}.B .mr-hz > span{display: flex; flex-direction: column; gap: 1px; padding: 7px 12px; border-radius: 12px; background: #FFF8E2; border: 1px solid rgba(201, 154, 0, 0.22);}.B .mr-hz small{font-size: 9.5px; font-weight: 900; letter-spacing: 0.16em; color: #B07A00;}.B .mr-hz b{font-size: 14.5px; color: #2A2245;}.B .fi-tilt{transform: none !important;}.B #ft .tilt{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: start;}.B #ft .tilt > .polaroid{position: relative !important; left: auto !important; top: auto !important; width: auto !important;}.B #ft .tilt > .polaroid .photo{height: 132px !important;}.B #ft .ft-cap{position: static; display: block; margin-top: 4px; font-size: 12px; line-height: 1.25; color: #5E5873; text-shadow: none;}.B .s-hero{padding-bottom: 24px !important;}.B .s-hero .hero-copy + div{display: none;}.B .s-hero .btn-line{display: none;}.B .flight{margin-top: 40px;}.B .fl-dusk{height: 190px;}.B .fl-swipe{display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 700; color: #FFD08A;}.B .fl-stage{display: flex; gap: 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; margin-inline: -24px; padding: 4px 24px 12px; scroll-padding-inline: 24px; scrollbar-width: none; overscroll-behavior-x: contain;}.B .fl-stage::-webkit-scrollbar{display: none;}.B .fl-stop{flex: 0 0 min(84%, 400px); scroll-snap-align: start;}.B .fl-pics{height: 330px;}.B .fl-wrap{padding-bottom: 24px;}.B .fl-cast{padding-top: 40px;}.B #ft .tilt > .card{grid-column: 1 / -1; margin: 22px 0 0 !important;}.B .tb{font-size: 15px; padding: 9px 14px;}}@supports not (animation-timeline: view()){@media (max-width: 999px){.B .lp{animation: none !important; opacity: 1 !important; transform: none !important;}.B .rm-hide{display: none !important;}}}@supports (animation-timeline: view()){@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .lp{animation-duration: auto; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view();}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a04{animation-name: sIn; animation-range: cover 12.8% cover 18.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a10{animation-name: sIn; animation-range: cover 14.0% cover 20.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a16{animation-name: sIn; animation-range: cover 15.2% cover 21.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a22{animation-name: sIn; animation-range: cover 16.4% cover 22.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a28{animation-name: sIn; animation-range: cover 17.6% cover 23.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a34{animation-name: sIn; animation-range: cover 18.8% cover 24.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a40{animation-name: sIn; animation-range: cover 20.0% cover 26.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a46{animation-name: sIn; animation-range: cover 21.2% cover 27.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a52{animation-name: sIn; animation-range: cover 22.4% cover 28.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a58{animation-name: sIn; animation-range: cover 23.6% cover 29.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a64{animation-name: sIn; animation-range: cover 24.8% cover 30.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a70{animation-name: sIn; animation-range: cover 26.0% cover 32.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a76{animation-name: sIn; animation-range: cover 27.2% cover 33.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .a82{animation-name: sIn; animation-range: cover 28.4% cover 34.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .o22{animation-name: sOut; animation-range: cover 16.2% cover 22.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .o28{animation-name: sOut; animation-range: cover 17.4% cover 23.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .o46{animation-name: sOut; animation-range: cover 21.0% cover 27.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .o60{animation-name: sOut; animation-range: cover 23.8% cover 29.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .b22{animation-name: sWin; animation-range: cover 16.2% cover 22.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .b28{animation-name: sWin; animation-range: cover 17.4% cover 23.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .b46{animation-name: sWin; animation-range: cover 21.0% cover 27.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .w16{animation-name: sWin; animation-range: cover 15.0% cover 21.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .w38{animation-name: sWin; animation-range: cover 19.4% cover 25.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .w46{animation-name: sWin; animation-range: cover 21.0% cover 27.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .t24{animation-name: sTap; animation-range: cover 16.2% cover 22.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .t44{animation-name: sTap; animation-range: cover 20.2% cover 26.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .t58{animation-name: sPress; animation-range: cover 22.8% cover 28.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .drop34{animation-name: sDrop; animation-range: cover 18.0% cover 24.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fly62{animation-name: sFly; animation-range: cover 22.8% cover 28.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .stamp56{animation-name: sStamp; animation-range: cover 22.0% cover 28.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .rise62{animation-name: sRise; animation-range: cover 24.0% cover 30.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen,.B #tm .screen{view-timeline-name: --scr;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .lp,.B #tm .screen .lp{animation-timeline: --scr;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a04{animation-name: sIn; animation-range: cover 31.6% cover 34.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a10{animation-name: sIn; animation-range: cover 34.0% cover 36.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a16{animation-name: sIn; animation-range: cover 36.4% cover 38.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a22{animation-name: sIn; animation-range: cover 38.8% cover 41.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a28{animation-name: sIn; animation-range: cover 41.2% cover 43.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a34{animation-name: sIn; animation-range: cover 43.6% cover 46.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a40{animation-name: sIn; animation-range: cover 46.0% cover 48.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a46{animation-name: sIn; animation-range: cover 48.4% cover 50.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a52{animation-name: sIn; animation-range: cover 50.8% cover 53.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a58{animation-name: sIn; animation-range: cover 53.2% cover 55.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a64{animation-name: sIn; animation-range: cover 55.6% cover 58.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a70{animation-name: sIn; animation-range: cover 58.0% cover 60.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a76{animation-name: sIn; animation-range: cover 60.4% cover 62.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .a82{animation-name: sIn; animation-range: cover 62.8% cover 65.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .o22{animation-name: sOut; animation-range: cover 38.4% cover 40.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .o28{animation-name: sOut; animation-range: cover 40.8% cover 43.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .o46{animation-name: sOut; animation-range: cover 48.0% cover 50.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .o60{animation-name: sOut; animation-range: cover 53.6% cover 56.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .b22{animation-name: sWin; animation-range: cover 38.4% cover 49.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .b28{animation-name: sWin; animation-range: cover 40.8% cover 49.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .b46{animation-name: sWin; animation-range: cover 48.0% cover 56.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .w16{animation-name: sWin; animation-range: cover 36.0% cover 42.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .w38{animation-name: sWin; animation-range: cover 44.8% cover 49.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .w46{animation-name: sWin; animation-range: cover 48.0% cover 51.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .t24{animation-name: sTap; animation-range: cover 38.4% cover 40.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .t44{animation-name: sTap; animation-range: cover 46.4% cover 48.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .t58{animation-name: sPress; animation-range: cover 51.6% cover 54.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .drop34{animation-name: sDrop; animation-range: cover 42.0% cover 46.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .fly62{animation-name: sFly; animation-range: cover 51.6% cover 56.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .stamp56{animation-name: sStamp; animation-range: cover 50.0% cover 55.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .screen .rise62{animation-name: sRise; animation-range: cover 54.0% cover 57.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a04{animation-name: sIn; animation-range: cover 25.7% cover 28.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a10{animation-name: sIn; animation-range: cover 28.2% cover 30.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a16{animation-name: sIn; animation-range: cover 30.7% cover 33.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a22{animation-name: sIn; animation-range: cover 33.2% cover 35.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a28{animation-name: sIn; animation-range: cover 35.8% cover 38.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a34{animation-name: sIn; animation-range: cover 38.3% cover 40.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a40{animation-name: sIn; animation-range: cover 40.8% cover 43.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a46{animation-name: sIn; animation-range: cover 43.3% cover 45.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a52{animation-name: sIn; animation-range: cover 45.8% cover 48.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a58{animation-name: sIn; animation-range: cover 48.4% cover 50.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a64{animation-name: sIn; animation-range: cover 50.9% cover 53.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a70{animation-name: sIn; animation-range: cover 53.4% cover 55.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a76{animation-name: sIn; animation-range: cover 55.9% cover 58.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .a82{animation-name: sIn; animation-range: cover 58.4% cover 60.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .o22{animation-name: sOut; animation-range: cover 32.8% cover 35.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .o28{animation-name: sOut; animation-range: cover 35.3% cover 37.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .o46{animation-name: sOut; animation-range: cover 42.9% cover 45.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .o60{animation-name: sOut; animation-range: cover 48.8% cover 51.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .b22{animation-name: sWin; animation-range: cover 32.8% cover 44.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .b28{animation-name: sWin; animation-range: cover 35.3% cover 44.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .b46{animation-name: sWin; animation-range: cover 42.9% cover 51.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .w16{animation-name: sWin; animation-range: cover 30.3% cover 37.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .w38{animation-name: sWin; animation-range: cover 39.5% cover 44.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .w46{animation-name: sWin; animation-range: cover 42.9% cover 46.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .t24{animation-name: sTap; animation-range: cover 32.8% cover 35.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .t44{animation-name: sTap; animation-range: cover 41.2% cover 43.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .t58{animation-name: sPress; animation-range: cover 46.7% cover 49.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .drop34{animation-name: sDrop; animation-range: cover 36.6% cover 40.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .fly62{animation-name: sFly; animation-range: cover 46.7% cover 51.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .stamp56{animation-name: sStamp; animation-range: cover 45.0% cover 50.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #tm .screen .rise62{animation-name: sRise; animation-range: cover 49.2% cover 52.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #rv .tilt,.B #tm .tilt{animation: orbitM linear both; animation-timeline: view(); animation-range: cover 0% cover 100%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .iph .glare{animation: glareMove linear both; animation-timeline: view(); animation-range: cover 0% cover 100%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .tilt > .card > .stack{display: flex !important; flex-direction: column; gap: 16px;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .tilt > .card > .stack > .o60{animation: none; opacity: 1; view-timeline-name: --ftd;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .tilt > .card > .stack > .a64{animation-range: cover 4% cover 14%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .tilt > .card > div:first-child > .stack{display: none;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .lp{animation-timeline: --ftd;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a04{animation-name: sIn; animation-range: cover 31.6% cover 34.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a10{animation-name: sIn; animation-range: cover 34.0% cover 36.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a16{animation-name: sIn; animation-range: cover 36.4% cover 38.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a22{animation-name: sIn; animation-range: cover 38.8% cover 41.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a28{animation-name: sIn; animation-range: cover 41.2% cover 43.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a34{animation-name: sIn; animation-range: cover 43.6% cover 46.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a40{animation-name: sIn; animation-range: cover 46.0% cover 48.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a46{animation-name: sIn; animation-range: cover 48.4% cover 50.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a52{animation-name: sIn; animation-range: cover 50.8% cover 53.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a58{animation-name: sIn; animation-range: cover 53.2% cover 55.7%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a64{animation-name: sIn; animation-range: cover 55.6% cover 58.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a70{animation-name: sIn; animation-range: cover 58.0% cover 60.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a76{animation-name: sIn; animation-range: cover 60.4% cover 62.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .a82{animation-name: sIn; animation-range: cover 62.8% cover 65.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .o22{animation-name: sOut; animation-range: cover 38.4% cover 40.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .o28{animation-name: sOut; animation-range: cover 40.8% cover 43.3%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .o46{animation-name: sOut; animation-range: cover 48.0% cover 50.5%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .o60{animation-name: sOut; animation-range: cover 53.6% cover 56.1%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .b22{animation-name: sWin; animation-range: cover 38.4% cover 49.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .b28{animation-name: sWin; animation-range: cover 40.8% cover 49.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .b46{animation-name: sWin; animation-range: cover 48.0% cover 56.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .w16{animation-name: sWin; animation-range: cover 36.0% cover 42.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .w38{animation-name: sWin; animation-range: cover 44.8% cover 49.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .w46{animation-name: sWin; animation-range: cover 48.0% cover 51.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .t24{animation-name: sTap; animation-range: cover 38.4% cover 40.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .t44{animation-name: sTap; animation-range: cover 46.4% cover 48.9%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .t58{animation-name: sPress; animation-range: cover 51.6% cover 54.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .drop34{animation-name: sDrop; animation-range: cover 42.0% cover 46.0%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .fly62{animation-name: sFly; animation-range: cover 51.6% cover 56.4%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .stamp56{animation-name: sStamp; animation-range: cover 50.0% cover 55.6%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .rise62{animation-name: sRise; animation-range: cover 54.0% cover 57.2%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .w16{animation-range: cover 20% cover 44.8%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .a64 .a76{animation-range: cover 8% cover 15%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .a64 .a82{animation-range: cover 11% cover 18%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .o60 .w38{animation-name: sIn; animation-range: cover 44.8% cover 47%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B #ft .tilt > .polaroid{animation: liftIn linear both; animation-timeline: view(); animation-range: entry 10% cover 30%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .ttrack{view-timeline-name: --tun; height: 3000px;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .s-tun .spin{position: sticky; top: var(--ac-nav, 0px); height: calc(100svh - var(--ac-nav, 0px)); display: flex; flex-direction: column; justify-content: center;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .s-tun .spin > .wrap{width: 100%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tun-scene{height: calc(100svh - var(--ac-nav, 0px) - 28px); max-height: 680px; min-height: 440px;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tun-copy{z-index: 40;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb{animation: flyZm linear both; animation-timeline: --tun; animation-range: contain calc(var(--s) * 1.1) contain calc(var(--s) * 1.1 + 36%);}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(1){z-index: 29;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(2){z-index: 28;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(3){z-index: 27;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(4){z-index: 26;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(5){z-index: 25;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(6){z-index: 24;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(7){z-index: 23;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(8){z-index: 22;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(9){z-index: 21;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(10){z-index: 20;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(11){z-index: 19;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tb:nth-child(12){z-index: 18;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tun-copy .w{animation: wordIn linear both; animation-timeline: --tun; animation-range: contain calc(20% + var(--i) * 3.6%) contain calc(24% + var(--i) * 3.6%);}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .tun-copy .lead{animation: sIn linear both; animation-timeline: --tun; animation-range: contain 82% contain 88%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .mroute{view-timeline-name: --mr;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .mr-fill{animation: fillY linear both; animation-timeline: --mr; animation-range: cover 18% cover 78%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .mr-card,.B .mr-hz > span{animation: mrIn linear both; animation-timeline: view(); animation-range: entry 15% cover 32%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .mr-dot,.B .mr-hz svg{animation: popIn linear both; animation-timeline: view(); animation-range: entry 40% cover 34%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .st{view-timeline-name: --st;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .st .w{animation: wordIn linear both; animation-timeline: --st; animation-range: cover calc(8% + var(--i) * 3.5%) cover calc(14% + var(--i) * 3.5%);}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .rise,.B .fan,.B .fi-row > .card,.B .skill,.B .fl-lvrow{animation: liftIn linear both; animation-timeline: view(); animation-range: entry 0% entry 90%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .beats{view-timeline-name: --bt;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .beats::after{animation: fillY linear both; animation-timeline: --bt; animation-range: cover 25% cover 60%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .beat{animation-name: sIn; animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: entry 40% cover 30% !important;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-stage,.B .fl-swipe{animation: liftIn linear both; animation-timeline: view(); animation-range: entry 0% entry 80%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-stop{view-timeline-name: --stp; view-timeline-axis: inline;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-street > i{animation: zoomOut linear both; animation-timeline: --stp; animation-range: cover 0% cover 48%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-place{animation: sIn linear both; animation-timeline: --stp; animation-range: cover 22% cover 40%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-say{animation: sIn linear both; animation-timeline: --stp; animation-range: cover 28% cover 46%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .fl-card{animation: sIn linear both; animation-timeline: --stp; animation-range: cover 2% cover 30%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .date-scene{view-timeline-name: --dt;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .ticket{animation: flipUp linear both; animation-timeline: --dt; animation-range: cover 22% cover 50%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .bl1{animation: fromL linear both; animation-timeline: --dt; animation-range: cover 8% cover 30%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .bl2{animation: fromR linear both; animation-timeline: --dt; animation-range: cover 16% cover 38%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .spark{animation: burst linear both; animation-timeline: --dt; animation-range: cover 42% cover 64%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .num{animation: countUp linear both; animation-timeline: view(); animation-range: entry 40% cover 45%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .wk{view-timeline-name: --wk;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .wk b.on{animation: popIn linear both; animation-timeline: --wk; animation-range: cover calc(22% + var(--i) * 4%) cover calc(26% + var(--i) * 4%);}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .xpbar{animation: growBar linear both; animation-timeline: view(); animation-range: entry 50% cover 50%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .ranks{view-timeline-name: --rk;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .ranks > span{transform-origin: bottom; animation: rankUp linear both; animation-timeline: --rk; animation-range: cover calc(18% + var(--i) * 5%) cover calc(30% + var(--i) * 5%);}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .certs{view-timeline-name: --ct;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .certA{animation: certL linear both; animation-timeline: --ct; animation-range: cover 10% cover 40%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .certB{animation: certR linear both; animation-timeline: --ct; animation-range: cover 18% cover 46%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .band{animation: openBand linear both; animation-timeline: view(); animation-range: entry 30% cover 55%;}}@media (max-width: 999px) and (prefers-reduced-motion: no-preference){.B .band-in{animation: bandText linear both; animation-timeline: view(); animation-range: entry 30% cover 50%;}}}.B{--ac-nav:86px}@media (max-width: 999px){.B{--ac-nav:60px}}.B{line-height:normal}.B :is(h1,h2,h3,h4,h5,h6){color:inherit;font-family:inherit;line-height:normal}.B :is(b,strong){font-weight:bolder}.B img{vertical-align:baseline}.B li{margin-bottom:0}.B figcaption{margin-top:0}.B.ac-cont{background:#FBFAFF}