.works-section{position:relative;z-index:3;background:#111817;color:#ece8df;padding:110px 0 80px;scroll-margin-top:100px;border-top:1px solid #38413b}.works-inner{width:min(1320px,90%);margin:auto}.works-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:44px}.works-heading h2{font-size:clamp(38px,5.4vw,76px);line-height:1.08;margin:22px 0 0;font-weight:500;letter-spacing:-.045em}.works-heading em{color:#e68d5a;font-style:normal}.works-intro{max-width:365px;font-size:17px;line-height:1.65;color:#bbbfb7;margin:0 0 4px}.work-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.work-filters button,.works-more{font:inherit;color:#d6d9cf;background:transparent;border:1px solid #4e5b52;padding:12px 17px;cursor:pointer;border-radius:3px}.work-filters button[aria-pressed=true]{background:#e4e6d8;color:#14211b;border-color:#e4e6d8}.work-count{font-size:12px;color:#aab3a6;margin:0 0 30px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.work-card[hidden]{display:none!important}.work-open{font:inherit;text-align:left;display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer}.work-photo{display:block;position:relative;background:#222b25;aspect-ratio:4/3;overflow:hidden}.work-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.work-open:hover img{transform:scale(1.025)}.work-enlarge{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111d19e8;color:#fff;font-size:24px}.work-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#b5c3af;text-transform:uppercase;letter-spacing:.07em;margin:18px 0 9px}.work-meta>span{white-space:nowrap;color:#959d91}.work-card h3{font-size:21px;line-height:1.25;letter-spacing:-.015em;margin:0;font-weight:500}.work-card>p{font-size:14px;line-height:1.6;color:#aeb9aa;margin:10px 0 0;max-width:36ch}.works-more{display:block;margin:44px auto 0;padding:15px 30px}.works-more[hidden]{display:none}.works-more span{padding-left:16px}.works-end{border-top:1px solid #3c483e;margin-top:64px;padding-top:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.works-end p{font-size:19px;margin:0}.works-end a{color:#eea176;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.works-section button:focus-visible,.works-section a:focus-visible,.work-dialog button:focus-visible{outline:3px solid #efac7c;outline-offset:5px}.work-dialog{position:fixed;inset:0;max-width:min(1160px,94vw);width:1160px;max-height:94dvh;margin:auto;border:1px solid #647065;padding:28px;background:#121a16;color:#eee8df;border-radius:6px;overflow:auto}.work-dialog::backdrop{background:#040a08e8}.work-close{position:absolute;right:12px;top:10px;z-index:2;background:#121a16dd;color:white;border:1px solid #667167;border-radius:50%;width:44px;height:44px;font-size:29px;cursor:pointer}.work-viewer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px}.work-viewer img{display:block;width:100%;height:min(65dvh,720px);object-fit:contain}.work-viewer button{border:1px solid #647065;background:transparent;color:#ece8df;font-size:24px;width:44px;height:48px;cursor:pointer}.work-viewer button:disabled{opacity:.2;cursor:default}.work-dialog-caption{padding:12px 62px 0}.work-dialog-caption h2{font-size:24px;line-height:1.2;margin:8px 0}.work-dialog-caption p{font-size:14px;line-height:1.5;color:#b8c1b4;margin:6px 0}.work-photo-count{font-variant-numeric:tabular-nums}.work-dialog-open{overflow:hidden}.request-visible .scene-ui{pointer-events:none}.site-header nav a[href='#works']{white-space:nowrap}@media(min-width:1100px){.work-card:first-child{grid-column:span 2;grid-row:span 2}.work-card:first-child .work-photo{aspect-ratio:1.13}.work-card:first-child h3{font-size:30px}.work-card:first-child>p{max-width:60ch}}@media(max-width:1050px) and (min-width:701px){.site-header nav{gap:0}.site-header nav a{padding-left:7px;padding-right:7px}.site-header nav a>span:first-child{display:none}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-heading{gap:25px}.works-intro{max-width:300px;font-size:15px}}@media (max-width:700px), (min-width:701px) and (max-width:1100px) and (orientation:portrait){.works-section{padding:65px 0 50px;scroll-margin-top:85px}.works-inner{width:88%}.works-heading{display:block;margin-bottom:28px}.works-intro{max-width:100%;margin-top:24px;font-size:15px}.works-grid{grid-template-columns:1fr;gap:34px}.work-card h3{font-size:22px}.work-photo{aspect-ratio:4/3}.work-filters{gap:7px}.work-filters button{font-size:12px;padding:11px 12px;min-height:44px}.works-end{display:block;margin-top:44px}.works-end a{display:inline-block;margin-top:18px}.work-dialog{padding:48px 10px 20px;width:96vw;max-width:96vw}.work-viewer{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.work-viewer button{width:32px;height:44px;font-size:20px}.work-viewer img{height:52dvh}.work-dialog-caption{padding:10px 15px 0}.work-dialog-caption h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}}

@media(min-width:1100px){.work-card:first-child .work-photo img{object-fit:contain}.work-card:first-child .work-photo{background:#222824;aspect-ratio:1.25}}

/* Gallery controls share the workshop instrument icon language. */
.work-icon{display:block;width:24px;height:24px;flex:none;pointer-events:none}
.work-enlarge,.work-close,.work-viewer button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a0afa65c;border-radius:8px;background:#15201fec;color:#e9e9e3;box-shadow:inset 0 1px 0 #ffffff08;transition:background .18s,border-color .18s,color .18s}
.work-enlarge{right:16px;bottom:16px;width:44px;height:44px}.work-enlarge .work-icon{width:21px;height:21px}
.work-open:is(:hover,:focus-visible) .work-enlarge,.work-close:is(:hover,:focus-visible),.work-viewer button:not(:disabled):is(:hover,:focus-visible){color:#ffbd8d;border-color:#e59a69;background:#29332c}
.work-close{right:14px;top:14px}.work-close .work-icon{width:22px;height:22px}
.work-viewer button:disabled{opacity:.25;box-shadow:none}
@media (max-width:700px), (min-width:701px) and (max-width:1100px) and (orientation:portrait){.work-dialog{padding-top:70px}.work-viewer{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.work-viewer button{width:44px;height:48px}.work-close{width:44px;height:44px;top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.work-enlarge,.work-close,.work-viewer button{transition:none}}

body #pause{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid #a0afa65c;background:#15201fec;color:#e9e9e3;box-shadow:inset 0 1px 0 #ffffff08}
body #pause .work-icon{width:20px;height:20px}body #pause span{margin-left:0}
body .scroll-invite .scroll-ring{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a0afa65c;border-radius:8px;background:#15201fec;color:#e9e9e3}
body .scroll-invite .scroll-ring .ui-icon{width:24px;height:24px}
body #pause:is(:hover,:focus-visible),body .scroll-invite:is(:hover,:focus-visible) .scroll-ring{background:#29332c;border-color:#e59a69;color:#ffbd8d}

/* Stronger hierarchy for the navigation and scene instrument labels. */
body #primary-nav a{gap:9px;font-family:var(--ui-body);font-size:13px;font-weight:550;letter-spacing:-.1px}
body #primary-nav .nav-index{display:inline-grid;place-items:center;min-width:22px;height:22px;border:1px solid #738c802b;border-radius:4px;font:10px/1 var(--ui-mono);letter-spacing:-.4px;color:#aab9b2}
body #primary-nav a[aria-current=location] .nav-index{border-color:#db946d60;background:#bd7c4220;color:#ffbd8d}
body #primary-nav a[aria-current=location]{background:linear-gradient(135deg,#bb80541a,#ffffff06)}
body .stage-bottom #object-caption{font:500 11px/1.65 var(--ui-body);letter-spacing:1.1px;color:#c3cec8;border-left:2px solid #d99467;padding-left:12px}
body .instrument-label>span:first-child{font:500 11px/1.5 var(--ui-body);letter-spacing:1.2px;color:#c1ccc5}
body #objects .instrument .controls button{gap:9px;font:500 13px/1.35 var(--ui-body);letter-spacing:-.1px;min-height:54px}
body #objects .instrument .controls button .ui-icon{width:24px;height:24px;stroke-width:1.35;flex:none}
body .inspect-object{font-family:var(--ui-body);font-weight:500;letter-spacing:.1px}
@media(max-width:1100px) and (min-width:701px){body #primary-nav a{font-size:12px;gap:6px}body #primary-nav .nav-index{min-width:18px;height:20px;font-size:9px}}
@media (max-width:700px), (min-width:701px) and (max-width:1100px) and (orientation:portrait){body .stage-bottom #object-caption{font-size:9px;letter-spacing:.65px;max-width:255px;padding-left:9px}body .instrument-label>span:first-child{font-size:10px;letter-spacing:1px}body #objects .instrument .controls button{font-size:12px;gap:7px}body #objects .instrument .controls button .ui-icon{width:22px;height:22px}body #primary-nav a{font-size:14px}}

/* Shared editorial rhythm across controls, completed work and enquiry. */
body #objects .instrument .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body #objects .instrument .controls button{flex-direction:column;gap:8px;min-width:0;min-height:78px;padding:12px 4px;font-size:12px}
body .instrument{border-color:#71867b66;box-shadow:inset 0 1px #dbeade0a}
body .instrument .controls button{border-radius:8px}
body .chapter .description{font-weight:400;line-height:1.8;text-wrap:pretty}
body .eyebrow{color:#b8c5bd;letter-spacing:1.2px}
body .work-card h3{font-family:var(--ui-body);font-weight:500;line-height:1.3;text-wrap:balance}
body .work-meta{font:500 10px/1.5 var(--ui-mono);letter-spacing:.7px;color:#c8b6a5}
body .work-card>p{font-size:15px;line-height:1.7;text-wrap:pretty;color:#b5c1b8}
body .work-photo{border:1px solid #8a9c8030;border-radius:10px}
body .work-filters button,body .works-more{font:500 13px/1.4 var(--ui-body);border-radius:7px;min-height:44px}
body .work-filters button:not([aria-pressed=true]):hover,body .works-more:hover{border-color:#e59a69;color:#ffbd8d;background:#29332c}
body .work-dialog-caption h2{font-family:var(--ui-display);font-weight:400;font-size:22px;letter-spacing:-.6px;line-height:1.45;text-wrap:balance}
body .work-dialog{border-radius:12px;border-color:#83938880}
body .work-photo-count{font:11px var(--ui-mono);color:#dfa37c;letter-spacing:1px}
body #request .order-path h3{font-weight:500;letter-spacing:-.2px}body #request .order-path p{line-height:1.75}
body #quote .field-label{font-weight:500}body #quote input,body #quote select,body #quote textarea{border-radius:7px}
body .footer-links a,body .footer-links button{font-weight:500}
@media (max-width:700px), (min-width:701px) and (max-width:1100px) and (orientation:portrait){body .work-card>p{font-size:14px}body .work-dialog-caption h2{font-size:18px}body #objects .instrument .controls button{min-height:72px;font-size:11px}}

body dialog .close{display:grid;place-items:center;border-radius:8px;width:44px;height:44px;padding:0;background:#15201f;color:#e9e9e3;border:1px solid #a0afa65c}
