.experience-case{max-width:1500px;padding-left:clamp(18px,4vw,65px);padding-right:clamp(18px,4vw,65px)}.experience-case h1{margin-bottom:25px}.experience-case .txt{display:block;margin:0 0 38px}.experience-case .txt .lead{max-width:760px;font-size:clamp(19px,2.2vw,29px);line-height:1.4}.exp-pages{display:flex;flex-direction:column;gap:38px}.exp-board{margin:0}.exp-board button{display:block;width:100%;cursor:zoom-in}.exp-board img{display:block;width:100%;height:auto;object-fit:contain;background:#f6f6f6}.exp-board figcaption{display:flex;justify-content:space-between;gap:18px;font:8px/1.6 monospace;letter-spacing:.8px;color:var(--mute);border-top:1px solid #ddd;padding-top:9px;margin-top:10px}.experience-viewer header>span{font-size:9px;letter-spacing:.7px}.experience-viewer header{gap:15px}.experience-viewer .exp-zoom{white-space:nowrap}
@media(max-width:800px){.experience-case .txt{margin-bottom:25px}.exp-pages{gap:28px}.exp-board figcaption{font-size:7px}.experience-viewer header{padding:14px 12px;gap:10px}.experience-viewer header>span{font-size:8px;letter-spacing:0;max-width:150px}.experience-viewer header>div{gap:14px}.experience-viewer header button{font-size:9px}}