.page--home{background:var(--night);--mq-h:clamp(60px, 3rem + 3.4vw, 116px);--mq-tilt:-2.4deg;--mq-pad:calc(56vw * sin(2.4deg) + 14px);--mq-gap:clamp(26px, 1rem + 2.4vw, 64px)}@media (width<=767px){.page--home{--mq-tilt:-3.4deg;--mq-pad:calc(56vw * sin(3.4deg) + 12px)}}.h-hero{isolation:isolate;min-height:calc(100svh - var(--mq-h) * .62);padding:calc(var(--top-h) + var(--safe-t) + 20px) var(--gutter) calc(var(--mq-h) / 2 + 72px + var(--safe-b));text-align:center;place-items:center;display:grid;position:relative;overflow:clip}.h-hero__shader{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.no-shader .h-hero__shader{visibility:hidden}.no-shader .h-hero{background:radial-gradient(120% 90%,#16122b 38%,#2a1f55 52%,#0f6f7c 64%,#c83d30 76%,#ff6b57 86%,#ffc94a 96%)}.h-hero .hero__cue{bottom:calc(var(--mq-h) / 2 + 14px + var(--safe-b))}.h-hero__inner{justify-items:center;gap:clamp(14px,2.2vh,26px);width:min(100%,1400px);display:grid}.h-hero__claim{font-family:var(--font-display);color:var(--gold);margin-bottom:.16em;font-size:clamp(1.6rem,1rem + 2.6vw,3.4rem);font-weight:800;font-stretch:118%;line-height:1}.h-hero__wait{display:inline-block;position:relative}.h-hero__dim{pointer-events:none;width:calc(100% - .16em);height:.3em;position:absolute;top:96%;left:.02em;overflow:visible}.h-hero__dim path{fill:none;stroke:#ff6b57;stroke-width:max(2.5px,.07em);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.h-hero__lead{color:#fff6e4d1;text-wrap:pretty;max-width:52ch;font-size:clamp(1rem,.94rem + .35vw,1.25rem)}.h-hero__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (orientation:landscape) and (height<=500px){.h-hero__inner{gap:10px}.h-hero__lead{max-width:68ch;font-size:.95rem}}.wordmark{--stretch:0;--skew:0deg;font-family:var(--font-display);font-weight:900;font-stretch:calc(100% + var(--stretch) * 22%);letter-spacing:-.045em;color:#fff6e4;transform:skewY(var(--skew));-webkit-user-select:none;user-select:none;touch-action:manipulation;contain:layout style;align-items:baseline;margin:0;font-size:min(13vw,15.5rem);line-height:.9;display:inline-flex;position:relative}.wm__c{text-shadow:.035em .05em #c83d30,.07em .1em #0b09188c;cursor:pointer;display:inline-block}.wm__c--f{color:#ffc94a}.wm__c--o{position:relative}.wm__o-text{color:#0000;text-shadow:none}.wm__case{filter:drop-shadow(.035em .05em #c83d30);width:.6em;height:.6em;position:absolute;bottom:.02em;left:50%;overflow:visible;translate:-50%}.wm__case-rim{fill:#ffc94a}.wm__case-face{fill:#16122b}.wm__case-ticks rect{fill:#ffc94a}.wm__case-hub{fill:#ff6b57}.wm__case{transform-origin:50%;transform-box:fill-box}.wm__tape{transform-origin:0;pointer-events:none;width:60vw;height:.11em;position:absolute;bottom:.25em;left:calc(100% - .06em)}.wm__tape-band{background:repeating-linear-gradient(90deg,#16122bbf 0 2px,#0000 2px .11em) top/100% 45% no-repeat,#ffc94a;border-radius:2px;position:absolute;inset:0;box-shadow:.035em .05em #c83d30}.wm__tape-hook{background:#ff6b57;border-radius:1px;width:.05em;height:.21em;position:absolute;top:-.05em;right:0}@media (width<=640px){.wm__tape{width:50vw}}.mq{z-index:2;margin-top:calc((var(--mq-h) / 2 + var(--mq-pad)) * -1);padding-block:var(--mq-pad);pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000 50%,#120f24 50%);position:relative;overflow-x:clip}.mq__band{width:112%;height:var(--mq-h);rotate:var(--mq-tilt);pointer-events:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:calc(6vw + var(--gutter));scrollbar-width:none;background:#ffc94a;margin-left:-6%;position:relative;overflow:auto hidden;box-shadow:0 8px #c83d30,0 18px 22px -12px #0b091899}.mq__band::-webkit-scrollbar{display:none}.mq.is-live .mq__band{scroll-snap-type:none;touch-action:pan-y;overflow:hidden}.mq__track{width:max-content;height:100%;display:flex}.mq__group{--tick:calc(var(--mq-h) * .13);align-items:stretch;gap:var(--mq-gap);height:100%;padding-inline:calc(6vw + var(--gutter));background:repeating-linear-gradient(90deg, #16122bd1 0 2px, transparent 2px calc(var(--tick) * 5)) left top / 100% 34% no-repeat, repeating-linear-gradient(90deg, #16122b8c 0 1.5px, transparent 1.5px var(--tick)) left top / 100% 19% no-repeat, repeating-linear-gradient(90deg, #16122b73 0 1.5px, transparent 1.5px var(--tick)) left bottom / 100% 13% no-repeat;flex:none;display:flex}.mq.is-live .mq__group{padding-inline:0 var(--mq-gap)}.mq__item{scroll-snap-align:start;padding-left:calc(var(--mq-gap) * .45);flex:none;align-items:center;gap:.5em;font-size:clamp(1.3rem,.8rem + 2.2vw,2.7rem);line-height:1;display:flex;position:relative}.mq__item:before{content:"";background:#16122b;border-radius:0 0 2px 2px;width:3px;height:50%;position:absolute;top:0;left:0}.mq__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:#16122b;white-space:nowrap;padding-top:.12em;font-weight:900;font-stretch:122%}.mq__tag{background:var(--ground);color:var(--ink);font-family:var(--font-display);white-space:nowrap;box-shadow:0 .18em 0 var(--deep);border-radius:999px;align-items:center;gap:.4em;padding:.3em .85em .3em .32em;font-size:clamp(.8rem,.7rem + .42vw,1.08rem);font-weight:650;font-stretch:104%;display:inline-flex}.mq__icon{flex:none;width:1.9em;height:1.9em}.mq__when b{letter-spacing:-.01em;font-size:1.24em;font-weight:900}.mq__item[data-state=passed] .mq__tag{box-shadow:none;background:color-mix(in oklab, var(--ground) 84%, #16122b)}.mq.is-running .mq__track{will-change:transform}@media (hover:hover) and (pointer:fine){.mq.is-live .mq__band{cursor:grab}.mq.is-grabbing .mq__band{cursor:grabbing}}.tape__track{height:300vh}@media (width<=767px){.tape__track{height:360vh}}.tape__sticky{height:100svh;padding:calc(var(--top-h) + var(--safe-t) + 12px) 0 calc(20px + var(--safe-b));background:#120f24;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;position:sticky;top:0;overflow:hidden}.tape__head{padding-inline:var(--gutter);z-index:2;gap:10px;max-width:760px;display:grid;position:relative}.tape__head .section-title{font-size:clamp(1.9rem,1rem + 3.8vw,4.6rem)}.tape__body{align-self:end;margin-bottom:clamp(24px,8vh,90px);position:relative}.tp{--day:clamp(8px, .25rem + .55vw, 13px);--band:clamp(60px, 8vh, 92px);width:calc(366 * var(--day) + 260px);height:calc(var(--band) + clamp(300px, 46vh, 430px));padding-left:calc(var(--gutter) + 150px);will-change:transform;position:relative}.tp__case{left:var(--gutter);bottom:calc(var(--band) / 2 - 80px);z-index:3;background:radial-gradient(circle,#16122b 0 34%,#ffc94a 34.5% 100%);border-radius:50%;width:160px;height:160px;position:absolute;box-shadow:8px 10px #c83d30,inset 0 0 0 6px #ff6b57}.tp__case span{background:repeating-conic-gradient(#16122b 0 4deg, transparent 4deg 30deg);border-radius:50%;position:absolute;inset:22%;-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}.tp__band{left:calc(var(--gutter) + 150px);height:var(--band);background:repeating-linear-gradient(90deg, #16122bbf 0 1.5px, transparent 1.5px var(--day)) top / 100% 26% no-repeat, repeating-linear-gradient(90deg, #16122bd9 0 2.5px, transparent 2.5px calc(var(--day) * 7)) top / 100% 46% no-repeat, #ffc94a;border-radius:4px 10px 10px 4px;position:absolute;bottom:0;right:0;box-shadow:0 8px #c83d30}.tp__past{width:calc(var(--today) * 100%);background:#16122b47;position:absolute;inset:0 auto 0 0}.tp__month{left:calc(var(--at) * 100%);background:#16122b;width:3px;position:absolute;top:0;bottom:0}.tp__month span{font-family:var(--font-display);text-transform:uppercase;color:#16122b;letter-spacing:.04em;font-size:clamp(.8rem,.7rem + .4vw,1.05rem);font-weight:800;font-stretch:90%;position:absolute;bottom:8px;left:8px}.tp__today{left:calc(var(--today) * 100%);background:#fff6e4;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-18px;bottom:-18px;box-shadow:0 0 0 4px #fff6e42e}.tp__today span{color:#16122b;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:#fff6e4;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800;font-stretch:120%;position:absolute;top:100%;left:50%;translate:-50% 6px}.tp__flags{left:calc(var(--gutter) + 150px);right:0;bottom:var(--band);height:clamp(300px,46vh,430px);position:absolute}.tp__big{left:calc(var(--gutter) + 150px + var(--at) * (100% - var(--gutter) - 150px));bottom:calc(var(--band) + 12px);font-family:var(--font-display);font-weight:900;font-stretch:62%;font-size:calc(var(--day) * 17);letter-spacing:-.02em;white-space:nowrap;color:#0000;-webkit-text-stroke:2px #ffc94a33;pointer-events:none;z-index:0;padding-left:10px;line-height:.78;position:absolute}.tp__flag{--pole:calc(36px + var(--lvl,0) * clamp(70px, 11vh, 120px));z-index:1;left:calc(var(--at) * 100%);color:var(--ink);text-decoration:none;position:absolute;bottom:0}.tp__pole{width:3px;height:var(--pole);background:#fff6e4;border-radius:2px;position:absolute;bottom:0;left:-1.5px}.tp__card{left:-1.5px;bottom:var(--pole);background:var(--ground);box-shadow:4px 5px 0 var(--deep), inset 0 0 0 1px color-mix(in oklab, var(--ink) 16%, transparent);white-space:nowrap;transform-origin:0 100%;transition:transform .4s var(--ease-bounce);border-radius:4px 16px 16px;grid-template-rows:auto auto;grid-template-columns:40px auto;align-items:center;column-gap:10px;padding:10px 14px 10px 10px;display:grid;position:absolute}.tp__card svg{grid-row:span 2;width:40px;height:40px}.tp__name{font-family:var(--font-display);font-size:1.05rem;font-weight:820;font-stretch:108%;line-height:1.05}.tp__date{color:color-mix(in oklab, var(--ink) 75%, var(--ground));font-size:.78rem}.tp__date [data-state=today],.tp__date [data-state=soon]{color:var(--accent);font-weight:700}.tp__flag[data-state=passed] .tp__card{opacity:.62}.tp__flag[data-state=today] .tp__card{box-shadow:4px 5px 0 var(--deep), 0 0 0 3px var(--accent)}.tp__flag:focus-visible{outline:none}.tp__flag:focus-visible .tp__card{outline-offset:3px;outline:3px solid #fff6e4}@media (hover:hover){.tp__flag:hover .tp__card{transform:translateY(-6px)rotate(-2deg)}}@media (height<=520px) and (orientation:landscape){.tape__sticky{padding-top:calc(var(--top-h) + var(--safe-t) + 2px);padding-bottom:calc(6px + var(--safe-b))}.tape__head .section-title{font-size:clamp(1.5rem,.9rem + 2.4vw,2.4rem)}.tape__head .section-lead{display:none}.tape__body{margin-bottom:34px}.tp__today{top:-8px;bottom:-8px}.tp{--band:48px;height:calc(var(--band) + 150px)}.tp__flags{height:150px}.tp__flag{--pole:calc(24px + var(--lvl,0) * 34px)}.tp__case{width:104px;height:104px;bottom:calc(var(--band) / 2 - 52px)}.tp{padding-left:calc(var(--gutter) + 96px)}.tp__band,.tp__flags{left:calc(var(--gutter) + 96px)}.tp__big{left:calc(var(--gutter) + 96px + var(--at) * (100% - var(--gutter) - 96px))}}body.tape-static .tape__track{height:auto}body.tape-static .tape__sticky{height:auto;min-height:100svh;position:relative}body.tape-static .tape__body{overscroll-behavior-x:contain;padding-bottom:20px;overflow-x:auto}.how{padding-block:clamp(80px,12vw,160px)}.how__body{position:relative}.how__rule{top:0;left:var(--gutter);right:var(--gutter);background:repeating-linear-gradient(90deg, #ffc94a57 0 1.5px, transparent 1.5px 10px) left top / 100% 42% no-repeat, color-mix(in oklab, var(--gold) 16%, var(--night));height:16px;box-shadow:0 5px 0 var(--shadow-paper);border-radius:5px;position:absolute;overflow:hidden}.how__fill{transform-origin:0;background:repeating-linear-gradient(90deg, #16122bb3 0 1.5px, transparent 1.5px 10px) left top / 100% 42% no-repeat, repeating-linear-gradient(90deg, #16122bd9 0 2.5px, transparent 2.5px 50px) left top / 100% 70% no-repeat, var(--gold);position:absolute;inset:0}.how__steps{padding:46px var(--gutter) 0;grid-template-columns:1fr;gap:clamp(12px,1.6vw,22px);display:grid}@media (width>=720px){.how__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.how__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=719px){.how__rule{background:repeating-linear-gradient(180deg, #ffc94a57 0 1.5px, transparent 1.5px 10px) left top / 42% 100% no-repeat, color-mix(in oklab, var(--gold) 16%, var(--night));width:14px;height:auto;top:0;bottom:0;right:auto}.how__fill{transform-origin:50% 0;background:repeating-linear-gradient(180deg, #16122bb3 0 1.5px, transparent 1.5px 10px) left top / 42% 100% no-repeat, repeating-linear-gradient(180deg, #16122bd9 0 2.5px, transparent 2.5px 50px) left top / 70% 100% no-repeat, var(--gold)}.how__steps{padding:0 var(--gutter) 0 calc(var(--gutter) + 30px)}}.step{--accent:var(--gold);align-content:start;gap:10px;min-height:240px;padding:clamp(22px,2.6vw,34px);display:grid}@media (width<=719px){.step{min-height:0}}.step__num.odo{--size:clamp(2.1rem, 1.7rem + 1.1vw, 2.9rem);justify-content:flex-start;gap:0}.step__num .odo__digit{color:var(--accent)}.step__num .odo__digit.is-lead{color:color-mix(in oklab, var(--ink) 30%, transparent)}.step__reel{grid-auto-rows:1.18em;display:grid;position:absolute;inset:0 0 auto}.step__reel>span{place-items:center;height:1.18em;display:grid}.all{padding-bottom:clamp(80px,12vw,160px)}.cards{padding-inline:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));grid-auto-flow:dense;gap:clamp(10px,1.4vw,18px);display:grid}.card{display:flex}.card__link{background:var(--ground);min-height:220px;color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 14%, transparent), 0 6px 0 var(--deep);transition:transform .45s var(--ease-snappy);flex:1;align-content:start;gap:6px;padding:clamp(18px,2vw,26px);text-decoration:none;display:grid;container-type:inline-size}.card[data-tone=light] .card__link{--shadow-paper:color-mix(in oklab, var(--deep) 55%, var(--ground))}.card__icon{width:clamp(56px,6vw,76px);height:auto;transition:transform .6s var(--ease-bounce);margin-bottom:8px}.card__name{font-family:var(--font-display);font-size:clamp(1.05rem,13cqi,2rem);font-weight:860;font-stretch:110%;line-height:1}.card__date{color:color-mix(in oklab, var(--ink) 88%, var(--ground));font-size:.88rem}.card__when{font-family:var(--font-display);color:var(--accent-text,var(--accent));margin-top:auto;padding-top:10px;font-weight:760;font-stretch:112%}.card__when[data-state=passed]{color:color-mix(in oklab, var(--ink) 88%, var(--ground));font-weight:680}@media (hover:hover){.card__link:hover{transform:translateY(-6px)}.card__link:hover .card__icon{transform:rotate(-10deg)scale(1.1)}}.card--next{grid-area:span 2/span 2}@media (width<=520px){.card--next{grid-area:auto/span 1}}.card--next .card__link{min-height:360px}.card--next .card__icon{width:clamp(80px,9vw,120px)}.card--next .card__name{font-size:clamp(2.2rem,15cqi,4.2rem)}.card__badge{background:var(--accent);color:var(--deep);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:4px 10px;font-size:.72rem;font-weight:800;font-stretch:120%}.card[data-tone=light] .card__badge{color:var(--light);background:var(--deep)}.card__odo{margin-top:12px}.card__odo.odo{--size:clamp(1.4rem, .8rem + 2vw, 2.9rem);flex-wrap:wrap;justify-content:flex-start}@media (width>=360px) and (width<=559px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card--next{grid-column:1/-1}.card__link{gap:4px;min-height:0;padding:16px 14px 18px}.card--next .card__link{min-height:0;padding:20px 18px 22px}.card__icon{width:46px;margin-bottom:6px}.card__date{font-size:.8rem}.card__when{padding-top:8px;font-size:.95rem}}@supports (animation-timeline:view()){html[data-motion=on] .how__body{view-timeline-name:--how}html[data-motion=on] .how__fill{animation:linear both fm-rule-x;animation-timeline:--how;animation-range:entry 30% cover 55%}html[data-motion=on] .step{transform-origin:12% 0;animation:linear both fm-hang;animation-timeline:view();animation-range:entry entry 90%}html[data-motion=on] .card{view-timeline-name:--card;transform-origin:50% 100%;animation:linear both fm-deal;animation-timeline:--card;animation-range:entry entry 75%}html[data-motion=on] .card__icon{animation:linear both fm-sway;animation-timeline:--card;animation-range:cover}@media (width<=719px){html[data-motion=on] .how__fill{animation-name:fm-rule-y;animation-range:entry 10% exit 0%}}}.step:nth-child(odd){--hang:-3.5deg}.step:nth-child(2n){--hang:2.5deg}.card:nth-child(7n+1){--deal:-4deg}.card:nth-child(7n+2){--deal:2.6deg}.card:nth-child(7n+3){--deal:-1.6deg}.card:nth-child(7n+4){--deal:3.4deg}.card:nth-child(7n+5){--deal:-2.8deg}.card:nth-child(7n+6){--deal:1.2deg}.card:nth-child(7n+7){--deal:-3.2deg}@keyframes fm-rule-x{0%{scale:0 1}}@keyframes fm-rule-y{0%{scale:1 0}}@keyframes fm-hang{0%{opacity:0;translate:0 2.4rem;rotate:var(--hang,-3deg)}}@keyframes fm-deal{0%{opacity:0;translate:0 3.2rem;rotate:var(--deal,0deg)}}@keyframes fm-sway{0%{rotate:-9deg}to{rotate:9deg}}
