.fold-section-product-use-cases .puc{padding:clamp(64px,7vw,120px) 0}.puc__head{margin-bottom:clamp(28px,3.5vw,56px)}.puc__heading{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.012em;color:var(--ink, #1B1C19);margin:0;max-width:22ch}.puc__sub{font-family:var(--font-sans);font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:var(--ink-muted, #6B6961);margin:clamp(14px,1.6vw,20px) 0 0;max-width:56ch}.puc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,24px)}.puc[data-card-count="1"] .puc__grid{grid-template-columns:minmax(0,1fr);max-width:380px}.puc[data-card-count="2"] .puc__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.puc[data-card-count="3"] .puc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.puc-card{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,20px);padding:clamp(14px,1.4vw,20px);border-radius:18px;background:transparent;border:1px solid var(--line, #E5E0D5);transition:transform .35s ease,box-shadow .35s ease,border-color .25s ease}.puc-card:hover{border-color:#1b1c192e;transform:translateY(-2px);box-shadow:0 18px 40px -22px #1b1c192e}.puc-card--link{text-decoration:none;color:inherit}.puc-card--link:focus-visible{outline:2px solid var(--accent, #C7553B);outline-offset:4px}.puc-card__media{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4 / 5;background:var(--bg-alt, #F4EDE2)}.puc-card__img{width:100%;height:100%;object-fit:cover;display:block}.puc-card__img--empty{display:grid;place-items:center;background:var(--bg-alt, #F4EDE2)}.puc-card__num{font-family:var(--font-mono, ui-monospace, "JetBrains Mono", monospace);font-size:13px;letter-spacing:.18em;color:var(--ink-muted, #6B6961);opacity:.7}.puc-card__overlay{position:absolute;top:14px;right:14px;width:clamp(48px,5.5vw,78px);height:clamp(48px,5.5vw,78px);border-radius:50%;overflow:hidden;background:var(--bg, #fff);box-shadow:0 6px 18px -8px #14141259;display:grid;place-items:center}.puc-card__overlay-img{width:78%;height:78%;object-fit:contain}.puc-card__title{font-family:var(--font-sans);font-size:clamp(20px,1.7vw,26px);font-weight:700;letter-spacing:-.005em;line-height:1.18;color:var(--ink, #1B1C19);margin:0}.puc-card__stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:clamp(12px,1.2vw,16px) clamp(14px,1.4vw,18px);background:var(--bg-alt, #F4EDE2);border-radius:12px}.puc-card__stat-num{font-family:var(--font-sans);font-size:clamp(20px,1.8vw,26px);font-weight:700;line-height:1;color:var(--ink, #1B1C19);letter-spacing:-.01em}.puc-card__stat-text{font-family:var(--font-sans);font-size:clamp(12px,.9vw,14px);line-height:1.4;color:var(--ink-muted, #6B6961);margin:0}.fold-section-product-use-cases .puc-card{transition:border-color .25s,box-shadow .35s,transform .35s}.fold-section-product-use-cases .puc[data-puc-pre-reveal] .puc-card{opacity:0;transform:translateY(16px);transition:opacity .55s ease var(--puc-delay, 0ms),transform .55s ease var(--puc-delay, 0ms),border-color .25s,box-shadow .35s}.fold-section-product-use-cases .puc[data-puc-pre-reveal].is-revealed .puc-card{opacity:1;transform:translateY(0)}@media(max-width:1080px){.puc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puc[data-card-count="1"] .puc__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.puc__grid,.puc[data-card-count="1"] .puc__grid,.puc[data-card-count="2"] .puc__grid,.puc[data-card-count="3"] .puc__grid,.puc[data-card-count="4"] .puc__grid{display:flex;grid-template-columns:none;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:14px;padding-inline:20px;margin-inline:-20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.puc__grid::-webkit-scrollbar{display:none}.puc-card{flex:0 0 78%;min-width:240px;max-width:320px;scroll-snap-align:start}.puc-card:last-child{margin-right:4px}}@media(prefers-reduced-motion:reduce){.fold-section-product-use-cases .puc-card{transition:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fold-product-use-cases.css.map */