.example-body{background:#f7f3ec}.example-cover{max-width:1120px;margin:35px auto 0;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 22px 60px #5c514315}.example-sky{height:300px;background:#ead7c7;position:relative;overflow:hidden;display:grid;place-items:center}.example-sky>span{position:absolute;left:14%;top:20%;font-size:25px;color:#fff}.example-sky>i{position:absolute;right:13%;bottom:5%;font-size:80px;color:#fff;font-style:normal}.example-rainbow{width:220px;height:220px;border:35px solid #cd826e;border-bottom-color:transparent;border-radius:50%;transform:translateY(75px);box-shadow:inset 0 0 0 22px #e8a982}.example-intro{text-align:center;padding:45px 25px}.example-intro h1{font:400 clamp(45px,7vw,75px)/1 var(--serif);margin:0}.example-intro>p{max-width:650px;margin:15px auto;color:var(--muted)}.example-intro .due{font-size:12px;color:var(--coral);font-weight:700}.example-meta{display:flex;justify-content:center;gap:45px;margin-top:30px}.example-meta span{font-size:11px;color:#888}.example-meta strong{display:block;font:400 25px var(--serif);color:var(--ink)}.example-content{max-width:1220px;margin:auto;padding:90px 28px}.example-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.example-toolbar h2,.example-cta h2{font:400 clamp(35px,5vw,55px)/1.08 var(--serif);margin:0}.example-filters{display:flex;gap:7px;flex-wrap:wrap}.example-filters button{border:1px solid #d7d1c7;background:transparent;border-radius:30px;padding:8px 14px;font-size:11px}.example-filters button.active{background:var(--ink);color:#fff}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.example-gift{background:#fff;border-radius:14px;padding:9px 9px 15px;transition:.25s}.example-gift:hover{transform:translateY(-4px);box-shadow:0 15px 35px #5c514316}.example-gift.hidden{display:none}.demo-art{height:220px;border-radius:9px;display:grid;place-items:center;position:relative;color:#776d63}.demo-art span{font-size:72px;text-shadow:14px 14px #ffffff55}.demo-art b{position:absolute;left:10px;top:10px;background:#ffffffcc;border-radius:20px;padding:5px 9px;font-size:8px}.demo-art.blue{background:#dce8e8}.demo-art.sand{background:#e8dfd0}.demo-art.rose{background:#ead8d2}.demo-art.sage{background:#dce6d9}.demo-art.coral{background:#edc6b9}.demo-art.lilac{background:#e6dfeb}.demo-art.cream{background:#f1e9d9}.demo-art.yellow{background:#efe2ae}.demo-art.mint{background:#cfe2da}.demo-art.clay{background:#dfc4b1}.example-gift>small{display:block;font-size:8px;letter-spacing:1.3px;color:#999;margin:14px 6px 2px}.example-gift h3{font:400 18px var(--serif);margin:0 6px 14px;min-height:45px}.gift-foot{border-top:1px solid #eee9e2;padding:12px 6px 0;display:flex;justify-content:space-between;align-items:center}.gift-foot strong{font-size:13px}.gift-foot button{border:0;border-radius:6px;background:var(--ink);color:#fff;padding:7px 11px;font-size:10px}.gift-foot em{font-style:normal;font-size:9px;color:#5c7d68;background:#e2ede5;padding:6px 8px;border-radius:20px}.example-cta{text-align:center;background:#f5dfd5;padding:90px 25px}.example-cta>span{color:var(--coral)}.example-cta h2{margin:12px}.example-cta h2 em{color:var(--coral)}.example-cta p{color:var(--muted);margin-bottom:28px}.example-footer{padding:35px 7%;background:var(--ink);display:flex;justify-content:space-between;align-items:center}.example-footer img{filter:brightness(0) invert(1)}.example-footer p{color:#999;font-size:10px}@media(max-width:900px){.example-grid{grid-template-columns:repeat(2,1fr)}.example-toolbar{display:block}.example-filters{margin-top:20px}}@media(max-width:560px){.example-cover{margin:12px}.example-sky{height:220px}.example-meta{gap:15px}.example-grid{grid-template-columns:1fr}.demo-art{height:280px}.example-content{padding:65px 16px}.example-footer{display:block;text-align:center}.example-footer p{margin-top:15px}}