:root {
      --ink: #151419;
      --paper: #f3efe8;
      --white: #fffdf8;
      --baki: #c9292f;
      --baki-dark: #981d23;
      --skr: #314f70;
      --skr-dark: #203a57;
      --comic-yellow: #ffe500;
      --line: rgba(21, 20, 25, .16);
      --shadow: 0 20px 45px rgba(25, 13, 15, .16);
      --display: "Barlow Condensed", Impact, sans-serif;
      --body: Inter, Arial, sans-serif;
    }

    .kodama-cc2026-shell,
    .kodama-cc2026-shell * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body.kodama-cc2026-premium-page {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: var(--body);
      -webkit-font-smoothing: antialiased;
    }

    .kodama-cc2026-shell img {
      display: block;
      max-width: 100%;
    }

    .kodama-cc2026-shell a {
      color: inherit;
    }

    .kodama-cc2026-shell button {
      font: inherit;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      display: flex;
      min-height: 70px;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 12px clamp(20px, 4vw, 68px);
      color: var(--white);
      background: rgba(21, 20, 25, .94);
      border-bottom: 1px solid rgba(255, 255, 255, .14);
      backdrop-filter: blur(16px);
    }

    .brand-lockup {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
      text-decoration: none;
    }

    .brand-lockup img {
      flex: 0 1 auto;
      width: auto;
      object-fit: contain;
    }

    .brand-lockup__comiccon {
      height: 44px;
    }

    .brand-lockup__kodama {
      height: 25px;
    }

    .brand-lockup__cross {
      color: rgba(255, 255, 255, .72);
      font-family: var(--display);
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
    }

    .header-meta {
      display: flex;
      align-items: center;
      gap: 18px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .header-meta span {
      color: rgba(255, 255, 255, .66);
    }

    .header-meta a {
      padding: 11px 16px;
      color: var(--ink);
      background: var(--white);
      text-decoration: none;
      transition: transform .2s ease, background .2s ease;
    }

    .header-meta a:hover {
      background: #efdb61;
      transform: translateY(-2px);
    }

    .intro {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 430px;
      display: grid;
      place-items: end start;
      padding: clamp(60px, 8vw, 118px) clamp(20px, 7vw, 118px);
      color: var(--white);
      background:
        linear-gradient(90deg, rgba(18, 16, 21, .98) 0%, rgba(18, 16, 21, .92) 46%, rgba(18, 16, 21, .42) 74%, rgba(18, 16, 21, .25) 100%),
        url("https://kodama-tales.com/wp-content/themes/Divi-child/lp/assets/img/hero-visual.png?ccv=20260723-1") center 22% / cover no-repeat;
    }

    .intro::after {
      position: absolute;
      z-index: -1;
      right: -5vw;
      bottom: -180px;
      width: min(46vw, 760px);
      aspect-ratio: 1;
      border: 2px solid rgba(255, 255, 255, .13);
      content: "";
      transform: rotate(18deg);
    }

    .intro__content {
      width: min(720px, 100%);
    }

    .eyebrow {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 18px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      width: 42px;
      height: 3px;
      content: "";
      background: currentColor;
    }

    h1,
    h2 {
      margin: 0;
      font-family: var(--display);
      font-weight: 900;
      letter-spacing: -.035em;
      line-height: .87;
      text-transform: uppercase;
    }

    h1 {
      max-width: 720px;
      font-size: clamp(64px, 9vw, 132px);
    }

    .intro__copy {
      max-width: 610px;
      margin: 28px 0 0;
      color: rgba(255, 255, 255, .78);
      font-size: clamp(15px, 1.2vw, 18px);
      line-height: 1.65;
    }

    .cc26-premium-hero-cta {
      --hero-cta-gold: var(--gold, #d2b177);
      --hero-cta-gold-light: var(--gold-light, #f0dab1);

      position: relative;
      isolation: isolate;
      display: grid;
      align-items: stretch;
      width: min(438px, 100%);
      min-height: 104px;
      aspect-ratio: 438 / 117;
      grid-template-columns: 104px minmax(0, 1fr);
      margin-top: 32px;
      overflow: hidden;
      color: var(--ink);
      background: var(--white);
      border: 1px solid rgba(210, 177, 119, .68);
      box-shadow:
        inset 0 0 0 1px rgba(240, 218, 177, .12),
        inset 0 0 32px rgba(255, 255, 255, .018),
        0 12px 28px rgba(0, 0, 0, .32);
      text-decoration: none;
      transition:
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms ease;
    }

    .cc26-premium-hero-cta:hover,
    .cc26-premium-hero-cta:focus-visible {
      color: var(--ink);
      border-color: rgba(240, 218, 177, .92);
      box-shadow:
        inset 0 0 0 1px rgba(240, 218, 177, .18),
        inset 0 0 36px rgba(240, 218, 177, .045),
        0 15px 34px rgba(0, 0, 0, .38);
      transform: translateY(-2px);
    }

    .cc26-premium-hero-cta:focus-visible {
      outline: 2px solid var(--hero-cta-gold-light);
      outline-offset: 4px;
    }

    .cc26-premium-hero-cta__edition {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 5px;
      color: #fff;
      background:
        radial-gradient(
          circle at 35% 18%,
          rgba(255, 255, 255, .34) 0,
          transparent 42%
        ),
        linear-gradient(
          118deg,
          #b78f52 0%,
          #d6b979 47%,
          #eddbad 100%
        );
      border-right: 1px solid rgba(210, 177, 119, .72);
      box-shadow:
        inset -1px 0 rgba(14, 13, 14, .28),
        inset 0 1px rgba(255, 255, 255, .24);
      text-align: center;
      text-transform: uppercase;
    }

    .cc26-premium-hero-cta__edition strong {
      font-family: var(--display);
      font-size: 40px;
      font-weight: 900;
      letter-spacing: -.03em;
      line-height: .8;
    }

    .cc26-premium-hero-cta__edition span {
      font-family: var(--body, Inter, Arial, sans-serif);
      font-size: 8px;
      font-weight: 800;
      letter-spacing: .12em;
      line-height: 1;
    }

    .cc26-premium-hero-cta__copy {
      display: flex;
      min-width: 0;
      justify-content: center;
      flex-direction: column;
      padding: 14px 46px 13px 18px;
    }

    .cc26-premium-hero-cta__kicker {
      margin-bottom: 4px;
      font-family: var(--body, Inter, Arial, sans-serif);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .16em;
      line-height: 1.1;
      text-transform: uppercase;
    }

    .cc26-premium-hero-cta__title {
      align-self: flex-start;
      font-family: var(--display);
      font-size: 26px;
      font-weight: 900;
      letter-spacing: -.02em;
      line-height: .92;
      text-transform: uppercase;
    }

    .cc26-premium-hero-cta__title::after {
      display: block;
      width: 100%;
      height: 1px;
      margin-top: 4px;
      background: linear-gradient(
        90deg,
        var(--hero-cta-gold) 0%,
        var(--hero-cta-gold-light) 72%,
        rgba(240, 218, 177, .3) 100%
      );
      content: "";
      box-shadow: 0 0 10px rgba(210, 177, 119, .18);
    }

    .cc26-premium-hero-cta__meta {
      margin-top: 5px;
      font-family: var(--body, Inter, Arial, sans-serif);
      font-size: 7.5px;
      font-weight: 700;
      letter-spacing: .025em;
      line-height: 1.25;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .cc26-premium-hero-cta__arrow {
      position: absolute;
      top: 10px;
      right: 12px;
      display: block;
      width: 30px;
      height: 30px;
      overflow: visible;
      color: var(--hero-cta-gold);
      filter: drop-shadow(0 0 5px rgba(210, 177, 119, .14));
      transition: transform 220ms ease, color 220ms ease;
    }

    .cc26-premium-hero-cta__arrow path {
      fill: none;
      stroke: currentColor;
      stroke-linecap: square;
      stroke-linejoin: miter;
      stroke-width: 1.55;
      vector-effect: non-scaling-stroke;
    }

    .cc26-premium-hero-cta:hover .cc26-premium-hero-cta__arrow,
    .cc26-premium-hero-cta:focus-visible .cc26-premium-hero-cta__arrow {
      color: var(--hero-cta-gold-light);
      transform: translate(2px, -2px);
    }

    .catalog-nav {
      position: sticky;
      top: 70px;
      z-index: 40;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 15px clamp(20px, 7vw, 118px);
      background: rgba(243, 239, 232, .94);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(14px);
    }

    .catalog-nav__label {
      margin: 0;
      font-family: var(--display);
      font-size: 20px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .filters {
      display: flex;
      gap: 8px;
    }

    .filters .filter {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      padding: 7px 14px;
      color: var(--ink);
      background: transparent;
      border: 1px solid var(--line);
      cursor: pointer;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .1em;
      line-height: 1;
      text-decoration: none;
      text-transform: uppercase;
      transition: color .2s ease, background .2s ease, border-color .2s ease;
    }

    .filters .filter:hover,
    .filters .filter[aria-pressed="true"] {
      color: var(--white);
      background: var(--ink);
      border-color: var(--ink);
    }

    .collection {
      position: relative;
      overflow: hidden;
      padding: clamp(76px, 9vw, 138px) clamp(20px, 7vw, 118px);
    }

    .collection--baki {
      --section-color: var(--baki);
      --section-dark: var(--baki-dark);
      --stage: #f5e7dd;
      color: var(--white);
      background:
        radial-gradient(circle at 94% 8%, rgba(255, 255, 255, .12), transparent 24%),
        linear-gradient(145deg, var(--section-color), var(--section-dark));
    }

    .collection--skr {
      --section-color: var(--skr);
      --section-dark: var(--skr-dark);
      --stage: #e2e9ed;
      color: var(--white);
      background:
        radial-gradient(circle at 7% 4%, rgba(255, 255, 255, .11), transparent 23%),
        linear-gradient(145deg, var(--section-color), var(--section-dark));
    }

    .collection[hidden] {
      display: none;
    }

    .collection__header {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
      align-items: end;
      gap: 60px;
      max-width: 1440px;
      margin: 0 auto clamp(48px, 6vw, 84px);
    }

    .collection__header h2 {
      max-width: 830px;
      font-size: clamp(64px, 8vw, 118px);
    }

    .collection__summary {
      margin: 0 0 5px;
      color: rgba(255, 255, 255, .76);
      font-size: 15px;
      line-height: 1.65;
      text-wrap: balance;
    }

    .collection__count {
      display: block;
      margin-top: 20px;
      color: var(--white);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .product-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(52px, 6vw, 92px) clamp(24px, 3vw, 48px);
      max-width: 1440px;
      margin: 0 auto;
    }

    .product-card {
      min-width: 0;
    }

    .product-card__link {
      display: grid;
      height: 100%;
      grid-template-rows: auto 1fr;
      color: var(--white);
      text-decoration: none;
    }

    .product-card__media {
      position: relative;
      overflow: hidden;
      display: grid;
      aspect-ratio: 4 / 5;
      place-items: center;
      padding: clamp(24px, 3vw, 48px);
      background:
        linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .2)),
        var(--stage);
      box-shadow: var(--shadow);
      transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease;
    }

    .product-card__media::before,
    .product-card__media::after {
      position: absolute;
      content: "";
      pointer-events: none;
    }

    .product-card__media::before {
      inset: 14px;
      border: 1px solid rgba(21, 20, 25, .1);
    }

    .product-card__media::after {
      right: 18px;
      bottom: 18px;
      width: 42px;
      height: 3px;
      background: var(--section-color);
    }

    .product-card__media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 18px 18px rgba(18, 12, 12, .16));
      transform: scale(.96);
      transition: transform .45s cubic-bezier(.2, .8, .2, 1);
    }

    .product-card__body {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-content: start;
      gap: 10px 24px;
      min-height: 132px;
      padding: 22px 2px 0;
      border-top: 1px solid rgba(255, 255, 255, .2);
    }

    .product-card__type {
      grid-column: 1 / -1;
      margin: 0;
      color: rgba(255, 255, 255, .62);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .15em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    .product-card__name {
      align-self: start;
      margin: 0;
      font-family: var(--display);
      font-size: clamp(23px, 2vw, 30px);
      font-weight: 800;
      letter-spacing: -.015em;
      line-height: 1.04;
      text-transform: uppercase;
    }

    .product-card__variant {
      display: block;
      margin-top: 7px;
      color: rgba(255, 255, 255, .67);
      font-family: var(--body);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .03em;
      line-height: 1.4;
      text-transform: none;
    }

    .product-card__price {
      margin: 1px 0 0;
      padding: 7px 10px;
      color: var(--ink);
      background: var(--white);
      font-family: var(--display);
      font-size: 20px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
    }

    .product-card__cta {
      grid-column: 1 / -1;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-top: 5px;
      color: rgba(255, 255, 255, .72);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .product-card__cta::after {
      content: "→";
      color: var(--white);
      font-size: 16px;
      line-height: 0;
      transition: transform .25s ease;
    }

    .product-card__link:hover .product-card__media,
    .product-card__link:focus-visible .product-card__media {
      box-shadow: 0 28px 58px rgba(22, 12, 13, .26);
      transform: translateY(-7px);
    }

    .product-card__link:hover .product-card__media img,
    .product-card__link:focus-visible .product-card__media img {
      transform: scale(1.025);
    }

    .product-card__link:hover .product-card__cta::after,
    .product-card__link:focus-visible .product-card__cta::after {
      transform: translateX(5px);
    }

    .product-card__link:focus-visible {
      outline: 3px solid #efdb61;
      outline-offset: 6px;
    }

    .section-mark {
      position: absolute;
      top: 50px;
      right: -14px;
      color: rgba(255, 255, 255, .045);
      font-family: var(--display);
      font-size: clamp(150px, 25vw, 420px);
      font-weight: 900;
      letter-spacing: -.08em;
      line-height: .8;
      text-transform: uppercase;
      user-select: none;
    }

    .filter--link {
      text-decoration: none;
    }
    .premium-art {
      --gold: #d2b177;
      --gold-light: #f0dab1;
      --art-ink: #0d0c0e;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: var(--white);
      background:
        radial-gradient(circle at 85% 4%, rgba(210,177,119,.15), transparent 27%),
        radial-gradient(circle at 3% 43%, rgba(201,41,47,.12), transparent 22%),
        var(--art-ink);
    }

    .premium-art::before {
      position: absolute;
      z-index: -1;
      inset: 0;
      content: "";
      opacity: .32;
      background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: linear-gradient(to bottom, #000, transparent 66%);
    }

    .premium-art__intro {
      display: grid;
      grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr);
      align-items: end;
      gap: clamp(48px,8vw,132px);
      max-width: 1440px;
      margin: 0 auto;
      padding: clamp(100px,12vw,180px) clamp(20px,7vw,118px) clamp(72px,9vw,130px);
    }

    .premium-art__serial {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 25px;
      color: var(--gold-light);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .19em;
      text-transform: uppercase;
    }

    .premium-art__serial::before { width: 46px; height: 1px; content: ""; background: var(--gold); }

    .premium-art__title {
      margin: 0;
      font-family: var(--display);
      font-size: clamp(76px,10vw,154px);
      font-weight: 900;
      letter-spacing: -.045em;
      line-height: .8;
      text-transform: uppercase;
    }

    .premium-art__title span { display: block; }
    .premium-art__title span:last-child {
      margin-left: clamp(28px,6vw,92px);
      color: transparent;
      -webkit-text-stroke: 1px rgba(255,255,255,.58);
    }

    .premium-art__lead {
      max-width: 720px;
      margin: 34px 0 0;
      color: rgba(255,255,255,.67);
      font-size: clamp(16px,1.3vw,19px);
      line-height: 1.7;
    }

    .edition-card {
      position: relative;
      overflow: hidden;
      padding: clamp(28px,3.5vw,48px);
      background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015)), #151416;
      border: 1px solid rgba(210,177,119,.42);
      box-shadow: 0 38px 90px rgba(0,0,0,.36);
    }

    .edition-card::after {
      position: absolute;
      top: -72px;
      right: -72px;
      width: 144px;
      height: 144px;
      border: 1px solid rgba(210,177,119,.25);
      content: "";
      transform: rotate(45deg);
    }

    .edition-card__label { margin: 0 0 30px; color: var(--gold-light); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
    .edition-card dl { margin: 0; }
    .edition-card dl > div { display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 20px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.11); }
    .edition-card dt { color: rgba(255,255,255,.46); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .edition-card dd { margin: 0; font-family: var(--display); font-size: 22px; font-weight: 800; line-height: 1.12; text-transform: uppercase; }

    .edition-card__link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-top: 28px;
      padding: 17px 18px;
      color: var(--art-ink);
      background: linear-gradient(110deg,#b99054,var(--gold-light),#b99054);
      background-size: 200% 100%;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .13em;
      text-decoration: none;
      text-transform: uppercase;
      transition: background-position .35s ease, transform .25s ease;
    }

    .edition-card__link::after { content: "→"; font-size: 18px; }
    .edition-card__link:hover, .edition-card__link:focus-visible { background-position: 100% 0; transform: translateY(-2px); }

    .art-gallery-wrap { max-width: 1440px; margin: 0 auto; padding: 0 clamp(20px,7vw,118px) clamp(100px,12vw,170px); }
    .art-gallery { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 116px; gap: 18px; }

    .art-gallery__stage {
      position: relative;
      overflow: hidden;
      min-height: 680px;
      margin: 0;
      background: #1b191b;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 42px 90px rgba(0,0,0,.4);
    }

    .art-gallery__stage::before { position: absolute; z-index: 2; inset: 18px; border: 1px solid rgba(255,255,255,.12); content: ""; pointer-events: none; }
    .art-gallery__stage img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: opacity .18s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
    .art-gallery__stage.is-changing img { opacity: .22; transform: scale(1.015); }

    .art-gallery__caption {
      position: absolute;
      z-index: 3;
      right: 0;
      bottom: 0;
      width: min(410px,88%);
      margin: 0;
      padding: 24px 28px;
      color: rgba(255,255,255,.7);
      background: rgba(13,12,14,.89);
      border-top: 1px solid rgba(210,177,119,.35);
      backdrop-filter: blur(14px);
      font-size: 12px;
      line-height: 1.6;
    }

    .art-gallery__caption strong { display: block; margin-bottom: 6px; color: var(--white); font-family: var(--display); font-size: 21px; letter-spacing: .04em; text-transform: uppercase; }
    .art-gallery__thumbs { display: grid; grid-template-rows: repeat(5,1fr); gap: 12px; }

    .art-gallery__thumb { position: relative; overflow: hidden; min-height: 0; padding: 0; background: #1a191a; border: 1px solid rgba(255,255,255,.12); cursor: pointer; }
    .art-gallery__thumb::after { position: absolute; inset: 0; border: 2px solid transparent; content: ""; transition: border-color .2s ease; }
    .art-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) brightness(.72); transition: filter .2s ease, transform .3s ease; }
    .art-gallery__thumb:hover img, .art-gallery__thumb[aria-pressed="true"] img { filter: none; transform: scale(1.05); }
    .art-gallery__thumb[aria-pressed="true"]::after, .art-gallery__thumb:focus-visible::after { border-color: var(--gold); }

    .craft { color: var(--ink); background: radial-gradient(circle at 90% 10%,rgba(210,177,119,.24),transparent 23%), #eee9df; }
    .craft__grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); align-items: stretch; max-width: 1440px; min-height: 780px; margin: 0 auto; }
    .craft__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(72px,8vw,124px) clamp(28px,6vw,92px); }
    .craft__number { margin: 0 0 32px; color: rgba(21,20,25,.28); font-family: var(--display); font-size: 16px; font-weight: 800; letter-spacing: .15em; }
    .craft__title { margin: 0; font-family: var(--display); font-size: clamp(58px,6.8vw,104px); font-weight: 900; letter-spacing: -.04em; line-height: .84; text-transform: uppercase; }
    .craft__text { margin: 32px 0 0; color: rgba(21,20,25,.68); font-size: 15px; line-height: 1.8; }
    .craft__materials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 38px; }
    .craft__materials span { padding: 8px 10px; border: 1px solid rgba(21,20,25,.2); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .craft__visual { position: relative; min-height: 690px; margin: 0; }
    .craft__visual img { width: 100%; height: 100%; object-fit: cover; }
    .craft__visual figcaption { position: absolute; right: 22px; bottom: 22px; padding: 11px 13px; color: rgba(255,255,255,.75); background: rgba(13,12,14,.78); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(10px); }

    .artist-story { max-width: 1440px; margin: 0 auto; padding: clamp(105px,13vw,190px) clamp(20px,7vw,118px); }
    .artist-story__heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); align-items: end; gap: 60px; margin-bottom: clamp(52px,7vw,94px); }
    .artist-story__heading h3 { margin: 0; font-family: var(--display); font-size: clamp(64px,8vw,120px); font-weight: 900; letter-spacing: -.045em; line-height: .82; text-transform: uppercase; }
    .artist-story__heading h3 em { color: var(--gold-light); font-style: normal; }
    .artist-story__heading p { margin: 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.75; }
    .artist-gallery .art-gallery__stage { min-height: 760px; }

    .proof-strip { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1440px; margin: 0 auto; border-top: 1px solid rgba(210,177,119,.28); border-bottom: 1px solid rgba(210,177,119,.28); }
    .proof-strip__item { padding: 34px clamp(22px,3vw,44px); border-left: 1px solid rgba(210,177,119,.23); }
    .proof-strip__item:first-child { border-left: 0; }
    .proof-strip__item span { display: block; margin-bottom: 8px; color: rgba(255,255,255,.42); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
    .proof-strip__item strong { font-family: var(--display); font-size: clamp(21px,2vw,30px); line-height: 1.08; text-transform: uppercase; }

    .art-cta { padding: clamp(95px,12vw,170px) clamp(20px,7vw,118px); background: linear-gradient(110deg,rgba(201,41,47,.94),rgba(151,29,35,.95)), var(--baki); }
    .art-cta__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,390px); align-items: end; gap: 80px; max-width: 1440px; margin: 0 auto; }
    .art-cta__meta { margin: 0 0 22px; font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
    .art-cta h3 { max-width: 840px; margin: 0; font-family: var(--display); font-size: clamp(62px,8vw,118px); font-weight: 900; letter-spacing: -.045em; line-height: .84; text-transform: uppercase; }
    .art-cta__action p { margin: 0 0 24px; color: rgba(255,255,255,.74); font-size: 13px; line-height: 1.65; }
    .art-cta__button { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 66px; padding: 18px 22px; color: var(--ink); background: var(--white); box-shadow: 0 18px 38px rgba(45,6,8,.26); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, background .2s ease, transform .2s ease; }
    .art-cta__button::after { content: "↗"; font-size: 20px; }
    .art-cta__button:hover, .art-cta__button:focus-visible { color: var(--art-ink); background: var(--gold-light); transform: translateY(-3px); }
    .visit-kodama {
      --comic-yellow: #ffe500;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: var(--white);
      background:
        radial-gradient(circle at 90% 12%, rgba(255,229,0,.12), transparent 25%),
        radial-gradient(circle at 8% 82%, rgba(201,41,47,.13), transparent 23%),
        #08080a;
    }

    .visit-kodama::before {
      position: absolute;
      z-index: -1;
      inset: 0;
      content: "";
      opacity: .36;
      background-image:
        linear-gradient(120deg, transparent 0 48%, rgba(255,255,255,.022) 48% 49%, transparent 49% 100%),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 170px 170px, 100% 58px;
      mask-image: linear-gradient(#000, transparent 90%);
    }

    .visit-hero {
      display: grid;
      grid-template-columns: minmax(340px,.76fr) minmax(0,1.24fr);
      gap: clamp(46px,7vw,110px);
      align-items: center;
      max-width: 1560px;
      margin: 0 auto;
      padding: clamp(110px,13vw,190px) clamp(20px,6vw,96px) clamp(76px,9vw,130px);
    }

    .visit-copy { position: relative; z-index: 2; }
    .visit-kicker { display: flex; align-items: center; gap: 15px; margin: 0 0 28px; color: var(--comic-yellow); font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
    .visit-kicker::before { width: 52px; height: 2px; content: ""; background: var(--comic-yellow); }

    .visit-title {
      margin: 0;
      font-family: var(--display);
      font-size: clamp(72px,8.8vw,138px);
      font-weight: 900;
      letter-spacing: -.045em;
      line-height: .82;
      text-transform: uppercase;
    }

    .visit-title span { display: block; margin-top: 15px; color: var(--comic-yellow); font-size: .68em; letter-spacing: -.025em; }
    .visit-lead { max-width: 590px; margin: 34px 0 0; color: rgba(255,255,255,.67); font-size: 15px; line-height: 1.75; }
    .visit-lead strong { color: var(--white); }


    .booth-stage {
      position: relative;
      overflow: hidden;
      min-height: 640px;
      margin: 0;
      background: #151517;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 45px 100px rgba(0,0,0,.5);
    }

    .booth-stage::before {
      position: absolute;
      z-index: 2;
      inset: 18px;
      border: 1px solid rgba(255,255,255,.12);
      content: "";
      pointer-events: none;
    }

    .booth-stage img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
    .booth-stage:hover > img { transform: scale(1.025); }

    .booth-stage__badge {
      position: absolute;
      z-index: 3;
      top: 30px;
      left: 30px;
      width: 88px;
      padding: 10px;
      background: var(--white);
      box-shadow: 0 15px 35px rgba(0,0,0,.28);
    }

    .booth-stage__badge img { width: 100%; height: auto; min-height: 0; object-fit: contain; }
    .booth-stage__caption { position: absolute; z-index: 3; right: 0; bottom: 0; width: min(430px,88%); margin: 0; padding: 25px 28px; color: rgba(255,255,255,.65); background: rgba(8,8,10,.9); border-top: 1px solid rgba(255,229,0,.38); backdrop-filter: blur(14px); font-size: 11px; line-height: 1.55; }
    .booth-stage__caption strong { display: block; margin-bottom: 6px; color: var(--white); font-family: var(--display); font-size: 23px; letter-spacing: .03em; text-transform: uppercase; }

    .visit-facts {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      max-width: 1368px;
      margin: 0 auto clamp(110px,13vw,190px);
      border-top: 1px solid rgba(255,229,0,.3);
      border-bottom: 1px solid rgba(255,229,0,.3);
    }

    .visit-fact { position: relative; padding: 34px clamp(22px,3.4vw,52px); border-left: 1px solid rgba(255,229,0,.2); }
    .visit-fact:first-child { border-left: 0; }
    .visit-fact span { display: block; margin-bottom: 8px; color: rgba(255,255,255,.4); font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
    .visit-fact strong { font-family: var(--display); font-size: clamp(23px,2.3vw,34px); line-height: 1.05; text-transform: uppercase; }

    .discover { max-width: 1560px; margin: 0 auto; padding: 0 clamp(20px,6vw,96px) clamp(110px,13vw,190px); }
    .discover__header { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.55fr); align-items: end; gap: 50px; margin-bottom: 52px; }
    .discover__header h3 { margin: 0; font-family: var(--display); font-size: clamp(58px,7vw,106px); font-weight: 900; letter-spacing: -.04em; line-height: .85; text-transform: uppercase; }
    .discover__header p { margin: 0; color: rgba(255,255,255,.57); font-size: 14px; line-height: 1.7; }
    .discover-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }

    .discover-card {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 520px;
      display: flex;
      align-items: flex-end;
      padding: 30px;
      color: var(--white);
      background: #151517;
      border: 1px solid rgba(255,255,255,.12);
      text-decoration: none;
      box-shadow: 0 24px 60px rgba(0,0,0,.25);
    }

    .discover-card::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(to top, rgba(7,7,9,.96) 4%, rgba(7,7,9,.18) 66%); }
    .discover-card--baki { background: #a91f26; }
    .discover-card--skr { background: #2d4e70; }
    .discover-card--art { background: #171416; border-color: rgba(210,177,119,.36); }
    .discover-card > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease; }
    .discover-card:hover > img, .discover-card:focus-visible > img { transform: scale(1.045); filter: saturate(1.08); }
    .discover-card__body { position: relative; z-index: 2; width: 100%; }
    .discover-card__label { display: block; margin-bottom: 13px; color: rgba(255,255,255,.57); font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
    .discover-card--art .discover-card__label { color: var(--gold-light); }
    .discover-card h4 { margin: 0; font-family: var(--display); font-size: clamp(34px,3.2vw,48px); font-weight: 900; letter-spacing: -.025em; line-height: .92; text-transform: uppercase; }
    .discover-card__cta { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.28); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    .discover-card__cta::after { content: "→"; font-size: 19px; transition: transform .2s ease; }
    .discover-card:hover .discover-card__cta::after { transform: translateX(5px); }

    .stay-connected {
      color: var(--ink);
      background: var(--comic-yellow);
    }

    .stay-connected__inner {
      display: grid;
      grid-template-columns: minmax(0,1fr) minmax(330px,.7fr);
      gap: clamp(50px,9vw,140px);
      align-items: center;
      max-width: 1440px;
      margin: 0 auto;
      padding: clamp(85px,10vw,145px) clamp(20px,7vw,118px);
    }

    .stay-connected__kicker { margin: 0 0 20px; font-size: 10px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
    .stay-connected h3 { max-width: 850px; margin: 0; font-family: var(--display); font-size: clamp(62px,8vw,118px); font-weight: 900; letter-spacing: -.045em; line-height: .83; text-transform: uppercase; }
    .stay-connected__action p { margin: 0 0 24px; font-size: 14px; line-height: 1.65; }

    .newsletter-button { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 18px 22px; color: var(--white); background: var(--ink); box-shadow: 0 18px 38px rgba(68,57,0,.18); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
    .newsletter-button::after { content: "↗"; font-size: 20px; }
    .newsletter-button:hover, .newsletter-button:focus-visible { background: #2b292f; transform: translateY(-3px); }

    .social-row { display: flex; align-items: center; gap: 12px; margin-top: 30px; }
    .social-row > span { margin-right: 8px; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
    .social-row a { display: grid; width: 38px; height: 38px; place-items: center; color: var(--ink); border: 1px solid rgba(21,20,25,.28); transition: background .2s ease, transform .2s ease; }
    .social-row a:hover, .social-row a:focus-visible { background: rgba(255,255,255,.62); transform: translateY(-3px); }
    .social-row img { width: 18px; height: 18px; object-fit: contain; filter: brightness(0); }

    .closing-footer { color: rgba(255,255,255,.54); background: #0b0a0c; }
    .closing-footer__main { display: grid; grid-template-columns: minmax(0,1.2fr) repeat(2,minmax(170px,.4fr)); gap: 55px; max-width: 1440px; margin: 0 auto; padding: 72px clamp(20px,7vw,118px); }
    .closing-footer__brand { margin: 0 0 14px; color: var(--white); font-family: var(--display); font-size: 33px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .closing-footer__copy { max-width: 440px; margin: 0; font-size: 11px; line-height: 1.7; }
    .closing-footer__nav strong { display: block; margin-bottom: 15px; color: rgba(255,255,255,.34); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
    .closing-footer__nav a { display: block; width: fit-content; margin-top: 10px; color: var(--white); font-size: 11px; font-weight: 800; text-decoration: none; }
    .closing-footer__nav a:hover { color: var(--comic-yellow); }
    .closing-footer__legal { display: flex; justify-content: space-between; gap: 30px; max-width: 1440px; margin: 0 auto; padding: 24px clamp(20px,7vw,118px); border-top: 1px solid rgba(255,255,255,.1); font-size: 9px; line-height: 1.6; }
    .site-footer {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 28px;
      padding: 42px clamp(20px, 7vw, 118px);
      color: rgba(255, 255, 255, .7);
      background: var(--ink);
      font-size: 12px;
      line-height: 1.6;
    }

    .site-footer strong {
      display: block;
      color: var(--white);
      font-family: var(--display);
      font-size: 24px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .site-footer a {
      color: var(--white);
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      text-underline-offset: 5px;
    }

    @media (max-width: 980px) {
      .collection__header {
        grid-template-columns: 1fr;
        gap: 26px;
      }

      .collection__summary {
        max-width: 620px;
      }

      .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      .site-header {
        min-height: 62px;
      }

      .brand-lockup {
        gap: 8px;
      }

      .brand-lockup__comiccon {
        height: 34px;
      }

      .brand-lockup__kodama {
        height: 19px;
      }

      .brand-lockup__cross {
        font-size: 16px;
      }

      .header-meta span {
        display: none;
      }

      .header-meta a {
        padding: 9px 11px;
        font-size: 10px;
      }

      .intro {
        min-height: 470px;
        padding-top: 100px;
        background-position: 62% center;
      }

      .intro::before {
        position: absolute;
        z-index: -1;
        inset: 0;
        content: "";
        background: linear-gradient(0deg, rgba(18, 16, 21, .96), rgba(18, 16, 21, .25));
      }

      .cc26-premium-hero-cta {
        width: 100%;
        min-height: 104px;
        aspect-ratio: auto;
        grid-template-columns: 82px minmax(0, 1fr);
        margin-top: 28px;
      }

      .cc26-premium-hero-cta__copy {
        padding: 12px 34px 11px 14px;
      }

      .cc26-premium-hero-cta__edition strong {
        font-size: 34px;
      }

      .cc26-premium-hero-cta__edition span {
        font-size: 7px;
      }

      .cc26-premium-hero-cta__kicker {
        font-size: 8px;
      }

      .cc26-premium-hero-cta__title {
        font-size: 22px;
      }

      .cc26-premium-hero-cta__meta {
        font-size: 7px;
        white-space: normal;
      }

      .cc26-premium-hero-cta__arrow {
        top: 9px;
        right: 9px;
        width: 26px;
        height: 26px;
      }

      .catalog-nav {
        top: 62px;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
      }

      .filters {
        width: 100%;
      }

      .filter {
        flex: 1;
        padding-inline: 8px;
      }

      .collection {
        padding-inline: 18px;
      }

      .product-grid {
        grid-template-columns: 1fr;
        gap: 56px;
      }

      .product-card__media {
        max-height: 540px;
      }

      .site-footer {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 980px) {
      .premium-art__intro,
      .artist-story__heading,
      .art-cta__inner {
        grid-template-columns: 1fr;
      }

      .premium-art__intro { align-items: start; }
      .edition-card { max-width: 620px; }
      .art-gallery__stage, .artist-gallery .art-gallery__stage { min-height: 560px; }
      .craft__grid { grid-template-columns: 1fr; }
      .craft__copy { max-width: 760px; }
      .craft__visual { min-height: 620px; }
      .art-cta__action { max-width: 560px; }
    }

    @media (max-width: 680px) {
      .filters { flex-wrap: wrap; }
      .premium-art__intro { padding-inline: 18px; }
      .premium-art__title span:last-child { margin: 10px 0 0; }
      .edition-card dl > div { grid-template-columns: 84px minmax(0,1fr); }
      .art-gallery-wrap, .artist-story { padding-inline: 18px; }
      .art-gallery { grid-template-columns: 1fr; }
      .art-gallery__stage, .artist-gallery .art-gallery__stage { min-height: 430px; }
      .art-gallery__thumbs { grid-template-columns: repeat(5,1fr); grid-template-rows: 74px; gap: 7px; }
      .art-gallery__caption { width: calc(100% - 18px); padding: 17px 18px; }
      .craft__copy { padding-inline: 22px; }
      .craft__visual { min-height: 460px; }
      .artist-story__heading { gap: 28px; }
      .proof-strip { grid-template-columns: 1fr; }
      .proof-strip__item { border-top: 1px solid rgba(210,177,119,.23); border-left: 0; }
      .proof-strip__item:first-child { border-top: 0; }
      .art-cta { padding-inline: 18px; }
      .art-cta__inner { gap: 42px; }
    }
    @media (max-width: 1100px) {
      .visit-hero { grid-template-columns: 1fr; }
      .visit-copy { max-width: 760px; }
      .booth-stage { min-height: 600px; }
      .discover-grid { grid-template-columns: repeat(2,1fr); }
      .discover-card--art { grid-column: 1 / -1; min-height: 460px; }
      .stay-connected__inner { grid-template-columns: 1fr; }
      .stay-connected__action { max-width: 620px; }
    }

    @media (max-width: 760px) {
      .visit-hero { padding-inline: 18px; }
      .booth-stage { min-height: 440px; }
      .booth-stage__badge { top: 20px; left: 20px; width: 66px; }
      .visit-facts { grid-template-columns: 1fr; margin-inline: 18px; }
      .visit-fact { border-top: 1px solid rgba(255,229,0,.2); border-left: 0; }
      .visit-fact:first-child { border-top: 0; }
      .discover { padding-inline: 18px; }
      .discover__header { grid-template-columns: 1fr; gap: 24px; }
      .discover-grid { grid-template-columns: 1fr; }
      .discover-card, .discover-card--art { grid-column: auto; min-height: 460px; }
      .stay-connected__inner { padding-inline: 18px; }
      .social-row { flex-wrap: wrap; }
      .social-row > span { flex-basis: 100%; }
      .closing-footer__main { grid-template-columns: 1fr; padding-inline: 18px; }
      .closing-footer__legal { flex-direction: column; padding-inline: 18px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
      }
    }
/* WordPress/Divi staging isolation and collision guards. */
body.kodama-cc2026-premium-page {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #f3efe8 !important;
}

.kodama-cc2026-shell {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 100vh;
  overflow: clip;
  font-family: Inter, Arial, sans-serif;
}

.kodama-cc2026-shell :where(h1, h2, h3, h4, p, figure, dl, dd, ul) {
  padding: 0;
}

.kodama-cc2026-shell :where(ul) {
  list-style: none;
}

body.admin-bar.kodama-cc2026-premium-page .site-header {
  top: 32px;
}

body.admin-bar.kodama-cc2026-premium-page .catalog-nav {
  top: 102px;
}

.kodama-cc2026-shell :where(#catalog, #baki-collection, #skr-collection, #premium-art, #visit-kodama, #stay-connected) {
  scroll-margin-top: 138px;
}

@media screen and (max-width: 782px) {
  body.admin-bar.kodama-cc2026-premium-page .site-header {
    top: 46px;
  }

  body.admin-bar.kodama-cc2026-premium-page .catalog-nav {
    top: 108px;
  }
}
/* DIVI COMPATIBILITY HOTFIX START — 2026-07-23 */
/* Scoped to this template: typography, product metadata, and action legibility only. */

body.kodama-cc2026-premium-page .kodama-cc2026-shell .intro h1,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection__header h2,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__name,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__cta,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .premium-art__title,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .artist-story__heading h3,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .art-gallery__caption strong,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .proof-strip__item strong,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .edition-card dd,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .art-cta h3,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .visit-title,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .booth-stage__caption strong,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .visit-fact strong,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .discover__header h3,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .discover-card h4,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .discover-card__cta,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .closing-footer__brand h3,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .closing-footer a {
  color: #fff !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .intro__copy,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection__summary,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .premium-art__intro,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .artist-story__copy,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .art-cta__action p,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .visit-lead,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .booth-stage__caption p,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .discover__header p,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .closing-footer__brand p {
  color: rgba(255, 255, 255, .72) !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__type,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__variant,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .discover-card__label,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .edition-card dt,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .proof-strip__item span {
  color: rgba(255, 255, 255, .62) !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .premium-art__title span:last-child {
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .8) !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .artist-story__heading h3 em {
  color: #f0dab1 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .visit-title span {
  color: #ffe500 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto minmax(58px, 1fr) auto !important;
  grid-template-areas:
    "type type"
    "name price"
    "cta cta" !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
  min-height: 164px !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__type {
  grid-area: type !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__name {
  grid-area: name !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__cta {
  grid-area: cta !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__price {
  grid-area: price !important;
  align-self: start !important;
  justify-self: end !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-width: 70px !important;
  margin: 0 !important;
  padding: 7px 10px 6px !important;
  border: 1px solid rgba(240, 218, 177, .58) !important;
  background: rgba(13, 12, 14, .9) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .14) !important;
  color: #f5e6c9 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__price::before {
  content: "PRICE";
  display: block;
  color: rgba(245, 230, 201, .64);
  font-size: 7px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .18em;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .art-cta__button {
  background: #fff !important;
  color: #111 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .art-cta__button::after {
  color: #111 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .stay-connected,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .stay-connected__kicker,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .stay-connected h3,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .stay-connected__action p,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .social-row,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .social-row a {
  color: #151419 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .newsletter-button {
  background: #151419 !important;
  color: #fff !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .newsletter-button::after {
  color: #fff !important;
}

@media (max-width: 680px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__body {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-template-areas:
      "type"
      "name"
      "price"
      "cta" !important;
    min-height: 0 !important;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .product-card__price {
    justify-self: start !important;
  }
}
/* DIVI COMPATIBILITY HOTFIX END — 2026-07-23 */


/* MOBILE STICKY NAV ALIGNMENT — 2026-07-24 */
@media (max-width: 680px) {
  .site-header {
    gap: 6px;
    padding: 11px 16px;
  }

  .header-meta {
    flex: 0 0 auto;
  }

  .header-meta a {
    padding-block: 7px;
    white-space: nowrap;
  }

  .kodama-cc2026-shell #catalog {
    scroll-margin-top: 62px;
  }

  .kodama-cc2026-shell :where(#baki-collection, #skr-collection, #premium-art, #visit-kodama, #stay-connected) {
    scroll-margin-top: 222px;
  }
}
/* MOBILE STICKY NAV ALIGNMENT END */

/* KODAMA PREMIUM ART REQUEST BUTTON — 004 OF 012
   Deployed 2026-07-24; scoped to the edition dossier link. */
.edition-card__link.edition-request-button {
    --edition-button-gold: var(--gold, #d2b177);
    --edition-button-gold-light: var(--gold-light, #f0dab1);
    --edition-button-ink: var(--art-ink, #0d0c0e);

    position: relative;
    isolation: isolate;
    display: grid;
    align-items: stretch;
    grid-template-columns: 17% minmax(0, 1fr);
    width: 100%;
    min-height: 58px;
    aspect-ratio: 5 / 1;
    margin-top: 28px;
    padding: 0;
    overflow: hidden;
    color: #f8f6f0;
    background:
      radial-gradient(
        ellipse 65% 90% at 53% 105%,
        rgba(210, 177, 119, 0.14) 0%,
        rgba(210, 177, 119, 0.04) 42%,
        transparent 72%
      ),
      linear-gradient(103deg, #111113 0%, #19191b 52%, #121214 100%);
    border: 1px solid rgba(210, 177, 119, 0.68);
    box-shadow:
      inset 0 0 0 1px rgba(240, 218, 177, 0.12),
      inset 0 0 32px rgba(255, 255, 255, 0.018),
      0 12px 28px rgba(0, 0, 0, 0.32);
    font-family: var(--body, Inter, Arial, sans-serif);
    text-decoration: none;
    text-transform: uppercase;
    container-type: inline-size;
    transition:
      border-color 220ms ease,
      box-shadow 220ms ease,
      transform 220ms ease;
  }

  .edition-card__link.edition-request-button::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 18%,
        rgba(255, 255, 255, 0.012) 18.15%,
        transparent 18.3%
      ),
      linear-gradient(
        115deg,
        transparent 0%,
        rgba(255, 255, 255, 0.025) 48%,
        transparent 72%
      );
    content: "";
    pointer-events: none;
  }

  /* Removes the legacy text-arrow generated by .edition-card__link::after. */
  .edition-card__link.edition-request-button::after {
    content: none;
  }

  .edition-request-button__edition {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: var(--edition-button-ink);
    background:
      radial-gradient(
        circle at 35% 18%,
        rgba(255, 255, 255, 0.34) 0,
        transparent 42%
      ),
      linear-gradient(
        118deg,
        #b78f52 0%,
        #d6b979 47%,
        #eddbad 100%
      );
    border-right: 1px solid rgba(210, 177, 119, 0.72);
    box-shadow:
      inset -1px 0 rgba(14, 13, 14, 0.28),
      inset 0 1px rgba(255, 255, 255, 0.24);
    font-size: clamp(10px, 3.7cqw, 32px);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 0.9;
  }

  .edition-request-button__slash {
    margin: 0.22em 0 0.2em;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 0.76;
  }

  .edition-request-button__action {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: clamp(12px, 4cqw, 36px);
    padding: 0 clamp(17px, 6.5cqw, 58px);
  }

  .edition-request-button__label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    color: #f8f6f0;
    font-family: var(--display);
    font-size: clamp(8px, 3.05cqw, 27px);
    font-weight: 800;
    letter-spacing: 0.22em;
    line-height: 1.1;
    white-space: nowrap;
  }

  .edition-request-button__label::after {
    width: clamp(108px, 41cqw, 280px);
    max-width: 100%;
    height: 1px;
    margin-top: clamp(8px, 2.7cqw, 23px);
    background: linear-gradient(
      90deg,
      var(--edition-button-gold) 0%,
      var(--edition-button-gold-light) 72%,
      rgba(240, 218, 177, 0.3) 100%
    );
    content: "";
    box-shadow: 0 0 10px rgba(210, 177, 119, 0.18);
  }

  .edition-request-button__arrow {
    width: clamp(24px, 7cqw, 60px);
    height: auto;
    flex: 0 0 auto;
    overflow: visible;
    color: var(--edition-button-gold);
    filter: drop-shadow(0 0 5px rgba(210, 177, 119, 0.14));
    transition: transform 220ms ease, color 220ms ease;
  }

  .edition-request-button__arrow path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1.55;
    vector-effect: non-scaling-stroke;
  }

  .edition-card__link.edition-request-button:hover,
  .edition-card__link.edition-request-button:focus-visible {
    background-position: initial;
    border-color: rgba(240, 218, 177, 0.92);
    box-shadow:
      inset 0 0 0 1px rgba(240, 218, 177, 0.18),
      inset 0 0 36px rgba(240, 218, 177, 0.045),
      0 15px 34px rgba(0, 0, 0, 0.38);
    transform: translateY(-2px);
  }

  .edition-card__link.edition-request-button:hover
    .edition-request-button__arrow,
  .edition-card__link.edition-request-button:focus-visible
    .edition-request-button__arrow {
    color: var(--edition-button-gold-light);
    transform: translate(2px, -2px);
  }

  .edition-card__link.edition-request-button:focus-visible {
    outline: 2px solid var(--edition-button-gold-light);
    outline-offset: 4px;
  }

  @media (prefers-reduced-motion: reduce) {
    .edition-card__link.edition-request-button,
    .edition-request-button__arrow {
      transition: none;
    }
  }

  @container (max-width: 250px) {
    .edition-card__link.edition-request-button {
      grid-template-columns: 19% minmax(0, 1fr);
    }

    .edition-request-button__action {
      padding-inline: 14px;
    }

    .edition-request-button__label {
      letter-spacing: 0.16em;
    }

    .edition-request-button__label::after {
      width: 92px;
    }
  }

/* ========================================================================== 
   Kodama product ticket component — shared base + stock / limited modifiers
   ========================================================================== */
.kodama-cc2026-shell .kodama-ticket {
  position: absolute;
  z-index: 6;
  top: 16px;
  right: 16px;
  display: grid;
  grid-template-columns: 58% 42%;
  width: 128px;
  height: 54px;
  padding: 2px;
  overflow: visible;
  border: 4px solid #101010;
  border-radius: 0;
  background: #f3efe8;
  box-shadow: 4px 4px 0 #101010;
  color: #f3efe8;
  font-family: var(--display);
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
  transform: none;
}

.kodama-cc2026-shell .kodama-ticket__label,
.kodama-cc2026-shell .kodama-ticket__value {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

.kodama-cc2026-shell .kodama-ticket__label {
  flex-direction: column;
  gap: 1px;
  background: #101010;
  font-size: 16px;
  letter-spacing: .015em;
}

.kodama-cc2026-shell .kodama-ticket--stock .kodama-ticket__label {
  font-size: 14px;
  line-height: .9;
}

.kodama-cc2026-shell .kodama-ticket--engraved .kodama-ticket__label {
  font-size: 14px;
  letter-spacing: 0;
}

.kodama-cc2026-shell .collection--skr .kodama-ticket__value {
  background: var(--skr);
}

.kodama-cc2026-shell .kodama-ticket__value {
  background: #a01218;
  font-size: 38px;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}

.kodama-cc2026-shell .kodama-ticket__value--2-digits {
  font-size: 35px;
}

.kodama-cc2026-shell .kodama-ticket__value--3-digits {
  font-size: 30px;
}

/* Sold-out ticket: exact shared geometry, single white-on-red field. */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .kodama-ticket--soldout {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .kodama-ticket--soldout .kodama-ticket__status {
  display: flex !important;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #a01218 !important;
  color: #f3efe8 !important;
  font-family: var(--display, "Barlow Condensed", Impact, sans-serif) !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .kodama-cc2026-shell .kodama-ticket {
    top: 16px;
    right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kodama-cc2026-shell .kodama-ticket,
  .kodama-cc2026-shell .kodama-ticket * {
    transition: none;
    animation: none;
  }
}

/* Premium hero CTA: isolate text color from Divi's global link rules. */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__copy,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__kicker,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__title,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__meta {
  color: #151419 !important;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__edition,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__edition strong,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__edition span {
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta__arrow {
    transition: none;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:hover,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:focus-visible,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:hover .cc26-premium-hero-cta__arrow,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:focus-visible .cc26-premium-hero-cta__arrow {
    transform: none;
  }
}

/* COMIC-CON 2026 APPROVED HERO + CATALOG HOTFIX — 2026-07-25 */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .intro__content {
  transform: translateY(-18px);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue {
  display: flex;
  min-height: 64px;
  width: min(540px, calc(100% - 40px));
  max-width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  margin-left: 40px;
  color: #f8f6f0;
  font-family: var(--display, "Barlow Condensed", Impact, sans-serif);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__label--short {
  display: none;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__arrow {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  overflow: visible;
  color: var(--gold, #d2b177);
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  animation: cc26-scroll-cue-bob 1.7s ease-in-out infinite;
  transition:
    color 180ms ease,
    transform 180ms ease;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:hover,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:focus-visible {
  color: var(--gold-light, #f0dab1);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:hover .cc26-scroll-cue__arrow,
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:focus-visible .cc26-scroll-cue__arrow {
  color: var(--gold-light, #f0dab1);
  animation-play-state: paused;
  transform: translateY(3px);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:focus-visible {
  outline: 2px solid var(--gold-light, #f0dab1);
  outline-offset: 4px;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter {
  min-height: 44px;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[data-filter="all"] {
  color: var(--white, #fffdf8);
  background: var(--ink, #151419);
  border-color: var(--ink, #151419);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[data-filter="baki"] {
  color: var(--white, #fffdf8);
  background: var(--baki-dark, #981d23);
  border-color: var(--baki, #c9292f);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[data-filter="skr"] {
  color: var(--white, #fffdf8);
  background: var(--skr-dark, #203a57);
  border-color: var(--skr, #314f70);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[href="#premium-art"] {
  padding-inline: 19px;
  color: var(--gold, #d2b177);
  background: #0d0c0e;
  border-color: var(--gold, #d2b177);
  box-shadow: none;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[href="#premium-art"]::after {
  content: none;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[href="#visit-kodama"] {
  color: var(--ink, #151419);
  background: rgba(255, 253, 248, .72);
  border-color: var(--line, rgba(21, 20, 25, .16));
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter:hover {
  filter: brightness(1.12);
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter:focus-visible {
  outline: 2px solid var(--ink, #151419);
  outline-offset: 2px;
}

@keyframes cc26-scroll-cue-bob {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }
}

@media (max-width: 680px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .intro__content {
    transform: translateY(-12px);
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue {
    display: none;
    min-height: 60px;
    width: 100%;
    gap: 8px;
    margin-top: 16px;
    margin-left: 0;
    font-size: 10px;
    letter-spacing: .14em;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__label--full {
    display: none;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__label--short {
    display: inline;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__arrow {
    width: 22px;
    height: 22px;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter {
    width: 100%;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[href="#visit-kodama"] {
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__arrow {
    animation: none;
    transition: color 180ms ease;
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:hover .cc26-scroll-cue__arrow,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue:focus-visible .cc26-scroll-cue__arrow {
    transform: none;
  }
}
/* COMIC-CON 2026 APPROVED HERO + CATALOG HOTFIX END */


/* Desktop scroll-cue placement — 2026-07-25 */
@media (min-width: 681px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue {
    position: relative;
    top: clamp(52px, 6vh, 68px);
    left: clamp(260px, 22vw, 430px);
  }
}

/* Baki filter width hotfix — 2026-07-25 */
@media (min-width: 681px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[data-filter="baki"] {
    min-width: 128px;
  }
}

@media (min-width: 681px) and (max-width: 980px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .filters .filter[data-filter="baki"] {
    min-width: 114px;
  }
}

/* Scroll cue hotfix: chevron only */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__label {
  display: none;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-scroll-cue__arrow {
  width: 36px;
  height: 36px;
  stroke-width: 2.75;
}
/* Scroll cue placement hotfix: red-section handoff */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  margin: 0;
  z-index: 3;
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue .cc26-scroll-cue__arrow {
  width: 54px;
  height: 54px;
  color: #fff;
  stroke: #fff;
  stroke-width: 2.75;
}

@media (min-width: 681px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue {
    left: calc(clamp(24px, 7vw, 118px) + 40px + clamp(260px, 22vw, 430px));
  }
}

@media (max-width: 680px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue {
    left: 50%;
    width: min(540px, calc(100% - 40px));
    transform: translateX(-50%);
  }
}


/* Scroll cue fine-tune: lower placement */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue {
  top: 120px;
}


/* Scroll cue fine-tune: true horizontal center */
body.kodama-cc2026-premium-page .kodama-cc2026-shell .collection--baki > .cc26-scroll-cue {
  left: 50%;
  transform: translateX(-50%);
}


/* Premium-art CTA fine-tune: lower placement and quiet attention cue */
@media (min-width: 681px) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta {
    transform: translateY(35%);
  }

  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:hover,
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta:focus-visible {
    transform: translateY(calc(35% - 3px));
  }
}

body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 32%, rgba(255, 255, 255, 0.2) 48%, transparent 64%);
  opacity: 0;
  transform: translateX(-140%);
  animation: cc26-premium-cta-sheen 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  will-change: transform, opacity;
}

@keyframes cc26-premium-cta-sheen {
  0%, 74% {
    opacity: 0;
    transform: translateX(-140%);
  }
  78% {
    opacity: 0.35;
  }
  90% {
    opacity: 0.35;
    transform: translateX(140%);
  }
  94%, 100% {
    opacity: 0;
    transform: translateX(140%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.kodama-cc2026-premium-page .kodama-cc2026-shell .cc26-premium-hero-cta::after {
    display: none;
    animation: none;
  }
}