.oil-showcase{padding-block:var(--space-xl);background:var(--clr-white);margin-block-start:5rem}.oil-lede{text-align:center;max-width:38rem;margin-inline:auto}.oil-lede__name{font-family:var(--font-heading);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--clr-primary);margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:400;line-height:1.05}.oil-lede .dop-crest{margin-block-start:var(--space-md)}.oil-lede__marks{margin-block:var(--space-md) 0;font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--clr-text-muted);gap:.35rem;padding:0;line-height:1.6;list-style:none;display:grid}.oil-lede__text{font-size:var(--text-base);color:var(--clr-text);margin-block:var(--space-md) 0;line-height:2}.oil-layers{gap:var(--space-lg);margin-block-start:var(--space-xl);display:grid}.oil-layer{text-align:center;max-width:30rem;margin-inline:auto}.oil-layer__image{aspect-ratio:1;width:min(80%,22rem);margin:0 auto var(--space-md);position:relative}.oil-layer__image img{object-fit:contain;background:0 0}.oil-layer__title{font-family:var(--font-heading);font-size:var(--text-lg);letter-spacing:var(--tracking-wide);color:var(--clr-primary);margin:0 0 var(--space-xs);font-weight:400}.oil-layer__text{font-size:var(--text-base);color:var(--clr-text-muted);margin:0;line-height:2}.oil-layer.animate-reveal,.oil-close.animate-reveal{transition:opacity .9s ease-out,transform .9s ease-out;transform:translateY(1.5rem)}.oil-layer.animate-reveal.is-visible,.oil-close.animate-reveal.is-visible{transform:none}.oil-close{justify-items:center;gap:var(--space-md);border-block-start:1px solid var(--clr-hairline);grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);display:grid}.oil-facts{gap:var(--space-md);text-align:center;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));width:100%;min-width:0;max-width:52rem;margin:0;padding:0;list-style:none;display:grid}.oil-fact{gap:.25rem;display:grid}.oil-fact__value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--clr-primary);font-weight:400;line-height:1.1}.oil-fact__label{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--clr-text-muted);line-height:1.4}@media (min-width:48rem){.oil-showcase{padding-block:calc(var(--space-xl) * 1.5)}.oil-layers{gap:var(--space-xl);max-width:62rem;margin-inline:auto}.oil-layer{align-items:center;gap:var(--space-lg);text-align:left;grid-template-columns:1fr 1fr;max-width:none;margin-inline:0;display:grid}.oil-layer__image{margin-block-end:0}.oil-layer:nth-child(odd) .oil-layer__image{order:2}.oil-layer:nth-child(2n) .oil-layer__body{text-align:right}.oil-layer__title{font-size:var(--text-xl)}.oil-close{max-width:62rem;margin-inline:auto}}