.oil-showcase{padding-block:var(--space-lg) var(--space-xl);background:radial-gradient(ellipse 80% 50% at 30% 45%, oklch(from var(--clr-accent) l c h / .06) 0%, transparent 65%), var(--clr-olive-mist);position:relative}.oil-grid{gap:var(--space-xl);display:grid}.oil-card{background:var(--clr-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:56rem;transition:box-shadow var(--transition-base), transform var(--transition-base);grid-template-columns:1fr;gap:0;margin-inline:auto;display:grid}@media (prefers-reduced-motion:no-preference){.oil-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}}.oil-card__visual{padding:var(--space-lg) var(--space-md) var(--space-md);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:18rem;display:flex;position:relative}.oil-card__visual:after{content:"";background:radial-gradient(circle at 50% 45%, oklch(from var(--clr-accent) l c h / .07) 0%, transparent 55%);pointer-events:none;z-index:0;position:absolute;inset:0}.oil-card__bottle-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.oil-card__bottle{object-fit:contain;filter:drop-shadow(0 8px 24px #06030026)drop-shadow(0 2px 4px #06030014);filter:drop-shadow(0 8px 24px lab(.87598% 1.72236 2.09624/.15))drop-shadow(0 2px 4px lab(.87598% 1.72236 2.09624/.08));width:auto;max-width:16rem;height:auto;max-height:22rem;transition:transform .5s}@media (prefers-reduced-motion:no-preference){.oil-card:hover .oil-card__bottle{transform:scale(1.03)}}.oil-card__badge{z-index:1;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--clr-primary);background:var(--clr-accent-light);border-radius:var(--radius-full);white-space:nowrap;align-items:center;margin-block-start:var(--space-sm);padding:.375rem .875rem;font-weight:600;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #ffffff80,0 1px 2px #0000000f;box-shadow:inset 0 1px 2px lab(100% 0 0/.5),0 1px 2px lab(0% 0 0/.06)}.oil-card__info{gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-lg);text-align:center;flex-direction:column;display:flex;position:relative}.oil-card__rule{background:linear-gradient(90deg, var(--clr-accent) 0%, oklch(from var(--clr-accent) l c h / .15) 100%);height:1px;opacity:.5;margin-block-end:var(--space-xs)}.oil-card__rule--short{width:3rem;margin-inline:auto;margin-block:var(--space-xs) var(--space-sm);background:var(--clr-accent);opacity:.7}.oil-card__seal{border:1.5px solid var(--clr-accent);width:4rem;height:4rem;transition:transform var(--transition-base);border-radius:50%;flex-shrink:0;align-self:center;margin-block-start:var(--space-xs);padding:.25rem;overflow:hidden;transform:rotate(-4deg)}@media (prefers-reduced-motion:no-preference){.oil-card__seal:hover{transform:rotate(0)scale(1.05)}}.oil-card__seal img{object-fit:contain;background:0 0;border-radius:50%;width:100%;height:100%}.oil-card__do{object-fit:contain;background:0 0;width:100%;height:100%}.oil-card__crest{justify-content:center;align-items:center;gap:var(--space-md);margin-block-start:var(--space-sm);display:flex}.oil-card__label{border-radius:var(--radius-sm);width:5rem;height:5rem;box-shadow:var(--shadow-xs);flex-shrink:0;overflow:hidden}.oil-card__label-img{object-fit:cover;width:100%;height:100%}.oil-card__name{font-family:var(--font-heading);color:var(--clr-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin:0;font-size:clamp(2.25rem,6vw + .5rem,4rem);font-weight:700;line-height:1.05}.oil-card__tagline{font-family:var(--font-heading);color:var(--clr-text-muted);margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-style:italic;font-weight:400;line-height:1.3}.oil-card__footer{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--clr-text-muted);border-block-start:1px solid oklch(from var(--clr-accent) l c h / .25);margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);font-style:italic}.oil-card__desc{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.125rem);line-height:var(--leading-loose);color:var(--clr-text);max-width:32rem;margin:0 auto}.oil-card__varieties{flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-xs);display:flex}.oil-card__tag{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--clr-text-muted);padding-block:var(--space-xs);font-weight:500}.oil-card__tag+.oil-card__tag{padding-inline-start:var(--space-sm)}.oil-card__tag+.oil-card__tag:before{content:"·";color:var(--clr-accent);opacity:.6;margin-inline-end:var(--space-sm)}@media (min-width:48rem){.oil-showcase{padding-block:var(--space-xl)}.oil-card{grid-template-columns:38% 1fr;gap:0;max-width:64rem}.oil-card__visual{background:linear-gradient(150deg, var(--clr-olive-mist) 0%, var(--clr-sand-warm) 100%);padding:var(--space-lg);border-radius:var(--radius-lg) 0 0 var(--radius-lg);min-height:28rem;box-shadow:inset 0 0 60px oklch(from var(--clr-accent) l c h / .04)}.oil-card__bottle{max-width:20rem;max-height:26rem}.oil-card__badge{margin-block-start:var(--space-xs)}.oil-card__info{padding:var(--space-xl) var(--space-lg) var(--space-lg) var(--space-xl);text-align:left;justify-content:center;gap:var(--space-sm);min-height:28rem}.oil-card__rule{display:none}.oil-card__crest{top:var(--space-lg);gap:var(--space-sm);flex-direction:column;margin:0;position:absolute;inset-inline-end:var(--space-lg)}.oil-card__seal{width:4.5rem;height:4.5rem}.oil-card__label{width:5.5rem;height:5.5rem}.oil-card__rule--short{margin-inline:0;margin-block:var(--space-xs)}.oil-card__desc{max-width:28rem;margin-inline:0}.oil-card__footer{text-align:left}.oil-card__varieties{justify-content:flex-start}.oil-card__tag{padding-block:var(--space-xs)}.oil-card__tag+.oil-card__tag{padding-inline-start:var(--space-sm)}}@media (min-width:64rem){.oil-card{grid-template-columns:35% 1fr;max-width:72rem}.oil-card__visual{min-height:32rem}.oil-card__info{min-height:32rem;padding:var(--space-xl)}.oil-card__bottle{max-width:22rem;max-height:28rem}}@media (min-width:90rem){.oil-card{max-width:80rem}.oil-card__visual{min-height:36rem}.oil-card__info{min-height:36rem;padding:calc(var(--space-xl) + var(--space-md))}.oil-card__bottle{max-width:24rem;max-height:30rem}.oil-card__name{font-size:5rem}}@media (prefers-reduced-motion:reduce){.oil-card,.oil-card__bottle,.oil-card__seal{transition:none}.oil-card:hover,.oil-card:hover .oil-card__bottle{transform:none}}