/* Plain image rail with progressive enhancement; all project copy exists in HTML. */
.work-gallery{--work-thumb:180px;--work-focus:600px;--work-gap:18px;margin-top:56px}
.work-gallery-window{overflow-x:auto;scrollbar-width:thin}
.work-gallery-track{display:flex;align-items:center;gap:var(--work-gap)}
.work-gallery-item{flex:0 0 var(--work-focus);width:var(--work-focus);height:380px;display:block;position:relative;padding:0;border:0;border-radius:0;background:#111;cursor:pointer;overflow:hidden}
.work-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}
.work-gallery-item:focus-visible{outline:2px solid var(--accent,#b2ff00);outline-offset:5px}
.work-gallery-copy{max-width:620px}
.work-gallery-caption{padding-top:30px}
.work-gallery-caption h3{font-size:26px;margin:6px 0 12px}
.work-gallery-caption>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:540px}
.work-gallery-caption>a{display:inline-flex;align-items:center;gap:12px;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;margin-top:10px}
.work-gallery-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:14px}
.work-gallery-controls{display:flex;align-items:center;gap:8px;padding-top:30px;flex:none}
.work-gallery-controls button{background:none;color:var(--text);border:1px solid #ffffff26;border-radius:0;min-height:44px;min-width:44px;padding:8px 12px;font:inherit;font-size:13px}
.work-gallery-controls button:hover{border-color:#fff8}
.work-gallery-controls [data-work-count]{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:12px}
.work-gallery.is-ready .work-gallery-window{width:var(--work-viewport,100%);margin-left:calc((100% - var(--work-viewport,100%))/2);overflow:hidden;padding:8px 0}
.work-gallery.is-ready .work-gallery-track{transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform;touch-action:pan-y}
.work-gallery.is-ready .work-gallery-item{flex-basis:var(--work-thumb);width:var(--work-thumb);height:230px;transition:width .7s cubic-bezier(.22,1,.36,1),flex-basis .7s cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1),opacity .6s;opacity:.55}
.work-gallery.is-ready .work-gallery-item img{filter:grayscale(1);transition:filter .65s,opacity .65s}
.work-gallery.is-ready .work-gallery-item.is-active{flex-basis:var(--work-focus);width:var(--work-focus);height:400px;opacity:1}
.work-gallery.is-ready .work-gallery-item.is-active img{filter:grayscale(0)}
.work-gallery.is-ready .work-gallery-caption[hidden]{display:none}
.work-gallery.no-motion .work-gallery-track,.work-gallery.no-motion .work-gallery-item{transition:none!important}
@media(max-width:760px){.work-gallery{margin-top:32px}.work-gallery.is-ready .work-gallery-item{height:150px}.work-gallery.is-ready .work-gallery-item.is-active{height:260px}.work-gallery-bottom{display:flex;flex-direction:column;gap:6px;padding-top:0}.work-gallery-caption{padding-top:22px}.work-gallery-caption h3{font-size:23px}.work-gallery-controls{padding-top:10px}.work-gallery-caption>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-gallery.is-ready .work-gallery-track,.work-gallery.is-ready .work-gallery-item,.work-gallery-item img{transition:none!important}}

.work-gallery.is-ready .work-gallery-window{height:416px;display:flex;align-items:center}.work-gallery.is-ready .work-gallery-track{height:400px}.work-gallery-copy{min-height:210px}@media(max-width:760px){.work-gallery.is-ready .work-gallery-window{height:276px}.work-gallery.is-ready .work-gallery-track{height:260px}.work-gallery-copy{min-height:220px}}

/* Project details sit between quiet, unboxed navigation arrows. */
.work-gallery-bottom{display:grid;grid-template-columns:44px minmax(0,620px) 44px;justify-content:center;align-items:start;gap:24px}
.work-gallery-copy{grid-column:2;grid-row:1;text-align:center;min-width:0;width:100%}
.work-gallery-caption>p:not(.eyebrow){margin-inline:auto}
.work-gallery-controls{display:contents}
.work-gallery-controls button{grid-row:1;align-self:start;margin-top:46px;border:0;background:transparent;font-size:24px;padding:0;transition:color .2s,transform .2s}
.work-gallery-controls [data-work-prev]{grid-column:1}
.work-gallery-controls [data-work-next]{grid-column:3}
.work-gallery-controls button:hover{color:var(--accent);transform:translateX(3px)}
.work-gallery-controls [data-work-prev]:hover{transform:translateX(-3px)}
@media(max-width:760px){.work-gallery-bottom{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.work-gallery-controls button{margin-top:36px}.work-gallery-copy{min-height:260px}}
@media(prefers-reduced-motion:reduce){.work-gallery-controls button{transition:none}}

/* More space around the project photography. */
.work-gallery{margin-top:96px}
.work-gallery-bottom{padding-top:46px}
@media(max-width:760px){.work-gallery{margin-top:56px}.work-gallery-bottom{padding-top:24px}}