.pp-style-notes{overflow:hidden;color:var(--pp-paper, #fff);background:var(--pp-ink, #071a3c)}.pp-style-notes__head{display:grid;gap:var(--pp-space-5, 1.5rem);align-items:end;padding-block-end:var(--pp-space-6, 2rem)}.pp-style-notes__eyebrow{margin:0 0 var(--pp-space-3, .75rem);color:var(--pp-yellow, #fbdd74)}.pp-style-notes__title{max-width:18ch;color:var(--pp-paper, #fff)}.pp-style-notes__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-style-notes__grid{--pp-scrollbar-thumb: var(--pp-yellow, #fbdd74);--pp-scrollbar-thumb-hover: var(--pp-yellow-press, #e9c64a);--pp-scrollbar-thumb-active: var(--pp-paper, #fff);--pp-scrollbar-track: var(--pp-navy, #0a4c96);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-color:var(--pp-scrollbar-thumb, #fbdd74) var(--pp-scrollbar-track, #0a4c96);list-style:none}.pp-style-notes__item{min-width:0;border-block:var(--pp-border, 1px) solid rgb(255 255 255 / 42%);border-inline-start:var(--pp-border, 1px) solid rgb(255 255 255 / 42%);scroll-snap-align:start}.pp-style-notes__item:last-child{border-inline-end:var(--pp-border, 1px) solid rgb(255 255 255 / 42%)}.pp-style-notes__card{display:grid;height:100%;grid-template-rows:auto 1fr;color:inherit}.pp-style-notes__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-block-end:var(--pp-border, 1px) solid rgb(255 255 255 / 42%);background:var(--pp-paper, #fff)}.pp-style-notes__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.pp-style-notes__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-style-notes__media-link:hover .pp-style-notes__image{transform:scale(1.025)}.pp-style-notes__media-word{display:grid;place-items:center;height:100%;font-size:var(--pp-fs-8, 4.75rem);color:var(--pp-rule, #c7d8ec)}.pp-style-notes__look{position:absolute;inset-block-end:0;inset-inline-start:0;padding:var(--pp-space-2, .5rem) var(--pp-space-3, .75rem);color:var(--pp-ink, #071a3c);background:var(--pp-yellow, #fbdd74)}.pp-style-notes__copy{display:flex;flex-direction:column;min-width:0;padding:var(--pp-space-5, 1.5rem)}.pp-style-notes__item-title{color:var(--pp-paper, #fff);overflow-wrap:anywhere}.pp-style-notes__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-style-notes__products{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 rgb(255 255 255 / 42%)}.pp-style-notes__products-label{margin:0 0 var(--pp-space-2, .5rem);color:var(--pp-yellow, #fbdd74)}.pp-style-notes__product-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.pp-style-notes__product-list a{display:flex;min-height:var(--pp-tap, 44px);align-items:center;justify-content:space-between;gap:var(--pp-space-3, .75rem);color:inherit;font-family:var(--pp-font-mono, monospace);font-size:var(--pp-fs-2, .875rem);text-decoration:none;border-top:var(--pp-border, 1px) solid rgb(255 255 255 / 24%)}.pp-style-notes__product-list a:hover{color:var(--pp-yellow, #fbdd74)}.pp-drop-note{display:grid;margin-block-end:var(--pp-space-7, 3rem);border:var(--pp-border-strong, 2px) solid var(--pp-paper, #fff)}.pp-drop-note__media{min-width:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--pp-navy, #0a4c96)}.pp-drop-note__image{display:block;width:100%;height:100%;object-fit:cover}.pp-drop-note__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pp-space-6, 2rem)}.pp-drop-note__eyebrow{margin:0 0 var(--pp-space-3, .75rem);color:var(--pp-yellow, #fbdd74)}.pp-drop-note__title{color:inherit}.pp-drop-note__text{max-width:44ch;margin:var(--pp-space-4, 1rem) 0 0;font-family:var(--pp-font-mono, monospace);line-height:1.55}.pp-drop-note__button{margin-top:var(--pp-space-5, 1.5rem)}.pp-drop-note--text-only .pp-drop-note__copy{min-height:18rem}.pp-style-notes__editor-hint{margin:0;padding:var(--pp-space-6, 2rem);border:var(--pp-border-strong, 2px) dashed rgb(255 255 255 / 55%);text-align:center}@media(min-width:750px){.pp-style-notes__head{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:var(--pp-space-8, 4rem)}.pp-style-notes__grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;overflow:visible}.pp-style-notes__grid--count-1{grid-template-columns:minmax(0,36rem)}.pp-style-notes__grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-drop-note{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.pp-drop-note--text-only{grid-template-columns:minmax(0,48rem)}}@media(min-width:1200px){.pp-style-notes__grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}.pp-style-notes__grid--count-1{grid-template-columns:minmax(0,36rem)}.pp-style-notes__grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.pp-style-notes__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pp-style-notes.css.map */