/* Selected work 8A: scoped production integration. */
#work{--swa-ink:#24251f;--swa-lime:#d6ef66;--swa-columns:minmax(0,23fr) minmax(0,40fr) minmax(0,29fr);--swa-gap:4%}
#work *,#work *::before,#work *::after{box-sizing:border-box}
#work button,#work a{-webkit-tap-highlight-color:transparent}

#work .swa-works{display:grid;gap:10px}
#work .swa-work{position:relative;isolation:isolate}
#work .swa-work.swa-is-animating{overflow:clip}
#work .swa-layout{display:grid;grid-template-columns:var(--swa-columns);column-gap:var(--swa-gap);grid-template-rows:auto auto;padding:16px 0;min-height:88px}
#work .swa-layout>*{min-width:0}
#work .swa-project-heading{grid-column:1/-1;grid-row:1;margin:0;font:inherit;z-index:1}
#work .swa-trigger{display:grid;grid-template-columns:var(--swa-columns);column-gap:var(--swa-gap);align-items:start;position:relative;width:100%;height:100%;min-height:56px;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
#work .swa-identity{grid-column:1;display:flex;flex-direction:column;gap:9px;min-width:0}
#work .swa-name{font-size:26px;line-height:1.13;letter-spacing:-.04em;font-weight:500}
#work .swa-type{font-size:14px;line-height:1.35;letter-spacing:-.015em}
#work .swa-toggle{grid-column:3;justify-self:end;width:44px;height:44px;margin-top:-7px;display:grid;place-items:center}
#work .swa-toggle-icon{position:relative;width:20px;height:20px}
#work .swa-toggle-icon::before,#work .swa-toggle-icon::after{content:"";position:absolute;left:2px;top:9px;width:16px;height:1.5px;background:currentColor}
#work .swa-toggle-icon::after{transform:rotate(90deg)}
#work .swa-is-open .swa-toggle-icon::after{transform:none}
#work .swa-aperture-slot{grid-column:2;grid-row:1/3;align-self:start;height:52px;position:relative;z-index:2;pointer-events:none}
#work .swa-aperture{width:74px;height:52px;border-radius:12px;overflow:hidden;transform-origin:top left}
#work .swa-aperture img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 61%}
#work .swa-is-open .swa-aperture-slot,#work .swa-is-open .swa-aperture{height:228px}
#work .swa-is-open .swa-aperture{width:100%;border-radius:0}
#work .swa-other .swa-aperture img{object-position:64% 80%}
#work .swa-other.swa-is-open .swa-aperture img{object-position:50% 70%}
#work .swa-panel{display:contents}
#work .swa-panel[hidden]{display:none!important}
#work .swa-description{grid-column:3;grid-row:1;align-self:start;position:relative;z-index:3;margin:0 40px 0 0;font-size:16px;line-height:1.5;letter-spacing:-.02em;max-width:34ch}
#work .swa-rail{display:contents}
#work .swa-owner{grid-column:1;grid-row:2;align-self:end;min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.4;position:relative;z-index:3}
#work .swa-visit{grid-column:3;grid-row:2;align-self:end;justify-self:start;position:relative;z-index:3;display:inline-flex;align-items:center;gap:13px;min-height:44px;color:inherit;font-size:14px;line-height:1.3;text-decoration:none}
#work .swa-arrow{width:32px;height:32px;display:grid;place-items:center;background:var(--swa-lime);font-size:21px;line-height:1}
#work .swa-trigger:hover .swa-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
#work .swa-visit:hover .swa-link-label{text-decoration:underline;text-underline-offset:4px}
#work .swa-visit:hover .swa-arrow{background:#c6e44f}
#work .swa-trigger:focus-visible{outline:2px solid var(--swa-ink);outline-offset:6px}
#work .swa-visit:focus-visible{outline:2px solid var(--swa-ink);outline-offset:4px}
@media(min-width:821px) and (max-width:1050px){
 #work{--swa-columns:minmax(0,24fr) minmax(0,36fr) minmax(0,34fr);--swa-gap:3%}
  #work .swa-name{font-size:24px}#work .swa-type{font-size:13px}
 #work .swa-description{margin-right:32px}
 #work .swa-toggle{width:32px}
}
@media(max-width:820px){
   #work .swa-works{gap:8px}
 #work .swa-layout{grid-template-columns:minmax(0,1fr) 44px;column-gap:0;grid-template-rows:auto auto auto auto;padding:14px 0;min-height:88px}
 #work .swa-project-heading{grid-column:1/-1;grid-row:1}
 #work .swa-trigger{grid-template-columns:minmax(0,1fr) 44px;column-gap:0;min-height:60px}
 #work .swa-identity{padding-right:74px;gap:7px}
 #work .swa-name{font-size:24px;line-height:1.15}
 #work .swa-type{font-size:13px;line-height:1.4}
 #work .swa-toggle{grid-column:2;margin-top:0}
 #work .swa-aperture-slot{grid-column:1;grid-row:1;justify-self:end;width:64px;height:48px;margin:0 9px 0 0}
 #work .swa-aperture{width:64px;height:48px;border-radius:10px}
 #work .swa-is-open .swa-aperture-slot{grid-column:1/-1;grid-row:2;justify-self:stretch;width:auto;height:160px;margin:12px 0 0}
 #work .swa-is-open .swa-aperture{width:100%;height:160px}
 #work .swa-description{grid-column:1/-1;grid-row:3;margin:17px 0 0;max-width:55ch;font-size:16px;line-height:1.5}
 #work .swa-owner{grid-column:1;grid-row:4;margin-top:10px}
 #work .swa-visit{grid-column:1/-1;grid-row:4;justify-self:end;margin-top:10px}
 #work .swa-other .swa-aperture img{object-position:64% 80%}
 #work .swa-other.swa-is-open .swa-aperture img{object-position:50% 65%}
}
@media(max-width:370px){
   #work .swa-name{font-size:22px}
 #work .swa-identity{padding-right:66px}
 #work .swa-aperture-slot,#work .swa-aperture{width:56px}
 #work .swa-is-open .swa-aperture-slot,#work .swa-is-open .swa-aperture{height:152px}
}
@media(prefers-reduced-motion:reduce){#work *,#work *::before,#work *::after{animation:none!important;transition:none!important}}

#work .swa-fallback{margin-top:20px;font-size:16px;line-height:1.5}
#work .swa-fallback a{text-decoration:underline;text-underline-offset:3px}