/* A light frame for the work: navigation stays available without a full-width band. */
.navigation{inset:12px 18px auto;height:60px;padding:0 clamp(18px,2.5vw,40px);border:1px solid #fff9;border-radius:3px;background:rgb(250 249 245 / .84);box-shadow:0 1px 10px #262b2406;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.navigation .brand{gap:20px}.navigation .nav-contact{border-color:#353a2d40;min-height:40px;padding:8px 13px}
.navigation nav a{min-height:44px;display:flex;align-items:center}
.journey{padding-top:0}.film-stage{top:0;height:100svh}
.hero-copy{top:max(118px,17svh)}
[data-experience="touch"] .hero-copy{top:max(100px,14svh)}
.work-heading>p{max-width:38ch}
.object-label,.scene-caption,.object-end .object-disclosure,.assembly-sequence{font-size:12px;line-height:1.45}
.scene-caption{gap:16px;align-items:start}.scene-caption span:last-child{white-space:normal;text-align:right;max-width:47%}
.object-end .assembly-replay{font-size:12px}
.image-disclosure,.archive-credit,.record-copy .fine-print,.record-card-head{font-size:12px;line-height:1.6}
.work-step-note{display:none}
/* Common labeling rhythm across a package, its record and a photograph. */
.gallery-toolbar{gap:16px}.gallery-controls-top{display:flex;align-items:center;gap:8px;flex-shrink:0}
.gallery-controls-top button{width:44px;height:44px;min-width:44px;background:transparent;border:1px solid #a49d8e70;font-size:18px}
.gallery-controls-top button:hover{background:#e6dfd1}.gallery-controls-top .gallery-count{margin-right:8px;font-size:12px;white-space:nowrap}
.field-gallery .gallery-filters button{font-size:12px;min-height:44px}
.field-gallery .chapter-topline,.field-gallery .gallery-category,.field-gallery .chapter-label,.field-gallery .gallery-play-note{font-size:12px;letter-spacing:.035em;line-height:1.4}
.field-gallery .gallery-controls button{font-size:13px;min-width:44px;min-height:44px}.field-gallery .gallery-controls [data-gallery-prev],.field-gallery .gallery-controls [data-gallery-next]{font-size:18px}
.field-gallery .gallery-strip button span{font-size:12px}
.field-gallery .chapter-title{font-size:clamp(24px,2.5vw,40px);line-height:1.07}
.field-gallery .gallery-detail{font-size:13px;line-height:1.55;max-width:35ch}
@media(max-width:700px){
 :root{--nav-height:72px}
 .navigation{inset:8px 10px auto;height:56px;padding:0 12px;gap:6px}
 .navigation .brand{min-height:44px}.navigation .nav-contact{font-size:11px;padding:8px 10px;gap:12px;min-height:40px}
 .navigation .nav-sections-toggle{margin-left:auto;width:40px;min-width:40px}
 .navigation nav{inset:calc(100% + 7px) -1px auto;padding:0 12px;border:1px solid #d6d3c8;border-radius:3px;background:#faf9f5;box-shadow:0 5px 16px #262b240a}
 .work-step-note{display:block;grid-row:2;font-size:13px;color:var(--muted);line-height:1.5;padding:4px 0 16px;max-width:40ch}
 .work-object{grid-row:3}.work-experience #work-panel{grid-row:4}.work-record-bridge{grid-row:5}
 .work-tabs{position:static;margin-bottom:5px}.work-tabs button{font-size:12px}.work-tabs button span{font-size:13px}
 .work-visual{height:min(88vw,340px);min-height:280px}
 .scene-caption{padding:10px 20px;display:grid;grid-template-columns:1fr;gap:4px}.scene-caption span:last-child{text-align:left;max-width:none}
 .object-end{flex-wrap:wrap}.object-end .object-disclosure{max-width:none;font-size:12px}
 .assembly-sequence{gap:8px;font-size:12px}.assembly-sequence span{margin-right:3px}
 .field-gallery .gallery-toolbar{align-items:center;flex-wrap:wrap;gap:10px}
 .field-gallery .gallery-filters{flex:1 0 100%;padding-bottom:2px}
 .gallery-controls-top{justify-content:flex-end;width:100%}
 .field-gallery .chapter-topline,.field-gallery .gallery-category,.field-gallery .chapter-label{font-size:12px}
 .field-gallery .chapter-title{font-size:25px}.field-gallery .gallery-detail{font-size:13px}
 .field-gallery .gallery-controls{padding:12px 17px}.field-gallery .gallery-controls button{font-size:13px;min-width:44px}
 .image-disclosure,.archive-credit{font-size:12px}
 .contact-section footer{gap:24px}.contact-section footer>span{font-size:11px}
}
@media(max-height:500px){
 .navigation{top:6px;height:50px}.hero-copy{top:80px}
 [data-experience="touch"] .hero-copy{inset:80px var(--gutter) 18px}
 .film-stage{min-height:380px}
}
@media(prefers-reduced-transparency:reduce){.navigation{background:#faf9f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.navigation{background:#faf9f5}}

/* Keep Quiet halo precise over local controls. */
.precision-cursor.is-control .halo-ring{r:7}.precision-cursor.is-control .halo-action{opacity:0}.precision-cursor.is-control .halo-point{opacity:1}.precision-cursor.is-control{color:#5b5447}

.work-record-bridge{flex-wrap:wrap}.label-preview{background:none;font-size:13px;min-height:44px;padding:10px 0;color:var(--copper);border-bottom:1px solid #b9aa92}.label-sheet{height:100%;overflow:auto;padding:clamp(20px,4vw,60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.label-sheet img{width:min(100%,1100px);max-height:calc(100% - 64px);object-fit:contain}.label-sheet figcaption{font-size:13px;color:var(--muted);text-align:center;max-width:65ch}