.wb-showcase-examples,.wb-story-preview{color:var(--wp-ink, #1A1F1D);font-family:var(--wp-font-body, Arial, sans-serif)}.wb-showcase-heading{max-width:760px;margin:0 auto 32px;padding:0 16px;text-align:center}.wb-showcase-heading__eyebrow{display:block;margin-bottom:8px;color:var(--wp-green, #2C5F5D);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.wb-showcase-heading h2{margin:0 0 10px;font-family:var(--wp-font-display, "Instrument Sans", Arial, sans-serif);font-size:clamp(30px,3.5vw,48px);font-weight:700;line-height:1.12}.wb-showcase-heading p{margin:0;color:var(--wp-ink-soft, #536560);font-size:clamp(15px,1.4vw,18px)}.wb-showcase-examples{--example-ink: #1A3F3E;position:relative;isolation:isolate;overflow:hidden;padding:clamp(52px,5vw,80px) 24px clamp(62px,6vw,96px);background:var(--wp-cream, #fffaf5);color:var(--example-ink)}.wb-showcase-examples:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:clamp(38px,5vw,76px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f9e8ac' d='M0 50C200 95 340 0 550 38S900 105 1110 49 1340 35 1440 55V100H0Z'/%3E%3Cpath fill='%23e3ecd9' d='M0 73C200 108 355 23 565 60S920 120 1130 72 1345 58 1440 78V100H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;pointer-events:none}.wp-product-template .wb-showcase-examples:after{content:none}.wb-showcase-examples .wb-showcase-examples__inner{width:100%;min-width:0;max-width:var(--wp-content-max, 1180px);margin:0 auto}.wb-showcase-examples .wb-showcase-heading{max-width:850px;margin-bottom:clamp(28px,3vw,44px);padding:0}.wb-showcase-examples .wb-showcase-heading__eyebrow{margin-bottom:14px;font-size:clamp(11px,.9vw,14px);letter-spacing:.16em}.wb-showcase-examples .wb-showcase-heading h2{margin-bottom:18px;color:var(--example-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,3.7vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.wb-showcase-examples .wb-showcase-heading h2 em{color:#2c5f5d;font-weight:400}.wb-showcase-examples .wb-showcase-heading p{max-width:56ch;margin-inline:auto;color:#54625f;font-size:clamp(16px,1.15vw,20px);line-height:1.6;text-wrap:pretty}.wb-showcase-examples .wb-showcase-examples__grid{--wb-examples-mobile: 0;--wb-examples-gap: clamp(18px, 2.2vw, 32px);min-width:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-examples-gap)}.wb-showcase-examples .wb-example-card{--example-paper: #f7eed6;--example-detail: #9b8054;min-width:0;padding:0;border:0;background:transparent}.wb-showcase-examples .wb-example-card:nth-child(2){--example-paper: #fbe6df;--example-detail: #b77d76}.wb-showcase-examples .wb-example-card:nth-child(3){--example-paper: #e5f0f7;--example-detail: #6f91a5}.wb-example-card .wb-example-card__visual{position:relative;aspect-ratio:1;border-radius:22px;background:var(--example-paper);isolation:isolate}.wb-example-card .wb-example-card__image-link{position:relative;display:block;height:100%;border-radius:22px}.wb-example-card .wb-example-card__image-link:focus-visible{outline:3px solid #2C5F5D;outline-offset:5px}.wb-example-card__cover{position:absolute;top:7%;right:6%;width:74%;aspect-ratio:1;overflow:hidden;border-radius:3px 8px 8px 3px;background:#fff9ee;box-shadow:3px 8px 15px #2439471f;transform:rotate(3deg)}.wb-example-card .wb-example-card__book{display:block;width:100%;height:100%;object-fit:contain}.wb-example-card__reference{position:absolute;z-index:1;bottom:6%;left:6%;width:34%;padding:7px 7px 0;border-radius:5px;background:#f5eddd;box-shadow:0 4px 10px #2439471c;transform:rotate(-6deg)}.wb-example-card .wb-example-card__portrait{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:2px;object-fit:cover;object-position:center}.wb-example-card__photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:2px}.wb-example-card__reference-label{display:block;padding-block:5px 6px;color:#54625f;font-size:clamp(10px,.8vw,14px);font-weight:500;line-height:1.2;text-align:center}.wb-example-card__arrow{position:absolute;bottom:8%;left:44%;width:20%;height:15%;fill:none;stroke:var(--example-detail);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wb-example-card__spark{position:absolute;top:7%;left:7%;color:var(--example-detail);font-size:clamp(24px,2.6vw,40px);font-weight:400;line-height:1;pointer-events:none}.wb-example-card__copy{padding:20px 4px 0;text-align:center}.wb-example-card__copy h3{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2vw,28px);font-weight:400;line-height:1.2}.wb-example-card__copy h3 a{color:var(--example-ink);text-decoration:none}.wb-example-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;color:var(--wp-green, #2C5F5D);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#28746b59}.wb-example-card__cta:hover{text-decoration-color:currentColor}.wb-example-card__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wb-example-card__copy a:focus-visible,.wb-showcase-examples__grid:focus-visible{outline:3px solid #2C5F5D;outline-offset:5px;border-radius:3px}.wb-showcase-examples__note{margin:24px 16px 0;color:#54625f;font-size:12px;line-height:1.5;text-align:center}.wb-showcase-examples__swipe-hint{display:none}.wb-story-preview__rail:focus-visible{outline:3px solid var(--wp-green, #2C5F5D);outline-offset:3px}.wb-story-preview{padding:clamp(54px,6vw,86px) 0 clamp(62px,7vw,100px);overflow:hidden;background:#fff}.wb-story-preview__rail{position:relative;display:flex;gap:16px;width:100%;padding:4px 16px 16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wb-story-preview__rail::-webkit-scrollbar{display:none}.wb-story-preview__cover,.wb-story-preview__moment{flex:0 0 auto;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.wb-story-preview__cover{width:clamp(260px,31vw,440px);aspect-ratio:1}.wb-story-preview__moment{width:clamp(340px,42vw,560px);aspect-ratio:1376 / 768}.wb-story-preview__cover img,.wb-story-preview__moment img{display:block;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;object-fit:cover}.wb-story-preview__cover img{transform:scale(1.34);transform-origin:center}.wb-story-preview__moment img{object-fit:contain}.wb-showcase-heading--second{margin-top:clamp(18px,2.5vw,32px);margin-bottom:18px}.wb-showcase-heading--second h2{font-size:clamp(27px,3vw,40px)}@media(min-width:701px)and (max-width:1000px){.wb-showcase-examples .wb-showcase-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-showcase-examples .wb-example-card:last-child{grid-column:1 / -1;justify-self:center;width:calc((100% - var(--wb-examples-gap)) / 2)}}@media(max-width:700px){.wb-showcase-examples{padding-inline:0}.wb-showcase-examples .wb-showcase-heading{padding-inline:24px}.wb-showcase-examples .wb-showcase-examples__grid{--wb-examples-mobile: 1;display:flex;gap:16px;padding:10px 24px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a2b6a3 transparent}.wb-showcase-examples .wb-example-card{flex:0 0 min(82vw,340px);scroll-snap-align:start}.wb-showcase-examples__swipe-hint{display:block;margin:10px 24px 0;color:#54625f;font-size:13px;text-align:center}.wb-showcase-examples__note{margin-top:12px}}@media(max-width:700px){.wb-story-preview__rail{gap:12px}.wb-story-preview__cover{width:min(78vw,340px)}.wb-story-preview__moment{width:min(88vw,420px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/wonderbook-showcase.css.map */