.work-hero{padding:150px var(--pad) 70px;background:radial-gradient(circle at 80% 10%,rgba(183,255,60,.08),transparent 30%),#0a0d0f;border-bottom:1px solid var(--line)}
.work-breadcrumb{display:flex;align-items:center;gap:10px;font-size:9px;color:#77827f;margin-bottom:26px}
.work-breadcrumb a{color:#9aa5a1}.work-breadcrumb a:hover{color:var(--acid)}
.work-breadcrumb i{font-style:normal;color:#454f4d}
.work-meta{display:block;font-size:9px;color:var(--acid);letter-spacing:.1em;margin-bottom:18px}
.work-hero h1{max-width:980px;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.14;letter-spacing:-.03em;font-weight:720;text-wrap:balance}
.work-lead{max-width:680px;margin:24px 0 0;color:#a9b2af;font-size:clamp(14px,1.15vw,17px);line-height:1.85}
.work-body{padding:clamp(70px,8vw,110px) 0;background:#0d1113}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:70px}
.work-summary{margin:0;color:#a9b2af;font-size:15px;line-height:1.9}
.work-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.work-list li{display:flex;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:#c4cbc7}
.work-list li span{font-size:9px;color:#65706d;flex:0 0 auto}
.work-flow-wrap{margin-bottom:70px}
.work-label{display:block;margin-bottom:20px;color:var(--acid);font-size:8px;letter-spacing:.14em}
.work-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-flow span{padding:10px 14px;border:1px solid var(--line2);font-size:10px;color:#e2e7e1}
.work-flow i{font-style:normal;color:var(--acid)}
.work-tags{display:flex;flex-wrap:wrap;gap:8px}
.work-tags b{padding:10px 12px;border:1px solid var(--line2);font-size:9px;font-weight:600;color:#c7cfcb}
.work-note{margin:0;color:#5f6a67;font-size:9px;line-height:1.6}
.work-related{padding:clamp(70px,8vw,110px) 0;background:#0b0f11}
.work-related-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.work-related-list li{border-bottom:1px solid var(--line)}
.work-related-list a{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;min-height:80px;transition:padding .3s,background .3s;color:inherit}
.work-related-list a:hover{padding-inline:12px;background:rgba(255,255,255,.025)}
.work-related-list a span,.work-related-list a em{font-size:7px;color:#68736f;font-style:normal}
.work-related-list a em{color:var(--acid)}
.work-related-list a b{font-size:14px;font-weight:520}
.service-cases .work-case-link{display:contents;color:inherit}
.work-count{color:var(--acid);margin-left:10px}
@media(max-width:1100px){.work-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:720px){.work-hero{padding:120px 20px 55px}.work-body{padding:60px 0}.work-grid{margin-bottom:50px}.work-flow-wrap{margin-bottom:50px}.work-related-list a{grid-template-columns:60px 1fr;gap:12px}.work-related-list a em{display:none}}
@media(prefers-reduced-motion:reduce){.work-flow i{animation:none}}
.work-flow-figure{margin:28px 0 0}.work-flow-figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}.work-flow-figure figcaption{margin-top:10px;font-size:11px;color:var(--muted)}
.work-case-lead{display:block;margin-top:6px;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted)}
.work-archive-slogan{max-width:980px;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.14;letter-spacing:-.03em;font-weight:720;text-wrap:balance}
.work-hero h1.work-archive-title{margin-top:18px;font-size:clamp(17px,1.6vw,24px);font-weight:700;letter-spacing:-.02em}
.work-cat-intro{max-width:760px;margin:14px 0 26px;font-size:14px;line-height:1.75;color:var(--muted)}