.fp-vy{position:relative;--fp-vy-stage-h: min(74svh, 680px);--fp-vy-p: 0}.fp-vy .fp-anchor{position:absolute;top:0}.fp-vy__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,80px);align-items:start}.fp-vy__stagewrap{align-self:stretch}.fp-vy__stage{position:sticky;top:max(96px,calc((100svh - var(--fp-vy-stage-h)) / 2 + 24px));height:var(--fp-vy-stage-h);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 30% 10%,#fff,#f1f5f9 46%,#dfe7ef);box-shadow:var(--shadow)}.fp-vy__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity 1s var(--fp-out, ease)}.fp-vy__canvas canvas{display:block;width:100%!important;height:100%!important}.fp-vy.is-3d .fp-vy__canvas{opacity:1}.fp-vy__flat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;perspective:1400px;transition:opacity .8s ease}.fp-vy.is-3d .fp-vy__flat{opacity:0}.fp-vy__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:rotateY(-38deg) translateZ(-160px) scale(.9);transform-origin:50% 50%;transition:opacity .7s ease,transform 1.1s var(--fp-out, ease)}.fp-vy__face.is-past{transform:rotateY(38deg) translateZ(-160px) scale(.9)}.fp-vy__face.is-current{opacity:1;transform:none}.fp-vy__face--photo img{width:100%;height:100%;object-fit:cover;object-position:50% var(--fp-y, 50%)}.fp-vy__face--photo .fp-logo{width:56%;color:var(--navy)}.fp-vy__bigicon{width:min(46%,220px);aspect-ratio:1;border-radius:28%;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy-3),var(--navy));color:#fff;box-shadow:0 30px 60px #11233147,inset 0 1px #ffffff2e;transform:rotateX(14deg) rotateY(-18deg)}.fp-vy__bigicon svg{width:48%;height:48%}.fp-vy__render{width:82%;height:auto;max-height:70%;object-fit:contain}.fp-vy__render--tag{width:auto;height:78%;align-self:start;margin-top:-4%}.fp-vy__hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.fp-vy__labels{position:absolute;left:24px;top:22px;right:120px;height:2em}.fp-vy__label{position:absolute;left:0;top:0;padding:7px 14px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-soft);color:var(--navy);font:500 12.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s ease,transform .6s var(--fp-out, ease)}.fp-vy__label.is-current{opacity:1;transform:none;transition-delay:.15s}html[data-fp-lang=th] .fp-vy__label{letter-spacing:.02em;font-size:13.5px}.fp-vy__counter{position:absolute;right:24px;top:16px;display:flex;align-items:baseline;gap:8px;color:var(--navy);transition:opacity .5s ease,transform .6s var(--fp-out, ease)}.fp-vy[data-ch="0"] .fp-vy__counter{opacity:0;transform:translate3d(0,-8px,0)}.fp-vy__num{display:block;height:1em;overflow:hidden;font:400 clamp(40px,4.4vw,60px)/1 var(--display)}.fp-vy__digits{display:flex;flex-direction:column;transform:translateY(calc(var(--n, 0) * -1em));transition:transform .9s var(--fp-out, ease)}.fp-vy__digits span{display:block;height:1em}.fp-vy__total{font:300 15px/1 var(--sans);color:var(--muted)}.fp-vy__caption{position:absolute;left:50%;bottom:76px;transform:translate3d(-50%,10px,0);width:max-content;max-width:calc(100% - 40px);text-align:center;font:500 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .5s ease,transform .6s var(--fp-out, ease)}.fp-vy.is-3d[data-scene=ship] .fp-vy__caption--ship,.fp-vy.is-3d[data-scene=globe] .fp-vy__caption--globe{opacity:1;transform:translate3d(-50%,0,0);transition-delay:.2s}.fp-vy__rail{position:absolute;left:20px;right:20px;bottom:18px;z-index:4;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-soft)}.fp-vy__end{font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.fp-vy__track{position:relative;flex:1;height:22px;display:flex;align-items:center;justify-content:space-between}.fp-vy__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--line);border-radius:2px}.fp-vy__fill{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--navy);border-radius:2px;transform-origin:0 50%;transform:scaleX(var(--fp-vy-p))}.fp-vy__boat{position:absolute;top:50%;left:calc(var(--fp-vy-p) * 100%);width:30px;height:30px;margin:-26px 0 0 -15px;display:grid;place-items:center;color:var(--navy);pointer-events:none;animation:fp-vy-bob 2.6s ease-in-out infinite}.fp-vy__boat svg{width:22px;height:22px}@keyframes fp-vy-bob{50%{transform:translate3d(0,-2px,0) rotate(-4deg)}}.fp-vy__dot{position:relative;z-index:1;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.fp-vy__dot:after{content:"";width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--line);transition:background-color .3s,border-color .3s,transform .4s var(--fp-pop, ease)}.fp-vy__dot.is-done:after{background:var(--navy);border-color:var(--navy)}.fp-vy__dot.is-current:after{background:var(--navy);border-color:var(--navy);transform:scale(1.35)}.fp-vy__dot:hover:after{border-color:var(--navy)}.fp-vy__dot:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:50%}.fp-vy__chapters{display:grid;perspective:1200px}.fp-vy__ch{min-height:76svh;display:grid;align-content:center;gap:16px;padding:6svh 0;transform-origin:0 50%;transition:opacity .7s ease,transform 1s var(--fp-out, ease),filter .7s ease}.fp-vy__ch:first-child{min-height:70svh;padding-top:0}.fp-vy__ch:last-child{min-height:80svh}.fp-vy.is-live .fp-vy__ch:not(.is-current){opacity:.22;transform:rotateX(var(--fp-vy-tilt, 10deg)) translateZ(-70px);filter:blur(1.5px)}.fp-vy.is-live .fp-vy__ch.is-before{--fp-vy-tilt: -10deg}.fp-vy__ch .fp-story__body{max-width:56ch}.fp-vy__bridge{display:grid;gap:12px;margin-bottom:clamp(18px,3vw,34px);padding-bottom:clamp(18px,3vw,30px);border-bottom:1px solid var(--line)}.fp-vy__reason{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start}.fp-vy__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--mist);color:var(--navy);transition:background-color .5s ease,color .5s ease,transform .7s var(--fp-pop, ease)}.fp-vy__icon svg{width:26px;height:26px}.fp-vy__ch.is-current .fp-vy__icon{background:var(--navy);color:#fff;transform:scale(1.06) rotate(-4deg)}.fp-vy__no{font:500 12.5px/1.4 var(--sans);letter-spacing:.16em;color:var(--muted);margin-bottom:8px}.fp-vy__title{font:500 clamp(22px,2.2vw,30px)/1.25 var(--sans);color:var(--ink)}.fp-vy__text{margin-top:12px;color:var(--muted);font-size:clamp(15.5px,1.3vw,17.5px);max-width:50ch}.fp-vy__text p+p{margin-top:10px}.fp-vy__w{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.fp-vy__wi{display:inline-block;transform-origin:50% 100%}.fp-vy.is-live .fp-vy__wi{transform:translate3d(0,105%,0) rotateX(-60deg);opacity:0;transition:transform .25s ease,opacity .25s ease}.fp-vy.is-live .is-seen .fp-vy__wi{transform:none;opacity:1;transition:transform 1s var(--fp-out, ease),opacity .8s ease;transition-delay:calc(var(--w, 0) * 45ms + 80ms)}@media(max-width:899px){.fp-vy{--fp-vy-stage-h: min(46svh, 420px)}.fp-vy__grid{grid-template-columns:1fr;gap:0}.fp-vy__stagewrap{position:sticky;top:0;z-index:5;margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter) 14px;background:linear-gradient(#fff 82%,#fff0)}.fp-vy__stage{position:relative;top:auto;border-radius:22px}.fp-vy__ch,.fp-vy__ch:first-child,.fp-vy__ch:last-child{min-height:58svh;padding:28px 0 40px;align-content:start}.fp-vy.is-live .fp-vy__ch:not(.is-current){opacity:.3;filter:none;transform:none}.fp-vy__labels{left:14px;top:14px}.fp-vy__label{font-size:12px;padding:6px 11px}.fp-vy__counter{right:16px;top:10px}.fp-vy__num{font-size:36px}.fp-vy__rail{left:12px;right:12px;bottom:12px;padding:7px 12px;gap:8px}.fp-vy__end,.fp-vy__caption{display:none}.fp-vy__reason{grid-template-columns:48px minmax(0,1fr);gap:16px}.fp-vy__icon{width:48px;height:48px;border-radius:14px}}@media(max-width:899px)and (max-height:620px){.fp-vy{--fp-vy-stage-h: 40svh}}.fp-vy__stage{--fp-vy-ink: #ffffff;--fp-vy-muted: #a9bccd;--fp-vy-accent: #8fd0ff;--fp-vy-glass: rgba(255, 255, 255, .06);background:var(--navy, #112331);color:var(--fp-vy-ink);box-shadow:0 30px 70px #11233147}.fp-vy__fx{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:1;pointer-events:none}.fp-vy__fx:before,.fp-vy__fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(34px);background:radial-gradient(30% 15% at 20% 26%,rgba(255,255,255,.22),transparent 70%),radial-gradient(22% 10% at 33% 22%,rgba(255,255,255,.16),transparent 70%),radial-gradient(34% 16% at 72% 20%,rgba(200,225,255,.18),transparent 70%),radial-gradient(42% 18% at 42% 80%,rgba(255,255,255,.14),transparent 70%);animation:fp-vy-drift 46s ease-in-out infinite alternate}.fp-vy__fx:after{background:radial-gradient(32% 14% at 80% 62%,rgba(255,255,255,.16),transparent 70%),radial-gradient(26% 12% at 10% 58%,rgba(200,225,255,.14),transparent 70%),radial-gradient(20% 9% at 62% 44%,rgba(255,255,255,.08),transparent 70%);animation-duration:62s;animation-direction:alternate-reverse}@keyframes fp-vy-drift{0%{transform:translate3d(-5%,1%,0)}to{transform:translate3d(5%,-2%,0)}}.fp-vy__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 28% 64%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 46% 12%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 63% 78%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 78% 34%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 88% 70%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 36% 40%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 92% 12%,rgba(255,255,255,.7),transparent 60%);animation:fp-vy-specks 18s linear infinite}@keyframes fp-vy-specks{0%{transform:translateZ(0);opacity:.35}50%{opacity:.65}to{transform:translate3d(0,-6%,0);opacity:.35}}.fp-vy__bigicon{background:#ffffff14;color:#fff;box-shadow:0 30px 60px #0000004d,inset 0 0 0 1px #fff3}.fp-vy__label{background:var(--fp-vy-glass);border-color:#ffffff2e;color:var(--fp-vy-ink)}.fp-vy__counter{color:var(--fp-vy-ink)}.fp-vy__total,.fp-vy__caption{color:var(--fp-vy-muted)}.fp-vy__rail{background:var(--fp-vy-glass);border-color:#ffffff24}.fp-vy__end{color:var(--fp-vy-muted)}.fp-vy__track:before{background:#ffffff2e}.fp-vy__fill{background:linear-gradient(90deg,var(--fp-vy-accent),#ffffff)}.fp-vy__boat{color:#fff}.fp-vy__dot:after{background:var(--navy, #112331);border-color:#ffffff59}.fp-vy__dot.is-done:after{background:var(--fp-vy-accent);border-color:var(--fp-vy-accent)}.fp-vy__dot.is-current:after{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #8fd0ff40}.fp-vy__dot:hover:after{border-color:#fff}.fp-vy__dot:focus-visible{outline-color:var(--fp-vy-accent)}@media(prefers-reduced-motion:reduce){.fp-vy__face,.fp-vy__ch,.fp-vy__label,.fp-vy__digits,.fp-vy__counter,.fp-vy__caption{transition:none!important}.fp-vy.is-live .fp-vy__ch:not(.is-current){transform:none;filter:none}.fp-vy.is-live .fp-vy__wi{transform:none!important;opacity:1!important}.fp-vy__boat{animation:none}.fp-vy__fx:before,.fp-vy__fx:after,.fp-vy__stage:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fp-voyage.css.map */