.pp-shape{overflow:hidden;color:var(--pp-ink, #071a3c);background:var(--pp-paper-2, #f4f6f9)}.pp-shape__head{display:grid;gap:var(--pp-space-5, 1.5rem);align-items:end;padding-block:0 var(--pp-space-6, 2rem)}.pp-shape__eyebrow{margin:0 0 var(--pp-space-3, .75rem);color:var(--pp-muted, #5f6d80)}.pp-shape__title{max-width:18ch}.pp-shape__intro{max-width:48ch;margin:0;font-family:var(--pp-font-mono, monospace);font-size:var(--pp-fs-3, 1rem);line-height:1.55}.pp-shape__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(17rem,84vw);margin:0 calc(var(--page-margin, 20px) * -1);padding:0 var(--page-margin, 20px) var(--pp-space-3, .75rem);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;list-style:none}.pp-shape__item{min-width:0;border-block:var(--pp-border-strong, 2px) solid var(--pp-navy, #0a4c96);border-inline-start:var(--pp-border, 1px) solid var(--pp-navy, #0a4c96);background:var(--pp-paper, #fff);scroll-snap-align:start}.pp-shape__item:last-child{border-inline-end:var(--pp-border, 1px) solid var(--pp-navy, #0a4c96)}.pp-shape__link{display:grid;height:100%;grid-template-rows:auto 1fr;color:inherit;text-decoration:none}.pp-shape__link:focus-visible{position:relative;z-index:1;outline:3px solid var(--pp-navy-electric, #1266c4);outline-offset:-3px}.pp-shape__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-block-end:var(--pp-border, 1px) solid var(--pp-navy, #0a4c96);background:var(--pp-paper, #fff)}.pp-shape__media picture{display:block;height:100%}.pp-shape__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--pp-dur-overlay, .2s) var(--pp-ease, cubic-bezier(.2, 0, 0, 1))}.pp-shape__link:hover .pp-shape__image{transform:scale(1.025)}.pp-shape__number{position:absolute;inset-block-start:0;inset-inline-start:0;min-width:var(--pp-tap, 44px);padding:var(--pp-space-2, .5rem);text-align:center;color:var(--pp-paper, #fff);background:var(--pp-navy, #0a4c96)}.pp-shape__media-word{display:grid;place-items:center;height:100%;font-size:var(--pp-fs-8, 4.75rem);color:var(--pp-rule, #c7d8ec)}.pp-shape__copy{display:flex;min-width:0;flex-direction:column;padding:var(--pp-space-5, 1.5rem)}.pp-shape__item-title{overflow-wrap:anywhere}.pp-shape__text{margin:var(--pp-space-3, .75rem) 0 var(--pp-space-5, 1.5rem);font-family:var(--pp-font-mono, monospace);font-size:var(--pp-fs-2, .875rem);line-height:1.55}.pp-shape__product{display:grid;gap:var(--pp-space-1, .25rem);margin-top:auto;padding-top:var(--pp-space-4, 1rem);border-top:var(--pp-border, 1px) solid var(--pp-rule, #c7d8ec)}.pp-shape__product-title{overflow-wrap:anywhere}.pp-shape__price{font-family:var(--pp-font-mono, monospace);font-size:var(--pp-fs-2, .875rem)}.pp-shape__price-was{margin-inline-end:var(--pp-space-2, .5rem);opacity:.7}.pp-shape__action{margin-top:var(--pp-space-4, 1rem);color:var(--pp-navy, #0a4c96);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.pp-shape__item--2 .pp-shape__copy{background:var(--pp-yellow, #fbdd74)}.pp-shape__item--0 .pp-shape__copy{color:var(--pp-paper, #fff);background:var(--pp-navy, #0a4c96)}.pp-shape__item--0 :is(.pp-shape__item-title,.pp-shape__action){color:var(--pp-paper, #fff)}.pp-shape__item--0 .pp-shape__product{border-top-color:#ffffff73}.pp-shape__editor-hint{margin:0;padding:var(--pp-space-6, 2rem);border:var(--pp-border-strong, 2px) dashed var(--pp-rule-strong, #5c86bc);color:var(--pp-muted, #5f6d80);text-align:center}@media(min-width:750px){.pp-shape__head{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:var(--pp-space-8, 4rem)}}@media(min-width:1200px){.pp-shape__grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;overflow:visible}.pp-shape__item:nth-child(n+3){border-block-start:var(--pp-border-strong, 2px) solid var(--pp-navy, #0a4c96)}.pp-shape__item:nth-child(2n){border-inline-end:0}.pp-shape__item:last-child{border-inline-end:var(--pp-border, 1px) solid var(--pp-navy, #0a4c96)}.pp-shape__grid--count-1{grid-template-columns:minmax(0,32rem)}.pp-shape__grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-shape__grid--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.pp-shape__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pp-shape-guide.css.map */