.places-page{background-color:var(--c-yellow);color:var(--c-black)}.places-page .c-welcome{background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;overflow:clip}.places-page .c-welcome:after{content:"";background-image:linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%);pointer-events:none;position:absolute;inset:0}.places-page .places-welcome-path{width:100%;height:25vh;inset:35vh 0 auto}.places-page .c-welcome .-w{z-index:20;grid-template-rows:1fr auto auto 1fr auto auto;align-items:stretch;min-height:100vh;padding-top:6rem;position:relative}.places-page .c-welcome .title{--top:2;--width:6;margin-top:var(--h1);scale:calc(1 + var(--progress,0)*.5);transform-origin:50% 200%;justify-self:center;display:flex}.places-page .c-welcome .title .-splitted{display:inline-flex}.places-page .video-wrap{--top:3;--left:1;--width:6;contain:paint;background:var(--c-black);border-radius:var(--g-gap);margin-top:var(--p);aspect-ratio:3/2;opacity:0;transition:transform 1.2s var(--f-cubic),opacity 1.2s var(--f-cubic);justify-content:center;align-items:center;transition-delay:.3s;display:flex;position:relative;overflow:hidden;transform:translateY(50%)}.places-page .video-wrap video{object-fit:cover;width:100%;height:100%;scale:calc(1 + var(--progress,0))}html.-loaded.-ready .places-page .video-wrap{opacity:1;transform:translateZ(0)}.places-page .c-welcome .subtitle{--top:5;--left:1;--width:6;margin-top:var(--h1);translate:0 calc(-2vh*var(--progress,0))}.places-page .c-welcome .p-1{--top:6;--left:2;--width:4;margin:var(--h5)0}@media (min-width:1024px){.places-page .places-welcome-path{height:80vh;inset:10vh 0 auto}.places-page .c-welcome .title{--width:12}.places-page .video-wrap{--left:6;--width:2;scale:calc(1 + var(--progress,0)*.5);transform:translateY(100%);translate:0 calc(10vh*var(--progress,0));border-radius:.4rem}.places-page .c-welcome .subtitle{--left:4;--width:6}.places-page .c-welcome .p-1{--left:5;--width:4}}.places-page .c-particles{background:0 0;height:800vh;position:relative}.places-page .c-particles .stick{z-index:20;height:100vh;display:grid;position:sticky;top:0;overflow:clip}.places-page .c-particles .stick:before{content:"";height:calc(var(--large)*4);background-image:linear-gradient(to top,var(--c-yellow)var(--large),rgba(var(--c-yellow-rgb),0)100%);transform-origin:50% 100%;transition:scale 1.5s var(--f-cubic);z-index:10;pointer-events:none;position:absolute;inset:auto 0 0;scale:1 0}.places-page .c-particles .stick:after{content:"";background-image:linear-gradient(0deg,rgba(var(--c-black-rgb),0),rgba(var(--c-black-rgb),.5)50%,rgba(var(--c-black-rgb),0));opacity:0;transition:opacity 3s var(--f-cubic);z-index:5;pointer-events:none;position:absolute;inset:0}.places-page .scatter-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.places-page .webgl-canvas{opacity:0;width:100%;height:100%;display:block}.places-page .scatter-container .fallback{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--f-cubic);position:absolute;inset:0}.places-page .scatter-container .fallback.-on{opacity:1}.places-page .c-particles .path{z-index:20;margin:0 var(--g-margin);color:var(--c-yellow);pointer-events:none;grid-area:1/1;justify-content:space-around;align-self:center;align-items:center;display:flex;position:relative}.places-page .c-particles .path>span{background-color:rgba(var(--c-black-rgb),.2);opacity:0;height:1px;transition:opacity 1.5s var(--f-cubic);position:absolute;inset:auto 0}.places-page .c-particles .path>span:before{content:"";background-color:rgba(var(--c-yellow-rgb),.6);transform-origin:0;width:100%;height:1px;scale:calc(max(0,var(--progress,0) - .125)/.875)1;display:block}.places-page .c-particles .path .i{width:var(--p);height:var(--p);padding:var(--g-gap);opacity:0;transition:scale 1.5s var(--f-cubic),opacity 1.5s var(--f-cubic);justify-content:center;align-items:center;display:flex;position:relative;scale:.2}.places-page .c-particles .path .i:before,.places-page .c-particles .path .i:after{content:"";border:1px solid rgba(var(--c-yellow-rgb),.2);width:100%;transition:scale 1.5s var(--f-cubic),border 1.5s var(--f-cubic),background-color 1.5s var(--f-cubic);z-index:20;border-radius:50%;padding:50% 0;display:block;position:absolute;scale:.5}.places-page .c-particles .path .i:after{border-color:rgba(var(--c-yellow-rgb),.1);background-image:radial-gradient(circle,rgba(var(--c-black-rgb),.4),rgba(var(--c-black-rgb),0)60%);z-index:15;width:120%;padding:60% 0}.places-page .c-particles .path .i>span{z-index:30;color:var(--c-yellow);text-shadow:0 0 0 var(--c-yellow),0 .4rem .8rem var(--c-black);transition:color 1.5s var(--f-cubic),text-shadow 1.5s var(--f-cubic);display:flex;position:relative}.places-page .c-particles .path .i.-active:before{background-color:rgba(var(--c-black-rgb),.2);border-color:rgba(var(--c-yellow-rgb),.4);scale:1}.places-page .c-particles .path .i.-active:after{background-color:rgba(var(--c-black-rgb),.1);border-color:rgba(var(--c-yellow-rgb),.2);scale:1}.places-page .c-particles .path .i.-active>span{color:var(--c-white);text-shadow:0 0 .8rem var(--c-yellow),0 .4rem .8rem var(--c-black)}.places-page .c-particles .panel{z-index:20;margin-bottom:var(--h4);opacity:0;translate:0 var(--h5);transition:opacity 1.5s var(--f-cubic),translate 1.5s var(--f-cubic);pointer-events:none;color:var(--c-black);grid-area:1/1;align-self:end;position:relative}.places-page .c-particles .place-name{--width:6;margin-bottom:var(--p);place-items:center;display:grid;position:relative}.places-page .c-particles .place-name>span{white-space:nowrap;font-size:min(var(--large),11.5vw);grid-area:1/1;display:flex}.places-page .c-particles .place-name .-s-char[data-split-content=\ ]{width:.25em}.places-page .c-particles .place-name .-s-char{filter:blur(.05em);opacity:0;transition:opacity 1.5s var(--f-fast),scale 1.5s var(--f-fast),translate 1.5s var(--f-fast),transform 1.5s var(--f-fast),filter 1.5s var(--f-fast);transition-delay:calc(var(--char-random)*75ms);display:inline-flex;transform:skew(15deg,30deg)translate(.25em,1em)}.places-page .c-particles .place-name>span.-active .-s-char{filter:blur();opacity:1;transform:skew(0deg)translate(0,0)}.places-page .c-particles .panel .line{margin-top:var(--mm);text-align:left;animation:plIn 1.5s var(--f-cubic)both;animation-delay:calc(var(--t-delay)*.15s);pointer-events:all;display:block}@keyframes plIn{0%{opacity:0;translate:0 1em}to{opacity:1;translate:0}}.places-page .c-particles .status{--top:2;--left:1;--width:2}.places-page .c-particles .caption{--top:3;--left:1;--width:4}.places-page .c-particles .usage{--top:2;--left:4;--width:3}.places-page .c-particles .object{--top:4;--left:1;--width:6}.places-page .c-particles .book{--top:5;--left:1;--width:3;margin-top:var(--p)}.places-page .c-particles .stick.-active:before{transition-delay:.6s;scale:1}.places-page .c-particles .stick.-active:after{opacity:1;transition-delay:.6s}.places-page .c-particles .stick.-active .path>span{opacity:1;transition-delay:.9s}.places-page .c-particles .stick.-active .path .i{opacity:1;transition-delay:calc(.9s + var(--order)*.15s);scale:1}.places-page .c-particles .stick.-active .panel{opacity:1;transition-delay:.6s;translate:0}.places-page .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1024px){.places-page .c-particles{height:600vh}.places-page .c-particles .place-name{font-size:var(--h2)}.places-page .scatter-container:after{content:"";background-image:linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0));height:10lvh;position:absolute;inset:auto 0 0}}@media (min-width:1024px){.places-page .c-particles .stick:before{height:calc(var(--large)*2)}.places-page .c-particles .path .i{width:var(--h3);height:var(--h3);padding:calc(var(--g-gap)*2)}.places-page .c-particles .path .i:before,.places-page .c-particles .path .i:after{scale:.8}.places-page .c-particles .place-name{--width:12;margin-bottom:var(--h3)}.places-page .c-particles .panel .line{margin-top:0}.places-page .c-particles .status{--top:2;--left:1;--width:2}.places-page .c-particles .caption{--top:2;--left:3;--width:3}.places-page .c-particles .usage{--top:2;--left:7;--width:3}.places-page .c-particles .object{--top:2;--left:10;--width:3;text-align:right}.places-page .c-particles .book{--top:3;--left:6;--width:2;margin-top:var(--h6)}}.places-page .c-features{z-index:30;background-color:var(--c-yellow);color:var(--c-black);place-items:center;display:grid;position:relative;overflow:clip}.places-page .c-features .figure-map{grid-area:1/1;place-self:start stretch;position:relative;overflow:hidden}.places-page .c-features .figure-map:before{content:"";left:0;right:0;top:var(--h1);background-color:var(--c-black);width:24vw;height:24vw;-webkit-mask:var(--star)center/100% auto no-repeat;-webkit-mask:var(--star)center/100% auto no-repeat;mask:var(--star)center/100% auto no-repeat;z-index:1;margin:0 auto;position:absolute}.places-page .c-features .figure-map:after{content:"";background-image:linear-gradient(to right,var(--c-yellow),rgba(var(--c-yellow-rgb),0)80%),linear-gradient(to left,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%),linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%),linear-gradient(to bottom,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%);position:absolute;inset:0}.places-page .c-features .figure-map figure{transform:translate3d(0,calc(-20vh + 40vh*var(--progress,0)),0);opacity:.55;position:relative}.places-page .places-features-path{z-index:2;width:100%;height:100%;inset:0}.places-page .c-features .-w{z-index:3;padding:calc(var(--h1)*3)0 var(--g-gap);grid-area:1/1;justify-self:stretch;position:relative}.places-page .c-features .i{--width:6;margin-bottom:calc(var(--g-gap)/2);padding:var(--h3)var(--m)var(--g-gap)var(--g-gap);border-radius:var(--p);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:rgba(var(--c-white-rgb),.2);box-shadow:0 1px 1px 0 rgba(var(--c-black-rgb),.1);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='1.2 0 0 0 0.15 0 1.2 0 0 0.15 0 0 1.2 0 0.15 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.35'/%3E%3C/svg%3E");background-size:8rem 8rem;position:relative;overflow:hidden}.places-page .c-features .i>*{position:relative}.places-page .c-features .i .number{right:var(--m);top:var(--m);width:var(--h2);height:var(--h2);justify-content:center;align-items:center;display:flex;position:absolute}.places-page .c-features .i .number:before,.places-page .c-features .i .number:after{content:"";border:1px solid var(--c-white);border-radius:50%;width:100%;padding:50% 0;display:block;position:absolute}.places-page .c-features .i .number:after{width:120%;padding:60% 0}.places-page .c-features .i .type,.places-page .c-features .i .caption{margin-top:var(--mm);width:80%}.places-page .c-features .i-1{--top:1;--left:1}.places-page .c-features .i-2{--top:2;--left:1}.places-page .c-features .i-3{--top:3;--left:1}.places-page .c-features .i-4{--top:5;--left:1}.places-page .c-features .i-4:before{content:"7";color:rgba(var(--c-white-rgb),.6);filter:blur(.1rem);font-family:var(--font-t-2);font-size:var(--large);scale:calc(.5 + var(--progress,0));place-items:center;line-height:.1;display:grid;position:absolute;inset:0}.places-page .c-features .i-5{--top:6;--left:1}.places-page .c-features .i-5 figure{right:var(--m);bottom:var(--m);width:2.5rem;position:absolute}.places-page .c-features .fox{--left:1;--width:6;--top:7;border-radius:var(--p);height:70vw;position:relative;overflow:hidden}.places-page .c-features .fox figure{position:absolute;inset:0}.places-page .c-features .fox img{object-fit:cover;width:100%;height:100%}@media (min-width:1024px){.places-page .c-features .figure-map:before{width:6vw;height:6vw}.places-page .c-features .-w{padding-bottom:var(--large)}.places-page .c-features .i{--width:4;--height:2;margin-bottom:var(--g-gap);padding-top:calc(var(--h1)*2);padding-bottom:var(--h5)}.places-page .c-features .i .type,.places-page .c-features .i .caption{margin-top:var(--p)}.places-page .c-features .i-1{--top:1;--left:5}.places-page .c-features .i-2{--top:2;--left:1}.places-page .c-features .i-3{--top:3;--left:5}.places-page .c-features .i-4{--top:5;--left:9}.places-page .c-features .i-5{--top:7;--left:5}.places-page .c-features .fox{--left:1;--width:4;--top:5;--height:2;height:auto;min-height:24rem;margin-bottom:var(--g-gap)}.places-page .c-features .fox figure{translate:0 calc(-20% + 40%*var(--progress,0));inset:-20% 0}}.ba-ctaband{background-color:var(--c-black);color:var(--c-white);padding:var(--h0)0;z-index:30;position:relative;overflow-x:clip}.ba-ctaband .-w figure{--left:3;--width:2;place-self:end center;width:2.5rem}.ba-ctaband .-w .subtitle{--top:2;--left:1;--width:6;margin-top:var(--p)}.ba-ctaband .-w .cta{--top:3;--left:2;--width:4;z-index:20;color:var(--c-yellow);margin-top:var(--h3);transform:translate3d(0,calc(var(--progress,0)*5vh),0);align-self:start;position:relative}.ba-ctaband .-w .cta .-hp{margin-bottom:var(--h5);font-family:var(--font-t-1);display:block}.ba-ctaband .-w .cta .-hp span{transition:translate .6s var(--f-cubic);display:block}.ba-ctaband .-w .cta .-hp span:first-child{translate:4em}.ba-ctaband .-w .cta .-hp span:nth-child(2){translate:6em}.ba-ctaband .-w .cta .-hp span:nth-child(3){translate:5em}.ba-ctaband .-w .cta .button{width:100%}@media (min-width:1024px){.ba-ctaband .-w figure{--left:6;--width:2}.ba-ctaband .-w .subtitle{--top:2;--left:4;--width:6}.ba-ctaband .-w .cta{--top:3;--left:6;--width:2;margin-top:var(--h1)}.ba-ctaband .-w .cta .-hp span:first-child{translate:0}.ba-ctaband .-w .cta .-hp span:nth-child(2){translate:2em}.ba-ctaband .-w .cta .-hp span:nth-child(3){translate:1em}.ba-ctaband .-w .cta:has(.button:hover) .-hp span{transition:translate .6s var(--f-cubic-in)}.ba-ctaband .-w .cta:has(.button:hover) .-hp span:first-child{translate:1em}.ba-ctaband .-w .cta:has(.button:hover) .-hp span:nth-child(2){transition:translate .75s var(--f-cubic-in);translate:0}.ba-ctaband .-w .cta:has(.button:hover) .-hp span:nth-child(3){transition:translate .9s var(--f-cubic-in);translate:2em}}.c-book{background-color:var(--c-yellow);color:var(--c-black);padding:var(--h0)0 var(--large);z-index:30;position:relative}.c-book .title{--width:6}.c-book .lead{--top:2;--width:6;margin-top:var(--p);max-width:34rem}.c-book .list{--top:3;--width:6;margin-top:var(--h3);border-top:1px solid rgba(var(--c-black-rgb),.15)}.c-book .list li{border-bottom:1px solid rgba(var(--c-black-rgb),.15)}.c-book .row{column-gap:var(--g-gap);padding:var(--p)0;transition:background-color .6s var(--f-cubic),padding .6s var(--f-cubic);grid-template-columns:2rem 4.5rem 1fr auto;grid-template-areas:"no thumb name go""no thumb kinds from";align-items:center;display:grid}.c-book .no{color:rgba(var(--c-black-rgb),.5);grid-area:no}.c-book .thumb{aspect-ratio:3/2;background:var(--c-stone);border-radius:.4rem;grid-area:thumb;width:4.5rem;overflow:hidden}.c-book .thumb img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--f-cubic),opacity 1.2s var(--f-cubic)}.c-book .name{grid-area:name}.c-book .kinds{text-transform:uppercase;color:rgba(var(--c-black-rgb),.55);grid-area:kinds}.c-book .from{grid-area:from;justify-self:end}.c-book .go{font-size:var(--h5);transition:translate .6s var(--f-cubic);grid-area:go;justify-self:end}.c-book .-off .row{opacity:.55}@media (hover:hover){.c-book .row:hover{background-color:rgba(var(--c-white-rgb),.45);padding-left:var(--p);padding-right:var(--p)}.c-book .row:hover .thumb img{scale:1.08}.c-book .row:hover .go{translate:.4rem}}@media (min-width:1024px){.c-book .title{--left:2;--width:6}.c-book .lead{--left:2;--width:5}.c-book .list{--left:2;--width:10}.c-book .row{grid-template-columns:3rem 7rem 1.4fr 1fr auto auto;grid-template-areas:"no thumb name kinds from go"}.c-book .thumb{width:7rem}}@media (prefers-reduced-motion:reduce){.places-page .video-wrap{opacity:1;transform:none}.places-page .c-particles .place-name .-s-char{transition:none}}
