.work-index{--ink:#12201e;--paper:#f2efe8;--copper:#c95d3c;background:var(--paper);min-height:100vh;color:var(--ink);font-family:Arial,sans-serif}.work-index *{box-sizing:border-box}.work-index>header,.work-index>footer{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,75px);font-size:10px;font-weight:900;display:flex}.work-index>section:first-of-type{background:var(--ink);color:#fff;padding:100px clamp(20px,8vw,130px)}.work-index>section:first-of-type p{color:#e98662;font:9px monospace}.work-index h1{letter-spacing:-8px;margin:50px 0;font-size:clamp(70px,10vw,150px);line-height:.8}.work-index h1 em{color:#e98662;font:italic 400 1em Georgia}.work-index>section:first-of-type span{color:#bcc7c4;max-width:700px;font:18px/1.7 Georgia;display:block}.work-group{grid-template-columns:.3fr 1fr;gap:50px;padding:80px clamp(20px,6vw,100px);display:grid}.work-group h2{font:40px Georgia}.work-group>div{border-top:1px solid var(--ink)}.work-group a{border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr 40px;align-items:center;min-height:130px;display:grid}.work-group small{color:var(--copper);font:8px monospace}.work-group h3{font-size:32px}.work-group svg{width:20px}.work-index>footer{border-top:1px solid var(--ink);border-bottom:0}@media (max-width:650px){.work-index h1{letter-spacing:-5px;font-size:64px}.work-group{grid-template-columns:1fr;padding:60px 18px}.work-group a{grid-template-columns:1fr 35px}.work-group small{grid-column:1/-1}.work-group h3{font-size:26px}.work-index>footer{flex-direction:column;align-items:flex-start;height:auto;padding:30px 18px}}