body[data-work="03"]{background:#ded7c9;color:#38362f}
body[data-work="03"] #journey{height:370svh}
body[data-work="03"] #stage{background:#d1c6b2}
body[data-work="03"] .frame{width:100%;height:100%;aspect-ratio:auto}
body[data-work="03"] .art{inset:0}
body[data-work="03"] .mast{inset:5% 4.2% auto;color:#35362f;font-size:clamp(13px,1.3vw,19px)}
body[data-work="03"] .mast h1{font-size:clamp(13px,1.2vw,18px);letter-spacing:.38em}
body[data-work="03"] .foot{left:4.2%;right:4.2%;bottom:5%;font-size:clamp(11px,.95vw,14px);color:#3e4037;z-index:3}
body[data-work="03"] .progress-track{left:4.2%;right:4.2%;bottom:3.2%;background:#5e5b492c;z-index:4}
body[data-work="03"] .progress-track i{background:#84593f}
.sixfold{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0}
.sixfold>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.studio-caption{position:absolute;left:13%;top:31%;pointer-events:none;color:#45463b}
.studio-caption>span{font:9px Arial,sans-serif;letter-spacing:.2em}
.studio-caption p{font-family:Georgia,'Yu Mincho',serif;font-size:clamp(18px,2.1vw,31px);line-height:1.75;letter-spacing:.08em;margin:22px 0}
.studio-caption small{font:9px Georgia;letter-spacing:.16em}
.fold-caption{position:absolute;bottom:13%;left:0;right:0;text-align:center;color:#565445;pointer-events:none}
.fold-caption span{display:block;font:10px Arial,sans-serif;letter-spacing:.19em}
.fold-caption i{display:block;font:italic 13px Georgia;margin-top:9px}
.plate-zoom{position:absolute;bottom:11.5%;left:50%;transform:translateX(-50%);padding:11px 19px;border:1px solid #746c5850;border-radius:100px;background:#f6f2e8cb;color:#4c463b;font:12px Georgia;letter-spacing:.04em;backdrop-filter:blur(12px);cursor:pointer}
.plate-zoom:hover{background:#fffaf0}.plate-zoom:focus-visible{outline:2px solid #774c32;outline-offset:4px}.plate-zoom[hidden]{display:none}
.plate-dialog{width:94vw;max-width:1400px;height:85vh;padding:0;border:0;background:#f1ecdf;box-shadow:0 20px 80px #0004}
.plate-dialog::backdrop{background:#26281fd9;backdrop-filter:blur(8px)}
.plate-dialog>button{display:block;margin-left:auto;padding:16px 22px;color:#483d30;cursor:pointer;background:none;border:0;font-size:14px}
.plate-scroll{height:calc(100% - 48px);overflow:auto;touch-action:pan-x pan-y pinch-zoom}
.plate-scroll img{display:block;width:100%;min-width:960px;max-width:none;height:auto}
body[data-work="03"] #end{background:#e9e4d9}
@media(max-width:600px) and (orientation:portrait){
 body[data-work="03"] #journey{height:355svh}
 body[data-work="03"] .mast{inset:4% 6% auto}
 body[data-work="03"] .foot{left:6%;right:6%;bottom:6%;font-size:11px}
 .studio-caption{top:17%;left:8%}.studio-caption p{font-size:22px;line-height:1.6;margin:12px 0}.studio-caption small{display:none}
 .fold-caption{bottom:16%}.plate-zoom{bottom:27%}
}
@media(max-height:540px) and (min-aspect-ratio:1/1){.studio-caption p{font-size:19px;margin:10px 0}.fold-caption{bottom:10%}.fold-caption i{display:none}.plate-zoom{bottom:15%;padding:7px 15px}.mast{top:4%!important}.foot{bottom:4%!important}}
html.review-mode body[data-work="03"] #journey,html.reduced body[data-work="03"] #journey{height:100svh}

.plate-hint{display:none}.plate-zoom,.plate-dialog>button{min-height:44px}
@media(max-width:600px){.plate-hint{display:block;font:11px/1.5 system-ui;letter-spacing:.06em;color:#776951;margin:0 20px 12px}.plate-scroll{height:calc(100% - 84px)}}

@media(max-height:540px) and (min-aspect-ratio:1/1){.plate-zoom{left:auto;right:4.2%;bottom:12%;transform:none}}
/* Keep gallery labels legible over wood and peripheral tools. */
.foot>span{background:#f4eedfdc;padding:5px 7px;border-radius:2px;backdrop-filter:blur(4px)}