/* work */
.work{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px}
.case{background:var(--panel);color:var(--panel-ink);border-radius:22px;padding:clamp(24px,4vw,44px);display:grid;gap:18px;align-content:start;position:relative;overflow:hidden}
.case .eyebrow{color:var(--panel-accent)} .case p{color:var(--panel-muted);max-width:52ch}
.case .chips span{background:var(--panel-2);border-color:var(--panel-line);color:var(--panel-ink)}
.cal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}
.cal i{height:34px;border-radius:7px;background:var(--panel-2);border:1px solid var(--panel-line)}
.cal i.b{background:var(--panel-accent);border-color:var(--panel-accent);animation:book 6s infinite}
.cal i.b:nth-of-type(3n){animation-delay:1.5s}.cal i.b:nth-of-type(4n){animation-delay:3s}.cal i.y{background:var(--hl);border-color:var(--hl)}
.domains{border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:clamp(24px,3vw,36px);display:grid;gap:14px;align-content:start}
.domains ul{list-style:none;margin:0;padding:0}
.domains li{font:600 clamp(1.25rem,2.4vw,1.7rem)/1.1 var(--display);padding-block:13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;transition:color .2s,padding .2s}
.domains li:last-child{border:0}
.domains li:hover{color:var(--accent);padding-left:8px}
.domains li::after{content:"→";font-size:1rem;color:var(--accent)}

@keyframes book{0%,40%,100%{opacity:1}55%,85%{opacity:.25}}

@media (max-width:900px){ .work{grid-template-columns:minmax(0,1fr)} }