.work-section { --work-ink:#17232a; background:#fafaf8; color:var(--work-ink); padding:84px 0 76px; overflow:hidden; scroll-margin-top:80px; }
.work-intro { width:min(1440px,88%); margin:auto; }
.work-intro h2 { font-family:var(--font-primary-bold); font-weight:700; font-size:clamp(42px,4.5vw,68px); line-height:1.1; letter-spacing:-.035em; margin:0 0 30px; color:var(--work-ink); }
.work-lead { display:flex; justify-content:space-between; gap:40px; align-items:center; margin-bottom:38px; }
.work-lead p { font-size:16px; line-height:1.6; max-width:690px; margin:0; color:#536069; }
.work-link { display:inline-flex; flex-shrink:0; align-items:center; gap:25px; color:var(--work-ink); padding:8px 18px; border:1px solid #8b9397; border-radius:30px; font-size:13px; text-decoration:none; }
.work-link span { font-size:22px; line-height:1; }
.work-link:hover { background:#e4edf2; }
.work-filters { display:flex; gap:22px; overflow-x:auto; padding:0 0 8px; scrollbar-width:thin; scrollbar-color:#9eb5c4 transparent; }
.work-filters button { color:#536069; background:none; border:0; border-bottom:2px solid transparent; padding:6px 0 10px; white-space:nowrap; font:inherit; font-size:13px; cursor:pointer; }
.work-filters button[aria-pressed=true] { color:#154f74; border-color:#449ad5; }
.work-navigation { display:flex; justify-content:space-between; align-items:center; padding:20px 0 24px; }
.work-section .work-count { margin:0; color:#17232a; font-size:16px; font-variant-numeric:tabular-nums; }
.work-navigation button { color:var(--work-ink); background:none; border:0; font-size:34px; line-height:1; padding:0 0 0 20px; min-width:48px; min-height:44px; cursor:pointer; }
.work-navigation button:disabled { opacity:.25; cursor:default; }
.work-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 6% 10px; scroll-padding-left:6vw; align-items:flex-start; }
.work-track::-webkit-scrollbar { display:none; }
.work-card { flex:0 0 53vw; max-width:880px; min-width:0; scroll-snap-align:start; }
.work-card:nth-child(even) { flex-basis:29vw; }
.work-card button { display:block; width:100%; text-align:left; color:inherit; font:inherit; padding:0; border:0; background:none; cursor:pointer; }
.work-image { display:block; width:100%; height:390px; object-fit:cover; border-radius:8px; background:#e5e8e9; transition:filter .2s; }
.work-card:nth-child(even) .work-image { height:290px; }
.work-card button:hover .work-image { filter:brightness(.91); }
.work-card-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#536069; font-size:12px; margin:18px 0 9px; }
.work-card h3 { color:var(--work-ink); font-size:23px; line-height:1.3; font-weight:500; margin:0 0 9px; letter-spacing:-.02em; }
.work-card p { font-size:14px; line-height:1.65; color:#536069; margin:0; max-width:65ch; }
.work-card-more { display:inline-block; margin-top:15px; font-size:13px; color:#175779; border-bottom:1px solid #91bacf; padding-bottom:3px; }
.work-section :focus-visible { outline:2px solid #18638e; outline-offset:4px; }
.work-dialog { width:min(1000px,94vw); max-height:88dvh; overflow-y:auto; margin:auto; padding:0; background:#fafaf8; color:#17232a; border:0; border-radius:12px; }
.work-dialog::backdrop { background:#071019c9; }
.work-close { position:sticky; top:14px; float:right; z-index:2; margin:14px 14px -58px 0; width:44px; height:44px; background:#fafaf8; color:#17232a; border:1px solid #bec9cf; border-radius:50%; cursor:pointer; font-size:18px; }
.work-detail-copy { padding:32px 40px; }
.work-detail-copy h2 { color:#17232a; font-family:var(--font-primary-bold); font-size:36px; line-height:1.15; font-weight:700; margin:12px 0 18px; }
.work-detail-copy p { line-height:1.7; color:#536069; }
.work-detail-meta { color:#536069; font-size:13px; }
.work-detail-images { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 16px 24px; }
.work-detail-images img { width:100%; height:290px; object-fit:contain; background:#e7e9e8; border-radius:5px; }
.work-detail-images img:first-child { grid-column:1/-1; height:auto; max-height:540px; }
.work-source { font-size:12px; margin-bottom:22px; }
@media(min-width:1800px) { .work-image { height:480px; } .work-card:nth-child(even) .work-image {height:330px;} }
@media(max-width:800px) { .work-section {padding:54px 0;} .work-lead {flex-direction:column; align-items:flex-start; gap:22px; margin-bottom:24px;} .work-intro h2 {margin-bottom:20px;} .work-lead p {font-size:14px;} .work-card,.work-card:nth-child(even) {flex-basis:82vw;} .work-image,.work-card:nth-child(even) .work-image {height:280px;} .work-track {gap:18px;} .work-card h3 {font-size:21px;} .work-filters {gap:20px;} .work-detail-copy {padding:28px 22px;} .work-detail-copy h2 {font-size:30px;} .work-detail-images {grid-template-columns:1fr;} .work-detail-images img {height:auto;} }
@media(prefers-reduced-motion:reduce) { .work-image {transition:none;} }
@media(max-width:800px) {
  .header-cta-group > a { display:none; }
  .nav-container { gap:16px; }
  #headerLogo { max-width:calc(100% - 64px); }
  #headerLogo .custom-logo-file { max-width:100%; }
}