.screenshot-tour{max-width:1280px;margin-inline:auto;color:#102b40}.screenshot-tour>h1,.screenshot-tour>h2{max-width:24ch;font-size:clamp(2rem,4.4vw,3.7rem);line-height:1.12}.tour-intro{max-width:76ch;line-height:1.75}.tour-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 36px}.tour-nav a{padding:11px 15px;border:1px solid #bccbd7;border-radius:4px;text-decoration:none;font-size:14px;background:white}.tour-nav a:hover{border-color:#a57920;background:#fff9ec}.tour-grid{display:grid;gap:36px}.tour-card{scroll-margin-top:24px;background:#fff;border:1px solid #cdd8e1;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #102b4008}.tour-copy{padding:28px 32px 22px}.tour-number{color:#8b650f;font-size:12px;letter-spacing:.12em;font-weight:700;margin:0 0 10px}.tour-copy h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin:0 0 12px}.tour-copy p:last-child{max-width:78ch;line-height:1.65;margin:0}.tour-crop{position:relative;display:block;aspect-ratio:var(--ratio);overflow:hidden;background:#eaf0f5;border-top:1px solid #d4dfe8;border-bottom:1px solid #d4dfe8;cursor:zoom-in}.tour-crop img{position:absolute!important;width:var(--iw)!important;max-width:none!important;height:auto!important;left:var(--ix);top:var(--iy);display:block}.tour-crop:focus-visible{outline:4px solid #bb902e;outline-offset:-4px}.tour-caption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 32px;font-size:13px;color:#4c6475}.tour-caption a{text-decoration:underline;text-underline-offset:3px}.tour-disclosure{font-size:14px;line-height:1.7;margin:28px 0}.tour-dialog{width:min(96vw,1800px);max-width:96vw;max-height:94vh;padding:0;border:1px solid #a9bbc8;border-radius:8px;background:#edf3f8;color:#102b40}.tour-dialog::backdrop{background:#061623df}.tour-dialog-header{position:sticky;top:0;z-index:2;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#102b40;color:white;padding:14px 20px}.tour-dialog-header h2{font-size:18px;line-height:1.3;margin:0}.tour-dialog-header button,.tour-dialog-header a{border:1px solid #8198ad;background:#fff;color:#102b40;padding:10px 14px;font-size:14px;border-radius:4px;cursor:pointer;text-decoration:none}.tour-dialog-tools{display:flex;gap:10px;flex-wrap:wrap}.tour-dialog-body{overflow:auto;padding:20px;max-height:78vh}.tour-dialog-body .tour-crop{width:100%;border:0;cursor:default}.tour-dialog-body.is-zoomed .tour-crop{width:var(--native-width);max-width:none}.tour-dialog-hint{margin:0;padding:10px 20px;font-size:13px;background:#fff}.tour-dialog button:focus-visible,.tour-nav a:focus-visible{outline:3px solid #d8ae51;outline-offset:3px}@media(max-width:600px){.tour-copy{padding:22px 18px}.tour-caption{padding:14px 18px}.tour-nav a{font-size:13px;padding:10px}.tour-dialog-body{padding:10px}.tour-dialog-header{padding:12px}.tour-grid{gap:24px}.tour-dialog-header h2{font-size:16px}}
.development-story{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;max-width:1280px;margin-inline:auto}.development-story img{width:100%;height:auto;border:1px solid #bccbd7;box-shadow:0 10px 30px #102b4020}.development-story h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2}.development-story p{line-height:1.7;max-width:75ch}.story-steps{color:#8b650f;font-size:13px;font-weight:700;letter-spacing:.03em}@media(max-width:650px){.development-story{grid-template-columns:1fr;gap:22px}.development-story>a{width:150px}}
.tour-crop{width:100%;max-width:var(--native-width,100%);margin-inline:auto}.tour-dialog-body .tour-crop{max-width:var(--native-width,100%)}.tour-dialog-body.is-zoomed .tour-crop{max-width:none}