/* Company photo tours: showroom and factory. */
.company-showroom { background:var(--paper-2); }
.company-showroom,.company-factory { scroll-margin-top:100px; }
.company-tour-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:24px; }
.company-tour-links .text-link { margin:0; }
.company-showroom .showroom-heading,.company-factory .showroom-heading { margin-bottom:clamp(28px,4vw,48px); }
.showroom-heading .copy { margin:0; }
.photo-slideshow { min-width:0; scroll-margin-top:110px; }
.slideshow-stage { position:relative; width:100%; aspect-ratio:16/10; max-height:720px; overflow:hidden; background:#20231e; }
.photo-slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .7s ease,visibility 0s .7s; }
.photo-slide.is-active { opacity:1; visibility:visible; transition:opacity .7s ease,visibility 0s; }
.photo-slide img { display:block; width:100%; height:100%; object-fit:contain; }
.slideshow-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; padding:12px 0; border-bottom:1px solid var(--line); }
.slideshow-caption { margin:0; font-size:14px; line-height:1.7; }
.slideshow-controls { display:flex; flex-shrink:0; align-items:center; gap:20px; }
.slideshow-count { color:var(--muted); font-size:11px; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
.slideshow-toggle { background:transparent; color:var(--ink); border:1px solid var(--line); min-height:44px; padding:8px 14px; font:inherit; font-size:12px; cursor:pointer; }
.slideshow-toggle[hidden] { display:none; }
.slideshow-toggle:hover { border-color:var(--ink); }
.slideshow-toggle:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.showroom-experiences { list-style:none; padding:0; margin:36px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,64px); }
.showroom-experiences li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; }
.showroom-experiences li>span { padding-top:3px; color:var(--muted); font-size:11px; }
.showroom-experiences h4 { margin:0 0 8px; font-size:16px; font-weight:500; line-height:1.5; }
.showroom-experiences p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.showroom-visit { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 32px; margin-top:36px; }
.showroom-visit p { max-width:520px; margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.factory-tour-link { margin-top:32px; }
@media(max-width:700px) {
 .slideshow-stage { aspect-ratio:4/3; }
 .slideshow-bar { align-items:flex-start; flex-wrap:wrap; gap:8px 16px; }
 .slideshow-caption { flex:1 1 100%; }
 .slideshow-controls { width:100%; justify-content:space-between; }
 .showroom-experiences { grid-template-columns:1fr; gap:20px; margin-top:28px; }
 .showroom-experiences li { padding-top:18px; border-top:1px solid var(--line); }
 .showroom-visit { margin-top:28px; }
}
@media(prefers-reduced-motion:reduce) { .photo-slide,.photo-slide.is-active { transition:none; } }

/* Manual navigation and the three-second playback indicator. */
.slideshow-nav { position:absolute; z-index:2; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.65); background:rgba(255,255,255,.9); color:#20231e; font:inherit; font-size:24px; line-height:1; cursor:pointer; }
.slideshow-nav[hidden] { display:none; }
.slideshow-prev { left:16px; }
.slideshow-next { right:16px; }
.slideshow-nav:hover { background:#fff; }
.slideshow-nav:focus-visible { outline:2px solid #fff; outline-offset:4px; box-shadow:0 0 0 2px #20231e; }
.slideshow-progress { height:4px; background:#d7d9d1; overflow:hidden; }
.slideshow-progress-fill { display:block; width:100%; height:100%; background:#626b54; transform:scaleX(0); transform-origin:left center; }
@media(max-width:700px) { .slideshow-prev { left:10px; } .slideshow-next { right:10px; } }