Estée Lauder's supplier requirements
Estée Lauder has set clear supplier sustainability requirements designed to ensure every vendor supports responsible business practices. For suppliers, this means demonstrating credible progress on environmental, social, and governance (ESG) factors, from emissions tracking to ethical labor practices.
By aligning with these standards, suppliers strengthen their partnership with Estée Lauder and stay ahead of global compliance expectations.
.supplier-enhancement-wrapper {
max-width: 1200px; margin: -60px auto 40px auto; padding: 0 20px; position: relative; z-index: 10;
}
.interactive-supplier-card {
background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(247,253,240,0.95) 100%);
border: 1px solid rgba(64, 144, 109, 0.2);
border-radius: 24px; padding: 40px; box-shadow: 0 20px 60px rgba(0,0,0,0.1);
transition: transform .3s ease, box-shadow .3s ease; position: relative; overflow: hidden;
opacity: 0; transform: translateY(30px);
}
.interactive-supplier-card.loaded { opacity: 1; transform: translateY(0); transition: opacity .6s ease, transform .6s ease; }
.interactive-supplier-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, #40906d, #d1fd98, #40906d);
}
.interactive-supplier-card:hover { transform: translateY(-4px); box-shadow: 0 32px 80px rgba(0,0,0,0.15); }
.supplier-header-grid {
display: grid; grid-template-columns: auto 1fr; gap: 30px; align-items: center; margin-bottom: 30px;
}
.enhanced-logo-container { position: relative; }
.enhanced-logo { width: 100px; height: 100px; background: #fff; border-radius: 20px; padding: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform .2s ease; cursor: pointer; }
.enhanced-logo:hover { transform: scale(1.05); }
.enhanced-logo img { width: 100%; height: 100%; object-fit: contain; }
.logo-pulse { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; background: #d1fd98; border-radius: 50%; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.3);opacity:.7} }
.enhanced-company-info h1 {
font-size: 2.2rem; margin: 0 0 8px; font-weight: 600;
background: linear-gradient(135deg, #0f2b2c 0%, #40906d 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.industry-badge {
background: linear-gradient(135deg, #40906d, #d1fd98); color: #0f2b2c; padding: 6px 16px; border-radius: 20px;
font-size: 0.9rem; font-weight: 600; display: inline-block; margin-bottom: 15px; box-shadow: 0 4px 12px rgba(64,144,109,0.3);
}
.interactive-tags-container { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; justify-content: flex-start; }
.interactive-tag {
background: rgba(64,144,109,0.1); color: #0f2b2c; padding: 8px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600;
border: 1px solid rgba(64,144,109,0.2); cursor: pointer; transition: all .2s ease; position: relative; overflow: hidden;
}
.interactive-tag:hover { background: #40906d; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(64,144,109,0.4); }
.supplier-stats {
display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 20px; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(64,144,109,0.2);
}
.stat-item { text-align: center; padding: 15px; background: rgba(247,253,240,0.5); border-radius: 15px; transition: all .2s ease; cursor: default; }
.stat-item:hover { background: rgba(64,144,109,0.1); transform: scale(1.02); }
.stat-number { font-size: 1.5rem; font-weight: 700; color: #40906d; display: block; margin-bottom: 5px; }
.stat-label { font-size: 0.75rem; color: #666; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.3; }
@media (max-width: 768px) {
.supplier-enhancement-wrapper { margin: -40px auto 20px auto; padding: 0 15px; }
.interactive-supplier-card { padding: 30px 20px; }
.supplier-header-grid { grid-template-columns: 1fr; text-align: center; gap: 20px; }
.interactive-tags-container { justify-content: center; }
.enhanced-company-info h1 { font-size: 1.8rem; }
.supplier-stats { grid-template-columns: repeat(2,1fr); gap: 15px; }
}
@media (max-width: 480px) {
.enhanced-logo { width: 80px; height: 80px; }
}
![Company Logo]()
(function() {
function readSupplierData() {
const el = document.getElementById('supplierData');
if (!el) return null;
try {
const json = el.textContent.trim();
return json ? JSON.parse(json) : null;
} catch (e) {
console.warn('ACF JSON parse error', e);
return null;
}
}
function animateCounter(el) {
const finalValue = el.textContent;
const numeric = parseInt(finalValue, 10);
if (!isNaN(numeric) && numeric > 0) {
let current = 0;
const inc = Math.max(1, Math.floor(numeric / 30));
(function tick() {
current += inc;
if (current >= numeric) { el.textContent = finalValue; return; }
el.textContent = finalValue.includes('+')
? Math.floor(current) + '+'
: Math.floor(current);
requestAnimationFrame(tick);
})();
}
}
function setupInteractions() {
const tagsContainer = document.getElementById('sustainabilityTags');
if (tagsContainer) {
tagsContainer.addEventListener('click', function(e) {
if (e.target.classList.contains('interactive-tag')) {
e.target.style.transform = 'scale(0.95)';
setTimeout(() => { e.target.style.transform = ''; }, 100);
}
});
}
const statNumbers = document.querySelectorAll('.stat-number');
const io = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
animateCounter(entry.target);
io.unobserve(entry.target);
}
});
}, { threshold: 0.5 });
statNumbers.forEach(n => io.observe(n));
}
const tagLabels = {
carbon_neutral: 'Carbon Neutral',
renewable_energy: 'Renewable Energy',
supplier_diversity: 'Supplier Diversity',
net_zero: 'Net Zero',
circular_economy: 'Circular Economy',
water_positive: 'Water Positive',
zero_waste: 'Zero Waste',
climate_pledge: 'Climate Pledge',
green_finance: 'Green Finance',
regenerative_agriculture: 'Regenerative Agriculture',
packaging_optimization: 'Packaging Optimization',
science_based_targets: 'Science Based Targets',
carbon_negative: 'Carbon Negative',
sustainable_sourcing: 'Sustainable Sourcing',
biodiversity: 'Biodiversity Protection',
social_impact: 'Social Impact',
fair_trade: 'Fair Trade',
clean_energy: 'Clean Energy',
sustainable_packaging: 'Sustainable Packaging',
environmental_certification: 'Environmental Certification'
};
function normalizeTags(raw) {
if (!raw) return [];
if (Array.isArray(raw)) {
if (raw.length === 1 && typeof raw[0] === 'string' && raw[0].includes('|||')) {
return raw[0].split('|||').map(s => s.trim()).filter(Boolean);
}
return raw
.flatMap(item => (typeof item === 'string' && item.includes('|||') ? item.split('|||') : [item]))
.map(s => String(s).trim())
.filter(Boolean);
}
if (typeof raw === 'string') {
return (raw.includes('|||') ? raw.split('|||') : raw.split(','))
.map(s => s.trim())
.filter(Boolean);
}
return [];
}
function loadSupplierCard() {
const data = readSupplierData() || {};
const defaults = {
companyName: 'Company Name',
industry: 'Industry',
customers: '',
yearsReporting: null,
requirements: null,
cleanEnergyGoal: null,
sustainabilityTags: [],
logoUrl: '',
logoAlt: ''
};
const info = { ...defaults, ...data };
const $ = id => document.getElementById(id);
$('companyName').textContent = info.companyName;
$('industryBadge').textContent = info.industry || 'Industry';
const logo = $('companyLogo');
if (info.logoUrl) {
logo.src = info.logoUrl;
logo.alt = info.logoAlt || (info.companyName + ' logo');
}
const tagsEl = $('sustainabilityTags');
const slugs = normalizeTags(info.sustainabilityTags);
const displayTags = slugs.map(slug => tagLabels[slug] || slug);
tagsEl.innerHTML = displayTags.length
? displayTags.map(t => `
Loading…
Industry
0
Years reporting on sustainability
0
Sustainability-related requirements
TBD
Clean energy goal target
0
Customers
${t}
`).join('')
: 'Sustainability Focused
';
$('yearsReporting').textContent = info.yearsReporting ? `${info.yearsReporting}+` : '0';
$('requirements').textContent = info.requirements ? `${info.requirements}` : '0';
$('targetYear').textContent = info.cleanEnergyGoal ? `${info.cleanEnergyGoal}` : 'TBD';
// Customers (tile only if >0, dynamic label)
const customerCountEl = $('customerCount');
const customerTile = customerCountEl ? customerCountEl.closest('.stat-item') : null;
const custNum = Number(info.customers);
if (Number.isFinite(custNum) && custNum > 0) {
customerCountEl.textContent = `${Math.floor(custNum)}+`;
const labelEl = $('customerLabel');
if (labelEl) {
labelEl.textContent = `Greenplaces customers reporting to ${info.companyName}`;
}
} else {
if (customerTile) customerTile.remove();
}
document.getElementById('supplierCard').classList.add('loaded');
setupInteractions();
}
document.addEventListener('DOMContentLoaded', loadSupplierCard);
})();
About Estée Lauder
Estée Lauder is a global leader in prestige beauty, offering skincare, makeup, fragrance, and hair care products.
Estée Lauder's climate goals
Reduce absolute Scope 1 and 2 GHG emissions 50% by 2030 from a 2018 base year. Reduce Scope 3 GHG emissions from purchased goods and services, upstream transportation and distribution, and business travel by 60% per unit revenue over the same timeframe.
Estée Lauder's ESG reporting requirements
Suppliers must comply with all relevant environmental laws and regulations related to the development, manufacturing, and distribution of their products. Estée Lauder encourages suppliers to continuously improve their environmental impact by promoting sustainability initiatives, including energy and water conservation, pollution prevention, waste reduction, and practices for reuse and recycling.
For Estée Lauder’s full supplier expectations, view their Supplier Code of Conduct.
Common challenges for Estée Lauder's suppliers
Many vendors struggle with:
How Greenplaces helps Estée Lauder's suppliers
Our tools support vendors through data collection and reporting, helping Estée Lauder’s suppliers simplify climate disclosure compliance and respond confidently to procurement requests.
