/* Light theme shared by all project detail pages */
body.theme-light {
  --bg: #f7f5ef;
  --text: #151515;
  --muted: rgba(20,20,24,.62);
  --line: rgba(0,0,0,.11);
  color: var(--text);
  background:
    radial-gradient(circle at 18% 12%, rgba(255,80,56,.08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(30,70,180,.06), transparent 30%),
    #f7f5ef;
}

body.theme-light .work-nav {
  border-bottom-color: rgba(255,255,255,.32);
  background: rgba(255,255,255,.34);
  box-shadow: 0 16px 46px rgba(40,65,90,.08);
  backdrop-filter: blur(28px) saturate(1.28);
  -webkit-backdrop-filter: blur(28px) saturate(1.28);
}

body.theme-light .work-back,
body.theme-light .work-back-copy strong,
body.theme-light .work-brand,
body.theme-light .work-menu-trigger {
  color: #111;
}

body.theme-light .work-back-copy small,
body.theme-light .work-section-nav a {
  color: rgba(20,20,24,.48);
}

body.theme-light .work-section-nav a:hover,
body.theme-light .work-section-nav a.is-active {
  color: #111;
  text-shadow: none;
}

body.theme-light .work-back:hover .work-back-icon {
  color: #111;
  border-color: rgba(0,0,0,.11);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(35,30,24,.1);
}

body.theme-light .work-project-dropdown {
  border-color: rgba(0,0,0,.1);
  background: rgba(255,255,255,.82);
  box-shadow: 0 30px 90px rgba(35,30,24,.16);
}

body.theme-light .work-project-dropdown a {
  color: rgba(20,20,24,.58);
}

body.theme-light .work-project-dropdown a:hover,
body.theme-light .work-project-dropdown a.is-current {
  color: #111;
  background: rgba(0,0,0,.055);
}

body.theme-light .stack-detail-tools button,
body.theme-light .stack-detail-tools span,
body.theme-light .wide-kv-tools button,
body.theme-light .wide-kv-tools span,
body.theme-light .wide-kv-side-button {
  color: #111;
  border-color: rgba(0,0,0,.13);
  background: rgba(255,255,255,.9);
  box-shadow: 0 14px 32px rgba(35,30,24,.16);
}

body.theme-light .stack-detail-tools button:hover,
body.theme-light .wide-kv-tools button:hover,
body.theme-light .wide-kv-side-button:hover {
  border-color: rgba(255,80,56,.28);
  background: #fff;
  box-shadow: 0 18px 42px rgba(35,30,24,.18), 0 10px 28px rgba(255,80,56,.14);
}

body.theme-light .work-copy h1,
body.theme-light .work-placeholder h2,
body.theme-light .work04-cases h2,
body.theme-light .work04-case-meta h3,
body.theme-light .work04-detail-caption h2,
body.theme-light .wide-kv-heading h2,
body.theme-light .work03-wide-heading h2,
body.theme-light .creative-set-title h2,
body.theme-light .work02-section-title,
body.theme-light .work02-flow-step h3,
body.theme-light .work02-strategy-row h3 {
  color: #111;
}

body.theme-light .work-copy p,
body.theme-light .work04-case-meta p,
body.theme-light .work04-detail-caption p,
body.theme-light .wide-kv-heading p,
body.theme-light .work03-wide-heading p,
body.theme-light .work02-flow-step p,
body.theme-light .work02-strategy-row p,
body.theme-light .placeholder-card p {
  color: rgba(20,20,24,.62);
}

body.theme-light .work-tags span,
body.theme-light .placeholder-card,
body.theme-light .work-cover,
body.theme-light .work04-case-card,
body.theme-light .work04-detail-item,
body.theme-light .work02-strategy-row,
body.theme-light .work-media-card,
body.theme-light .wide-kv-card,
body.theme-light .wide-kv-detail-frame {
  border-color: rgba(0,0,0,.12);
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 70px rgba(35,30,24,.12);
}

body.theme-light .work-placeholder,
body.theme-light .work-media,
body.theme-light .work04-cases,
body.theme-light .work03-gallery-section,
body.theme-light .work03-wide-section,
body.theme-light .work02-thinking,
body.theme-light .work02-workflow {
  border-top-color: rgba(0,0,0,.1);
  background:
    radial-gradient(circle at 18% 16%, rgba(255,80,56,.07), transparent 26%),
    #f7f5ef;
}

body.theme-light .work03-gallery-section::before {
  opacity: .22;
  background-image:
    linear-gradient(rgba(0,0,0,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px);
}

body.theme-light .work03-gallery-heading h2,
body.theme-light .stack-set-heading h3,
body.theme-light .wide-kv-heading h3 {
  color: #111;
}

body.theme-light .work03-gallery-heading p,
body.theme-light .stack-set-heading span,
body.theme-light .wide-kv-heading span,
body.theme-light .wide-kv-heading p {
  color: rgba(20,20,24,.58);
}

body.theme-light .work03-gallery-heading span::after,
body.theme-light .stack-set-heading strong::after,
body.theme-light .wide-kv-heading strong::after,
body.theme-light .work03-wide-heading span::after {
  background: rgba(0,0,0,.14);
}

body.theme-light .stack-set + .stack-set,
body.theme-light .wide-kv-set + .wide-kv-set {
  border-top-color: rgba(0,0,0,.1);
}

body.theme-light .stack-set.is-hovering {
  background: radial-gradient(circle at 34% 22%, rgba(255,80,56,.065), transparent 36%);
}

body.theme-light .stack-card {
  border-color: rgba(0,0,0,.12);
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 70px rgba(35,30,24,.12);
}

body.theme-light .stack-set-heading p {
  color: rgba(20,20,24,.5);
}

body.theme-light[data-project-id="04"] .work-hero {
  background: #f7f5ef;
}

body.theme-light[data-project-id="03"] .work-hero::before {
  opacity: .12;
  filter: grayscale(.2) brightness(1.08);
}

body.theme-light[data-project-id="03"] .work-hero::after {
  background:
    linear-gradient(90deg, rgba(247,245,239,.96), rgba(247,245,239,.58) 42%, rgba(247,245,239,.9)),
    linear-gradient(180deg, rgba(247,245,239,.35), rgba(247,245,239,.94));
}

body.theme-light .work-footer {
  color: rgba(20,20,24,.58);
  border-top-color: rgba(0,0,0,.12);
}

body.theme-light .work01-copy h1,
body.theme-light .work01-subtitle,
body.theme-light .work-placeholder h2,
body.theme-light .work-media h2,
body.theme-light .work01-assets .placeholder-card h3,
body.theme-light .placeholder-card h3,
body.theme-light .project-block-heading h2,
body.theme-light .project-subproject-title,
body.theme-light .project-subproject-subtitle,
body.theme-light .project-item-subtitle {
  color: #111317 !important;
  text-shadow: none;
}

body.theme-light .project-block-eyebrow,
body.theme-light .project-block-english,
body.theme-light .project-subproject-label,
body.theme-light .project-subproject-title-en,
body.theme-light .placeholder-card span,
body.theme-light .media-action-hint {
  color: rgba(20,20,24,.48) !important;
  text-shadow: none;
}

body.theme-light .project-block-number,
body.theme-light .work01-hero .work-no,
body.theme-light .work-no {
  color: var(--orange) !important;
  text-shadow: none;
}

body.theme-light .project-block-number::after {
  background: rgba(0,0,0,.14);
}

body.theme-light .project-subproject-card .placeholder-card + .placeholder-card {
  border-top-color: rgba(0,0,0,.1) !important;
}

body.theme-light .work04-detail-page {
  color: #111317;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,80,56,.07), transparent 30%),
    radial-gradient(circle at 82% 46%, rgba(95,120,255,.065), transparent 34%),
    #f7f5ef !important;
}

body.theme-light .work04-project-intro {
  border-bottom-color: rgba(0,0,0,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,255,255,0) 58%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.72), transparent 44%);
}

body.theme-light .work04-project-kicker strong,
body.theme-light .work04-detail-number {
  color: var(--orange);
  text-shadow: none;
}

body.theme-light .work04-project-kicker i,
body.theme-light .work04-detail-number::after {
  background: rgba(0,0,0,.14);
}

body.theme-light .work04-project-eyebrow,
body.theme-light .work04-project-tags {
  color: rgba(20,20,24,.48);
}

body.theme-light .work04-project-intro h1,
body.theme-light .work04-detail-hero h1,
body.theme-light .work04-detail-caption h2 {
  color: #111317;
  text-shadow: none;
}

body.theme-light .work04-project-copy p,
body.theme-light .work04-detail-hero p,
body.theme-light .work04-detail-caption p {
  color: #111317;
}

body.theme-light .work04-detail-item {
  border-bottom-color: rgba(0,0,0,.1);
}

body.theme-light .work04-detail-gallery img {
  border-color: rgba(0,0,0,.1);
  background: #f7f5ef;
  box-shadow: none;
}

/* Deploy fix: light mode project detail media should not sit on a white panel. */
body.theme-light .placeholder-card.has-image,
body.theme-light .placeholder-card.has-video,
body.theme-light .placeholder-card.has-placeholder-media,
body.theme-light .project-subproject-card,
body.theme-light .work04-detail-item,
body.theme-light .work-media-card {
  background: transparent;
  box-shadow: none;
}

body.theme-light .placeholder-card.has-image img,
body.theme-light .placeholder-card.has-video video,
body.theme-light .work04-detail-image,
body.theme-light .work04-detail-item img,
body.theme-light .work-media-card img,
body.theme-light .work-media-card video {
  background: transparent;
}

body.theme-light .work04-cases h2 .outline-title-word {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: rgba(0,0,0,.36);
  text-stroke-color: rgba(0,0,0,.36);
}