.work-list{gap:clamp(22px,3vw,36px);display:grid}.work-card{isolation:isolate;color:#f0f3e8;min-height:clamp(480px,66vh,660px);transition:transform .9s var(--ease), box-shadow .9s var(--ease);background:linear-gradient(#10261f,#0b1b16);border-radius:30px;align-items:end;padding:clamp(28px,4vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0b1b1699}.work-card-art{z-index:-1;transition:transform 1.2s var(--ease);background:radial-gradient(#f0f3e80f .7px,#0000 .85px) 0 0/18px 18px,radial-gradient(60% 70% at 68% 48%,#3b5b468c,#0000 72%);position:absolute;inset:0}.work-card-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b1b16eb 0%,#0b1b1699 30%,#0b1b1600 52%);position:absolute;inset:0}.work-card-copy{max-width:470px;position:relative}.work-card-index{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.04em;color:#f0f3e8;margin:0 0 18px;font-size:34px;line-height:1}.work-card-index span{font-family:var(--font-interface), sans-serif;letter-spacing:0;color:#a9c2ab;font-size:12px}.work-card h2{color:#f7f8f2;text-wrap:balance;margin:12px 0 14px;font-size:clamp(34px,3.4vw,52px);line-height:1.02}.work-card p{color:#c9d6cb;max-width:46ch}.work-tags{letter-spacing:.01em;color:var(--sage);flex-wrap:wrap;gap:6px 14px;margin:0 0 4px;padding:0;font-size:12px;list-style:none;display:flex}.work-card .work-tags{color:#a9c2ab}.work-card-status{max-width:46ch;color:var(--ink);margin-top:14px;font-size:13.5px;line-height:1.45}.work-card .work-card-status{color:#f0f3e8}.work-card-more{color:#10261f;min-height:44px;transition:background-color .4s var(--ease);background:#f0f3e8;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:0 20px;font-size:14px;display:inline-flex}.work-card-more span{transition:translate .4s var(--ease)}.work-back{min-height:44px;color:var(--sage);align-items:center;margin:-8px 0;display:inline-flex}.work-back:hover{color:var(--ink)}.work-status{border-left:2px solid var(--sage);max-width:640px;color:var(--ink);margin-top:22px;padding:2px 0 2px 16px;font-size:15.5px;line-height:1.55}.work-more{margin:14px 0 0}.work-more a{align-items:center;min-height:44px;display:inline-flex}.work-hero-stage{background:radial-gradient(#f0f3e80f .7px,#0000 .85px) 0 0/18px 18px,radial-gradient(60% 70% at 50% 48%,#3b5b468c,#0000 72%),linear-gradient(#10261f,#0b1b16);border-radius:30px;height:clamp(340px,58vh,580px);margin-top:calc(clamp(48px,9vh,110px)/-2.22222);position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0b1b1699}@media (max-width:859px){.work-hero-stage{border-radius:24px;height:300px}}.work-diagram-block{border-top:1px solid var(--line);padding-top:28px}.work-diagram-intro{max-width:46ch;margin-top:16px}@media (hover:hover){.work-card:hover{transform:translateY(-4px);box-shadow:0 50px 90px -40px #0b1b16b3}.work-card:hover .work-card-art{transform:scale(1.03)}.work-card:hover .work-card-more{background:#fff}.work-card:hover .work-card-more span{translate:4px}}.work-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (max-width:859px){.work-card{border-radius:24px;align-items:start;min-height:0;padding:0 0 26px}.work-card-art{z-index:0;height:300px;position:relative;inset:auto}.work-card-art:after{background:linear-gradient(#0b1b1600 68%,#0b1b16 100%)}.work-card-copy{padding:0 22px}.work-card-index{margin-top:-6px;font-size:28px}}
