/* REV054 — Content portfolio and a clearly labelled static studio concept.
   No operational controls, generated assets, global selectors or film edits. */
.product-detail .content-cases,
.product-detail .content-vision,
.product-detail .content-foundations,
.product-detail .content-portfolio,
.product-detail .content-studio {
  margin-top: 84px;
  padding-top: 44px;
  border-top: 1px solid var(--detail-rule,rgb(215 180 74 / .3));
  scroll-margin-top: 112px;
}
.product-detail .content-section-heading { max-width: 820px; margin-bottom: 32px; }
.product-detail .content-section-heading > h2 { margin-top: 20px; }
.product-detail .content-section-heading > p:not(.detail-section-label) {
  margin-top: 22px;
  color: var(--detail-muted,#d1cfc3);
  font-size: 17px;
  line-height: 1.85;
}
.product-detail .content-foundation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.product-detail .content-foundation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 28px 25px;
  border: 1px solid rgb(215 180 74 / .24);
  border-top-color: rgb(215 180 74 / .7);
  border-radius: 8px;
  background: linear-gradient(155deg,rgb(8 12 9 / .78),rgb(5 8 6 / .6));
}
.product-detail .content-foundation-index,
.product-detail .content-foundation > span:first-child { color: #c5b476; font: 12px/1.5 monospace; letter-spacing: .06em; }
.product-detail .content-foundation > h3 { margin-top: 22px; font-size: 28px; line-height: 1.25; font-weight: 600; }
.product-detail .content-foundation > p { margin-top: 18px; color: var(--detail-muted,#d1cfc3); font-size: 16px; line-height: 1.85; }
.product-detail .content-foundation > small {
  display: block;
  width: 100%;
  padding-top: 16px;
  margin-top: 24px;
  border-top: 1px solid rgb(215 180 74 / .22);
  color: #c6c0a9;
  font-size: 13px;
  line-height: 1.7;
}
.product-detail .content-foundation > a { margin-top: 16px; }
.product-detail .content-foundation-sources { display: flex; flex-direction: column; gap: 2px; margin-top: 16px; }
.product-detail .content-foundation-source { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--detail-gold,#d7b44a); font-size: 13px; line-height: 1.55; }
.product-detail .content-foundation-source::after { content: '↗'; flex-shrink: 0; font-size: 18px; }
.product-detail .detail-main .content-convergence {
  margin-top: 28px;
  padding: 28px 32px;
  border-left: 2px solid var(--detail-gold,#d7b44a);
  background: linear-gradient(100deg,rgb(215 180 74 / .1),rgb(8 12 9 / .54));
  color: var(--detail-paper,#f5f2ea);
  font-size: 20px;
  font-weight: 450;
  line-height: 1.75;
}
/* Signals communicate the production flow; reduced motion keeps a static route. */
.product-detail .content-vision-route, .product-detail .content-vision-signal { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.product-detail .content-vision-route { stroke: #77663c; stroke-width: 1.5; }
.product-detail .content-vision-signal { stroke: #edd17b; stroke-width: 3; }
.product-detail .content-poster-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.product-detail .content-work {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgb(215 180 74 / .2);
  border-radius: 10px;
  background: rgb(5 8 6 / .58);
}
.product-detail .content-poster-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  height: clamp(340px,37vw,500px);
  padding: 12px;
  background: rgb(3 5 4 / .68);
  border: 1px solid rgb(245 242 234 / .08);
}
.product-detail .content-poster-link > img { display: block; width: 100%; height: 100%; max-height: 500px; object-fit: contain; }
.product-detail .content-work > figcaption { padding: 22px 2px 0; }
.product-detail .content-work h3 { font-size: 26px; line-height: 1.3; }
.product-detail .content-work figcaption > p { margin-top: 12px; color: var(--detail-muted,#d1cfc3); font-size: 15px; line-height: 1.8; }
.product-detail .content-source {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  margin-top: 12px;
  color: var(--detail-gold,#d7b44a);
  font-size: 13px;
  font-weight: 550;
}
.product-detail .content-source::after { content: '↗'; font-size: 18px; }
.product-detail .content-source:hover { color: #edd174; }
.product-detail .content-app {
  --studio-text: #ebece5;
  --studio-muted: #b9beb1;
  --studio-rule: #41483d;
  min-width: 0;
  border: 1px solid #60654f;
  border-radius: 12px;
  background: #161a16;
  color: var(--studio-text);
  box-shadow: 0 24px 52px rgb(0 0 0 / .25),inset 0 1px 0 rgb(245 242 234 / .045);
  overflow: clip;
}
.product-detail .content-app-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 24px;
  min-height: 76px;
  padding: 20px 24px;
  border-bottom: 1px solid #60654f;
  background: linear-gradient(120deg,#292d24,#1e231d);
}
.product-detail .content-app-caption > strong { font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: -.035em; }
.product-detail .content-development-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgb(215 180 74 / .65);
  border-radius: 5px;
  color: #ead18b;
  background: #373422;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.45;
}
.product-detail .content-app-shell { display: grid; grid-template-columns: 176px minmax(0,1fr); min-height: 590px; }
.product-detail .content-app-sidebar { min-width: 0; padding: 26px 18px; border-right: 1px solid var(--studio-rule); background: #20251e; }
.product-detail .content-app-sidebar > :first-child { display: flex; align-items: center; gap: 10px; color: #e4dbbb; font-size: 15px; font-weight: 600; line-height: 1.4; }
.product-detail .content-app-sidebar .content-app-brand { align-items: flex-start; flex-direction: column; gap: 5px; }
.product-detail .content-app-brand > span { color: #c9ba82; font: 11px/1.5 monospace; letter-spacing: .12em; }
.product-detail .content-app-brand > strong { font-size: 16px; font-weight: 550; }
.product-detail .content-app-platform { display: block; margin-top: 30px; color: var(--studio-muted); font-size: 12px; line-height: 1.5; }
.product-detail .content-app-sidebar ol { display: flex; flex-direction: column; gap: 6px; margin-top: 30px; }
.product-detail .content-app-sidebar li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 45px;
  padding: 11px 9px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--studio-muted);
  font-size: 13px;
  line-height: 1.45;
}
.product-detail .content-app-sidebar li:nth-child(3) { color: #ead18b; border-color: #726337; background: #373423; }
.product-detail .content-app-sidebar li > span:first-child { color: #a2aa99; font: 12px/1.4 monospace; }
.product-detail .content-app-sidebar li:nth-child(3) > span:first-child { color: #d7b44a; }
.product-detail .content-app-workspace { min-width: 0; display: flex; flex-direction: column; background: #151915; }
.product-detail .content-app-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--studio-rule);
  background: #252a23;
  font-size: 14px;
  line-height: 1.5;
}
.product-detail .content-app-toolbar > strong { font-size: 15px; font-weight: 550; }
.product-detail .content-app-toolbar > span { color: var(--studio-muted); font-size: 12px; }
.product-detail .content-project-name { display: flex; flex-direction: column; gap: 5px; }
.product-detail .content-project-name > strong { font-size: 15px; font-weight: 550; }
.product-detail .content-project-name > span { color: var(--studio-muted); font-size: 12px; }
.product-detail .content-app-body { display: grid; grid-template-columns: 142px minmax(0,1fr); flex: 1; min-width: 0; }
.product-detail .content-cut-list { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 20px 14px; border-right: 1px solid var(--studio-rule); background: #1c211b; }
.product-detail .content-cut-list > :first-child { color: #dddccf; font-size: 13px; font-weight: 550; line-height: 1.4; }
.product-detail .content-cut-item,
.product-detail .content-cut-list > div {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #4c5444;
  border-radius: 5px;
  background: #282e25;
  color: var(--studio-muted);
  font-size: 12px;
  line-height: 1.5;
}
.product-detail .content-cut-item > strong,
.product-detail .content-cut-list > div > strong { color: #ecebdc; font-size: 13px; font-weight: 550; }
.product-detail .content-cut-item[data-current='true'] { border-color: #b99a45; background: #3a3725; }
.product-detail .content-cut-number { color: #c9ba82; font: 11px/1.4 monospace; }
.product-detail .content-candidate-panel {
  min-width: 0;
  padding: 22px;
}
.product-detail .content-candidate-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 18px; }
.product-detail .content-candidate-tabs { display: flex; align-items: center; gap: 16px; color: var(--studio-muted); font-size: 13px; }
.product-detail .content-candidate-tabs > span { padding-block: 7px; border-bottom: 1px solid transparent; }
.product-detail .content-candidate-tabs > span[data-current='true'] { border-bottom-color: #d7b44a; color: #ead18b; }
.product-detail .content-candidate-panel .content-reference-note { margin-top: 18px; font-size: 13px; color: var(--studio-muted); }
.product-detail .content-candidate-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.product-detail .content-candidate-panel h3 { color: var(--studio-text); font-size: 20px; font-weight: 550; line-height: 1.3; }
.product-detail .content-candidate-panel > header p { margin-top: 9px; color: var(--studio-muted); font-size: 13px; line-height: 1.6; }
.product-detail .content-candidate { min-width: 0; border: 1px solid #565f4b; border-radius: 6px; background: #232a20; overflow: clip; }
.product-detail .content-candidate[data-current='true'] { border-color: #c5a74e; box-shadow: inset 0 0 0 1px rgb(215 180 74 / .28); }
.product-detail .content-candidate-art,
.product-detail .content-candidate-visual,
.product-detail .content-candidate-media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 120px;
  aspect-ratio: 4 / 3;
  background: linear-gradient(150deg,#4e5843,#303c2d 54%,#242b22);
  color: #c6cfb9;
  overflow: clip;
}
.product-detail .content-candidate[data-variant='2'] .content-candidate-art { background: linear-gradient(150deg,#6c6747,#444c34 54%,#2e3728); }
.product-detail .content-candidate[data-variant='3'] .content-candidate-art { background: linear-gradient(150deg,#4e5f59,#35473d 54%,#252f29); }
.product-detail .content-candidate-landscape { position: absolute; inset: 57% -10% -20%; border-radius: 45% 60% 0 0; transform: rotate(-7deg); background: #839478; opacity: .48; }
.product-detail .content-candidate-subject { position: absolute; left: 31%; bottom: 17%; width: 23%; height: 42%; border-radius: 50% 50% 22% 22%; background: #c2c7a3; box-shadow: 0 10px 18px rgb(0 0 0 / .17); }
.product-detail .content-candidate-subject::before { content: ''; position: absolute; width: 58%; aspect-ratio: 1; left: 21%; top: -24%; border-radius: 50%; background: #d0d3b5; }
.product-detail .content-candidate[data-variant='2'] .content-candidate-subject { left: 50%; width: 26%; height: 48%; bottom: 13%; background: #cbb778; }
.product-detail .content-candidate[data-variant='3'] .content-candidate-subject { left: 22%; width: 19%; height: 35%; bottom: 24%; background: #9fbaa7; }
.product-detail .content-candidate-frame { position: absolute; inset: 12px; border: 1px solid rgb(232 230 202 / .3); background: linear-gradient(90deg,transparent calc(50% - .5px),rgb(232 230 202 / .12) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgb(232 230 202 / .12) 50%,transparent calc(50% + .5px)); }
.product-detail .content-candidate:nth-of-type(2) :is(.content-candidate-visual,.content-candidate-media) { background: linear-gradient(150deg,#6c6747,#444c34 54%,#2e3728); }
.product-detail .content-candidate:nth-of-type(3) :is(.content-candidate-visual,.content-candidate-media) { background: linear-gradient(150deg,#4e5f59,#35473d 54%,#252f29); }
.product-detail :is(.content-candidate-visual,.content-candidate-media) > svg { width: 42px; height: 42px; stroke: currentColor; }
.product-detail .content-candidate > :is(strong,span,p),
.product-detail .content-candidate-meta,
.product-detail .content-candidate-copy { display: block; padding: 12px; font-size: 13px; line-height: 1.5; }
.product-detail :is(.content-candidate-meta,.content-candidate-copy) > strong { display: block; font-size: 13px; font-weight: 550; }
.product-detail :is(.content-candidate-meta,.content-candidate-copy) > span { display: block; margin-top: 6px; color: var(--studio-muted); font-size: 12px; }
.product-detail .content-candidate-panel > p:last-child { color: var(--studio-muted); font-size: 12px; line-height: 1.7; margin-top: 18px; }
.product-detail .content-timeline { grid-column: 1 / -1; min-width: 0; padding: 18px 22px 22px; border-top: 1px solid var(--studio-rule); background: #1c211b; }
.product-detail .content-timeline > :first-child { color: #e0dfd0; font-size: 13px; font-weight: 550; }
.product-detail .content-timeline-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.product-detail .content-timeline-heading > strong { font-size: 13px; font-weight: 550; }
.product-detail .content-timeline-heading > span { color: var(--studio-muted); font: 11px/1.5 monospace; }
.product-detail .content-timeline-ruler { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; padding-bottom: 9px; border-bottom: 1px solid #525b47; color: #b6bead; font: 11px/1.5 monospace; }
.product-detail .content-timeline-track,
.product-detail .content-timeline-clips { display: grid; grid-template-columns: 1.15fr .85fr 1.4fr; gap: 5px; margin-top: 12px; }
.product-detail .content-timeline-clip {
  min-width: 0;
  min-height: 52px;
  padding: 11px 13px;
  border: 1px solid #7c815a;
  border-radius: 4px;
  background: #3d4934;
  color: #e1e5d6;
  font-size: 12px;
  line-height: 1.6;
}
.product-detail .content-timeline-clip:nth-child(2) { border-color: #bd9e46; background: #514a2c; }
.product-detail .content-timeline-clip:nth-child(3) { background: #344b40; border-color: #688a72; }
.product-detail .content-clip-line { display: block; height: 3px; margin-top: 9px; background: rgb(226 227 190 / .4); }
.product-detail .content-app-status { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; min-height: 44px; padding: 12px 22px; border-top: 1px solid var(--studio-rule); background: #252b22; color: var(--studio-muted); font-size: 12px; line-height: 1.6; }
.product-detail .content-studio-note { margin-top: 22px; color: var(--detail-muted,#d1cfc3); font-size: 14px; line-height: 1.85; }
.product-detail .content-studio-points,
.product-detail .content-summary-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; margin-top: 28px; }
.product-detail :is(.content-studio-points,.content-summary-points) > * { min-width: 0; padding-top: 20px; border-top: 1px solid var(--detail-rule,rgb(215 180 74 / .3)); }
.product-detail :is(.content-studio-points,.content-summary-points) strong { display: block; font-size: 18px; line-height: 1.4; font-weight: 550; }
.product-detail :is(.content-studio-points,.content-summary-points) p { margin-top: 12px; color: var(--detail-muted,#d1cfc3); font-size: 15px; line-height: 1.85; }
.product-detail .content-studio-points > li > span { display: block; margin-top: 12px; color: var(--detail-muted,#d1cfc3); font-size: 15px; line-height: 1.85; }

@media (max-width: 1100px) and (min-width: 761px) {
  .product-detail .content-foundation-grid { gap: 18px; }
  .product-detail .content-foundation { padding: 24px 20px; }
  .product-detail .content-foundation > h3 { font-size: 26px; }
  .product-detail .content-app-shell { grid-template-columns: 144px minmax(0,1fr); }
  .product-detail .content-app-sidebar { padding-inline: 13px; }
  .product-detail .content-app-body { grid-template-columns: 120px minmax(0,1fr); }
  .product-detail .content-cut-list { padding-inline: 10px; }
  .product-detail .content-candidate-panel { padding: 18px; gap: 14px 10px; }
  .product-detail :is(.content-candidate-art,.content-candidate-visual,.content-candidate-media) { min-height: 100px; }
  .product-detail .content-app-toolbar { padding-inline: 18px; }
}
@media (max-width: 760px) {
  .product-detail .content-foundations,
  .product-detail .content-portfolio,
  .product-detail .content-studio { margin-top: 58px; padding-top: 28px; scroll-margin-top: 94px; }
  .product-detail .content-section-heading { margin-bottom: 24px; }
  .product-detail .content-section-heading > p:not(.detail-section-label) { margin-top: 18px; font-size: 15px; }
  .product-detail .content-foundation-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .product-detail .content-foundation { padding: 25px 22px; }
  .product-detail .content-foundation > h3 { margin-top: 18px; font-size: 27px; }
  .product-detail .content-foundation > p { margin-top: 16px; font-size: 15px; }
  .product-detail .content-foundation > small { margin-top: 20px; font-size: 13px; }
  .product-detail .detail-main .content-convergence { margin-top: 24px; padding: 24px 22px; font-size: 17px; line-height: 1.8; }
  .product-detail .content-poster-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .product-detail .content-work { padding: 14px; }
  .product-detail .content-poster-link { height: min(500px,110vw); min-height: 320px; padding: 8px; }
  .product-detail .content-work h3 { font-size: 24px; }
  .product-detail .content-work > figcaption { padding-top: 18px; }
  .product-detail .content-work figcaption > p { font-size: 14px; }
  .product-detail .content-source { font-size: 13px; }
  .product-detail .content-app { border-radius: 9px; }
  .product-detail .content-app-caption { align-items: flex-start; flex-direction: column; min-height: 0; gap: 12px; padding: 18px 16px; }
  .product-detail .content-app-caption > strong { font-size: 20px; }
  .product-detail .content-development-badge { max-width: 100%; font-size: 13px; }
  .product-detail .content-app-shell { display: flex; flex-direction: column; min-height: 0; }
  .product-detail .content-app-sidebar { padding: 18px 16px; border-right: 0; border-bottom: 1px solid var(--studio-rule); }
  .product-detail .content-app-sidebar > :first-child { font-size: 15px; }
  .product-detail .content-app-sidebar ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 8px; margin-top: 18px; }
  .product-detail .content-app-sidebar li { min-height: 42px; padding: 10px 8px; font-size: 13px; }
  .product-detail .content-app-toolbar { flex-direction: column; align-items: flex-start; gap: 8px; min-height: 0; padding: 18px 16px; }
  .product-detail .content-app-toolbar > strong { font-size: 15px; }
  .product-detail .content-app-toolbar > span { font-size: 12px; }
  .product-detail .content-app-body { grid-template-columns: minmax(0,1fr); }
  .product-detail .content-cut-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 18px 14px; border-right: 0; border-bottom: 1px solid var(--studio-rule); }
  .product-detail .content-cut-list > :first-child { grid-column: 1 / -1; margin-bottom: 4px; }
  .product-detail .content-cut-item,
  .product-detail .content-cut-list > div { padding: 10px 7px; font-size: 12px; gap: 7px; }
  .product-detail .content-cut-item > strong,
  .product-detail .content-cut-list > div > strong { font-size: 12px; }
  .product-detail .content-candidate-panel { padding: 22px 14px; }
  .product-detail .content-candidate-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .product-detail .content-candidate-panel h3 { font-size: 20px; }
  .product-detail .content-candidate-panel > header p { font-size: 14px; }
  .product-detail .content-candidate { display: grid; grid-template-columns: 96px minmax(0,1fr); align-items: center; }
  .product-detail :is(.content-candidate-art,.content-candidate-visual,.content-candidate-media) { align-self: stretch; aspect-ratio: auto; min-height: 112px; }
  .product-detail :is(.content-candidate-visual,.content-candidate-media) > svg { width: 36px; height: 36px; }
  .product-detail :is(.content-candidate-meta,.content-candidate-copy) { padding: 12px; }
  .product-detail :is(.content-candidate-meta,.content-candidate-copy) > strong { font-size: 14px; }
  .product-detail :is(.content-candidate-meta,.content-candidate-copy) > span { font-size: 13px; }
  .product-detail .content-candidate-panel > p:last-child { font-size: 13px; }
  .product-detail .content-timeline { padding: 18px 14px; }
  .product-detail .content-timeline-ruler { gap: 5px; font-size: 11px; }
  .product-detail .content-timeline-track,
  .product-detail .content-timeline-clips { display: flex; flex-direction: column; gap: 8px; }
  .product-detail .content-timeline-clip { min-height: 48px; padding: 11px 12px; font-size: 13px; }
  .product-detail .content-app-status { align-items: flex-start; min-height: 44px; padding: 14px; font-size: 12px; }
  .product-detail .content-studio-note { margin-top: 20px; font-size: 14px; }
  .product-detail .content-studio-points,
  .product-detail .content-summary-points { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .product-detail :is(.content-studio-points,.content-summary-points) strong { font-size: 18px; }
  .product-detail :is(.content-studio-points,.content-summary-points) p { font-size: 15px; }
}
@media (max-width: 760px) and (max-height: 560px) and (orientation: landscape) {
  .product-detail .content-poster-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .product-detail .content-poster-link { height: 360px; min-height: 0; }
  .product-detail .content-app-sidebar ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-detail .content-candidate-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-detail .content-candidate { display: block; }
  .product-detail :is(.content-candidate-art,.content-candidate-visual,.content-candidate-media) { min-height: 110px; }
  .product-detail .content-timeline-track,
  .product-detail .content-timeline-clips { display: grid; grid-template-columns: 1.15fr .85fr 1.4fr; }
}
@media (prefers-reduced-motion: reduce) {
  .product-detail .content-portfolio *,
  .product-detail .content-studio * { animation: none !important; transition: none !important; }
}

/* Latest human amendment: compact evidence and one converging production story. */
.product-detail .content-foundation-grid-paired { grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-detail .content-evidence-cluster { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; width: 100%; }
.product-detail .content-evidence { position: relative; width: 130px; max-width: 100%; }
.product-detail .content-evidence > summary { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 6px; min-height: 44px; list-style: none; cursor: pointer; text-align: center; }
.product-detail .content-evidence > summary::-webkit-details-marker { display: none; }
.product-detail .content-evidence > summary:focus-visible { outline: 2px solid #d7b44a; outline-offset: 4px; border-radius: 8px; }
.product-detail .content-thumb { display: block; width: 88px; height: 88px; border: 1px solid #9f8b53; padding: 4px; border-radius: 50%; background: #171e17; }
.product-detail .content-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.product-detail .content-thumb-title { color: #e3deca; font-size: 13px; line-height: 1.5; }
.product-detail .content-thumb-hint { position: absolute; right: 18px; top: 71px; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #a99251; border-radius: 50%; background: #2b3022; color: #ead18b; font-size: 16px; }
.product-detail .content-evidence-popover { display: none; position: absolute; z-index: 5; top: 100%; left: 0; width: 224px; max-width: 70vw; padding: 10px 14px; border: 1px solid #a18b50; border-radius: 7px; background: #24291f; box-shadow: 0 12px 24px #0008; color: #d7d5c5; font-size: 12px; line-height: 1.6; }
.product-detail .content-evidence-popover a { display: flex; align-items: center; min-height: 44px; color: #ead18b; }
.product-detail .content-evidence[open] .content-evidence-popover, .product-detail .content-evidence:focus-within .content-evidence-popover { display: block; }
@media (hover: hover) { .product-detail .content-evidence:hover .content-evidence-popover { display: block; } }
.product-detail .content-flow-connector { display: block; width: 100px; height: 90px; margin: 26px auto; overflow: visible; }
.product-detail .content-ai-convergence, .product-detail .content-innovation { margin-top: 0; padding-top: 0; border-top: 0; }
.product-detail .content-innovation-core { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 580px; margin: 32px auto 0; padding: 30px 24px; border: 1px solid #b59a50; border-radius: 10px; background: linear-gradient(135deg,#33301f,#202b20); text-align: center; }
.product-detail .content-innovation-core strong { font-size: 28px; line-height: 1.3; }
.product-detail .content-innovation-core span { color: #e4d7aa; font-size: 20px; line-height: 1.6; }
.product-detail .content-innovation-core small { color: #c1c5b7; font-size: 13px; line-height: 1.6; }
.product-detail .content-innovation-goals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.product-detail .content-innovation-goals > div { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 28px 20px; border: 1px solid #736844; border-radius: 8px; background: #182118; text-align: center; }
.product-detail .content-innovation-goals small { color: #b8b9a8; font-size: 12px; line-height: 1.5; }
.product-detail .content-innovation-goals strong { color: #e9cf86; font-size: 28px; line-height: 1.3; }
.product-detail .content-innovation-goals span { color: #dddccb; font-size: 16px; line-height: 1.7; }
@media (max-width: 760px) {
 .product-detail .content-foundation-grid-paired { grid-template-columns: minmax(0,1fr); }
 .product-detail .content-evidence-cluster { gap: 10px; }
 .product-detail .content-evidence { width: 120px; }
 .product-detail .content-evidence:last-child .content-evidence-popover { left: auto; right: 0; }
 .product-detail .content-ai-convergence, .product-detail .content-innovation { margin-top: 0; padding-top: 0; }
 .product-detail .content-innovation-goals { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .product-detail .content-innovation-core span { font-size: 18px; }
}

.product-detail .content-evidence::details-content { content-visibility: visible; }
.product-detail .content-flow-connector .content-vision-signal { stroke-dasharray: 14 90; stroke-dashoffset: 104; animation: content-flow-progress 2.6s linear infinite; }
.product-detail .content-innovation-core { animation: content-stage-emphasis 5.2s ease-in-out infinite; }
@keyframes content-flow-progress { to { stroke-dashoffset: 0; } }
@keyframes content-stage-emphasis { 50% { border-color: #e4c872; box-shadow: 0 0 24px rgb(215 180 74 / .13); } }
@media (prefers-reduced-motion: reduce) {
 .product-detail .content-flow-connector .content-vision-signal { animation: none !important; stroke-dasharray: none; opacity: .45; }
 .product-detail .content-innovation-core { animation: none !important; }
}

/* REV060: one accumulated practice, followed by application, tooling and goals. */
.product-detail .content-foundation-grid-merged { grid-template-columns: minmax(0,1fr); }
.product-detail .content-foundation-merged > p { max-width: 850px; }
.product-detail .content-foundation-merged .content-evidence-cluster { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; max-width: 720px; }
.product-detail .content-foundation-merged .content-evidence { width: auto; }
.product-detail .content-foundation-merged .content-evidence:last-child .content-evidence-popover { left: auto; right: 0; }
.product-detail .content-ai-convergence + .content-flow-connector + .content-studio { margin-top: 0; padding-top: 0; border-top: 0; }
.product-detail .content-innovation-goals strong { font-size: 24px; }
.product-detail .content-innovation-goals span { max-width: 30em; }
@media (max-width: 760px) {
 .product-detail .content-foundation-merged > h3 { font-size: 24px; }
 .product-detail .content-foundation-merged .content-evidence-cluster { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 12px; }
 .product-detail .content-foundation-merged .content-evidence:nth-child(even) .content-evidence-popover { left: auto; right: 0; }
 .product-detail .content-innovation-goals strong { font-size: 22px; }
}

/* REV061-062: five compact cases with explicit work categories. */
.product-detail .content-foundation-merged .content-evidence-cluster { grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 900px; }
.product-detail .content-thumb-category { color: #b8baaa; font-size: 12px; line-height: 1.5; }
.product-detail .content-evidence > summary { gap: 9px; }
.product-detail .content-evidence-popover a { gap: 8px; }
.product-detail .content-work > figcaption { padding-top: 8px; }
@media (max-width: 760px) {
 .product-detail .content-foundation-merged .content-evidence-cluster { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .product-detail .content-foundation-merged .content-evidence:last-child .content-evidence-popover { left: 0; right: auto; }
}

/* REV063: public conceptual method, without proprietary prompt material. */
.product-detail .content-ai-method { scroll-margin-top: 112px; }
.product-detail .content-method-note { margin: 0 0 18px; color: #b9beaf; font-size: 13px; line-height: 1.6; }
.product-detail .content-method-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.product-detail .content-method-step { position: relative; min-width: 0; padding: 24px 20px; border: 1px solid #75663f; border-radius: 9px; background: linear-gradient(145deg,#242b20,#161d17); }
.product-detail .content-method-step:not(:last-child)::after { content: '→'; position: absolute; right: -24px; top: 48%; color: #d9bd68; font-size: 22px; animation: content-method-arrow 2.6s ease-in-out infinite; }
.product-detail .content-method-index { color: #d4c088; font: 12px/1.6 monospace; }
.product-detail .content-method-step h3 { margin-top: 16px; font-size: 23px; font-weight: 550; line-height: 1.45; }
.product-detail .content-method-step > p { margin-top: 20px; color: #c8cbbb; font-size: 14px; line-height: 1.85; }
.product-detail .content-method-visual { margin-top: 24px; padding: 16px 10px; border: 1px solid #62684b; border-radius: 6px; background: #1b241c; }
.product-detail .content-method-inputs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.product-detail .content-method-inputs span { display: flex; justify-content: center; align-items: center; min-height: 36px; padding: 5px 2px; border: 1px solid #596348; border-radius: 4px; color: #d8dbca; font-size: 11px; line-height: 1.45; text-align: center; }
.product-detail .content-method-visual svg { display: block; width: 100%; height: 68px; margin-top: 10px; }
.product-detail .content-method-visual > strong { display: block; margin-top: 10px; color: #e1ce8f; font-size: 13px; font-weight: 500; line-height: 1.6; text-align: center; }
.product-detail .content-method-pulse { fill: #dfc775; animation: content-method-pulse 2.6s ease-in-out infinite; }
.product-detail .content-method-image-study, .product-detail .content-method-video-study { fill: none; stroke: #929c76; stroke-width: 1.5; }
.product-detail .content-method-subjects { fill: #c2c8a4; stroke: none; animation: content-method-pulse 3.2s ease-in-out infinite; }
.product-detail .content-method-horizon { stroke: #647653; }
.product-detail .content-method-motion-dot { fill: #dfc775; stroke: none; animation: content-method-motion 3.2s ease-in-out infinite; }
.product-detail .content-method-rhythm { stroke: #b7ac70; stroke-width: 3; }
.product-detail .content-ai-method + .content-flow-connector + .content-studio { margin-top: 0; padding-top: 0; border-top: 0; }
@keyframes content-method-arrow { 50% { opacity: .45; } }
@keyframes content-method-pulse { 50% { opacity: .55; } }
@keyframes content-method-motion { 60%,85% { transform: translateX(207px); } }
@media (max-width: 1050px) {
 .product-detail .content-method-step { padding: 22px 14px; }
 .product-detail .content-method-step h3 { font-size: 20px; }
}
@media (max-width: 760px) {
 .product-detail .content-ai-method { scroll-margin-top: 94px; }
 .product-detail .content-method-steps { grid-template-columns: minmax(0,1fr); gap: 38px; }
 .product-detail .content-method-step { padding: 24px 20px; }
 .product-detail .content-method-step h3 { font-size: 23px; }
 .product-detail .content-method-inputs span { font-size: 12px; }
 .product-detail .content-method-step:not(:last-child)::after { content: '↓'; right: 50%; top: auto; bottom: -32px; transform: translateX(50%); }
}
@media (prefers-reduced-motion: reduce) {
 .product-detail .content-ai-method *, .product-detail .content-ai-method *::after { animation: none !important; transition: none !important; }
 .product-detail .content-method-motion-dot { transform: translateX(104px); }
}

/* REV065/068: rendered workspace and a bounded, accessible press cloud. */
.product-detail .content-render-accessible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.product-detail .content-render-pan { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; background: #101310; }
.product-detail .content-render-pan:focus-visible { outline: 2px solid #dfc16b; outline-offset: -3px; }
.product-detail .content-render-pan img { display: block; width: 100%; height: auto; }
.product-detail .content-render-pan-cue { display: none; color: #c9cbbd; font-size: 13px; line-height: 1.6; }
.product-detail .content-render-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 16px; }
.product-detail .content-render-links a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #e3c875; font-size: 14px; line-height: 1.6; }
.product-detail .content-press-intro { display: flex; flex-direction: column; gap: 9px; margin-top: 28px; }
.product-detail .content-press-intro strong { font-size: 18px; line-height: 1.5; font-weight: 500; }
.product-detail .content-press-intro > span { color: #b8bdad; font-size: 12px; line-height: 1.6; }
.product-detail .content-foundation-merged .content-press-cloud { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px 22px; width: 100%; max-width: none; padding: 26px 10px 30px; }
.product-detail .content-press-card { z-index: 1; width: auto; min-width: 0; transform: rotate(var(--press-tilt)); animation: content-press-float 7s ease-in-out infinite; animation-delay: calc(var(--press-index) * -.47s); }
.product-detail .content-press-card > summary { min-height: 140px; gap: 5px; padding: 10px 8px; border: 1px solid #626448; border-radius: 12px; background: linear-gradient(145deg,#293023,#1b231b); box-shadow: 0 9px 20px #0003; }
.product-detail .content-press-card .content-thumb { width: 66px; height: 66px; padding: 3px; }
.product-detail .content-press-card .content-thumb-title { font-size: 12px; line-height: 1.4; }
.product-detail .content-press-card .content-thumb-category { font-size: 10px; line-height: 1.4; }
.product-detail .content-press-publisher { color: #c1c5b1; font-size: 10px; line-height: 1.4; max-width: 100%; text-wrap: balance; }
.product-detail .content-press-card .content-thumb-hint { top: 56px; right: calc(50% - 40px); width: 23px; height: 23px; }
.product-detail .content-press-cloud:hover .content-press-card, .product-detail .content-press-cloud:focus-within .content-press-card, .product-detail .content-press-cloud:has(details[open]) .content-press-card { animation-play-state: paused; }
.product-detail .content-press-card:hover, .product-detail .content-press-card:focus-within, .product-detail .content-press-card[open] { z-index: 20; }
.product-detail .content-press-card .content-evidence-popover { top: calc(100% + 4px); width: 260px; max-width: min(70vw,300px); padding: 16px; }
.product-detail .content-press-card:nth-child(4n) .content-evidence-popover { left: auto; right: 0; }
.product-detail .content-press-card:nth-last-child(-n+4) .content-evidence-popover { top: auto; bottom: calc(100% + 4px); }
.product-detail .content-evidence-popover > strong, .product-detail .content-press-title, .product-detail .content-evidence-popover time, .product-detail .content-press-image-note, .product-detail .content-press-kind { display: block; }
.product-detail .content-evidence-popover > strong { margin-top: 8px; color: #ede5cb; font-size: 13px; line-height: 1.55; }
.product-detail .content-press-title { margin-top: 8px; font-size: 14px; line-height: 1.6; }
.product-detail .content-evidence-popover time { margin-top: 10px; color: #b9bfac; font-size: 11px; }
.product-detail .content-press-image-note, .product-detail .content-press-kind { color: #bdc4ac; font-size: 10px; line-height: 1.6; }
@keyframes content-press-float { 50% { transform: translate3d(3px,-6px,0) rotate(calc(var(--press-tilt) * -.5)); } }
@media (max-width: 760px) {
 .product-detail .content-render-pan img { width: 900px; min-width: 900px; max-width: none; }
 .product-detail .content-render-pan-cue { display: block; margin-top: 14px; }
 .product-detail .content-foundation-merged .content-press-cloud { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; padding: 20px 0; }
 .product-detail .content-press-card > summary { min-height: 132px; padding: 8px 4px; }
 .product-detail .content-press-card .content-thumb { width: 58px; height: 58px; }
 .product-detail .content-press-card .content-thumb-hint { top: 48px; right: calc(50% - 35px); }
 .product-detail .content-foundation-merged .content-press-card:nth-child(odd) .content-evidence-popover { left: 0; right: auto; }
 .product-detail .content-foundation-merged .content-press-card:nth-child(even) .content-evidence-popover { left: auto; right: 0; }
 .product-detail .content-press-card:nth-last-child(-n+4) .content-evidence-popover { top: calc(100% + 4px); bottom: auto; }
 .product-detail .content-press-card:nth-last-child(-n+2) .content-evidence-popover { top: auto; bottom: calc(100% + 4px); }
}
@media (prefers-reduced-motion: reduce) {
 .product-detail .content-press-card { animation: none !important; transform: none; }
}
/* Bounded press pile: staggered depth, with overlap confined to card padding. */
.product-detail .content-foundation-merged .content-press-cloud { max-width: 800px; margin-inline: auto; gap: 0 12px; padding: 34px 14px 48px; }
.product-detail .content-press-card { --press-scale: 1; top: var(--press-offset,0px); transform: rotate(var(--press-tilt)) scale(var(--press-scale)); }
.product-detail .content-press-card:nth-child(4n+1) { --press-offset: 2px; --press-scale: .98; }
.product-detail .content-press-card:nth-child(4n+2) { --press-offset: 22px; --press-scale: 1.02; }
.product-detail .content-press-card:nth-child(4n+3) { --press-offset: -7px; --press-scale: .99; }
.product-detail .content-press-card:nth-child(4n) { --press-offset: 14px; --press-scale: 1.01; }
.product-detail .content-press-card:nth-child(n+5) { margin-top: -18px; }
.product-detail .content-press-card > summary { padding-bottom: 28px; min-height: 158px; box-shadow: 0 14px 25px #0006, 0 1px 0 #b6a76a26 inset; }
@keyframes content-press-float { 50% { transform: translate3d(3px,-6px,0) rotate(calc(var(--press-tilt) * -.5)) scale(var(--press-scale)); } }
@media (max-width: 760px) {
 .product-detail .content-foundation-merged .content-press-cloud { gap: 0 10px; padding: 26px 0 40px; }
 .product-detail .content-press-card:nth-child(odd) { --press-offset: 0px; --press-scale: .99; }
 .product-detail .content-press-card:nth-child(even) { --press-offset: 15px; --press-scale: .99; }
 .product-detail .content-press-card:nth-child(n+3) { margin-top: -12px; }
 .product-detail .content-press-card > summary { min-height: 148px; padding-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) {
 .product-detail .content-press-card { transform: none; top: 0; }
}

/* Final mobile bitmap: show the complete macOS screen, with a full-size link. */
@media (max-width: 760px) {
 .product-detail .content-render-pan { overflow: hidden; }
 .product-detail .content-render-pan img { width: 100%; min-width: 0; max-width: 100%; height: auto; }
}

/* REV070 — unique circular evidence, a compact shared foundation, and direct posters. */
.product-detail .content-foundation-grid-merged {
  width: 100%;
  max-width: 860px;
  margin-inline: auto;
}
.product-detail .content-foundation-merged { padding: clamp(22px,3vw,34px); }
.product-detail .content-foundation-merged .content-press-cloud {
  grid-template-columns: repeat(4,minmax(0,1fr));
  max-width: 600px;
  gap: 12px 20px;
  padding: 24px 12px 30px;
  margin: 12px auto 0;
}
.product-detail .content-press-card,
.product-detail .content-press-card:nth-child(n) {
  --press-scale: 1;
  --press-offset: 0px;
  top: 0;
  margin-top: 0;
}
.product-detail .content-press-card:nth-child(4n+2) { --press-offset: 10px; top: 10px; }
.product-detail .content-press-card:nth-child(4n) { --press-offset: 6px; top: 6px; }
.product-detail .content-press-card > summary {
  min-height: 0;
  padding: 0;
  gap: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-detail .content-press-card > summary:focus-visible { border-radius: 50%; }
.product-detail .content-press-card .content-thumb {
  width: 108px;
  height: 108px;
  padding: 3px;
  box-shadow: 0 12px 22px #0005;
}
.product-detail .content-press-card .content-thumb-title { max-width: 132px; font-size: 12px; font-weight: 450; }
.product-detail .content-press-card > summary .content-thumb-category,
.product-detail .content-press-card > summary .content-press-publisher { display: none; }
.product-detail .content-press-card .content-thumb-hint {
  top: 78px;
  right: calc(50% - 57px);
  width: 28px;
  height: 28px;
  opacity: 0;
  transition: opacity .2s ease;
}
.product-detail .content-press-card:is(:hover,:focus-within,[open]) .content-thumb-hint { opacity: 1; }
.product-detail .content-foundation-merged .content-press-card:nth-child(n) .content-evidence-popover {
  top: 100%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 280px;
  max-width: min(76vw,300px);
  max-height: min(440px,60vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px;
}
.product-detail .content-foundation-merged .content-press-card:nth-child(4n+1) .content-evidence-popover { left: 0; transform: none; }
.product-detail .content-foundation-merged .content-press-card:nth-child(4n) .content-evidence-popover { left: auto; right: 0; transform: none; }
.product-detail .content-press-entry + .content-press-entry { margin-top: 12px; padding-top: 12px; border-top: 1px solid #9b88534d; }
.product-detail .content-press-entry > strong { display: block; color: #ede5cb; font-size: 13px; line-height: 1.55; }
.product-detail .content-poster-grid { width: 100%; max-width: 760px; margin-inline: auto; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }
.product-detail .content-work { padding: 10px; }
.product-detail .content-poster-link { display: block; height: auto; min-height: 0; padding: 0; border: 0; background: transparent; }
.product-detail .content-poster-link > img { width: 100%; height: auto; max-height: none; object-fit: initial; }
.product-detail .content-work > figcaption { padding: 8px 2px 0; }
.product-detail .content-work .content-source { margin-top: 0; font-size: 12px; line-height: 1.55; gap: 8px; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .product-detail .content-foundation-merged { padding: 22px 16px; }
  .product-detail .content-foundation-merged .content-press-cloud { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 6px; padding: 18px 0 28px; }
  .product-detail .content-press-card:nth-child(n) { --press-offset: 0px; top: 0; }
  .product-detail .content-press-card:nth-child(3n+2) { --press-offset: 10px; top: 10px; }
  .product-detail .content-press-card .content-thumb { width: 80px; height: 80px; padding: 2px; }
  .product-detail .content-press-card .content-thumb-title { font-size: 10px; line-height: 1.45; }
  .product-detail .content-press-card .content-thumb-hint { top: 55px; right: calc(50% - 43px); width: 26px; height: 26px; opacity: 1; }
  .product-detail .content-foundation-merged .content-press-card:nth-child(n) .content-evidence-popover { width: 246px; max-width: 75vw; left: 50%; right: auto; transform: translateX(-50%); }
  .product-detail .content-foundation-merged .content-press-card:nth-child(3n+1) .content-evidence-popover { left: 0; right: auto; transform: none; }
  .product-detail .content-foundation-merged .content-press-card:nth-child(3n) .content-evidence-popover { left: auto; right: 0; transform: none; }
  .product-detail .content-poster-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .product-detail .content-work { padding: 6px; border-radius: 7px; }
  .product-detail .content-work > figcaption { padding-top: 6px; }
  .product-detail .content-work .content-source { font-size: 10px; gap: 4px; }
  .product-detail .content-work .content-source::after { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-detail .content-press-card:nth-child(n) { top: 0; transform: none; animation: none !important; }
  .product-detail .content-press-card .content-thumb-hint { transition: none; }
}

/* Organic evidence cluster: independent stones, never a row-based card grid. */
.product-detail .content-foundation-merged .content-press-cloud {
  display: block;
  position: relative;
  width: 100%;
  max-width: 460px;
  height: 368px;
  padding: 0;
  margin: 24px auto 0;
}
.product-detail .content-press-card:nth-child(n) {
  position: absolute;
  width: var(--bubble-size);
  left: var(--bubble-x);
  top: var(--bubble-y);
  margin: 0;
  --press-scale: 1;
  --press-offset: 0px;
}
.product-detail .content-press-card:nth-child(1) { --bubble-x: 5.65%; --bubble-y: 18px; --bubble-size: 23.04%; }
.product-detail .content-press-card:nth-child(2) { --bubble-x: 27.83%; --bubble-y: 0px; --bubble-size: 26.96%; }
.product-detail .content-press-card:nth-child(3) { --bubble-x: 53.91%; --bubble-y: 18px; --bubble-size: 23.48%; }
.product-detail .content-press-card:nth-child(4) { --bubble-x: 75.65%; --bubble-y: 51px; --bubble-size: 21.74%; }
.product-detail .content-press-card:nth-child(5) { --bubble-x: 0%; --bubble-y: 122px; --bubble-size: 24.78%; }
.product-detail .content-press-card:nth-child(6) { --bubble-x: 23.04%; --bubble-y: 121px; --bubble-size: 26.96%; }
.product-detail .content-press-card:nth-child(7) { --bubble-x: 49.57%; --bubble-y: 115px; --bubble-size: 24.35%; }
.product-detail .content-press-card:nth-child(8) { --bubble-x: 73.26%; --bubble-y: 150px; --bubble-size: 26.09%; }
.product-detail .content-press-card:nth-child(9) { --bubble-x: 5.43%; --bubble-y: 229px; --bubble-size: 23.04%; }
.product-detail .content-press-card:nth-child(10) { --bubble-x: 27.39%; --bubble-y: 241px; --bubble-size: 26.09%; }
.product-detail .content-press-card:nth-child(11) { --bubble-x: 52.61%; --bubble-y: 227px; --bubble-size: 26.96%; }
.product-detail .content-press-card:nth-child(12) { --bubble-x: 78.26%; --bubble-y: 263px; --bubble-size: 20%; }
.product-detail .content-press-card > summary { display: block; width: 100%; aspect-ratio: 1; }
.product-detail .content-press-card .content-thumb { width: 100%; height: auto; aspect-ratio: 1; padding: 2px; }
.product-detail .content-press-card .content-thumb-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.product-detail .content-press-card .content-thumb-hint { top: auto; bottom: 1px; right: 1px; }
.product-detail .content-foundation-merged .content-press-card:nth-child(n) .content-evidence-popover { left: 50%; right: auto; transform: translateX(-50%); }
.product-detail .content-foundation-merged .content-press-card:is(:nth-child(1),:nth-child(5),:nth-child(9)) .content-evidence-popover { left: 0; right: auto; transform: none; }
.product-detail .content-foundation-merged .content-press-card:is(:nth-child(4),:nth-child(8),:nth-child(12)) .content-evidence-popover { left: auto; right: 0; transform: none; }
@media (max-width: 760px) {
  .product-detail .content-foundation-merged .content-press-cloud { max-width: 270px; height: 350px; margin-top: 20px; }
  .product-detail .content-press-card:nth-child(1) { --bubble-x: 2.59%; --bubble-y: 8px; --bubble-size: 28.89%; }
  .product-detail .content-press-card:nth-child(2) { --bubble-x: 30.74%; --bubble-y: 0px; --bubble-size: 31.85%; }
  .product-detail .content-press-card:nth-child(3) { --bubble-x: 61.11%; --bubble-y: 22px; --bubble-size: 29.63%; }
  .product-detail .content-press-card:nth-child(4) { --bubble-x: 0%; --bubble-y: 88px; --bubble-size: 31.85%; }
  .product-detail .content-press-card:nth-child(5) { --bubble-x: 31.11%; --bubble-y: 87px; --bubble-size: 28.89%; }
  .product-detail .content-press-card:nth-child(6) { --bubble-x: 59.63%; --bubble-y: 100px; --bubble-size: 32.59%; }
  .product-detail .content-press-card:nth-child(7) { --bubble-x: 3.7%; --bubble-y: 173px; --bubble-size: 28.89%; }
  .product-detail .content-press-card:nth-child(8) { --bubble-x: 31.48%; --bubble-y: 169px; --bubble-size: 31.85%; }
  .product-detail .content-press-card:nth-child(9) { --bubble-x: 62.22%; --bubble-y: 187px; --bubble-size: 28.15%; }
  .product-detail .content-press-card:nth-child(10) { --bubble-x: 0%; --bubble-y: 252px; --bubble-size: 31.85%; }
  .product-detail .content-press-card:nth-child(11) { --bubble-x: 31.48%; --bubble-y: 251px; --bubble-size: 29.63%; }
  .product-detail .content-press-card:nth-child(12) { --bubble-x: 61.11%; --bubble-y: 265px; --bubble-size: 28.89%; }
  .product-detail .content-foundation-merged .content-press-card:nth-child(n) .content-evidence-popover { left: 50%; right: auto; transform: translateX(-50%); }
  .product-detail .content-foundation-merged .content-press-card:is(:nth-child(1),:nth-child(4),:nth-child(7),:nth-child(10)) .content-evidence-popover { left: 0; right: auto; transform: none; }
  .product-detail .content-foundation-merged .content-press-card:is(:nth-child(3),:nth-child(6),:nth-child(9),:nth-child(12)) .content-evidence-popover { left: auto; right: 0; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .product-detail .content-press-card:nth-child(n) { top: var(--bubble-y); left: var(--bubble-x); transform: none; animation: none !important; }
}