/* Decorative layers only: the existing commerce grid and its controls are unchanged. */
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .i-mc-panel.mp-plan-illustrated {
  isolation: isolate;
  background: #f7efdf;
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-picture,
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-wash {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none;
  user-select: none;
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-picture {
  z-index: 0;
  display: block;
  object-fit: cover;
  object-position: 63% 50%;
  opacity: 0;
  filter: grayscale(.85) sepia(.48) saturate(.68) contrast(.9);
  transition: opacity .45s ease;
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-picture.is-ready {opacity: .6;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-wash {
  z-index: 1;
  background: linear-gradient(90deg, #f7efdfcc 0%, #f7efdf70 70%, #f7efdfa8), linear-gradient(0deg, #f7efdff5 0%, #f7efdf99 34%, #f7efdf16 75%, #f7efdf40);
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated > :not(.mp-plan-picture):not(.mp-plan-wash):not(.mp-plan-seal) {
  position: relative;
  z-index: 2;
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated::before {z-index: 3;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated::after {z-index: 1;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing [data-plan='basic'] .mp-plan-picture {object-position: 56% 48%;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing [data-plan='family'] .mp-plan-picture {object-position: 65% 52%;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated.featured {background: #1c1a16;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .featured .mp-plan-picture {filter: grayscale(1) sepia(.18) brightness(.95) contrast(.85);}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .featured .mp-plan-picture.is-ready {opacity: .7;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .featured .mp-plan-wash {background: linear-gradient(90deg, #1c1a16bb, #1c1a164d 78%, #1c1a1688), linear-gradient(0deg, #1c1a16e6, #1c1a1633 80%);}

/* The senior folios use warmer stock and a double ink frame. */
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated.premium {
  background: #e9ddbe;
  border-color: #6e5538;
  border-top-color: #a4472c;
  box-shadow: 4px 4px 0 #6e5538;
}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated.premium::before {inset: 7px; border: 3px double #8a654b80;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .premium .mp-plan-wash {background: linear-gradient(90deg, #e9ddbed9, #e9ddbe99 75%, #e9ddbeb8), linear-gradient(0deg, #e9ddbef5, #e9ddbe70 48%, #e9ddbe20);}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .premium .i-mc-panel-number {color: #fff2dc; background: #8e4b2f;}
body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-seal {
  position: absolute;
  top: 11px;
  right: 13px;
  z-index: 3;
  padding: 4px 8px;
  border: 2px solid #98543b99;
  outline: 1px solid #98543b66;
  outline-offset: 2px;
  color: #8a482f;
  background: #eee0be99;
  font: 500 11px/1.2 'Golos Text', sans-serif;
  letter-spacing: .13em;
  transform: rotate(2deg);
  pointer-events: none;
  user-select: none;
}

/* Kicker + art fills the same dialogue row as the native questions. */
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-dialogue-spread {align-items: stretch;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .c-faq-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  align-self: stretch;
  align-items: stretch;
  min-height: 0;
  padding: 0;
  margin: 0;
}
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .c-faq-heading .c-kicker {grid-column: 1; grid-row: 1; margin: 0; align-self: start;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-marginal-portrait {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 2;
  align-self: stretch;
  width: calc(100% - 4px);
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
  border-width: 2px;
}
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-marginal-portrait img {object-position: 72% 42%;}
body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-portrait-bubble {display: block; top: 15px; left: 15px; font-size: 20px;}
@media (max-width:1000px) {
  body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .c-faq-heading {grid-template-rows: auto auto; gap: 10px;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-marginal-portrait {height: clamp(160px, 23vw, 210px);}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-marginal-portrait img {object-position: 75% 35%;}
}
@media (max-width:700px) {
  body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-seal {display: none;}
  body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-picture {object-position: 65% 50%;}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-marginal-portrait {height: clamp(138px, 39vw, 190px);}
  body[data-design='ink'][data-edition='frames'] .i-mc-faq.mp-faq-art .i-mc-portrait-bubble {top: 12px; left: 12px; font-size: 18px;}
}
@media (prefers-reduced-motion:reduce) {
  body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-picture {transition: none;}
}
@media (forced-colors:active) {
  body[data-design='ink'][data-edition='frames'] .i-mc-pricing :is(.mp-plan-picture, .mp-plan-wash, .mp-plan-seal) {display: none;}
  body[data-design='ink'][data-edition='frames'] .i-mc-pricing .mp-plan-illustrated {border-color: CanvasText; background: Canvas;}
}
