.work-hero{padding-bottom:calc(clamp(56px, 8vw, 120px) + var(--cut))}.work-legend{border-top:1px solid var(--rule-strong);grid-template-columns:1fr 1fr;margin-top:clamp(48px,6vw,88px);display:grid}.work-legend>div{grid-template-columns:150px 1fr;align-items:start;gap:16px;padding:18px 24px 0 0;display:grid}.work-legend>div+div{border-left:1px solid var(--rule);padding-left:24px}.work-legend dd{font-size:var(--fs-small);color:var(--text-2)}.work-legend__case{border:1px solid var(--ok);color:var(--ok);border-radius:2px;padding:5px 9px;font-size:.6875rem;display:inline-flex}@media (max-width:900px){.work-legend{grid-template-columns:1fr}.work-legend>div,.work-legend>div+div{border-left:0;border-bottom:1px solid var(--rule);padding:16px 0}}@media (max-width:480px){.work-legend>div{grid-template-columns:1fr;gap:8px}}.work-feature__head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"idx idx""title body";align-items:end;gap:24px clamp(32px,6vw,112px);margin-bottom:clamp(40px,5vw,64px);display:grid}.work-feature__head .index{grid-area:idx}.work-feature__head h2{grid-area:title}.work-feature__head .body{grid-area:body}@media (max-width:900px){.work-feature__head{grid-template-columns:1fr;grid-template-areas:"idx""title""body"}}.work-index__head{flex-direction:column;gap:24px;margin-bottom:clamp(40px,5vw,72px);display:flex}.work-list{border-top:1px solid var(--rule-strong)}.work-item{border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--header-h) + 24px);grid-template-columns:minmax(80px,1.2fr) minmax(0,6fr) minmax(0,3.5fr);gap:24px clamp(24px,4vw,64px);padding:clamp(32px,4vw,52px) 0;display:grid}.work-item__n{letter-spacing:-.06em;color:var(--text-3);font-size:clamp(3rem,6vw,5.6rem);font-weight:300;line-height:.85;transition:color .4s}.work-item:hover .work-item__n{color:var(--blue)}.work-item__main{flex-direction:column;gap:14px;display:flex}.work-item__main .body{max-width:58ch}.work-item__side{flex-direction:column;align-items:flex-start;gap:10px;padding-top:6px;display:flex}.work-item__side ul{margin-bottom:8px}.work-item__side li{font-size:var(--fs-small);color:var(--text-2);padding:3px 0}@media (max-width:900px){.work-item{grid-template-columns:56px 1fr}.work-item__side{grid-column:2}.work-item__n{font-size:2.4rem}}.work-cases__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:40px clamp(32px,6vw,112px);display:grid}.work-cases__grid .index{margin-bottom:24px}.work-cases__slot{border:1px dashed var(--rule-strong);background:repeating-linear-gradient(-45deg,#0000 0 14px,#13151806 14px 15px);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;min-height:260px;padding:clamp(24px,3vw,40px);display:flex}.work-cases__text{font-size:var(--fs-lead);letter-spacing:-.01em;max-width:40ch;line-height:1.4}@media (max-width:900px){.work-cases__grid{grid-template-columns:1fr}}