*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#152337;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid #dee2e7;font-size:14px}.wordmark{font-size:23px;font-weight:700;letter-spacing:-.8px;display:flex;align-items:center;gap:20px}.wordmark span{font-size:13px;font-weight:400;letter-spacing:0;color:#677484}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{padding:70px 0 50px}.intro p{font-size:14px;color:#627288;margin:0 0 18px}.intro h1{font-size:clamp(38px,4.4vw,64px);line-height:1.07;letter-spacing:-2px;font-weight:500;margin:0 0 24px}.intro div{font-size:17px;color:#627288;line-height:1.6}.designs{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}article .preview{display:block;aspect-ratio:1.6;overflow:hidden;border:1px solid #e0e5eb;border-radius:9px;background:#e8ecf1}article img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s}article a:hover img{transform:scale(1.015)}article>div{position:relative;padding:18px 48px 0 0}h2{font-size:20px;line-height:1.2;margin:0 0 7px;font-weight:500}article span{color:#627288;font-size:14px}.open{position:absolute;right:0;top:17px;font-size:26px}footer{max-width:1440px;margin:60px auto 0;padding:30px 5vw;border-top:1px solid #dee2e7;font-size:13px;line-height:1.6;color:#627288}:focus-visible{outline:3px solid #3479cb;outline-offset:4px}@media(max-width:680px){header{padding:20px 6vw}.wordmark span{display:none}main{padding:0 6vw}.intro{padding-top:48px}.designs{grid-template-columns:1fr;gap:32px}.intro h1{letter-spacing:-1.3px}}@media(prefers-reduced-motion:reduce){article img{transition:none}}