/* Wrapped story slides */
.wrapbtn{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 20px 12px 14px;border:0;border-radius:999px;cursor:pointer;font:600 15px/1 var(--f);color:#fff;
  background:linear-gradient(120deg,#0A84FF,#5E5CE6 55%,#BF5AF2);box-shadow:0 8px 24px rgba(94,92,230,.35);transition:transform .15s}
.wrapbtn:hover{transform:translateY(-1px)}.wrapbtn:active{transform:scale(.97)}
.wrapbtn svg{width:26px;height:26px;padding:6px;border-radius:50%;background:rgba(255,255,255,.22)}
html.w-open,html.w-open body{overflow:hidden}
.wrapped{position:fixed;inset:0;z-index:100;background:rgba(5,8,16,.92);display:grid;place-items:center;animation:w-fade .25s ease}
@keyframes w-fade{from{opacity:0}}
.w-frame{position:relative;width:min(100vw,calc(100dvh * 9 / 16),460px);height:min(100dvh,calc(min(100vw,460px) * 16 / 9));border-radius:22px;overflow:hidden;background:#0B1222;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5);user-select:none;-webkit-user-select:none}
@media (max-width:520px){.w-frame{width:100vw;height:100dvh;border-radius:0}}
.w-bars-top{position:absolute;z-index:4;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px}
.w-bars-top span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden}
.w-bars-top i{display:block;height:100%;width:0;background:#fff}
.w-x{position:absolute;z-index:5;top:calc(22px + env(safe-area-inset-top,0px));right:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;display:grid;place-items:center;cursor:pointer}
.w-x svg{width:14px;height:14px}
.w-nav{position:absolute;z-index:2;top:60px;bottom:0;border:0;background:transparent;cursor:pointer;padding:0}
.w-nav.prev{left:0;width:32%}.w-nav.next{right:0;width:68%}
.w-nav:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-4px}
.w-stage{position:absolute;inset:0}
.w-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s;background-size:cover;background-position:center}
.w-slide.on{opacity:1;visibility:visible;transition:opacity .45s ease}
.w-in{position:relative;z-index:1;width:100%;padding:72px 30px 48px;display:flex;flex-direction:column}
.w-slide.on .w-in>*{animation:w-up .7s cubic-bezier(.2,.8,.2,1) both}
.w-slide.on .w-in>*:nth-child(2){animation-delay:.08s}.w-slide.on .w-in>*:nth-child(3){animation-delay:.16s}.w-slide.on .w-in>*:nth-child(4){animation-delay:.3s}
.w-slide.on .w-in>*:nth-child(5){animation-delay:.42s}.w-slide.on .w-in>*:nth-child(6){animation-delay:.54s}.w-slide.on .w-in>*:nth-child(n+7){animation-delay:.64s}
@keyframes w-up{from{opacity:0;transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){.w-slide.on .w-in>*{animation:none}}
.w-k{font-size:17px;font-weight:600;color:rgba(255,255,255,.75);letter-spacing:-.01em}
.w-huge{font-family:var(--f-d);font-size:clamp(84px,30vw,132px);font-weight:800;letter-spacing:-.06em;line-height:.92;margin:6px 0 0}
.w-big{font-family:var(--f-d);font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1.05}
.w-title{font-family:var(--f-d);font-size:clamp(34px,10vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.02;margin:8px 0 10px}
.w-mid{font-size:18px;line-height:1.4;color:rgba(255,255,255,.9);margin-top:8px}
.w-mid b{color:#fff}
.w-note{font-size:13px;color:rgba(255,255,255,.6);margin-top:10px}
.w-sep{width:48px;height:3px;border-radius:2px;background:rgba(255,255,255,.5);margin:26px 0 14px}
.w-hint{margin-top:60px;font-size:13px;color:rgba(255,255,255,.55)}
.w-svg{margin:18px -10px 6px}.w-svg svg{display:block;width:100%;height:auto}
.w-list{font-size:15px;color:rgba(255,255,255,.75)}
.w-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:-.04em;margin-bottom:56px}
.w-logo svg{width:30px;height:30px}.w-logo i{font-style:normal;color:#4DA3FF}.w-logo span span,.w-logo span{font-weight:800}
.w-logo.sm{margin:36px 0 0;font-size:15px;opacity:.8}.w-logo.sm svg{width:22px;height:22px}
/* backgrounds */
.w-intro{background:radial-gradient(120% 80% at 20% 10%,#2A5BFF 0,transparent 55%),radial-gradient(100% 70% at 90% 90%,#BF5AF2 0,transparent 60%),#0B1222}
.w-flights{background:linear-gradient(160deg,#0A84FF,#3634A3)}
.w-time{background:linear-gradient(160deg,#FF9F0A,#FF375F)}
.w-map{background:linear-gradient(160deg,#0E3B5C,#0B1222)}
.w-trips{background:linear-gradient(160deg,#30B0C7,#0A5D7A)}
.w-long{background:linear-gradient(160deg,#5E5CE6,#1C1C3A)}
.w-months{background:linear-gradient(160deg,#34C759,#1A6B3A)}
.w-ins{background:linear-gradient(160deg,#BF5AF2,#5E2A8C)}
.w-end{background:radial-gradient(100% 70% at 80% 0%,#0A84FF 0,transparent 60%),#0B1222}
.w-dest{align-items:flex-end;background-color:#222}
.w-bgimg{position:absolute;inset:0;background-size:cover;background-position:center}
.w-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 28%,rgba(0,0,0,.75) 100%)}
.w-slide.on .w-bgimg{animation:w-zoom 7s ease-out both}
@keyframes w-zoom{from{transform:scale(1.08)}}
.w-dest .w-in{padding-bottom:64px}.w-dest .w-title{font-size:clamp(44px,13vw,60px)}
.w-also{font-size:15px;color:rgba(255,255,255,.8)}
.w-tlist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.w-tlist li{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.12);border-radius:16px;padding:10px}
.w-tart{flex:none;width:58px;height:58px;border-radius:12px;background-size:cover;background-position:center}
.w-tlist b{display:block;font-size:17px;letter-spacing:-.02em;line-height:1.2}.w-tlist small{display:block;color:rgba(255,255,255,.75);font-size:13px;margin-top:2px}
.w-bars{display:flex;align-items:flex-end;gap:5px;height:150px;margin-top:26px}
.w-bars span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.w-bars i{display:block;width:100%;height:max(4px,var(--h));border-radius:5px;background:rgba(255,255,255,.35);transform-origin:bottom}
.w-bars span.on i{background:#fff}
.w-slide.on .w-bars i{animation:w-grow .9s cubic-bezier(.2,.8,.2,1) both .3s}
@keyframes w-grow{from{transform:scaleY(0)}}
.w-bars small{font-size:11px;color:rgba(255,255,255,.7)}
.w-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 6px}
.w-sum div{background:rgba(255,255,255,.08);border-radius:16px;padding:14px}
.w-sum dt{font-size:13px;color:rgba(255,255,255,.65)}.w-sum dd{margin:2px 0 0;font-family:var(--f-d);font-size:32px;font-weight:800;letter-spacing:-.04em}
.w-acts{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.w-ghost{background:rgba(255,255,255,.14);color:#fff}
.w-end .w-in{z-index:3;pointer-events:none}.w-end .w-acts{pointer-events:auto}

.w-dest.plain{background:linear-gradient(160deg,#FF6B3D,#8C2A5E)}
.w-pc{width:min(62%,240px);aspect-ratio:1;object-fit:cover;border-radius:14px;border:8px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:rotate(-4deg);margin-bottom:28px}