.device-pair{position:relative;min-height:clamp(260px,43vw,650px);display:flex;align-items:center;justify-content:center;padding:5% 8% 2%;background:#d9d8d1;overflow:hidden}.mac{width:82%;position:relative;filter:drop-shadow(0 28px 24px rgba(0,0,0,.2))}.mac-top{height:25px;background:#20211f;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:5px;padding-left:13px}.mac-top i{width:6px;height:6px;border-radius:50%;background:#666}.mac-screen{aspect-ratio:16/9;overflow:hidden;border:8px solid #20211f;border-top:0;background:white}.mac-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.mac-base{height:15px;width:112%;margin-left:-6%;background:linear-gradient(#ddd,#8f908c);clip-path:polygon(3% 0,97% 0,100% 70%,95% 100%,5% 100%,0 70%);border-radius:0 0 14px 14px}.iphone{position:absolute;right:7%;bottom:2%;width:21%;aspect-ratio:9/19;border:7px solid #181916;border-radius:28px;background:#181916;box-shadow:0 20px 30px rgba(0,0,0,.35);overflow:hidden}.iphone-screen{width:100%;height:100%;border-radius:20px;overflow:hidden;background:white}.iphone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.island{position:absolute;z-index:2;top:7px;left:30%;width:40%;height:10px;background:#111;border-radius:20px}.cms-project{display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;border-top:1px solid var(--line);padding:55px 0}.cms-project-copy{align-self:center}.cms-project-copy small,.blog-card small{font:500 8px DM Mono;color:#888;letter-spacing:.1em}.cms-project-copy h2{font-size:clamp(32px,4vw,60px);line-height:1;letter-spacing:-.055em;margin:25px 0}.cms-project-copy p{color:#777;font-size:12px;line-height:1.8}.cms-project-copy>a{font:600 9px DM Mono;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px}.blog-list{background:#fff}.blog-card{border-top:1px solid var(--line);padding:45px 0;display:grid;grid-template-columns:1fr}.blog-card>div:first-child{display:grid;grid-template-columns:.5fr 1.2fr .8fr auto;gap:35px;align-items:start}.blog-card h2{font-size:30px;letter-spacing:-.04em;margin:0}.blog-card p{color:#777;line-height:1.8;font-size:12px}.blog-card button{background:none;border:0;border-bottom:1px solid;cursor:pointer;padding:0 0 8px;font:500 9px DM Mono;text-transform:uppercase}.post-body{max-width:760px;margin:35px auto 0;padding:35px;border-left:2px solid var(--lime);background:var(--paper)}@media(max-width:800px){.cms-project{grid-template-columns:1fr}.device-pair{min-height:300px}.iphone{width:24%;right:5%}.blog-card>div:first-child{grid-template-columns:1fr;gap:15px}.blog-card h2{font-size:26px}}