.mh{isolation:isolate;overflow:clip}.mh-sky{z-index:-1;opacity:.55;pointer-events:none;position:absolute;inset:0}.mh-track{position:relative}.mh-sticky{padding-block:3.5rem 4.5rem;position:relative}.mh-grid{gap:2.25rem;display:grid}.mh-stage,.mh-notes,.mh-hint-pin,.mh-sr-list{display:none}.mh-swipe{min-width:0}.mh-hint-grid{display:none}@media (min-width:1024px){.mh-swipe>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.mh-swipe>ul>li{width:auto;max-width:none}.mh-hint-swipe{display:none}.mh-hint-grid{display:inline}}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:not([data-motion=paused]) .mh-track{height:calc(100vh + var(--mh-steps,4) * 55vh);view-timeline:--mh block;view-timeline-inset:4.5rem 0}html:not([data-motion=paused]) .mh-sticky{align-items:center;height:calc(100vh - 4.5rem);padding-block:1.5rem;display:flex;position:sticky;top:4.5rem}html:not([data-motion=paused]) .mh-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.42fr);align-items:center;gap:3rem}html:not([data-motion=paused]) .mh-stage{display:block;position:relative}html:not([data-motion=paused]) .mh-swipe,html:not([data-motion=paused]) .mh-hint-swipe,html:not([data-motion=paused]) .mh-hint-grid{display:none}html:not([data-motion=paused]) .mh-hint-pin{display:inline}html:not([data-motion=paused]) .mh-notes{display:grid}html:not([data-motion=paused]) .mh-sr-list{display:block}}}.mh-years{z-index:0;pointer-events:none;height:clamp(5rem,9.5vw,9.5rem);margin-bottom:clamp(-2.4rem,-2.2vw,-1rem);margin-left:-.15em;font-size:clamp(5.5rem,10vw,10.5rem);line-height:.95;display:grid;position:relative}.mh-year{color:var(--color-yjar-gold-light);text-shadow:0 0 40px #d59b2759;letter-spacing:-.02em;grid-area:1/1}.mh-stage{width:min(100%,173.333vh - 23.8333rem - 1.73333*clamp(5rem,9.5vw,9.5rem));margin-left:auto}.mh-frame-wrap{z-index:1;position:relative}.mh-layers{position:absolute;inset:0}.mh-base,.mh-layer,.mh-layer__inner{position:absolute;inset:0;overflow:hidden}.mh-img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.mh-layer{z-index:calc(1 + var(--i,1));translate:-100%}.mh-layer__inner{translate:100%}.mh-layer:after{content:"";z-index:2;background:var(--color-yjar-gold-light);opacity:0;width:3px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 22px 3px #eab655a6}.mh-phone{z-index:5;opacity:0;width:clamp(6.5rem,10vw,9.5rem);position:absolute;bottom:-1.75rem;right:-1.25rem;translate:0 35%}.mh-progress{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.mh-progress li{flex:1 1 0;min-width:0}.mh-progress__bar{background:#ffffff26;border-radius:999px;height:3px;display:block;position:relative;overflow:hidden}.mh-progress__fill{background:var(--color-yjar-gold-light);transform-origin:0;position:absolute;inset:0;scale:0 1}.mh-progress li:first-child .mh-progress__fill{scale:1}.mh-progress__label{letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;margin-top:.5rem;font-size:.75rem;font-weight:600;display:block}.mh-notes{min-height:4.5rem;margin-top:1.5rem}.mh-note{border-left:2px solid var(--color-yjar-gold-light);color:#ffffffe0;grid-area:1/1;margin:0;padding-left:1rem;font-size:.95rem;font-weight:300;line-height:1.55}.mh-note__label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-yjar-gold-light);margin-bottom:.15rem;font-size:.72rem;font-weight:600;display:block}@keyframes mh-in{to{translate:0}}@keyframes mh-edge{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes mh-show{0%{opacity:0;translate:0 .18em}22%,78%{opacity:1;translate:0}to{opacity:0;translate:0 -.18em}}@keyframes mh-show-first{0%,70%{opacity:1;translate:0}to{opacity:0;translate:0 -.18em}}@keyframes mh-show-last{0%{opacity:0;translate:0 .18em}40%,to{opacity:1;translate:0}}@keyframes mh-fill{to{scale:1}}@keyframes mh-phone-in{to{opacity:1;translate:0}}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:not([data-motion=paused]) .mh-layer,html:not([data-motion=paused]) .mh-layer__inner{animation:linear both mh-in;animation-timeline:--mh;animation-range:contain calc(var(--i) * 28% - 22%) contain calc(var(--i) * 28%)}html:not([data-motion=paused]) .mh-layer:after{animation:linear both mh-edge;animation-timeline:--mh;animation-range:contain calc(var(--i) * 28% - 22%) contain calc(var(--i) * 28%)}html:not([data-motion=paused]) .mh-year,html:not([data-motion=paused]) .mh-note{opacity:0;animation:linear both mh-show;animation-timeline:--mh;animation-range:contain calc(var(--i) * 28% - 16%) contain calc(var(--i) * 28% + 12%)}html:not([data-motion=paused]) .mh-year:first-child,html:not([data-motion=paused]) .mh-note:first-child{opacity:1;animation-name:mh-show-first;animation-range:contain contain 12%}html:not([data-motion=paused]) .mh-year:last-child,html:not([data-motion=paused]) .mh-note:last-child{animation-name:mh-show-last;animation-range:contain calc(var(--i) * 28% - 16%) contain calc(var(--i) * 28%)}html:not([data-motion=paused]) .mh-progress li:not(:first-child) .mh-progress__fill{animation:linear both mh-fill;animation-timeline:--mh;animation-range:contain calc(var(--i) * 28% - 22%) contain calc(var(--i) * 28%)}html:not([data-motion=paused]) .mh-phone{animation:linear both mh-phone-in;animation-timeline:--mh;animation-range:contain 86% contain 97%}}}.rr-glow{pointer-events:none;background:radial-gradient(closest-side,#d59b2729,#0000);width:min(64rem,120vw);height:32rem;position:absolute;top:38%;left:50%;translate:-50%}.rr-list{--rr-w:min(60vw, 15rem);padding:1.25rem calc(50% - var(--rr-w) / 2) .5rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.25rem;margin:0;list-style:none;display:flex;overflow-x:auto}.rr-list::-webkit-scrollbar{display:none}.rr-list:focus-visible{outline:2px solid var(--color-yjar-gold-light);outline-offset:-2px;border-radius:1rem}@media (min-width:1024px){.rr-list{--rr-w:17rem;gap:2rem}}.rr-item{width:var(--rr-w);scroll-snap-align:center;flex:none}.rr-phone{transform-origin:50% 60%;scale:.9}.rr-item[data-active] .rr-phone{scale:1}@media (prefers-reduced-motion:no-preference){.rr-phone{transition:scale .45s var(--wow-ease-out)}}.rr-nav{color:#fff;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:border-color .2s;display:inline-flex}.rr-nav:hover:not(:disabled){border-color:#ffffffa6}.rr-nav:disabled{opacity:.35;cursor:default}.rr-nav:focus-visible{outline:2px solid var(--color-yjar-gold-light);outline-offset:2px}.pw-section{background:linear-gradient(#fff 0%,#f7f5f0 38%,#f2efe8 100%)}.pw-spot{pointer-events:none;background:radial-gradient(closest-side,#eab65533,#0000 72%);width:min(80rem,150vw);height:46rem;position:absolute;top:18%;left:50%;translate:-50%}.pw-wall{columns:2;column-gap:.9rem;margin:0;padding:0;list-style:none}.pw-item{break-inside:avoid;margin-bottom:.9rem}.pw-break{display:none}@media (max-width:767.98px){.pw-item[data-extra]{display:none}}.pw-poster{rotate:var(--tilt,0deg);background:#fff;border-radius:.45rem;display:block;position:relative;overflow:hidden;box-shadow:0 24px 40px -22px #192e508c,0 4px 10px -4px #192e502e,0 0 0 1px #192e5014}.pw-img{width:100%;height:auto;display:block}.pw-poster:hover,.pw-poster:focus-visible{z-index:2;rotate:none;scale:1.05}.pw-poster:focus-visible{outline:3px solid var(--color-yjar-gold-deep);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pw-poster{transition:rotate .35s var(--wow-ease-out), scale .35s var(--wow-ease-out)}}@media (min-width:768px){.pw-stage{perspective:1400px;perspective-origin:50% 35%}.pw-wall{columns:auto;transform-style:preserve-3d;flex-wrap:wrap;column-gap:1.1rem;display:flex}.pw-item{flex:var(--r) 1 0;min-width:0;margin-bottom:1.1rem}.pw-break{flex-basis:100%;height:0;margin:0;display:block}}@keyframes pw-straighten{0%{transform:rotateY(-22deg)rotateX(5deg)scale(.9)}to{transform:none}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:not([data-motion=paused]) .pw-wall{transform-origin:60%;animation:linear both pw-straighten;animation-timeline:view();animation-range:entry 5% cover 45%}}}::view-transition-group(.morph){animation-duration:.4s;animation-timing-function:var(--wow-ease-out)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html[data-motion=paused]::view-transition-group(*){animation:none!important}html[data-motion=paused]::view-transition-old(*){animation:none!important}html[data-motion=paused]::view-transition-new(*){animation:none!important}.ref-end__astro{min-height:12rem}
