/* Third pass: actual tools at the entrance; progressively disclosed photo detail. */
body[data-page=home] .header:not(.is-scrolled){background:linear-gradient(100deg,#003d59ee,#003b58df 65%,#002e48e8);border-bottom-color:#a8e4f42e;backdrop-filter:blur(10px)}
.desktop-nav{font-size:12px}.header-actions>.sound-control,.header-actions>.motion-control{font-size:11px}
.hero-work>img{object-position:54% 48%;filter:saturate(.9) contrast(1.04) brightness(1.08)}
.hero-work-shade{background:linear-gradient(90deg,#003b609c,transparent 72%),linear-gradient(0deg,#00243ad9,transparent 58%)}
.hero-work>span{max-width:340px;text-shadow:0 2px 18px #00243a}
.pressable.ui-arrived{animation-delay:var(--arrival-delay,0ms)}
.check-ready{display:flex;align-items:center;gap:10px;margin:19px 0 0;padding:13px 16px;border:1px solid #70d0e155;border-radius:5px 5px 18px 5px;background:linear-gradient(120deg,#136681,#104760);color:#d4f7ff;font-size:13px;line-height:1.8}
.check-ready>.icon{width:20px;height:20px;flex-shrink:0}.check-ready[hidden]{display:none}
.check-lead>p strong{font-weight:700;color:#b6efff}.check-finish .btn{width:100%;justify-content:center}.price-note .text-link{margin-top:12px;font-size:14px;min-height:44px;line-height:1.6}
.work-scenes{margin-top:65px}.work-route-head>.route-source{border:1px solid #80d5e970;background:linear-gradient(145deg,#247993,#09394e);padding:8px;width:44px;height:44px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.route-source .icon{width:25px;height:25px}.work-route-head>span:nth-child(2){font-size:11px;color:#bbdfeb}.route-caption{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;color:#d1edf4;font-size:12px}.route-caption>span:nth-child(2){text-align:center}.route-caption>span:last-child{text-align:right}.work-pipe{margin-top:0;height:92px}.work-route[data-room=bath] .work-pipe-water{stroke:#82e0f3}.work-route[data-room=basin] .work-pipe-water{stroke:#a1e9eb}
.work-view{grid-template-columns:1.12fr 1fr;align-items:center;min-height:0}.work-view>figure{margin:0;min-width:0;align-self:center;background:linear-gradient(130deg,#f7fcfd,#e0eff3)}
.work-photo-canvas{position:relative;overflow:hidden;isolation:isolate}.work-photo-canvas>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.work-photo figcaption{padding:13px 20px 15px;font-size:12px;line-height:1.8;color:#365b6c;border-bottom:1px solid #c8dfe7}
.photo-hotspot{position:absolute;left:var(--focus-x);top:var(--focus-y);transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#0789aa,#004a6c);box-shadow:0 0 0 7px #e1faff40,0 4px 13px #00314c70;color:white;cursor:pointer;z-index:2}.photo-hotspot:before{content:'';position:absolute;inset:-8px;border:1px solid #d2faff;border-radius:50%;animation:hotspot-wave 2.4s ease-out infinite;pointer-events:none}.photo-hotspot .icon{width:23px;height:23px;transition:rotate .25s}.photo-hotspot[aria-expanded=true] .icon{rotate:45deg}.photo-hotspot[aria-expanded=true]:before{animation:none;opacity:.25}.photo-hotspot:focus-visible{outline:3px solid #ffbd72;outline-offset:9px}.photo-hotspot.is-pressing{translate:0 3px;scale:.94}
.work-photo>.photo-detail{margin:0;padding:14px 20px 19px;font-size:14px;line-height:1.9;color:#174b62;background:linear-gradient(120deg,#dff4f8,#f1fbfd);border-left:3px solid #0386a5}.photo-detail[hidden]{display:none}
.work-view>div{padding:29px}.work-view h4{font-size:clamp(24px,2.5vw,34px);margin:14px 0;line-height:1.55}.work-view p{line-height:1.9}.work-view small{margin-top:15px;font-size:12px}.work-view .tour-context{margin:0 0 17px;font-size:13px;line-height:1.8}.work-view .tour-brief{margin-bottom:17px;padding-bottom:17px;border-bottom:1px solid #bbd9e3}.work-view .tour-brief>span{display:block;font-size:11px;letter-spacing:.06em;color:#4c7a8c}.tour-brief>strong{display:block;font-size:15px;line-height:1.85;margin-top:7px;color:#194d64;font-weight:700}.tour-navigation{margin-top:20px}.tour-navigation a,.tour-navigation button{max-width:100%;line-height:1.7;text-align:left;white-space:normal}
.work-more{margin-top:15px;border-block:1px solid #c4dfe8}.work-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 5px;min-height:58px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:#14556e}.work-more>summary small{font-size:11px;font-weight:500;margin-left:13px}.work-more>summary .icon,.inside-view>summary>.icon,.voice-hints>summary>.icon{width:22px;height:22px;flex-shrink:0;transition:rotate .25s}.work-more[open]>summary>.icon,.inside-view[open]>summary>.icon,.voice-hints[open]>summary>.icon{rotate:45deg}.work-more>summary::-webkit-details-marker,.inside-view>summary::-webkit-details-marker,.voice-hints>summary::-webkit-details-marker{display:none}.work-more .work-gallery{margin:3px 0 25px}
.inside-view{margin-top:28px;border:1px solid #bed8e1;border-radius:6px 6px 23px 6px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#c3e8f1,transparent 68%),linear-gradient(125deg,#fcfefe,#e9f5f8)}.inside-view>summary{display:flex;align-items:center;gap:25px;padding:23px 27px;list-style:none;cursor:pointer;color:#194e65}.inside-preview{display:flex;gap:5px;align-self:stretch;flex-shrink:0;align-items:center}.inside-preview img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #23667b20}.inside-summary-copy{display:block;flex:1;min-width:0}.inside-summary-copy small{display:block;font-size:11px;line-height:1.7;letter-spacing:.05em;color:#4d798b}.inside-summary-copy strong{display:block;font-size:24px;line-height:1.7;font-weight:900;letter-spacing:-.03em}.inside-summary-copy>span{font-size:12px;color:#076e8e}.inside-view .comparison-section{margin:0;padding:25px 30px 30px;border-top:1px solid #bddce7}.inside-view[open] .comparison-section{animation:copy-arrive .35s ease-out}.compare-handle .icon{width:23px;height:23px}
.voice-hints{margin:24px 0;border:1px solid #a9cedc;border-radius:5px 5px 17px 5px;background:linear-gradient(125deg,#f8fefe,#e8f5f9);padding:0 18px;color:#1c536c}.voice-hints>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:54px;cursor:pointer;font-size:14px;font-weight:700}.voice-hints>p{font-size:13px;line-height:1.8;margin:0 0 15px}.voice-topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.voice-topics button{min-height:44px;border:1px solid #93bdcc;border-radius:5px 5px 13px 5px;background:linear-gradient(135deg,#fff,#d9edf3);box-shadow:0 3px 0 #94bac8;padding:9px 13px;font:700 12px var(--font);color:#145572;cursor:pointer}.voice-topics [aria-pressed=true]{background:linear-gradient(130deg,#087e9d,#004764);border-color:#1c88a5;box-shadow:0 3px 0 #003a54;color:white}.voice-hints #voice-hint{padding-top:14px;border-top:1px solid #bbd8e3;color:#26596e;font-size:14px}
.contact-hero h1{font-size:clamp(28px,4vw,53px);line-height:1.6}
@keyframes hotspot-wave{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.55);opacity:0}}
@media(max-width:1100px){.work-route-head{gap:12px}.work-route-head>span:nth-child(2){display:none}.work-view>div{padding:24px}.inside-preview img{width:75px;height:75px}.inside-summary-copy strong{font-size:22px}}
@media(max-width:700px){
 .hero-work>img{object-position:52% 46%;filter:saturate(.9) brightness(1.1)}.hero-work{left:0;clip-path:polygon(36% 0,100% 0,100% 100%,0 100%)}.hero-work-shade{background:linear-gradient(90deg,#00415def,#00415d98 38%,#00395530),linear-gradient(0deg,#003753ed,transparent 80%)}.hero-shade{background:linear-gradient(90deg,#00384fda,#00415d50 70%,#002c4125)}.hero-big{text-shadow:0 2px 20px #002e4266}.hero-bottom a{min-height:44px}.motion-control,.sound-control,.menu-control{min-width:44px;font-size:10px}.hero-label{font-size:11px}
 .check-ready{font-size:12px;padding:11px 13px}.check-lead>p strong{font-size:14px}.check-finish .btn{font-size:13px;padding:15px 10px}.check-finish p{font-size:12px}.work-scenes{margin-top:42px}.work-scenes-head{gap:14px}.work-route{padding:20px 16px}.work-route-head{gap:10px;flex-wrap:wrap}.work-route-head strong{font-size:14px;flex:1;min-width:0}.work-route-head>span:last-child{width:100%;font-size:11px;text-align:right;margin-top:0}.work-route-head>.route-source{width:40px;height:40px;padding:7px}.route-caption{font-size:10px;gap:5px;margin-top:18px;line-height:1.7}.work-pipe{height:57px}.work-stage-controls{gap:7px}.work-stage-controls button{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 4px;text-align:center}.work-stage-controls span{font-size:11px;line-height:1.5}.work-stage-controls b{width:25px;height:25px;font-size:11px}
 .work-view{display:block}.work-view>div{padding:23px 20px}.work-view>figure{border-bottom:1px solid #c6dfe7}.work-photo figcaption{padding:11px 16px;font-size:12px}.work-photo>.photo-detail{padding:13px 16px 16px;font-size:14px}.photo-hotspot{width:44px;height:44px}.work-view h4{font-size:25px}.work-view small{font-size:12px}.tour-brief>strong{font-size:14px}.work-view .tour-brief{margin-bottom:14px;padding-bottom:14px}.tour-navigation{margin-top:20px}.tour-navigation>a,.tour-navigation>button{width:100%;font-size:13px}.work-more>summary{font-size:13px;padding:15px 4px}.work-more .work-gallery{gap:10px}.work-thumb span{font-size:11px;line-height:1.6;min-height:44px;padding:7px 4px}.work-thumb img{height:100px}
 .inside-view{margin-top:22px}.inside-view>summary{gap:14px;padding:18px 16px;flex-wrap:wrap}.inside-preview{gap:4px}.inside-preview img{width:57px;height:57px}.inside-summary-copy{flex-basis:calc(100% - 145px)}.inside-summary-copy small{font-size:10px}.inside-summary-copy strong{font-size:18px;line-height:1.6;margin:4px 0}.inside-summary-copy>span{font-size:11px}.inside-view>summary>.icon{display:none}.inside-view .comparison-section{padding:20px 15px 23px}.price-note .text-link{font-size:13px}.voice-hints{padding:0 14px}.voice-topics{gap:9px}.voice-topics button{font-size:12px;padding:9px 10px}.contact-hero h1{font-size:clamp(25px,6.5vw,34px);letter-spacing:-.04em}.contact-hero{padding-bottom:35px}
}
@media(max-width:370px){.header-inner{width:calc(100% - 20px)}.header-actions{gap:1px}.brand>span{font-size:16px}.brand>.icon{width:21px}.brand{gap:5px}.hero-content{width:calc(100% - 32px)}.hero-cta .btn{padding:16px 17px;gap:12px;font-size:13px}.work-view>div{padding:22px 16px}.inside-preview img{width:45px;height:45px}.inside-summary-copy{flex-basis:calc(100% - 115px)}.inside-summary-copy strong{font-size:17px}.mobile-cta>.btn,.mobile-cta>.btn-ghost{font-size:11px}.work-stage-controls span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.photo-hotspot:before,.inside-view[open] .comparison-section{animation:none!important}.photo-hotspot .icon,.work-more>summary>.icon,.inside-view>summary>.icon,.voice-hints>summary>.icon{transition:none!important}}
.motion-paused .photo-hotspot:before,.motion-paused .inside-view[open] .comparison-section{animation:none!important}