.db-plab{background:var(--db-foam);color:var(--db-ink);padding:clamp(7rem,10vw,11rem) 0}.db-plab__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2.4rem clamp(2.4rem,4vw,6.4rem);align-items:center}.db-plab__stagewrap{grid-column:1 / 8}.db-plab__side{grid-column:8 / 13}.db-plab__stage{position:relative;display:block;aspect-ratio:1 / 1;background:#fff;border-radius:1.6rem;overflow:hidden;box-shadow:0 30px 80px #00113029}.db-plab__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:clamp(2rem,3vw,4rem);opacity:0;transform:scale(1.04);transition:opacity .45s var(--db-ease),transform .7s var(--db-ease)}.db-plab__img.is-active{opacity:1;transform:scale(1)}.db-plab__index{position:absolute;top:1.2rem;right:2rem;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(4.4rem,6vw,7.2rem);line-height:1;color:#00113012;pointer-events:none;-webkit-user-select:none;user-select:none}.db-plab__title{font-size:clamp(3.2rem,5vw,5.6rem);margin:1.6rem 0 3.2rem;color:var(--db-ink)}.db-plab__rows{border-top:1px solid rgba(0,17,48,.12)}.db-plab__row{display:flex;align-items:baseline;gap:1.4rem;width:100%;padding:1.6rem .4rem;background:none;border:0;border-bottom:1px solid rgba(0,17,48,.12);border-left:3px solid transparent;text-align:left;cursor:pointer;transition:border-color .3s var(--db-ease),padding-left .3s var(--db-ease)}.db-plab__row:focus-visible{outline:2px solid var(--db-flare);outline-offset:2px}.db-plab__num{flex:none;font-size:1.1rem;letter-spacing:.24em;color:#0011308c}.db-plab__name{flex:1;min-width:0;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,1.6vw,1.9rem);line-height:1.2;color:#001130a6;transition:color .3s var(--db-ease)}.db-plab__price{flex:none;font-size:1.3rem;color:#0011309e;font-variant-numeric:tabular-nums}.db-plab__row:hover .db-plab__name{color:#001130d9}.db-plab__row.is-active{border-left-color:var(--db-flare);padding-left:1.2rem}.db-plab__row.is-active .db-plab__name,.db-plab__row.is-active .db-plab__price{color:var(--db-ink)}.db-plab__cta{margin-top:3.2rem}@media screen and (max-width:989px){.db-plab__grid{align-items:start}.db-plab__stagewrap,.db-plab__side{grid-column:1 / 13}.db-plab__title{margin-bottom:2.4rem}}@media(prefers-reduced-motion:reduce){.db-plab__img,.db-plab__row,.db-plab__name{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/db-printlab.css.map */