.showcase{max-width:1240px;margin:70px auto;padding:30px 30px 60px;background:white;color:#303b2d;line-height:1.8}.showcase *{box-sizing:border-box}.showcase>header{max-width:790px;margin-bottom:44px;scroll-margin-top:30px}.showcase-kicker{font-size:11px;letter-spacing:.18em;color:#7c665a}.showcase h2{font-weight:550!important;font-size:clamp(29px,3.2vw,46px);line-height:1.5;margin:12px 0 20px}.showcase h3{font-weight:550!important;line-height:1.6}.showcase-demo{font-size:12px;color:#687062;margin-top:18px}.showcase-lead{display:grid;grid-template-columns:0.7fr 1.6fr;gap:32px;align-items:center;margin:0 0 72px}.showcase-lead h3{font-size:28px;margin:20px 0}.showcase-label{display:inline;background:#f5df85;padding:6px 12px;font-size:12px;transform:rotate(-2deg)}.showcase-small{font-size:12px;color:#687062;margin-top:20px}.showcase-pages{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:30px 24px;background:#e7a1b7;border-radius:5px 20px 8px 14px;box-shadow:12px 12px 0 #f3d459;position:relative}.showcase-pages:before{content:'';position:absolute;width:85px;height:25px;background:#dfd5f2;left:42%;top:-9px;transform:rotate(-9deg)}.showcase-pages a{display:block;background:#fff;color:#303b2d;text-decoration:none;box-shadow:2px 4px 8px #47352930}.showcase-pages a:nth-child(2){transform:rotate(1.5deg)}.showcase-pages img{display:block;width:100%;height:auto}.showcase-pages span{display:block;text-align:center;padding:9px;font-size:11px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 38px}.showcase-card-copy>span{font-family:serif;color:#9d665d;font-size:17px}.showcase-card h3{font-size:23px;margin:8px 0 12px}.showcase-card p{font-size:14px;min-height:78px;margin-bottom:20px}.showcase-image{display:block;padding:22px 18px 12px;background:#e9c655;color:#303b2d;text-decoration:none;border-radius:4px;box-shadow:8px 8px 0 #f3e6b6}.showcase-card:nth-child(2) .showcase-image{background:#c7b0e5;box-shadow:8px 8px 0 #e8dff4}.showcase-card:nth-child(3) .showcase-image{background:#e7a1b7;box-shadow:8px 8px 0 #f7dbe4}.showcase-card:nth-child(4) .showcase-image{background:#c7b0e5;box-shadow:8px 8px 0 #e8dff4}.showcase-image img{width:100%;height:300px;object-fit:cover;object-position:top;background:#fff;display:block;border:1px solid #303b2d26}.showcase-card:nth-child(2) .showcase-image img,.showcase-card:nth-child(4) .showcase-image img{object-fit:contain}.showcase-image span{display:block;text-align:right;font-size:12px;margin-top:10px}.showcase a:focus-visible{outline:3px solid #303b2d;outline-offset:5px}.showcase-limit{margin-top:50px;padding:22px 0;border-top:1px solid #d7d8cf;max-width:820px;font-size:14px}.showcase-limit strong{font-weight:600}.showcase-limit p{margin-top:10px}@media(max-width:760px){.showcase{padding:20px 24px 40px;margin:40px auto}.showcase-lead{grid-template-columns:1fr;gap:24px;margin-bottom:50px}.showcase-lead h3{font-size:25px}.showcase-pages{padding:21px 15px;gap:12px;box-shadow:7px 7px 0 #f3d459}.showcase-grid{grid-template-columns:1fr;gap:42px}.showcase-card p{min-height:0}.showcase-image img{height:260px}.showcase h2{font-size:29px}.showcase-pages span{font-size:10px;padding:6px}.showcase-limit{font-size:13px}}

.showcase-card:nth-child(2) .showcase-image img{height:auto;min-height:0}.showcase-card:nth-child(2) .showcase-image{margin-top:0}