/* GALOK Work · section sheet on the unified foundation (assets/galok/foundation.css).
   Signature of the Work section: evidence first — every project is a card with its own record, decisions and limits.
   Every colour is a --g-* token (complete light and dark). */

.wk-cover{padding:clamp(48px,9vw,128px) 0 clamp(28px,4vw,48px)}
.wk-cover .f-eyebrow{margin-bottom:22px}
.wk-cover .f-display{max-width:10em;margin-bottom:26px}

.wk-featured{row-gap:clamp(18px,3vw,32px)}
.wk-feature{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--g-rule-strong);border-radius:20px;background:var(--g-bg);color:inherit;text-decoration:none;transition:border-color .25s var(--g-ease),transform .35s var(--g-ease)}
.wk-feature:hover,.wk-feature:focus-visible{border-color:var(--g-ink);transform:translateY(-3px)}
.wk-feature-media{display:block;overflow:hidden;background:var(--g-surface);border-bottom:1px solid var(--g-rule)}
.wk-feature-media img,.wk-feature-media svg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s var(--g-ease)}
.wk-feature:hover .wk-feature-media img{transform:scale(1.03)}
.wk-feature-media--ivdni svg{aspect-ratio:16/9;height:auto}
.wk-feature-body{display:grid;gap:10px;align-content:start;padding:clamp(18px,2.4vw,28px)}
.wk-feature-body .f-title{font-size:clamp(1.35rem,2.2vw,1.9rem)}
.wk-feature-body small{color:var(--g-ink-2);font-size:15px;line-height:1.6}
.wk-feature-body .f-btn{justify-self:start;margin-top:6px}

.wk-index{margin:0;padding:0;list-style:none;border-top:1px solid var(--g-ink)}
.wk-index a{display:grid;grid-template-columns:80px minmax(0,1fr) 24px;gap:clamp(14px,2.4vw,28px);align-items:center;padding:16px 0;border-bottom:1px solid var(--g-rule);color:inherit;text-decoration:none}
.wk-index img{width:80px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:var(--g-surface)}
.wk-idx-body{display:grid;gap:4px}
.wk-idx-body strong{font:560 clamp(1.15rem,1.8vw,1.45rem)/1.15 var(--g-sans);letter-spacing:-.03em;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.2em;transition:text-decoration-color .25s}
.wk-index a:hover .wk-idx-body strong,.wk-index a:focus-visible .wk-idx-body strong{text-decoration-color:var(--g-signal)}
.wk-idx-body small{color:var(--g-muted);font-size:14px;line-height:1.5}
.wk-index > li > a > b{color:var(--g-muted);font-weight:400}

.wk-cases{row-gap:clamp(28px,4vw,48px)}
.wk-case{display:grid;gap:12px;align-content:start;padding-top:18px;border-top:1px solid var(--g-ink)}
.wk-case h3{margin:0;font:560 clamp(1.3rem,2vw,1.6rem)/1.12 var(--g-sans);letter-spacing:-.035em}
.wk-case > p{margin:0;max-width:58ch;color:var(--g-ink-2);line-height:1.62}
.wk-case dl{display:grid;gap:8px;margin:0}
.wk-case dl div{display:grid;grid-template-columns:7rem 1fr;gap:12px;padding-top:8px;border-top:1px solid var(--g-rule)}
.wk-case dt{font:500 11px/1.7 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted)}
.wk-case dd{margin:0;color:var(--g-ink-2);font-size:14px;line-height:1.55}
.wk-case .f-quiet-link{justify-self:start}
@media (max-width:640px){.wk-case dl div{grid-template-columns:1fr;gap:2px}}