/* ============================================================
   CodebyCarter — portfolio-new.css
   Dedicated case-study portfolio. Premium presentation for the
   real built work. Designed to scale: one case today, easy to
   add more rows below as builds ship.
   ============================================================ */

.portfolio-new{
  background:
    radial-gradient(900px 600px at 80% 10%, rgba(212,164,55,.06), transparent 60%),
    radial-gradient(700px 500px at 20% 90%, rgba(168,85,247,.04), transparent 65%),
    linear-gradient(180deg, #FAFAF7 0%, #F3F1EA 100%);
  color:#0A0A0F;
  padding:clamp(110px,13vw,180px) 0;
  position:relative;overflow:hidden;
}
.portfolio-new::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .035 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity:.5;
}

.portfolio-new .shell{position:relative;z-index:2}

/* ============================================================
   SECTION HEAD
   ============================================================ */
.pw-head{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;
  margin-bottom:64px;padding-bottom:28px;
  border-bottom:1px solid rgba(20,20,30,.10);
}
.pw-head-left{min-width:0}
.pw-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.20em;
  text-transform:uppercase;color:#6E6E7A;font-weight:700;
  margin-bottom:14px;display:inline-flex;align-items:center;gap:10px;
}
.pw-eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.5}

.pw-h{
  font-size:clamp(42px,7vw,92px);line-height:1.0;letter-spacing:-.038em;
  font-weight:600;color:#0A0A0F;margin-bottom:0;
}
.pw-h .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  background:linear-gradient(135deg,#D4A437,#8B6914);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.pw-head-right{
  text-align:right;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.10em;color:#6E6E7A;font-weight:600;line-height:1.6;
  text-transform:uppercase;
}
.pw-head-right b{
  display:block;color:#0A0A0F;font-size:14px;letter-spacing:-.005em;
  text-transform:none;font-family:'Space Grotesk',sans-serif;font-weight:600;
  margin-bottom:2px;
}

/* ============================================================
   CASE STUDY (single row — layout works for future rows too)
   ============================================================ */
.pw-case{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:48px;align-items:center;
  margin-bottom:60px;
  padding:32px 0;
}

/* === LEFT: project info === */
.pw-case-info{min-width:0;max-width:520px}

.pw-case-num{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:#6E6E7A;font-weight:700;
  margin-bottom:18px;display:inline-flex;align-items:center;gap:8px;
}
.pw-case-num-live{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:99px;
  background:rgba(34,197,94,.10);color:#15803D;
  font-size:9.5px;letter-spacing:.16em;font-weight:800;
}
.pw-case-num-live::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#22C55E;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);
  animation:pwLivePulse 2s ease-in-out infinite;
}
@keyframes pwLivePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}
  50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}
}

.pw-case-title{
  font-size:clamp(40px,5.5vw,64px);line-height:1.0;letter-spacing:-.035em;
  font-weight:600;color:#0A0A0F;margin-bottom:14px;
}
.pw-case-meta{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;
  color:#6E6E7A;font-weight:600;margin-bottom:24px;
}
.pw-case-meta span{color:#0A0A0F}
.pw-case-meta-sep{color:#6E6E7A;margin:0 8px;opacity:.5}

.pw-case-desc{
  font-size:16px;line-height:1.65;color:#3A3A4A;
  margin-bottom:32px;
}
.pw-case-desc b{color:#0A0A0F;font-weight:600}

/* === STATS GRID === */
.pw-case-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin-bottom:30px;
  padding:24px 0;
  border-top:1px solid rgba(20,20,30,.10);
  border-bottom:1px solid rgba(20,20,30,.10);
}
.pw-stat{text-align:left}
.pw-stat-num{
  font-size:28px;line-height:1;letter-spacing:-.025em;
  font-weight:700;color:#0A0A0F;
  font-feature-settings:'tnum' on;
  background:linear-gradient(135deg,#D4A437,#8B6914);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.pw-stat-lbl{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#6E6E7A;font-weight:600;
  margin-top:5px;
}

/* === TAGS === */
.pw-case-tags{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-bottom:32px;
}
.pw-case-tags span{
  display:inline-block;
  padding:5px 10px;border-radius:6px;
  background:rgba(20,20,30,.05);
  border:1px solid rgba(20,20,30,.10);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.02em;
  color:#3A3A4A;font-weight:500;
}

/* === ACTIONS === */
.pw-case-actions{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
}
.pw-cta-live{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:99px;
  background:#0A0A0F;color:#F5EFE0;
  font-weight:600;font-size:14px;letter-spacing:-.005em;
  text-decoration:none;
  border:1px solid #0A0A0F;
  transition:transform .25s cubic-bezier(.16,1,.3,1), background .25s ease, box-shadow .25s ease;
  cursor:none;
}
.pw-cta-live:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, #FFE8A0 0%, #D4A437 100%);
  color:#0A0A08;border-color:transparent;
  box-shadow:0 14px 32px -10px rgba(212,164,55,.45);
}
.pw-cta-live svg{transition:transform .25s ease}
.pw-cta-live:hover svg{transform:translate(3px,-3px) rotate(-30deg)}

.pw-cta-process{
  font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500;
  color:#3A3A4A;letter-spacing:-.005em;text-decoration:none;
  padding:13px 6px;
  display:inline-flex;align-items:center;gap:6px;
  border-bottom:1px solid transparent;
  transition:color .2s, border-color .2s;
}
.pw-cta-process:hover{color:#0A0A0F;border-bottom-color:#0A0A0F}

/* === RIGHT: live preview === */
.pw-case-preview{
  position:relative;
}
.pw-browser{
  border-radius:14px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid rgba(20,20,30,.10);
  box-shadow:
    0 30px 80px -24px rgba(20,20,30,.30),
    0 6px 18px -10px rgba(20,20,30,.18);
  aspect-ratio:16/11;
  display:flex;flex-direction:column;
  transform:perspective(1600px) rotateY(-3deg) rotateX(2deg);
  transform-origin:left center;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.pw-browser:hover{transform:perspective(1600px) rotateY(0) rotateX(0)}

.pw-browser-chrome{
  display:flex;align-items:center;gap:6px;
  padding:10px 14px;
  background:#F4F4F6;
  border-bottom:1px solid rgba(20,20,30,.08);
  flex-shrink:0;
}
.pw-browser-chrome span{width:11px;height:11px;border-radius:50%;background:#D6D6D6}
.pw-browser-chrome span:nth-child(1){background:#EB6A5C}
.pw-browser-chrome span:nth-child(2){background:#F6BB3F}
.pw-browser-chrome span:nth-child(3){background:#67C657}
.pw-browser-url{
  margin-left:14px;flex:1;
  background:#FFFFFF;border-radius:6px;
  padding:5px 14px;
  font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#6E6E7A;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border:1px solid rgba(20,20,30,.06);
}
.pw-browser-url-lock{margin-right:6px;color:#22C55E}

.pw-iframe{
  flex:1;width:100%;
  border:0;background:#FAFAF7;
  display:block;
}
.pw-iframe-fallback{
  flex:1;display:grid;place-items:center;
  padding:24px;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:12px;color:#6E6E7A;
}

.pw-preview-foot{
  margin-top:16px;
  display:flex;align-items:center;gap:10px;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.10em;
  text-transform:uppercase;color:#6E6E7A;font-weight:600;
}
.pw-live-dot{
  width:8px;height:8px;border-radius:50%;background:#22C55E;
  box-shadow:0 0 0 0 rgba(34,197,94,.6);
  animation:pwLivePulse 2s ease-in-out infinite;
}

/* ============================================================
   PLACEHOLDER ROW (for "coming soon" future case studies)
   ============================================================ */
.pw-pending{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;
  margin-bottom:60px;padding:32px 0;
  opacity:.55;
}
.pw-pending-info .pw-case-num{color:#9E9EA8}
.pw-pending-info .pw-case-num .pw-case-num-pending{
  background:rgba(20,20,30,.06);color:#6E6E7A;
}
.pw-pending-info .pw-case-num .pw-case-num-pending::before{
  background:#9E9EA8;animation:none;
}
.pw-pending-title{
  font-size:clamp(36px,4.5vw,52px);line-height:1.0;letter-spacing:-.03em;
  font-weight:500;color:#9E9EA8;margin-bottom:10px;
  font-family:'Instrument Serif',serif;font-style:italic;
}
.pw-pending-desc{
  font-size:15px;line-height:1.6;color:#6E6E7A;max-width:42ch;
}
.pw-pending-preview{
  height:100%;min-height:280px;border-radius:14px;
  border:2px dashed rgba(20,20,30,.16);
  display:grid;place-items:center;
  background:rgba(20,20,30,.02);
}
.pw-pending-preview-text{
  text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.10em;
  text-transform:uppercase;color:#9E9EA8;font-weight:600;
}
.pw-pending-preview-text b{
  display:block;font-size:18px;letter-spacing:-.005em;
  text-transform:none;font-family:'Instrument Serif',serif;font-style:italic;
  color:#0A0A0F;margin-top:6px;font-weight:400;
}

/* ============================================================
   COMPACT GRID — 7 ready-to-fill case slots
   Easy swap from --pending to --live as builds ship.
   ============================================================ */
.pw-grid{
  margin-top:48px;
  padding-top:36px;
  border-top:1px solid rgba(20,20,30,.10);
}
.pw-grid-head{
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;
  gap:14px;margin-bottom:24px;
}
.pw-grid-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.20em;
  text-transform:uppercase;color:#6E6E7A;font-weight:700;
  display:inline-flex;align-items:center;gap:10px;
}
.pw-grid-eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.5}
.pw-grid-h{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  font-size:clamp(22px,2.6vw,32px);letter-spacing:-.025em;color:#0A0A0F;
}
.pw-grid-note{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.10em;
  text-transform:uppercase;color:#6E6E7A;font-weight:600;
}
.pw-grid-note b{
  color:#0A0A0F;font-family:'Space Grotesk',sans-serif;
  text-transform:none;letter-spacing:-.005em;font-weight:600;font-size:12px;
}

.pw-grid-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:14px;
}

/* === COMPACT CASE CARD === */
.pw-compact{
  position:relative;
  display:flex;flex-direction:column;
  padding:22px 22px 20px;
  border-radius:14px;
  background:#FFFFFF;
  border:1px solid rgba(20,20,30,.10);
  text-decoration:none;color:inherit;
  transition:transform .35s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease;
  cursor:none;
  overflow:hidden;
  min-height:200px;
}
.pw-compact-head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;
}
.pw-compact-num{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:#6E6E7A;font-weight:700;
}
.pw-compact-status{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:99px;
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:800;
}
.pw-compact-status::before{
  content:"";width:5px;height:5px;border-radius:50%;
}

.pw-compact-body{flex:1}
.pw-compact-title{
  font-size:22px;line-height:1.1;letter-spacing:-.02em;
  font-weight:600;color:#0A0A0F;margin-bottom:6px;
}
.pw-compact-meta{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;
  color:#6E6E7A;font-weight:500;
  margin-bottom:14px;
}

.pw-compact-foot{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;
  padding-top:14px;border-top:1px solid rgba(20,20,30,.08);
}
.pw-compact-arrow{
  display:inline-block;transition:transform .35s ease;
}

/* === PENDING variant === */
.pw-compact--pending{
  background:rgba(20,20,30,.02);
  border-style:dashed;
  border-color:rgba(20,20,30,.18);
}
.pw-compact--pending .pw-compact-status{
  background:rgba(20,20,30,.06);color:#6E6E7A;
}
.pw-compact--pending .pw-compact-status::before{background:#9E9EA8}
.pw-compact--pending .pw-compact-title{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  color:#9E9EA8;font-size:24px;
}
.pw-compact--pending .pw-compact-meta{color:#9E9EA8;font-style:italic;font-family:'Instrument Serif',serif;font-size:13px;letter-spacing:0;text-transform:none}
.pw-compact--pending .pw-compact-foot{color:#6E6E7A;border-top-style:dashed}
.pw-compact--pending:hover{
  transform:translateY(-3px);
  border-color:rgba(212,164,55,.55);
  border-style:solid;
  background:#FFFFFF;
  box-shadow:0 14px 32px -14px rgba(212,164,55,.30);
}
.pw-compact--pending:hover .pw-compact-arrow{transform:translateX(3px)}
.pw-compact--pending:hover .pw-compact-status{
  background:rgba(212,164,55,.12);color:#8B6914;
}
.pw-compact--pending:hover .pw-compact-status::before{background:#D4A437}

/* === LIVE variant (when a real site fills the slot) === */
.pw-compact--live{
  background:#FFFFFF;
}
.pw-compact--live .pw-compact-status{
  background:rgba(34,197,94,.10);color:#15803D;
}
.pw-compact--live .pw-compact-status::before{
  background:#22C55E;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);
  animation:pwLivePulse 2s ease-in-out infinite;
}
.pw-compact--live:hover{
  transform:translateY(-4px);
  border-color:rgba(20,20,30,.20);
  box-shadow:0 18px 40px -16px rgba(20,20,30,.20);
}
.pw-compact--live:hover .pw-compact-arrow{transform:translate(3px,-3px) rotate(-30deg)}

/* Optional: thumbnail preview for filled slots */
.pw-compact-preview{
  margin:-22px -22px 16px;
  aspect-ratio:16/10;
  background:#F4F4F6;
  border-bottom:1px solid rgba(20,20,30,.08);
  position:relative;overflow:hidden;
}
.pw-compact-preview img,
.pw-compact-preview iframe{
  width:100%;height:100%;object-fit:cover;border:0;display:block;
  pointer-events:none;
}

/* ============================================================
   FOUNDING-RATE CALLOUT BAND
   ============================================================ */
.pw-cta-band{
  margin-top:40px;
  background:#0A0A0F;color:#F5EFE0;
  border-radius:18px;
  padding:30px 36px;
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  box-shadow:0 24px 60px -20px rgba(10,10,15,.45);
  position:relative;overflow:hidden;
}
.pw-cta-band::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 300px at 80% 100%, rgba(212,164,55,.18), transparent 60%);
  pointer-events:none;
}
.pw-cta-band-left{position:relative;z-index:2;min-width:0}
.pw-cta-band-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(212,164,55,.85);font-weight:700;
  margin-bottom:6px;display:inline-flex;align-items:center;gap:8px;
}
.pw-cta-band-eyebrow::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#D4A437;
  box-shadow:0 0 8px #D4A437;
}
.pw-cta-band-text{
  font-size:clamp(18px,2.4vw,26px);line-height:1.25;letter-spacing:-.02em;
  font-weight:500;color:#F5EFE0;
}
.pw-cta-band-text .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  background:linear-gradient(135deg, #FFE8A0, #D4A437);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.pw-cta-band-link{
  flex-shrink:0;position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;border-radius:99px;
  background:linear-gradient(135deg, #FFE8A0 0%, #D4A437 100%);
  color:#0A0A08;font-weight:700;font-size:14px;letter-spacing:-.005em;
  text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(212,164,55,.45);
  transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease;
  cursor:none;
  white-space:nowrap;
}
.pw-cta-band-link:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px -8px rgba(212,164,55,.55);
}

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width:980px){
  .pw-head{grid-template-columns:1fr;align-items:start}
  .pw-head-right{text-align:left}
  .pw-case,.pw-pending{grid-template-columns:1fr;gap:30px}
  .pw-case-info,.pw-pending-info{order:2;max-width:none}
  .pw-case-preview,.pw-pending-preview{order:1}
  .pw-browser{transform:none}
}
@media (max-width:600px){
  .pw-case-stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .pw-cta-band{grid-template-columns:1fr;text-align:center;padding:24px}
  .pw-cta-band-link{justify-self:center}
  .pw-cta-band-eyebrow{justify-content:center}
}

/* ============================================================
   Theme overrides — keep portfolio readable across all themes
   ============================================================ */
body[data-theme="red"] .portfolio-new{background:#150A0C !important;color:#FFF4F0 !important}
body[data-theme="red"] .portfolio-new::before{display:none}
body[data-theme="red"] .pw-h,
body[data-theme="red"] .pw-case-title,
body[data-theme="red"] .pw-head-right b{color:#FFF4F0 !important}
body[data-theme="red"] .pw-h .ital{background:linear-gradient(135deg,#FF8090,#DC143C) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
body[data-theme="red"] .pw-stat-num{background:linear-gradient(135deg,#FF8090,#DC143C) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
body[data-theme="red"] .pw-case-desc{color:rgba(255,244,240,.78) !important}
body[data-theme="red"] .pw-case-desc b{color:#FFF4F0 !important}
body[data-theme="red"] .pw-case-tags span{background:rgba(220,38,38,.10) !important;border-color:rgba(220,38,38,.30) !important;color:#FF8090 !important}
body[data-theme="red"] .pw-cta-live{background:#FFF4F0 !important;color:#150A0C !important;border-color:#FFF4F0 !important}
body[data-theme="red"] .pw-cta-live:hover{background:linear-gradient(135deg,#FF8090,#DC143C) !important;color:#FFF4F0 !important}

body[data-theme="luxe"] .portfolio-new{background:#051528 !important;color:#F0F4FA !important}
body[data-theme="luxe"] .portfolio-new::before{display:none}
body[data-theme="luxe"] .pw-h,
body[data-theme="luxe"] .pw-case-title,
body[data-theme="luxe"] .pw-head-right b{color:#F0F4FA !important}
body[data-theme="luxe"] .pw-h .ital,
body[data-theme="luxe"] .pw-stat-num{background:linear-gradient(135deg,#5BE0FA,#2DA8E0) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
body[data-theme="luxe"] .pw-case-desc{color:rgba(240,244,250,.82) !important}
body[data-theme="luxe"] .pw-case-tags span{background:rgba(45,168,224,.08) !important;border-color:rgba(91,224,250,.30) !important;color:#5BE0FA !important}

body[data-theme="editorial"] .portfolio-new{background:#FAF7F2 !important;color:#0F0F0F !important}
body[data-theme="editorial"] .pw-h{color:#0F0F0F !important}
body[data-theme="editorial"] .pw-h .ital,
body[data-theme="editorial"] .pw-stat-num{background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:#C04127 !important;color:#C04127 !important}

/* === Compact case card theme overrides === */
body[data-theme="red"] .pw-compact{background:rgba(220,38,38,.04) !important;border-color:rgba(220,38,38,.25) !important}
body[data-theme="red"] .pw-compact--pending{background:rgba(220,38,38,.02) !important;border-color:rgba(220,38,38,.20) !important}
body[data-theme="red"] .pw-compact-title{color:#FFF4F0 !important}
body[data-theme="red"] .pw-compact--pending .pw-compact-title{color:rgba(255,128,144,.65) !important}
body[data-theme="red"] .pw-compact-num,
body[data-theme="red"] .pw-compact-foot{color:rgba(255,244,240,.55) !important}
body[data-theme="red"] .pw-compact--pending:hover{border-color:#FF8090 !important;background:rgba(220,38,38,.08) !important;box-shadow:0 14px 32px -14px rgba(220,38,38,.35) !important}

body[data-theme="luxe"] .pw-compact{background:rgba(45,168,224,.04) !important;border-color:rgba(91,224,250,.22) !important}
body[data-theme="luxe"] .pw-compact--pending{background:rgba(45,168,224,.02) !important;border-color:rgba(91,224,250,.20) !important}
body[data-theme="luxe"] .pw-compact-title{color:#F0F4FA !important}
body[data-theme="luxe"] .pw-compact--pending .pw-compact-title{color:rgba(91,224,250,.55) !important}
body[data-theme="luxe"] .pw-compact-num,
body[data-theme="luxe"] .pw-compact-foot{color:rgba(240,244,250,.55) !important}
body[data-theme="luxe"] .pw-compact--pending:hover{border-color:#5BE0FA !important;background:rgba(45,168,224,.08) !important;box-shadow:0 14px 32px -14px rgba(45,168,224,.35) !important}
body[data-theme="luxe"] .pw-grid-h,
body[data-theme="luxe"] .pw-grid-eyebrow{color:#F0F4FA !important}

body[data-theme="editorial"] .pw-compact{background:#FFFFFF !important;border-color:rgba(20,20,30,.12) !important}
body[data-theme="editorial"] .pw-compact--pending{background:rgba(192,65,39,.03) !important;border-color:rgba(192,65,39,.25) !important}
body[data-theme="editorial"] .pw-compact--pending .pw-compact-title{color:#9E9EA8 !important}
body[data-theme="editorial"] .pw-compact--pending:hover{border-color:#C04127 !important;background:rgba(192,65,39,.05) !important;box-shadow:0 14px 32px -14px rgba(192,65,39,.30) !important}