/* Product chapters: native copy at left, a clear editorial study at right.
   Raster registration and holographic motion are controlled by the renderer;
   the wordmarks and reading column are never filtered or animated here. */
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-scene{
 display:grid;
 grid-template-columns:minmax(0,42fr) minmax(0,58fr);
 grid-template-rows:minmax(32px,1fr) auto auto minmax(32px,1fr) 72px;
 column-gap:32px;
 height:auto;
 min-height:max(640px,calc(100svh - 81px));
 max-width:1536px;
 padding:0 var(--gutter);
 isolation:isolate;
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-scene::before{
 content:none;
 display:none;
 background:none;
}
:is(.editorial-origin,.editorial-cash) .editorial-body{display:contents}
:is(.editorial-origin,.editorial-cash) .editorial-topline{
 grid-column:1;
 grid-row:2;
 justify-self:start;
 justify-content:flex-start;
 align-items:center;
 width:100%;
 height:48px;
 padding:0;
 margin:0 0 16px;
}
:is(.editorial-origin,.editorial-cash) .editorial-topline>img{
 object-position:left center;
 filter:none;
}
:is(.editorial-origin,.editorial-cash) .editorial-copy{
 grid-column:1;
 grid-row:3;
 justify-self:start;
 align-self:start;
 width:100%;
 max-width:448px;
 padding:0;
 text-align:left;
}
.editorial-ai .editorial-ai-copy{
 grid-column:1;
 grid-row:2 / 4;
 justify-self:start;
 align-self:center;
 width:100%;
 max-width:448px;
 padding:0;
 text-align:left;
 pointer-events:auto;
}
.editorial-ai .editorial-mark{
 height:48px;
 justify-content:flex-start;
 margin:0 0 16px;
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) :is(.editorial-copy,.editorial-ai-copy) h2{
 font-size:var(--chapter-title-size);
 line-height:var(--chapter-title-line);
 font-weight:500;
 letter-spacing:0;
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .lede{
 max-width:432px;
 margin:24px 0 0;
 font-size:var(--chapter-body-size);
 line-height:var(--chapter-body-line);
}
.editorial-ai .editorial-family{
 justify-content:flex-start;
 flex-wrap:wrap;
 gap:0 16px;
 margin:8px 0 0;
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .text-action{
 min-height:48px;
 margin-top:24px;
 font-size:var(--chapter-action-size);
 line-height:var(--chapter-action-line);
 border-color:var(--ink);
}
.editorial-cash .editorial-cash-action{
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-start;
 gap:8px;
 margin-top:24px;
}
.editorial-cash .editorial-cash-action .text-action{margin:0}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-art{
 grid-column:2;
 grid-row:1 / 5;
 position:relative;
 inset:auto;
 align-self:center;
 justify-self:start;
 width:100%;
 height:100%;
 min-height:400px;
 max-height:680px;
 aspect-ratio:auto;
 margin:0;
 opacity:1;
 filter:none;
 pointer-events:none;
 z-index:0;
}
/* The AI source is deliberately panoramic. A small right-edge bleed retains
   its complete hand and gives its data field room without entering the copy. */
.editorial-ai .editorial-art{
 width:calc(100% + var(--gutter));
 margin-right:calc(-1*var(--gutter));
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-illustration,
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-motion-layer,
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-hologram-layer{
 object-fit:contain;
 object-position:center center;
}
.editorial-ai .editorial-illustration,
.editorial-ai .editorial-motion-layer,
.editorial-ai .editorial-hologram-layer{object-position:left center}
.editorial-hologram-layer{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 pointer-events:none;
}
:is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-foot{
 grid-column:1 / -1;
 grid-row:5;
 align-self:end;
 width:100%;
 min-height:72px;
 margin:0;
 padding:0;
}

@media(min-width:901px) and (max-height:800px){
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-art{
  min-height:360px;
  max-height:568px;
 }
}
@media(max-width:1100px) and (min-width:901px){
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-scene{column-gap:24px}
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-foot-actions{gap:24px}
}

@media(max-width:900px){
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-scene{
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
  padding:48px var(--gutter) 0;
 }
 :is(.editorial-origin,.editorial-cash) .editorial-topline{
  order:0;
  flex:none;
  width:100%;
  height:48px;
  margin:0 0 16px;
 }
 :is(.editorial-origin,.editorial-cash) .editorial-copy,
 .editorial-ai .editorial-ai-copy{
  order:1;
  flex:none;
  align-self:flex-start;
  width:100%;
  max-width:560px;
  padding:0;
  text-align:left;
 }
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .lede{
  max-width:480px;
  margin:24px 0 0;
 }
 .editorial-ai .editorial-family{justify-content:flex-start;gap:0 16px}
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-art{
  order:2;
  flex:none;
  width:calc(100% + var(--gutter)*2);
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:3 / 2;
  margin:32px calc(-1*var(--gutter)) 24px;
 }
 .editorial-ai .editorial-art{aspect-ratio:1440 / 406}
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-foot{
  order:3;
  flex:none;
  min-height:80px;
  margin:0;
 }
}
@media(max-width:600px){
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-scene{padding-top:32px}
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-foot{
  align-items:flex-start;
  flex-direction:column;
  gap:0;
  min-height:0;
  padding:16px 0;
 }
 :is(.editorial-ai,.editorial-origin,.editorial-cash) .editorial-foot-actions{
  width:100%;
  justify-content:space-between;
  flex-direction:row-reverse;
  gap:8px;
 }
 .editorial-ai .editorial-family{gap:0 12px}
}
@media(prefers-reduced-motion:reduce){
 .editorial-hologram-layer{
  animation:none!important;
  transition:none!important;
  transform:none!important;
 }
}

/* The selected native studies share one registered drawing plane per chapter. */
[data-native-product] .editorial-parallax{position:relative;width:100%;height:100%}
[data-native-product] .native-product-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
[data-native-product][data-native-ready="true"] .editorial-illustration{visibility:hidden;opacity:0}
.editorial-ai [data-native-product]{width:100%;margin-right:0}
@media(max-width:900px){
 :is(.editorial-ai,.editorial-origin) [data-native-product]{aspect-ratio:1.7;height:auto}
 .editorial-cash [data-native-product]{aspect-ratio:1;height:auto}
}

/* One quiet colour family ties the three chapters together. The small amount
   of brand colour sits behind the drawing, with a clear paper reading column. */
:is(.editorial-ai,.editorial-origin,.editorial-cash){
 background:
  radial-gradient(ellipse at 77% 44%,rgba(24,191,208,.095) 0%,rgba(24,191,208,.035) 36%,rgba(24,191,208,0) 68%),
  var(--paper);
}
.editorial-origin{
 background:
  radial-gradient(ellipse at 77% 44%,rgba(24,191,208,.065) 0%,rgba(24,191,208,0) 66%),
  radial-gradient(ellipse at 86% 70%,rgba(24,58,53,.045) 0%,rgba(24,58,53,0) 60%),
  var(--paper);
}
.editorial-cash{
 background:
  radial-gradient(ellipse at 73% 40%,rgba(24,191,208,.085) 0%,rgba(24,191,208,0) 65%),
  radial-gradient(ellipse at 86% 77%,rgba(24,58,53,.035) 0%,rgba(24,58,53,0) 56%),
  var(--paper);
}
@media(max-width:900px){
 .editorial-ai [data-native-product]{width:calc(100% + var(--gutter)*2);margin-right:calc(-1*var(--gutter))}
}