.db-site .journey{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);max-width:1080px;box-shadow:var(--shadow-md);margin:0 auto;padding:28px}.db-site .journey-tabs-scroller{justify-content:center;margin:0 0 28px;display:flex}.db-site .journey-tabs{background:var(--bg-3);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;display:flex}.db-site .journey-tab{scroll-snap-align:start;font:500 15px var(--font-sans-site);letter-spacing:-.01em;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;padding:10px 17px;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.db-site .journey-tab:hover{color:var(--ink);background:#fff9}.db-site .journey-tab.is-active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.db-site .journey-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.db-site .journey-panel{animation:.28s journeyFade}.db-site .journey-panel:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-lg)}@keyframes journeyFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.db-site .journey-panel{animation:none}}.db-site .journey-copy{max-width:720px;min-height:89px;margin:0 0 22px}.db-site .journey-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 8px;font-size:clamp(22px,2.6vw,30px);font-weight:600}.db-site .journey-blurb{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.db-site .journey-frame{aspect-ratio:16/9;border-radius:var(--r);background:var(--bg-2);max-width:889px;margin:0 auto;position:relative;overflow:hidden}.db-site .journey-stage{justify-content:center;align-items:center;gap:14px;display:flex}.db-site .journey-stage .journey-frame{flex:0 889px;min-width:0;margin:0}.db-site .journey-arrow{border:1px solid var(--line-2);background:var(--card);width:42px;height:42px;color:var(--ink-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.db-site .journey-arrow svg{width:20px;height:20px;display:block}.db-site .journey-arrow:hover{color:var(--ink);border-color:var(--ink-3);background:var(--bg-2);box-shadow:var(--shadow-sm)}.db-site .journey-arrow:active{transform:translateY(1px)}.db-site .journey-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.db-site .journey-shot-btn{cursor:zoom-in;background:#fff;border:0;width:100%;height:100%;padding:0;display:block}.db-site .journey-shot{object-fit:contain;width:100%;height:100%;display:block}.db-site .journey-placeholder{background-color:var(--bg-2);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:24px 24px;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.db-site .journey-placeholder-num{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:19px;font-weight:600;display:grid}.db-site .journey-placeholder-label{color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:600}.db-site .journey-placeholder-note{color:var(--ink-3);font-size:13px}@media (max-width:900px){.db-site .journey{padding:18px}.db-site .journey-tabs-scroller{margin-bottom:22px}.db-site .journey-tabs{border-radius:10px;width:100%}.db-site .journey-frame{max-height:none}}@media (max-width:600px){.db-site .journey-tab{padding:9px 13px;font-size:14px}.db-site .journey-blurb{font-size:15px}.db-site .journey-placeholder-num{width:40px;height:40px;font-size:17px}.db-site .journey-frame{aspect-ratio:4/3}.db-site .journey-stage{gap:0;position:relative}.db-site .journey-stage .journey-frame{flex:auto;width:100%}.db-site .journey-arrow{border-color:var(--ink-3);width:38px;height:38px;color:var(--ink);box-shadow:var(--shadow-md);z-index:1;background:#fffffff5;position:absolute;top:50%;transform:translateY(-50%)}.db-site .journey-arrow:active{transform:translateY(-50%)translateY(1px)}.db-site .journey-arrow-prev{left:8px}.db-site .journey-arrow-next{right:8px}}