/* Sixth chapter: the existing camera joins the same exhibition route. */
.chapter-progress span{width:calc(100% / 6)}
.panel-camera{background:radial-gradient(ellipse at 75% 35%,#596c60 0%,#1b3535 46%,#071c23 85%);color:#fff0d6}
.camera-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#061921 1%,#0a2228cc 39%,transparent 80%),url('../camera/assets/backgrounds/R053.jpg') 78% 50%/cover;opacity:.25}
.panel-camera .panel-copy{left:clamp(42px,7.6vw,145px);right:auto;bottom:clamp(62px,10vh,125px);width:min(42vw,600px)}
.panel-camera .panel-copy h2{font-size:clamp(60px,6.6vw,112px)}
.panel-camera .panel-desc{max-width:460px}
.camera-privacy{display:block;margin-top:20px;color:#b3c4bb;font:10px/1.5 system-ui,sans-serif;letter-spacing:.12em}
.camera-gallery{position:absolute;z-index:3;left:54%;right:9%;top:12%;bottom:11%;pointer-events:none}
.camera-scene{position:absolute;margin:0;padding:12px 12px 0;background:#e9dfc9;box-shadow:0 20px 65px #0005;border:1px solid #ffffde40}
.camera-scene img{display:block;width:100%;height:100%;object-fit:cover}
.camera-scene-back{width:65%;height:75%;right:-8%;top:8%;transform:rotate(11deg);opacity:.82}
.camera-scene-back img{height:calc(100% - 43px)}
.camera-scene-back figcaption{padding:14px 5px;color:#3f504a;font-size:10px;letter-spacing:.14em}
.camera-scene-main{left:0;top:0;width:76%;height:96%;transform:rotate(-5deg);transition:transform .6s}
.panel-camera:hover .camera-scene-main{transform:rotate(-2deg) translateY(-4px)}
.camera-scene-window{height:calc(100% - 70px);position:relative;overflow:hidden;background:#142b2b}
.camera-scene-window img{object-position:50% 50%;filter:brightness(.8)}
.camera-view-label{position:absolute;left:17px;top:17px;color:#fff1d7;font:8px/1.4 system-ui,sans-serif;letter-spacing:.15em}
.camera-viewfinder{position:absolute;left:13%;right:13%;top:14%;bottom:17%;border:1px solid #fff1d71a;display:grid;place-items:center}
.camera-viewfinder i{position:absolute;width:24px;height:24px;border:solid #fff1d7b3}
.camera-viewfinder i:nth-child(1){top:-1px;left:-1px;border-width:1px 0 0 1px}.camera-viewfinder i:nth-child(2){top:-1px;right:-1px;border-width:1px 1px 0 0}.camera-viewfinder i:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 1px 1px}.camera-viewfinder i:nth-child(4){bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.camera-viewfinder span{padding:10px 8px;color:#fff4df;background:#102b2b94;font-size:12px;letter-spacing:.12em;writing-mode:vertical-rl}
.camera-scene-main figcaption{height:70px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 7px;color:#2d4a47;position:relative}
.camera-scene-main figcaption>span{font-size:18px;letter-spacing:.2em}.camera-scene-main figcaption small{font-size:9px;letter-spacing:.1em}.camera-scene-main figcaption b{position:absolute;right:3px;top:14px;font:33px/1 system-ui,sans-serif;font-weight:200}
@media(max-width:1100px){.site-header{gap:14px}.brand{min-width:180px}.chapter-nav{gap:8px}.panel-camera .panel-copy{width:44vw}.camera-gallery{left:56%;right:8%}}
@media(max-width:760px){
 :root{--topbar:105px}
 .site-header{display:flex;flex-wrap:wrap;align-content:center;gap:4px 12px;padding:8px 19px}
 .site-header .brand{min-width:0}.site-header .header-marker{display:flex;margin-left:auto}
 .site-header .chapter-nav{display:flex;flex:0 0 100%;order:3;justify-content:space-between;gap:0;margin:0;overflow-x:auto;scrollbar-width:none}
 .chapter-nav button{font-size:10px;min-height:34px;padding:0 4px;letter-spacing:.02em;flex:none}.chapter-nav button.is-active::after{bottom:0;left:4px;right:4px}
 .panel-camera .panel-copy{left:26px;right:26px;bottom:clamp(30px,6vh,60px);width:auto}
 .panel-camera .panel-copy h2{font-size:clamp(43px,10vw,66px)}
 .panel-camera .panel-desc{max-width:360px}.camera-privacy{margin-top:14px;font-size:9px}
 .camera-gallery{left:24%;right:20%;top:12%;bottom:42%}
 .camera-scene{padding:6px 6px 0}.camera-scene-main{height:100%;width:85%}.camera-scene-back{height:84%;right:-23%;width:66%;top:5%}
 .camera-scene-window{height:calc(100% - 43px)}.camera-scene-main figcaption{height:43px;padding:0 3px;gap:3px}.camera-scene-main figcaption>span{font-size:11px}.camera-scene-main figcaption small{font-size:6px}.camera-scene-main figcaption b{font-size:22px;top:7px}
 .camera-scene-back img{height:calc(100% - 30px)}.camera-scene-back figcaption{font-size:6px;padding:9px 3px}
 .camera-view-label{left:8px;top:8px;font-size:5px}.camera-viewfinder span{font-size:9px;padding:6px}.camera-viewfinder i{width:15px;height:15px}
}
@media(max-height:690px) and (min-width:761px){.panel-camera .panel-copy{bottom:30px}.panel-camera .panel-copy h2{font-size:clamp(48px,5vw,72px)}.camera-privacy{margin-top:12px}}
@media(max-height:680px) and (max-width:760px){.camera-gallery{left:48%;right:12%;top:16%;bottom:37%;opacity:.65}.panel-camera .panel-copy{bottom:25px}.panel-camera .panel-desc{max-width:250px}.camera-privacy{margin-top:8px}.panel-camera .panel-kicker{font-size:7px}}
@media(prefers-reduced-motion:reduce){.camera-scene-main{transition:none}}