@layer sections{.lab-plates{display:block}.plates{display:grid;grid-template-columns:minmax(0,1fr);container-type:inline-size}.plate{--pad-y: clamp(28px, 4.5vw, var(--s-8));--pad-x: clamp(1.25rem, 4vw, var(--s-8));--text: var(--plate-tone);--text-2: var(--plate-tone);--on-ground: var(--plate-tone);--heading: var(--plate-tone);--focus: var(--plate-tone);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-content:start;row-gap:18px;padding:var(--pad-y) var(--pad-x) 0;background:var(--plate-ground);color:var(--plate-tone);text-decoration:none}.plate--cream{--plate-tone: var(--cream);--btn: var(--cream);--btn-text: var(--ink)}.plate--ink{--plate-tone: var(--ink);--btn: var(--ink);--btn-text: var(--cream)}.plate--bare{padding-block-end:var(--pad-y)}a.plate:focus-visible{outline:3px solid var(--plate-tone);outline-offset:-8px}.plate__kicker{grid-row:1;grid-column:1;margin:0}.plate__name{grid-row:2;grid-column:1;margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,15.5vw,6rem);line-height:.88;letter-spacing:-.025em;color:inherit;text-wrap:balance}.plate__foot{grid-row:3;grid-column:1;display:grid;gap:18px;justify-items:start;align-content:start}.plate__facts{display:grid;gap:var(--s-3)}.plate__price .price{font-size:var(--t-price);font-weight:600;font-variation-settings:"wght" 600}.plate__price .unit-price{margin-block-start:var(--s-2);font-size:var(--t-regulatory)}.plate .pband__availability{display:grid;gap:var(--s-1);font-family:var(--font-label);font-size:var(--t-label);line-height:1.4}.plate .pband__availability p{margin:0}.plate__cta{pointer-events:none}.plate:hover .plate__cta{font-variation-settings:"wght" 600}.plate__pack{grid-row:4;grid-column:1;align-self:end;position:relative;z-index:-1;display:block;inline-size:calc(100% + 2 * var(--pad-x));max-inline-size:none;margin:-30% calc(-1 * var(--pad-x)) 0}.plate__pack img{display:block;inline-size:100%;block-size:auto;max-inline-size:none}@media(min-width:768px){.plates{grid-template-columns:repeat(2,minmax(0,1fr))}.plate{--pw: 50cqi}.plate--wide{--pw: 100cqi;grid-column:1 / -1}.plate:not(.plate--wide) .plate__name{font-size:clamp(3rem,7.75vw,6rem)}.plate--wide:not(.plate--bare){--ph: min(92svh, 900px, calc((var(--pw) - var(--pad-x) - 14rem) / .58));min-block-size:var(--ph);padding-block-end:var(--pad-y);grid-template-rows:auto auto 1fr auto}.plate--wide:not(.plate--bare):after{content:"";grid-row:3 / 5;grid-column:1;block-size:calc(.74 * var(--ph))}.plate--wide .plate__name{font-size:clamp(3.25rem,6vw,6.5rem)}.plate--wide .plate__foot{grid-row:4;align-self:end;max-inline-size:calc(var(--pw) - var(--pad-x) - .58 * var(--ph))}.plate--wide .plate__pack{position:absolute;inset:auto calc(-.14 * var(--ph)) calc(-.03 * var(--ph)) auto;block-size:calc(1.2 * var(--ph));inline-size:auto;aspect-ratio:1.7 / 1.5;margin:0;-webkit-mask-image:linear-gradient(to right,transparent 46%,#000 53%),linear-gradient(to bottom,transparent 28%,#000 37%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 46%,#000 53%),linear-gradient(to bottom,transparent 28%,#000 37%);mask-composite:intersect}.plate--wide .plate__pack img{block-size:100%;object-fit:cover;object-position:right bottom}}@media(min-width:1280px){.plate:not(.plate--bare){--ph: min(92svh, 900px, calc((var(--pw) - var(--pad-x) - 14rem) / .58));min-block-size:var(--ph);padding-block-end:var(--pad-y);grid-template-rows:auto auto 1fr auto}.plate:not(.plate--bare):after{content:"";grid-row:3 / 5;grid-column:1;block-size:calc(.74 * var(--ph))}.plate .plate__name,.plate:not(.plate--wide) .plate__name{font-size:clamp(3.25rem,6vw,6.5rem)}.plate .plate__foot{grid-row:4;align-self:end;max-inline-size:calc(var(--pw) - var(--pad-x) - .58 * var(--ph))}.plate .plate__pack{position:absolute;inset:auto calc(-.14 * var(--ph)) calc(-.03 * var(--ph)) auto;block-size:calc(1.2 * var(--ph));inline-size:auto;aspect-ratio:1.7 / 1.5;margin:0;-webkit-mask-image:linear-gradient(to right,transparent 46%,#000 53%),linear-gradient(to bottom,transparent 28%,#000 37%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 46%,#000 53%),linear-gradient(to bottom,transparent 28%,#000 37%);mask-composite:intersect}.plate .plate__pack img{block-size:100%;object-fit:cover;object-position:right bottom}}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/lab-section-plates.css.map */