.pix-story{--pix-space: clamp(1.25rem, 3vw, 2.5rem);--pix-section: clamp(3.5rem, 7vw, 6rem);--pix-title: clamp(1.75rem, 3.1vw, 2.75rem);--pix-small: .875rem;--pix-body: 1.0625rem;color:var(--ink);font-family:var(--b)}.pix-story>section{padding-block:var(--pix-section);border-top:1px solid var(--slate-200)}.pix-story>section:first-child{border-top:0}.pix-story h2{font-size:var(--pix-title);line-height:1.12;letter-spacing:-.025em;max-width:21ch;margin-block:0 var(--pix-space)}.pix-story h3{font-size:var(--pix-body);line-height:1.4;margin-block:0 calc(var(--pix-space) / 2)}.pix-story p{color:var(--slate-600);font-size:var(--pix-body);line-height:1.7;max-width:65ch}.pix-story .pdp-sec__eyebrow{color:var(--teal-700);font-size:var(--pix-small);letter-spacing:.1em;margin-bottom:calc(var(--pix-space) / 2)}.pix-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--pix-space) * 2);align-items:center}.pix-story figure{margin:0;min-width:0}.pix-story figure img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--r-md);background:var(--tile)}.pix-story figcaption{margin-top:calc(var(--pix-space) / 3);color:var(--slate-600);font-size:var(--pix-small);line-height:1.5}.pix-chips{display:flex;flex-wrap:wrap;gap:calc(var(--pix-space) / 3);list-style:none;margin-top:var(--pix-space)}.pix-chips li{padding:calc(var(--pix-space) / 4) calc(var(--pix-space) / 2);border:1px solid var(--slate-300);border-radius:var(--r-pill);font-size:var(--pix-small)}.pix-story .pix-note{font-size:var(--pix-small);margin-top:var(--pix-space)}.pix-link{display:inline-block;margin-top:var(--pix-space);color:var(--teal-700);text-underline-offset:.2em}.pix-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pix-space);list-style:none;margin-top:calc(var(--pix-space) * 1.5)}.pix-steps li{padding:var(--pix-space);background:var(--bg-raised);border-radius:var(--r-md)}.pix-step-number{display:block;font-size:var(--pix-title);color:var(--teal-700);margin-bottom:var(--pix-space)}.pix-formats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--pix-space) / 2);margin-top:calc(var(--pix-space) * 1.5)}.pix-format{-webkit-appearance:none;appearance:none;text-align:left;color:var(--ink);background:var(--bg-raised);border:1px solid var(--slate-200);border-radius:var(--r-md);padding:calc(var(--pix-space) / 2);cursor:pointer;font-family:inherit;min-width:0}.pix-format:hover,.pix-format[aria-pressed=true]{border-color:var(--teal-700);background:var(--teal-50)}.pix-format svg{display:block;width:100%;height:auto;fill:var(--teal-700);margin-bottom:var(--pix-space)}.pix-format strong{display:block;font-size:var(--pix-small)}.pix-format span{display:block;font-size:var(--pix-small);color:var(--teal-700);margin-top:calc(var(--pix-space) / 3)}.pix-custom{display:flex;gap:var(--pix-space);justify-content:space-between;align-items:center;margin-top:var(--pix-space);padding:var(--pix-space);border:1px solid var(--slate-200);border-radius:var(--r-md)}.pix-custom p{max-width:60ch}.pix-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:calc(var(--pix-space) * 2)}.pix-faq>.pdp-sec__eyebrow{grid-column:1}.pix-faq>h2{grid-column:1}.pix-faq>div{grid-column:2;grid-row:1 / span 2}.pix-faq details{border-bottom:1px solid var(--slate-200);padding-block:calc(var(--pix-space) / 1.5)}.pix-faq details:first-child{padding-top:0}.pix-faq summary{cursor:pointer;font-size:var(--pix-body);font-weight:600;line-height:1.5}.pix-faq details p{padding-top:calc(var(--pix-space) / 2);font-size:var(--pix-small)}.pix-end .btn{margin-top:var(--pix-space)}.pix-intro{margin-block:1rem;color:var(--slate-600);line-height:1.6}.pix-intro strong{color:var(--ink);display:block;margin-bottom:.5rem}.pix-examples{font-size:.8125rem;line-height:1.5;margin-block:.75rem 1rem;color:var(--slate-600)}.pix-preview-header{padding-block:3rem;max-width:55rem}.pix-preview-header h1{margin-block:1rem}.pix-story :is(button,a,summary):focus-visible{outline:3px solid var(--teal-700);outline-offset:4px}@media(max-width:899px){.pix-row,.pix-faq{grid-template-columns:minmax(0,1fr)}.pix-row--reverse figure{grid-row:1}.pix-faq>div{grid-column:1;grid-row:auto}.pix-steps{grid-template-columns:minmax(0,1fr)}.pix-custom{align-items:flex-start;flex-direction:column}.pix-story h2{max-width:24ch}.pix-formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/pix-slim.css.map */