.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>.site-header{border-bottom:1px solid var(--ink)}.work-hero{background:var(--ink);color:#fff;padding:100px clamp(20px,8vw,130px)}.work-hero>p,.work-websites header>p,.work-group header>p{color:#e98662;letter-spacing:1.2px;font:9px monospace}.work-index h1{letter-spacing:-6px;max-width:1300px;margin:45px 0;font-size:clamp(60px,8vw,116px);line-height:.86}.work-hero>span{color:#bcc7c4;max-width:800px;font:18px/1.7 Georgia;display:block}.work-websites{background:#e7e8e2;padding:100px clamp(20px,6vw,100px)}.work-websites header{grid-template-columns:.7fr 1fr;align-items:end;gap:50px;display:grid}.work-websites header>p{grid-column:1/-1}.work-websites h2{margin:15px 0;font:clamp(52px,6vw,82px)/.95 Georgia}.work-websites header>span{color:#5d6d70;line-height:1.7}.work-websites>div{grid-template-columns:1fr 1fr;gap:22px;margin-top:55px;display:grid}.work-websites a{background:#fff;padding-bottom:28px}.work-websites a>div{background:#d7dcd7;height:390px;padding:22px;position:relative;overflow:hidden}.work-websites img{object-fit:cover;object-position:top;padding:22px}.work-websites small{color:#657174;letter-spacing:.08em;margin:25px 28px 0;font:9px monospace;display:block}.work-websites small>span{border:1px solid #bac1c0;margin-right:4px;padding:5px 8px;display:inline-block}.work-websites h3{margin:15px 28px;font-size:36px}.work-websites b{align-items:center;gap:10px;margin:0 28px;font-size:12px;display:flex}.work-websites svg,.work-group svg{width:18px}.work-group{grid-template-columns:.35fr 1fr;gap:50px;padding:80px clamp(20px,6vw,100px);display:grid}.work-group:nth-of-type(4){background:var(--ink);color:#fff}.work-group h2{margin:15px 0;font:44px Georgia}.work-group>div{border-top:1px solid}.work-group a{border-bottom:1px solid;grid-template-columns:1fr 2fr 40px;align-items:center;min-height:140px;display:grid}.work-group small{color:var(--copper);font:9px monospace}.work-group h3{font-size:34px}@media (max-width:760px){.work-index h1{letter-spacing:-3px;font-size:53px}.work-websites{padding:70px 18px}.work-websites header,.work-websites>div{grid-template-columns:1fr}.work-websites h2{font-size:50px}.work-websites a>div{height:310px}.work-group{grid-template-columns:1fr;padding:65px 18px}.work-group a{grid-template-columns:1fr 35px}.work-group small{grid-column:1/-1}.work-group h3{font-size:27px}}