/* Atlas Performance supplements page. Kept separate so catalog/admin releases cannot drop it. */
.consumer-foundation {
  padding:6.5rem 0;
  border-bottom:1px solid rgba(168,207,255,.1);
  background:radial-gradient(circle at 12% 20%,rgba(42,140,255,.1),transparent 30%),radial-gradient(circle at 88% 60%,rgba(204,135,104,.1),transparent 30%),#03080f;
}
.consumer-foundation-head { display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.25rem; }
.consumer-foundation-head h2 { max-width:680px;margin-top:1rem;color:#fff;font:600 clamp(34px,4vw,54px)/1.05 var(--font-display);letter-spacing:-.035em; }
.consumer-foundation-head>p { max-width:450px;color:var(--silver);font-size:14px;line-height:1.7; }
.consumer-foundation-grid { display:grid;grid-template-columns:1fr 1fr;gap:1.35rem; }
.consumer-foundation-card { min-height:370px;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid rgba(168,207,255,.14);border-radius:14px;background:#07101a;color:#fff;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.consumer-foundation-card:hover { transform:translateY(-4px);border-color:rgba(168,207,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.32); }
.consumer-foundation-visual { position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(42,140,255,.18),transparent 58%),#050b13; }
.consumer-foundation-visual::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(7,16,26,.9));pointer-events:none; }
.consumer-foundation-visual img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.38));transition:transform .4s ease; }
.consumer-foundation-card:hover .consumer-foundation-visual img { transform:scale(1.035); }
.performance-foundation-card .consumer-foundation-visual img { width:118%;height:auto; }
.cosmetics-foundation-card { border-color:rgba(204,135,104,.24);background:linear-gradient(135deg,#0b1119,#120c0b); }
.cosmetics-foundation-card .consumer-foundation-visual { background:radial-gradient(circle,rgba(42,140,255,.17),transparent 52%),#080c12; }
.cosmetics-foundation-card .consumer-foundation-visual img { object-fit:cover;object-position:center; }
.consumer-foundation-copy { display:flex;flex-direction:column;justify-content:center;padding:2.25rem; }
.consumer-foundation-copy>span { color:#7fb8ff;font:700 9px var(--font-mono);letter-spacing:.15em;text-transform:uppercase; }
.cosmetics-foundation-card .consumer-foundation-copy>span { color:#f0b89d; }
.consumer-foundation-copy h3 { margin:.75rem 0;color:#fff;font:600 30px/1.08 var(--font-display);letter-spacing:-.025em; }
.consumer-foundation-copy p { color:rgba(255,255,255,.56);font-size:13px;line-height:1.65; }
.consumer-foundation-copy strong { margin-top:1.5rem;color:#fff;font:700 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase; }
.consumer-foundation-copy strong b { margin-left:.35rem;color:#4da3ff;font-size:16px; }
.cosmetics-foundation-card .consumer-foundation-copy strong b { color:#f0b89d; }
.performance-page {
  --perf-gold:#d9a679;
  --perf-gold-light:#f0c9a5;
  --perf-ink:#03070d;
  background:var(--perf-ink);
}
.performance-hero {
  position:relative;
  min-height:630px;
  overflow:hidden;
  border-bottom:1px solid rgba(217,166,121,.2);
  background:radial-gradient(circle at 74% 46%,rgba(217,166,121,.16),transparent 28%),radial-gradient(circle at 15% 35%,rgba(47,88,127,.18),transparent 32%),linear-gradient(145deg,#020408 0%,#07101b 50%,#020408 100%);
}
.performance-hero-grid {
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:linear-gradient(rgba(217,166,121,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(217,166,121,.13) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 72% 45%,#000,transparent 68%);
}
.performance-hero-orbit {
  position:absolute;
  width:520px;
  height:520px;
  right:6%;
  top:50%;
  border:1px solid rgba(217,166,121,.3);
  border-radius:50%;
  transform:translateY(-50%);
  box-shadow:0 0 90px rgba(217,166,121,.08),inset 0 0 80px rgba(217,166,121,.05);
}
.performance-hero-orbit::before,.performance-hero-orbit::after {
  content:"";
  position:absolute;
  border:1px solid rgba(217,166,121,.18);
  border-radius:50%;
}
.performance-hero-orbit::before { inset:11% -5%; }
.performance-hero-orbit::after { inset:-5% 31%; }
.performance-hero-inner {
  position:relative;
  z-index:2;
  min-height:630px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:4rem;
  align-items:center;
}
.performance-kicker {
  color:var(--perf-gold);
  font:600 10px var(--font-mono);
  letter-spacing:.28em;
  text-transform:uppercase;
}
.performance-hero h1 {
  max-width:690px;
  margin:1.1rem 0 1.4rem;
  color:#fff;
  font:500 clamp(48px,6vw,82px)/.98 var(--font-display);
  letter-spacing:-.045em;
}
.performance-hero h1 em { color:var(--perf-gold-light);font-weight:400; }
.performance-hero-copy>p { max-width:590px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.75; }
.performance-trust { display:flex;flex-wrap:wrap;gap:.6rem;margin:1.7rem 0; }
.performance-trust span {
  padding:.5rem .75rem;
  border:1px solid rgba(217,166,121,.26);
  border-radius:999px;
  background:rgba(217,166,121,.07);
  color:rgba(255,255,255,.72);
  font:500 9px var(--font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.performance-hero-cta {
  padding:13px 20px;
  border:1px solid var(--perf-gold);
  border-radius:3px;
  background:linear-gradient(135deg,#e4b68d,#b8794c);
  color:#090604;
  font:800 10px var(--font-mono);
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
}
.performance-hero-mark { display:grid;place-items:center;min-height:370px; }
.performance-hero-mark img { width:min(560px,100%);opacity:.95;filter:drop-shadow(0 20px 38px rgba(0,0,0,.42)) drop-shadow(0 0 26px rgba(217,166,121,.13)); }
.performance-collection { padding:6rem 0 7rem;background:radial-gradient(circle at 50% 0,rgba(217,166,121,.08),transparent 30%),#03070d; }
.performance-section-head { display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem; }
.performance-section-head h2 { margin-top:.65rem;color:#fff;font:500 clamp(32px,4vw,50px)/1.05 var(--font-display);letter-spacing:-.035em; }
.performance-section-head>p { max-width:440px;color:rgba(255,255,255,.5);line-height:1.7; }
.performance-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem; }
.performance-card {
  overflow:hidden;
  border:1px solid rgba(217,166,121,.22);
  border-radius:8px;
  background:#060c14;
  box-shadow:0 22px 55px rgba(0,0,0,.25);
  transition:transform .25s ease,border-color .25s ease;
}
.performance-card:hover { transform:translateY(-4px);border-color:rgba(217,166,121,.52); }
.performance-card-media {
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:radial-gradient(circle at 50% 52%,rgba(217,166,121,.17),transparent 36%),linear-gradient(145deg,#091421,#020509);
}
.performance-card-media::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:linear-gradient(rgba(217,166,121,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(217,166,121,.1) 1px,transparent 1px);
  background-size:38px 38px;
}
.performance-card-media>img { position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .5s ease; }
.performance-card:hover .performance-card-media>img { transform:scale(1.025); }
.performance-card-status,.performance-card-size {
  position:absolute;
  z-index:3;
  top:14px;
  padding:6px 9px;
  border:1px solid rgba(217,166,121,.38);
  border-radius:999px;
  background:rgba(3,7,13,.82);
  color:var(--perf-gold-light);
  font:700 8px var(--font-mono);
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.performance-card-status { right:14px; }
.performance-card-size { left:14px; }
.performance-card-status.is-live { border-color:rgba(95,211,154,.5);color:#92e6bd; }
.performance-placeholder-art { position:absolute;inset:0;display:grid;place-items:center;color:var(--perf-gold); }
.performance-placeholder-orbit { position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(217,166,121,.38);border-radius:50%;box-shadow:0 0 55px rgba(217,166,121,.12),inset 0 0 45px rgba(217,166,121,.07); }
.performance-placeholder-orbit::before,.performance-placeholder-orbit::after { content:"";position:absolute;border:1px solid rgba(217,166,121,.2);border-radius:50%; }
.performance-placeholder-orbit::before { inset:14% -8%; }
.performance-placeholder-orbit::after { inset:-8% 28%; }
.performance-placeholder-a { position:relative;z-index:1;font:400 82px/1 Georgia,serif;text-shadow:0 0 30px rgba(217,166,121,.3); }
.performance-placeholder-flavor { position:absolute;bottom:16%;font:600 9px var(--font-mono);letter-spacing:.2em;text-transform:uppercase; }
.performance-card-body { padding:1.4rem; }
.performance-card-category { color:var(--perf-gold);font:700 8px var(--font-mono);letter-spacing:.16em;text-transform:uppercase; }
.performance-card h3 { min-height:48px;margin:.65rem 0 .6rem;color:#fff;font:500 20px/1.2 var(--font-display); }
.performance-card p { min-height:78px;color:rgba(255,255,255,.52);font-size:12px;line-height:1.65; }
.performance-card-meta { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07); }
.performance-card-meta strong { color:#fff;font:600 22px var(--font-display); }
.performance-card-meta span { color:rgba(255,255,255,.42);font:500 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase; }
.performance-buy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:12px 14px;
  border:1px solid var(--perf-gold);
  border-radius:3px;
  background:linear-gradient(135deg,#e4b68d,#b8794c);
  color:#090604;
  font:800 9px var(--font-mono);
  letter-spacing:.11em;
  text-transform:uppercase;
  text-decoration:none;
}
.performance-buy.is-disabled { justify-content:center;border-color:rgba(217,166,121,.25);background:rgba(217,166,121,.07);color:rgba(217,166,121,.7);cursor:not-allowed; }
.performance-disclaimer { margin-top:2.3rem;padding-top:1.4rem;border-top:1px solid rgba(217,166,121,.16);color:rgba(255,255,255,.36);font-size:10px;line-height:1.7; }
@media (max-width:980px) {
  .consumer-foundation-grid { grid-template-columns:1fr; }
  .performance-hero-inner { grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem; }
  .performance-hero-mark { position:absolute;right:-10%;opacity:.26;width:55%; }
  .performance-hero-copy { position:relative;z-index:2; }
  .performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .consumer-foundation { padding:4.5rem 0; }
  .consumer-foundation-head { align-items:flex-start;flex-direction:column;gap:1rem; }
  .consumer-foundation-card { min-height:0;grid-template-columns:1fr; }
  .consumer-foundation-visual { height:230px; }
  .consumer-foundation-visual::after { background:linear-gradient(0deg,rgba(7,16,26,.92),transparent 45%); }
  .consumer-foundation-copy { padding:1.6rem; }
  .performance-hero,.performance-hero-inner { min-height:590px; }
  .performance-hero-inner { display:flex; }
  .performance-hero h1 { font-size:48px; }
  .performance-hero-mark { width:82%;right:-32%; }
  .performance-trust { gap:.4rem; }
  .performance-section-head { align-items:flex-start;flex-direction:column; }
  .performance-grid { grid-template-columns:1fr; }
  .performance-collection { padding:4rem 0 5rem; }
  .performance-card h3,.performance-card p { min-height:0; }
}