.oil-hero{height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--deep)}
.oil-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.oil-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,25,18,.97) 0%,rgba(1,25,18,.78) 42%,rgba(1,25,18,.12) 76%)}
.oil-hero-copy{position:relative;z-index:1;color:white;width:min(720px,86vw);margin-left:7vw}.oil-hero h1{font-size:clamp(3.3rem,6vw,6.2rem)}.oil-hero-copy>p:not(.eyebrow){font-size:19px;color:rgba(255,255,255,.78);max-width:620px}.oil-hero-copy .button{margin-top:20px}
.oil-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.oil-intro h2,.oil-benefits h2,.oil-details h2,.special-note h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.08;letter-spacing:-.03em;margin:0}.formula-seal{margin-top:38px;width:230px;height:230px;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(212,171,83,.14),transparent 68%);color:var(--green)}.formula-seal:before,.formula-seal:after{content:"✦";color:var(--gold)}.formula-seal span{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.formula-seal strong{font:700 29px/1.05 "Playfair Display";margin:12px}
.oil-benefits{background:var(--green);color:white}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.benefit-grid article{padding:34px;min-height:270px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.benefit-grid span{font-size:12px;color:var(--gold);letter-spacing:.18em}.benefit-grid h3{font:600 25px "Playfair Display";margin:55px 0 12px}.benefit-grid p{color:rgba(255,255,255,.68);font-size:14px}
.oil-details{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:90px;padding-bottom:90px}.detail-card{background:var(--pale);padding:65px}.detail-card ul{padding:0;list-style:none;margin:35px 0 0}.detail-card li{padding:13px 0;border-bottom:1px solid rgba(6,59,45,.15)}.detail-card li:before{content:"✦";color:var(--gold);margin-right:12px}.size-panel{background:var(--deep);color:white;padding:65px}.sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.sizes span{border:1px solid rgba(255,255,255,.17);padding:20px;font-size:13px;color:rgba(255,255,255,.67)}.sizes strong{display:block;font:600 40px "Playfair Display";color:var(--gold)}.size-panel>p:last-child{color:rgba(255,255,255,.6);font-size:14px}
.special-note{padding:85px 7vw;background:var(--gold);display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}.special-note .eyebrow{color:var(--deep)}.special-note>p{font-size:18px;margin:0;color:rgba(3,38,29,.76)}
.oil-showcase{padding:105px 7vw;background:linear-gradient(180deg,#fffaf0,#f3ead8)}.oil-showcase .retail-heading{max-width:820px;margin-bottom:48px}.oil-showcase .retail-heading h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.05;color:var(--green);margin:0 0 18px}.oil-showcase .retail-heading>p:last-child{color:var(--muted);font-size:17px}.oil-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oil-showcase .oil-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(154,114,35,.28);box-shadow:0 22px 55px rgba(3,38,29,.09)}.oil-showcase .oil-card-wide{grid-column:span 3}.oil-showcase .oil-card img{width:100%;height:540px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#06271e}.oil-showcase .oil-card-wide img{height:auto;max-height:900px;background:#f7f0e2}.oil-showcase .oil-card>div{padding:28px 30px 32px}.oil-showcase .oil-card h3{font:600 29px/1.15 "Playfair Display",serif;color:var(--green);margin:0 0 12px}.oil-showcase .oil-card p:last-child{color:var(--muted);margin:0}.oil-production-vision{margin:55px 0 0;background:var(--deep);border:1px solid #d8c18a;overflow:hidden}.oil-production-vision img{display:block;width:100%;height:auto}.oil-production-vision figcaption{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:26px 30px;color:white;border-top:1px solid rgba(212,171,83,.45)}.oil-production-vision strong{font:600 26px "Playfair Display";color:var(--gold)}.oil-production-vision span{max-width:680px;color:rgba(255,255,255,.72)}
@media(max-width:1000px){.oil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oil-showcase .oil-card-wide{grid-column:span 2}.benefit-grid{grid-template-columns:repeat(2,1fr)}.oil-intro,.oil-details,.special-note{grid-template-columns:1fr}.oil-details{gap:0}.special-note{align-items:start}}
@media(max-width:700px){.oil-hero{height:640px}.oil-hero>img{object-position:62% center}.oil-overlay{background:linear-gradient(90deg,rgba(1,25,18,.96),rgba(1,25,18,.6))}.oil-showcase{padding:70px 6vw}.oil-grid{grid-template-columns:1fr}.oil-showcase .oil-card-wide{grid-column:auto}.oil-showcase .oil-card img{height:auto;max-height:none}.oil-production-vision figcaption{align-items:flex-start;flex-direction:column;padding:22px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:220px}.detail-card,.size-panel{padding:45px 28px}.sizes{grid-template-columns:1fr 1fr}.special-note{padding:65px 6vw}}
.oil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oil-showcase .oil-card-wide{grid-column:span 2}@media(max-width:700px){.oil-grid{grid-template-columns:1fr}.oil-showcase .oil-card-wide{grid-column:auto}}