.walk{padding:40px 0;position:relative}.walk__stage{display:flex;flex-direction:column;gap:28px}.walk__scene{aspect-ratio:16/10;background:var(--js-brand-mint);border-radius:32px;margin:0 auto;order:1;overflow:hidden;position:relative;width:min(100% - 40px,1160px)}.walk__layer{aspect-ratio:16/10;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:100%}.walk__layer svg{display:block;height:100%;width:100%}.walk__overlay{display:contents}.walk__intro{align-items:flex-start;display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:1200px;order:0;padding:0 20px;width:100%}.walk__lead{color:var(--js-color-on-surface-muted);font-size:18px;max-width:620px}.walk__steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));list-style:none;margin:0 auto;max-width:1200px;order:2;padding:0 20px;width:100%}.walk__card{align-items:flex-start;background:var(--js-color-surface);border-radius:24px;box-shadow:var(--js-shadow-card);display:flex;gap:16px;padding:22px}.walk__num{align-items:center;border-radius:50%;display:flex;flex:none;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.walk__num--mint{background:var(--js-status-success-bg);color:var(--js-status-success-fg)}.walk__num--sun{background:var(--js-status-warning-bg);color:var(--js-status-warning-fg)}.walk__num--lilac{background:var(--js-status-info-bg);color:var(--js-status-info-fg)}.walk__body{display:flex;flex-direction:column;gap:6px}.walk__card h3{font-size:19px}.walk__card p{color:var(--js-color-on-surface-muted);font-size:15.5px}.walk__chips,.walk__dots,.walk__hint,.walk__join,.walk__meta,.walk__place,.walk__shade,.walk__spot{display:none}@media(prefers-reduced-motion:no-preference){.js .walk{height:560svh;padding:0}.js .walk__stage{background:var(--js-color-canvas);display:block;height:100svh;overflow:hidden;position:sticky;top:0}.js .walk__scene{aspect-ratio:auto;background:#fff8ec;border-radius:0;inset:0;margin:0;position:absolute;width:auto}.js .walk__layer{width:max(100%,160svh)}.js .walk__shade{background:linear-gradient(90deg,#fffbf5eb,#fffbf500 46%),radial-gradient(120% 90% at 60% 50%,#fffbf500 60%,#fffbf5b3);z-index:10}.js .walk__overlay,.js .walk__shade{display:block;inset:0;pointer-events:none;position:absolute}.js .walk__overlay{margin:0 auto;z-index:20}.js .walk__card,.js .walk__intro,.js .walk__join{left:20px;margin:0;max-width:none;opacity:0;position:absolute;top:50%;transform:translateY(calc(-50% + 24px));transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);width:min(440px,calc(100% - 96px))}.js .walk__overlay .is-on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.js .walk__intro{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-radius:28px;box-shadow:var(--js-shadow-floating);padding:28px}.js .walk__intro h2{font-size:clamp(36px,4.4vw,56px);letter-spacing:-.03em;line-height:1.05}.js .walk__hint,.js .walk__place{display:inline-flex}.js .walk__hint{align-items:center;color:var(--js-status-success-fg);font-size:15px;font-weight:700;gap:6px}.js .walk__steps{display:block;padding:0}.js .walk__card{box-shadow:var(--js-shadow-floating);flex-direction:column;padding:26px}.js .walk__num{display:none}.js .walk__meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.js .walk__count{color:var(--js-color-on-surface-muted);font-size:14px;font-weight:800}.js .walk__card h3{font-size:26px}.js .walk__card p{font-size:17px}.js .walk__chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:8px;padding:0}.js .walk__chips li{background:var(--js-color-surface-muted);border-radius:var(--js-radius-pill);font-size:14px;font-weight:700;padding:6px 12px}.js .walk__join{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-radius:28px;box-shadow:var(--js-shadow-floating);display:flex;flex-direction:column;gap:14px;padding:28px}.js .walk__join h3{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.02em}.js .walk__join p{color:var(--js-color-on-surface-muted);font-size:17px}.js .walk__spot{align-items:center;background:var(--js-color-surface);border:0;border-radius:var(--js-radius-pill);box-shadow:var(--js-shadow-floating);color:var(--js-color-on-surface);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:800;gap:8px;left:50%;min-height:var(--js-min-tap-target);opacity:0;padding:6px 16px 6px 6px;pointer-events:none;position:absolute;top:50%;transition:opacity .3s ease;z-index:15}.js .walk__spot.is-on{opacity:1;pointer-events:auto}.walk__spot-dot{align-items:center;animation:walk-pulse 2s ease-out infinite;background:var(--js-color-primary);border-radius:50%;color:var(--js-color-on-primary);display:flex;height:36px;justify-content:center;width:36px}.js .walk__dots{display:flex;flex-direction:column;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:30}.walk__dot{align-items:center;background:none;border:0;cursor:pointer;display:flex;height:40px;justify-content:center;width:var(--js-min-tap-target)}.walk__dot span{background:var(--js-color-outline-strong);border-radius:var(--js-radius-pill);height:10px;transition:height .3s ease,background-color .3s ease;width:10px}.walk__dot[aria-current=step] span{background:var(--js-color-primary);height:28px}}.walk__callout{opacity:0;transition:opacity .4s ease}.walk__callout.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.walk__callout{opacity:1}}@media(prefers-reduced-motion:no-preference)and (max-width:1023px){.js .walk__shade{background:linear-gradient(0deg,#fffbf5f2,#fffbf500 50%)}.js .walk__card,.js .walk__intro,.js .walk__join{bottom:24px;top:auto;transform:translateY(24px);width:calc(100% - 84px)}.js .walk__overlay .is-on{transform:none}.js .walk__card{padding:20px}.js .walk__card h3{font-size:21px}.js .walk__card p{font-size:15.5px}.js .walk__dots{right:2px}}@keyframes walk-pulse{0%{box-shadow:0 0 #0f7b5f73}to{box-shadow:0 0 0 14px #0f7b5f00}}html:not(.js) .site-nav-toggle{display:none}html:not(.js) .site-nav-panel{box-shadow:none;display:block;position:static}@media(min-width:768px){html:not(.js) .site-nav-panel{display:none}}