.header nav{flex-wrap:wrap}.header nav a{white-space:nowrap}.works-main{padding-top:54px;padding-bottom:80px}.works-main .eyebrow{color:var(--accent);margin:24px 0 20px}.works-lead{color:var(--muted);max-width:650px;margin:25px 0 36px;font-size:1.15rem}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.work-filters a{border:1px solid var(--line);padding:10px 18px;border-radius:3px}.work-filters [aria-current]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work-card{border:1px solid var(--line);background:#202425;min-width:0;transition:border-color .18s}.work-card:hover{border-color:var(--accent)}.work-card-copy{display:block;padding:24px}.work-card-copy h2{font-size:1.7rem;letter-spacing:-.025em;margin:12px 0 16px;overflow-wrap:anywhere}.work-card-copy p{color:var(--muted);font-size:.95rem}.work-category{color:var(--accent);font-size:.75rem;letter-spacing:.075em;text-transform:uppercase}.work-meta{margin-top:18px;font-size:.85rem;color:var(--muted)}.work-open{display:block;margin-top:22px;font-size:.9rem}.work-gallery{position:relative;min-width:0;background:#111516}.work-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;aspect-ratio:4/3;touch-action:pan-x pan-y pinch-zoom}.work-track::-webkit-scrollbar{display:none}.work-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:block}.work-slide img{width:100%;height:100%;display:block;object-fit:cover}.gallery-prev,.gallery-next,.lightbox-prev,.lightbox-next{position:absolute;top:45%;z-index:2;border:1px solid #737676;border-radius:50%;background:#171a1be8;color:#fff;width:42px;height:42px;font-size:1.8rem;cursor:pointer}.gallery-prev,.lightbox-prev{left:12px}.gallery-next,.lightbox-next{right:12px}.gallery-counter{position:absolute;right:14px;bottom:14px;background:#171a1bdd;padding:4px 10px;border-radius:4px;font-size:.8rem;pointer-events:none}.gallery-hint{color:var(--muted);font-size:.85rem;margin:12px 0 38px}.work-back{display:inline-block;color:var(--muted);margin-bottom:14px}.work-title{font-size:clamp(2.4rem,5.5vw,5.6rem);max-width:1100px;margin-bottom:34px;overflow-wrap:anywhere}.work-gallery-large .work-track{aspect-ratio:16/10;max-height:720px}.work-gallery-large img{object-fit:contain}.work-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:70px;margin-top:36px}.work-detail h2,.work-videos h2,.work-drawings h2{font-size:2rem;margin-bottom:22px}.work-description{white-space:pre-line;overflow-wrap:anywhere;color:#d0d3d2;margin-bottom:36px}.work-detail dl{margin:0 0 30px}.work-detail dl>div{padding:15px 0;border-top:1px solid var(--line)}.work-detail dt{font-size:.8rem;color:var(--muted)}.work-detail dd{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere}.work-videos,.work-drawings{margin-top:55px}.work-videos video{display:block;max-width:100%;width:850px;max-height:650px;margin-bottom:22px;background:#090b0b}.work-external{display:block;color:var(--accent);margin:18px 0}.work-drawings>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-drawings img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#111}.works-empty{padding:35px 0;color:var(--muted)}.work-lightbox{border:0;padding:55px 50px 35px;background:#0b0d0ef5;color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.work-lightbox::backdrop{background:#000e}.work-lightbox[open]{display:flex;align-items:center;justify-content:center}.work-lightbox img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pan-y pinch-zoom}.lightbox-close{position:absolute;top:8px;right:16px;background:none;color:#fff;border:0;width:44px;height:44px;font-size:2.5rem;cursor:pointer}.lightbox-counter{position:absolute;bottom:12px;left:45%}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.works-main .work-gallery{display:block;grid-template-columns:none;gap:0;margin:0}.works-main .work-track{width:100%}.works-main .work-slide img{aspect-ratio:auto}
/* The editor uses the same colours and limits layout changes to its own section. */
.works-editor{max-width:1100px;margin:auto;padding:25px 24px 100px}.works-editor h1{font-size:2.4rem;margin:24px 0}.works-editor h2{font-size:1.7rem}.works-editor label{display:block;margin:15px 0}.works-editor input:not([type=checkbox]),.works-editor textarea,.works-editor select{display:block;width:100%;max-width:100%;padding:12px;margin-top:5px;background:#101415;border:1px solid #545959;border-radius:3px;color:var(--text);font:inherit}.works-editor textarea{min-height:95px;resize:vertical}.works-editor button,.works-editor .edit-link{padding:10px 15px;min-height:44px;background:#2d3334;border:1px solid #5c6262;color:var(--text);font:inherit;cursor:pointer;border-radius:3px}.works-editor button:disabled{opacity:.45;cursor:wait}.works-editor .primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.editor-bar{position:sticky;top:0;z-index:5;background:#171a1bf5;padding:14px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}.editor-bar a{font-size:.9rem}.edit-tools{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.edit-status{min-height:28px;color:var(--accent);margin:12px 0}.edit-help{color:var(--muted);font-size:.9rem;margin:12px 0 20px}.edit-project{border:1px solid var(--line);padding:20px;margin:20px 0;background:#202425}.edit-project summary{cursor:pointer;font-weight:600;font-size:1.15rem;overflow-wrap:anywhere}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.edit-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.edit-image{min-width:0;border:1px solid var(--line);padding:12px}.edit-image img{width:100%;height:160px;object-fit:contain;background:#101415}.edit-image .edit-tools{gap:5px}.edit-image button{font-size:.8rem;padding:7px;min-height:40px}.edit-image select{font-size:.85rem}.edit-video{padding:12px;border:1px solid var(--line);margin:10px 0;overflow-wrap:anywhere}.edit-video video{max-width:100%;max-height:180px}.edit-url{overflow-wrap:anywhere;font-size:.85rem;color:var(--muted)}.editor-settings{margin:30px 0;padding:20px;border:1px solid var(--line)}.works-editor [hidden]{display:none!important}.work-card-copy:hover{color:var(--text)}
@media(max-width:1100px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{flex-wrap:wrap;padding-top:20px;padding-bottom:18px;gap:18px}.header nav{display:flex;gap:16px;font-size:.8rem}.work-detail{gap:32px}}
@media(max-width:700px){.works-main{padding-top:25px;padding-bottom:50px}.works-main h1{font-size:2.8rem}.header nav{width:100%;margin:0;justify-content:space-between;gap:10px;font-size:.76rem}.works-grid{grid-template-columns:minmax(0,1fr);gap:24px}.work-card-copy{padding:20px}.work-track{aspect-ratio:4/3}.gallery-prev,.gallery-next{width:36px;height:36px;font-size:1.5rem}.work-detail{grid-template-columns:minmax(0,1fr);gap:22px}.work-gallery-large .work-track{aspect-ratio:4/3}.work-drawings>div{grid-template-columns:repeat(2,minmax(0,1fr))}.work-lightbox{padding:60px 12px 45px}.work-lightbox .lightbox-prev,.work-lightbox .lightbox-next{top:auto;bottom:8px}.edit-fields{grid-template-columns:minmax(0,1fr)}.edit-images{grid-template-columns:repeat(2,minmax(0,1fr))}.works-editor{padding:16px 14px 65px}.edit-project{padding:12px}.editor-bar{gap:8px}.editor-bar button{font-size:.85rem}.work-filters a{font-size:.85rem;padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.work-track{scroll-behavior:auto}.work-card{transition:none}}
/* Compact public navigation and equal home directions. */
.directions{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.direction-copy{padding:22px}.direction-copy h2{font-size:clamp(1.4rem,2.1vw,2rem)}
.brand-banner{background:linear-gradient(120deg,#262524,#121719);overflow:hidden}.brand-banner picture{display:block}.brand-banner img{display:block;width:100%;height:auto}
@media(max-width:700px){
 .header{padding-top:12px;padding-bottom:8px;gap:8px;min-height:0}
 .header nav{display:flex;flex-wrap:nowrap;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:4px;justify-content:flex-start;font-size:14px;padding:0 0 3px}
 .header nav a{display:flex;align-items:center;flex:0 0 auto;min-height:44px;padding:8px 11px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;white-space:nowrap}
 .header nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);background:#ff763e0c}
 .directions{grid-template-columns:minmax(0,1fr);gap:12px}
 .direction-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch}
 .direction-image{height:100%;min-height:112px;aspect-ratio:auto}
 .direction-copy{padding:14px}.direction-copy .eyebrow{font-size:10px;letter-spacing:.04em}
 .direction-copy h2{font-size:1.1rem;margin:8px 0;gap:8px;overflow-wrap:normal}
 .direction-copy p{font-size:.8rem;line-height:1.4}
}
@media(max-width:380px){.direction-card{grid-template-columns:76px minmax(0,1fr)}.direction-copy h2{font-size:1rem}}
@media(max-width:700px){.header{padding-top:6px;padding-bottom:6px;gap:2px}.header .brand-word{font-size:1.375rem}.header .brand-word small{font-size:.6875rem;margin-top:3px}.header nav{padding-bottom:0;scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}.header nav a{padding:6px 10px}}
@media(max-width:700px){.directions{grid-auto-rows:1fr}.direction-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
/* Home introduction only: same photograph, responsive sources and verbatim copy. */
.home-intro{position:relative;isolation:isolate;margin-bottom:48px;overflow:hidden}
.home-intro .brand-banner{position:absolute;inset:0 0 auto;margin-top:28px;z-index:-1;background:#171a1b}
.home-intro .brand-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(23,26,27,.12) 43%,rgba(23,26,27,.88) 72%,#171a1b 98%);pointer-events:none}
.home-intro .brand-hero{position:relative;padding-top:clamp(260px,30vw,465px);padding-bottom:18px}
.home-intro .brand-hero>.eyebrow{margin-bottom:20px;color:#e4e5e2;text-shadow:0 1px 8px #000}
.home-intro .brand-hero h1{font-size:clamp(2.5rem,5.4vw,5.6rem);max-width:1050px;text-shadow:0 2px 24px #101314}
.home-intro .brand-description{margin-top:24px;max-width:800px;text-shadow:0 1px 12px #101314}
.home-intro .brand-intro{max-width:700px;color:#c6c9c8}
@media(max-width:700px){
 .home-intro{margin-bottom:30px}
 .home-intro .brand-banner{margin-top:18px}
 .home-intro .brand-banner:after{background:linear-gradient(180deg,transparent 25%,rgba(23,26,27,.08) 45%,rgba(23,26,27,.85) 80%,#171a1b 100%)}
 .home-intro .brand-hero{padding-top:calc((100vw - 36px)*.46);padding-bottom:0}
 .home-intro .brand-hero>.eyebrow{font-size:.75rem;margin-bottom:16px}
 .home-intro .brand-hero h1{font-size:clamp(2rem,8.7vw,3rem)}
 .home-intro .brand-description{font-size:1.125rem;margin-top:20px;margin-bottom:14px}
 .home-intro .brand-intro{font-size:1rem}
}