.hero.hero--oils{color:var(--ink);background:#f4f4ef;padding:clamp(48px,5vw,92px) 0 46px}.hero.hero--oils:before{background:radial-gradient(at 80% 45%,#fff 0,#0000 65%);inset:0}.hero.hero--oils .shell{width:min(1520px,100% - 80px)}.hero.hero--oils .hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,70px)}.hero.hero--oils h1{color:var(--ink);letter-spacing:-.055em;font-size:clamp(44px,4.05vw,72px);line-height:1.04}.hero.hero--oils h1 em{color:inherit;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:.1em;text-decoration-thickness:.11em}.hero.hero--oils .breadcrumbs{color:#5d5b53}.hero.hero--oils .eyebrow{color:#68613a;font-size:.72rem}.hero.hero--oils .lede{color:#5d5b53;max-width:550px;font-size:1rem}.hero.hero--oils .button--ghost{color:var(--ink);border-color:#b9b9ad}.hero.hero--oils .hero__service-links{color:#5d5b53;max-width:580px}.product-scene{min-width:0;margin:0}.product-scene__stage{aspect-ratio:6/5;isolation:isolate;width:100%;position:relative}.product-scene__poster,.product-scene__canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.product-scene__poster{pointer-events:none}.product-scene__canvas{visibility:hidden;touch-action:pan-y;cursor:grab}.product-scene__canvas:active{cursor:grabbing}.product-scene__canvas:focus-visible{outline-offset:3px;border-radius:18px;outline:2px solid #817500}.product-scene__stage[data-state=ready] .product-scene__canvas{visibility:visible}.product-scene__stage[data-state=ready] .product-scene__poster{visibility:hidden}.product-scene__start,.product-scene__controls,.product-scene__angle{z-index:2;position:absolute;bottom:0}.product-scene__start{color:#24231e;min-height:44px;font:inherit;cursor:pointer;background:#fffffff2;border:1px solid #c7c5b8;border-radius:999px;padding:10px 18px;font-size:.76rem;font-weight:700;left:20px}.product-scene__start span{margin-left:22px}.product-scene__controls{background:#fffffff2;border:1px solid #d4d3c8;border-radius:999px;gap:4px;padding:4px;display:none;left:16px}.product-scene__controls button{color:#292720;min-width:44px;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;font-size:.76rem}.product-scene__controls button:last-child{padding-inline:12px}.product-scene__controls button:hover{background:#ececdf}.product-scene__stage[data-state=ready] .product-scene__controls{display:flex}.product-scene__angle{color:#5e5b4b;font-size:.78rem;font-weight:800;bottom:14px;right:24px}.product-scene figcaption{text-align:center;color:#57574d;gap:5px;margin:20px 0;font-size:.7rem;display:grid}.product-scene figcaption small{font-size:.65rem}.product-scene__links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-scene__links a{border-top:1px solid #c8c7ba;justify-content:space-between;gap:8px;padding:13px 0;font-size:.7rem;font-weight:700;display:flex}.lubricant-families{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.lubricant-family{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.lubricant-family__visual{aspect-ratio:1;background:#071d2c;overflow:hidden}.lubricant-family__visual img{object-fit:contain;width:100%;height:100%;transition:transform .18s}.lubricant-family:hover img{transform:scale(1.025)}.lubricant-family__copy{flex-direction:column;flex:1;padding:24px 20px;display:flex}.lubricant-family__copy>span{color:var(--muted);font-size:.68rem}.lubricant-family h3{margin:12px 0;font-size:1.2rem;line-height:1.2}.lubricant-family p{color:var(--muted);font-size:.78rem}.lubricant-family b{justify-content:space-between;margin-top:auto;padding-top:20px;font-size:.75rem;display:flex}.family-note{color:var(--muted);margin-top:18px;font-size:.72rem}.manufacturing-heading{margin-bottom:54px}.manufacturing-heading h2{max-width:800px;font-size:clamp(36px,4vw,58px)}.origin-line{border-block:1px solid #ffffff30;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:30px;padding:22px 0;font-size:.86rem;display:flex}.origin-line strong{color:var(--yellow)}.origin-line span{color:#cccac1}.origin-line a{text-underline-offset:5px;margin-left:auto;text-decoration:underline}.international-manufacturing .manufacturing-summary h3{color:#fff;font-size:1.5rem}.international-manufacturing .manufacturing-summary .lede{color:#cccac1;font-size:1rem}.international-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:45px;display:grid}.international-services article{border:1px solid #ffffff38;border-radius:14px;flex-direction:column;padding:28px;display:flex}.international-services article>span{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem}.international-services h3{color:#fff;margin:24px 0 16px;font-size:1.4rem}.international-services p{color:#c3c0b7;font-size:.86rem}.international-services a{color:#fff;margin-top:auto;padding-top:24px;font-size:.75rem;font-weight:700}.quote input,.quote textarea{font-size:1rem}@media (width<=1100px){.hero.hero--oils .shell{width:calc(100% - 40px)}.hero.hero--oils .hero__grid{gap:28px}.hero.hero--oils h1{font-size:48px}.lubricant-families{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hero.hero--oils .hero__grid{grid-template-columns:minmax(0,1fr)}.hero.hero--oils h1{max-width:730px}.product-scene{width:min(620px,100%);margin-inline:auto}.international-services{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.hero.hero--oils{padding:40px 0 30px}.hero.hero--oils .shell{width:calc(100% - 32px)}.hero.hero--oils h1{font-size:clamp(37px,9.8vw,50px)}.hero.hero--oils .lede{margin-block:24px;font-size:.94rem}.hero.hero--oils .breadcrumbs{color:#5d5b53}.hero.hero--oils .eyebrow{font-size:.64rem}.product-scene__stage{max-height:340px}.product-scene__links{gap:14px}.product-scene__links a{font-size:.63rem}.lubricant-families{gap:12px}.lubricant-family__copy{padding:18px 14px}.lubricant-family h3{font-size:1rem}.lubricant-family p{font-size:.75rem}.lubricant-family b{font-size:.7rem}.origin-line{display:grid}.origin-line a{margin-left:0}}@media (prefers-reduced-motion:reduce){.lubricant-family img{transition:none}.lubricant-family:hover img{transform:none}}
