.fx-bar{position:fixed;left:0;top:0;height:4px;width:100%;background:var(--sun,#FED002);transform:scaleX(0);transform-origin:left;z-index:150;pointer-events:none}
.curtain{display:none}
.fx.intro:not(.nomo) .curtain{display:block;position:fixed;inset:0;z-index:200;pointer-events:none;background:var(--sun,#FED002);transform-origin:top;animation:fx-curtain 1.1s cubic-bezier(.7,0,.2,1) .1s forwards}
@keyframes fx-curtain{0%{transform:scaleY(1)}100%{transform:scaleY(0)}}


.fx:not(.nomo) [data-split] .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.fx:not(.nomo) [data-split] .ch{display:inline-block;transform:translateY(112%) rotate(7deg);opacity:0;transform-origin:0 100%;
  transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .5s ease;transition-delay:calc(var(--i)*32ms + var(--base,0ms))}
.fx:not(.nomo) [data-split].in .ch{transform:none;opacity:1}
[data-split] .ch{will-change:auto}
.fx:not(.nomo) [data-wave].in .ch{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .3s;transition-delay:0s}


.fx:not(.nomo) .rv{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),clip-path 1.3s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.fx:not(.nomo) .rv{transform:translateY(2.25rem)}
.fx:not(.nomo) .rv[data-rv="left"]{transform:translateX(-3rem)}
.fx:not(.nomo) .rv[data-rv="right"]{transform:translateX(3rem)}
.fx:not(.nomo) .rv[data-rv="scale"]{transform:scale(.88) translateY(2rem)}
.fx:not(.nomo) .rv[data-rv="clip"]{opacity:1;transform:none;clip-path:inset(0 0 100% 0)}
.fx:not(.nomo) .rv[data-rv="clip"] img{transform:scale(1.3);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.fx:not(.nomo) .rv.in{opacity:1;transform:none}
.fx:not(.nomo) .rv[data-rv="clip"].in{clip-path:inset(0 0 0 0)}
.fx:not(.nomo) .rv[data-rv="clip"].in img{transform:scale(1)}
.fx:not(.nomo) .rv[data-rv="wipe"]{opacity:1;transform:none;clip-path:inset(0 100% 0 0)}
.fx:not(.nomo) .rv[data-rv="wipe"].in{clip-path:inset(0 0 0 0)}


.fx:not(.nomo) .draw{transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.7,0,.2,1)}
.fx:not(.nomo) .draw.in{transform:none}


.par-frame{overflow:hidden}
.fx:not(.nomo) .par-frame>img,.fx:not(.nomo) .par-frame picture>img{transform:scale(1.18)}
[data-par]{will-change:transform}


.mq{position:relative;overflow:hidden}
.mq__t{display:flex;width:max-content;will-change:transform}
.mq__g{display:flex;align-items:center;flex:none}
.mq__btn{display:none}
.fx:not(.nomo) .mq__btn{display:block}
html:not(.fx) .mq__t,html.nomo .mq__t{width:auto;flex-wrap:wrap}
html:not(.fx) .mq__g+.mq__g,html.nomo .mq__g+.mq__g{display:none}


.hscroll__pin{overflow-x:auto;padding-block:2rem}
.hscroll__track{display:flex;gap:clamp(1rem,2.5vw,2rem);width:max-content;padding-inline:var(--g,2rem)}
.hscroll figure{margin:0;flex:none;width:clamp(17rem,40vw,36rem)}
.hscroll figure .ph2{aspect-ratio:4/3;overflow:hidden;border-radius:var(--rr,0)}
.hscroll figure img{width:100%;height:100%;object-fit:cover}
.hscroll figcaption{margin-top:.7rem;font-size:1.0625rem;line-height:1.5}
.fx:not(.nomo) .hscroll{height:calc(var(--n,5)*44vh + 100vh);position:relative}
.fx:not(.nomo) .hscroll__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:5rem 0}
.fx:not(.nomo) .hscroll figure:nth-child(even){margin-top:3rem}
.hscroll__prog{height:3px;background:var(--line,rgba(0,0,0,.15));margin:1.5rem var(--g,2rem) 0;position:relative}
.hscroll__prog i{position:absolute;inset:0;background:var(--sun,#FED002);transform:scaleX(0);transform-origin:left}
html:not(.fx) .hscroll__prog,html.nomo .hscroll__prog{display:none}


[data-count]{font-variant-numeric:tabular-nums}
.fx-toggle{font:inherit;padding:.3rem .8rem;border:1px solid currentColor;background:transparent;color:inherit;border-radius:2rem;cursor:pointer;white-space:nowrap}
.fx-toggle[aria-pressed="true"]{background:currentColor}
.fx-toggle[aria-pressed="true"] span{color:var(--fxbg,#fff)}