.studio-tour{padding:48px 0 80px;background:#f3f6f4}.studio-intro{width:min(86%,1440px);margin:0 auto 32px;display:flex;align-items:end;justify-content:space-between;gap:40px}.studio-intro h2{font-size:clamp(2rem,3.5vw,3.6rem);margin:12px 0 0;letter-spacing:-.045em;line-height:1.1}.studio-intro>p{max-width:38ch;margin:0;color:#56635b}.studio-stage{width:min(92%,1600px);margin:auto}.studio-window{height:clamp(300px,65vh,680px);overflow-x:auto;overflow-y:hidden;border-radius:14px;background:#d8dfda;scrollbar-width:thin;overscroll-behavior-x:contain}.studio-window img{display:block;height:100%;width:auto;max-width:none;user-select:none}.studio-window:focus-visible{outline:3px solid #315d50;outline-offset:5px}.studio-toolbar{display:flex;align-items:center;gap:24px;padding:18px 0 12px;font-size:.85rem;color:#4c5b52}.studio-toolbar a{margin-left:auto;white-space:nowrap}.studio-progress{display:none;height:2px;background:#d0dad3}.studio-progress span{display:block;height:100%;width:100%;background:#315d50;transform:scaleX(0);transform-origin:left}.studio-tour.is-scroll-tour .studio-scroll{height:calc(clamp(300px,65vh,680px) + 85px + 100vh)}.studio-tour.is-scroll-tour .studio-stage{position:sticky;top:112px}.studio-tour.is-scroll-tour .studio-window{scrollbar-width:none}.studio-tour.is-scroll-tour .studio-window::-webkit-scrollbar{display:none}.studio-tour.is-scroll-tour .studio-progress{display:block}@media(max-width:700px){.studio-tour{padding:40px 0 48px}.studio-intro{width:88%;display:block}.studio-intro>p{margin-top:20px}.studio-window{height:calc(100vh - 220px);height:calc(100svh - 220px);min-height:240px}.studio-toolbar{flex-wrap:wrap;gap:12px}.studio-hint{flex-basis:100%}.studio-toolbar a{margin-left:0}}@media(prefers-reduced-motion:reduce){.studio-window{scroll-behavior:auto}.studio-progress{display:none!important}}

.hero-values{margin:0 0 24px;color:#68716d;font-size:.9rem;letter-spacing:.015em}.studio-intro{display:block}.studio-intro h2{margin:0}