/* ProAI Expert — Selected Thinking R3.2 / Premium Editorial Density + Folio Standard R1.
   Canonical homepage editorial folios, hierarchy, and one-shot motion. */
#selected-thinking-r2,
#selected-thinking-r2 *{box-sizing:border-box}
#selected-thinking-r2{
  --st3-bg:#07090b;--st3-ink:#ecebea;--st3-soft:#c6c8c8;--st3-muted:#a7b0b5;
  --st3-accent:#a7b5bf;--st3-rule:rgba(174,188,197,.23);
  --st3-folio-line:rgba(169,187,201,.70);--st3-folio-shadow:rgba(140,160,173,.055);
  position:relative;isolation:isolate;overflow:clip;width:100%;
  padding:clamp(44px,3.6vw,58px) 0 clamp(43px,3.3vw,56px);
  background:var(--st3-bg);color:var(--st3-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
#selected-thinking-r2 a{color:inherit;text-decoration:none}
#selected-thinking-r2 a:focus-visible{outline:2px solid #c7d3dc;outline-offset:6px;border-radius:2px}
#selected-thinking-r2 a:hover{color:#fff}
#selected-thinking-r2 .st-r2__shell{
  width:min(1400px,calc(100% - clamp(44px,7vw,112px)));
  margin-inline:auto;
}
#selected-thinking-r2 .st-r2__header{margin:0 0 clamp(19px,1.55vw,27px)}
#selected-thinking-r2 .st-r2__eyebrow{
  margin:0 0 14px;font-size:12px;font-weight:640;
  line-height:1.4;letter-spacing:.095em;text-transform:uppercase;color:var(--st3-accent);
}
#selected-thinking-r2 .st-r2__header-grid{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(275px,.76fr);
  align-items:center;gap:clamp(32px,4vw,68px);
}
#selected-thinking-r2 .st-r2__header h2{
  margin:0;max-width:17ch;font-size:clamp(43px,3.85vw,59px);
  line-height:1.065;letter-spacing:-.05em;font-weight:550;
  text-wrap:balance;
}
#selected-thinking-r2 .st-r2__intro{
  max-width:42ch;margin:0;color:var(--st3-soft);
  font-size:clamp(16px,1.15vw,18px);line-height:1.5;
}
#selected-thinking-r2 .st-r2__stage{position:relative;border-top:1px solid var(--st3-rule)}
#selected-thinking-r2 .st-r2__stage::before{
  content:"";position:absolute;top:-1px;left:0;width:clamp(104px,14vw,202px);
  height:1px;background:linear-gradient(90deg,#aab9c4 0%,#778b9c 76%,transparent);
  transform-origin:left center;pointer-events:none
}
#selected-thinking-r2 .st-r2__lead{
  display:grid;grid-template-columns:clamp(78px,7.3vw,108px) minmax(0,1fr);
  grid-template-areas:"folio meta" "folio story";column-gap:clamp(20px,2.8vw,42px);
  padding:clamp(18px,1.8vw,28px) 0 clamp(20px,1.9vw,29px)
}
#selected-thinking-r2 .st-r2__folio{
  grid-area:folio;display:block;align-self:start;
  margin:-4px 0 0 -3px;font-size:clamp(78px,7.8vw,112px);
  line-height:.96;font-weight:520;letter-spacing:-.105em;
  color:transparent;-webkit-text-stroke:.85px var(--st3-folio-line);
  text-shadow:0 0 24px var(--st3-folio-shadow);
  font-variant-numeric:lining-nums tabular-nums;pointer-events:none;user-select:none
}
#selected-thinking-r2 .st-r2__lead-top{
  grid-area:meta;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 28px;
  margin:0 0 clamp(12px,1.25vw,18px);
}
#selected-thinking-r2 .st-r2__lead-label,
#selected-thinking-r2 .st-r2__record-meta,
#selected-thinking-r2 .st-r2__meta{
  font-size:12px;line-height:1.55;letter-spacing:.03em;font-weight:550;
  color:var(--st3-muted);
}
#selected-thinking-r2 .st-r2__lead-label{
  color:var(--st3-ink);font-weight:650;letter-spacing:.08em;text-transform:uppercase;
}
#selected-thinking-r2 .st-r2__record-meta span,
#selected-thinking-r2 .st-r2__meta span{margin-inline:4px;color:#6f808b}
#selected-thinking-r2 .st-r2__lead-grid{
  grid-area:story;min-width:0;display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(220px,.78fr);
  gap:clamp(24px,3vw,50px);align-items:end
}
#selected-thinking-r2 .st-r2__lead-title{
  max-width:20ch;margin:0;font-weight:560;letter-spacing:-.052em;
  font-size:clamp(40px,3.5vw,54px);line-height:1.075;text-wrap:balance;
}
#selected-thinking-r2 .st-r2__lead-aside{max-width:38ch;padding-bottom:4px}
#selected-thinking-r2 .st-r2__lead-summary{
  margin:0;color:var(--st3-soft);font-size:clamp(16.5px,1.2vw,18px);
  line-height:1.55;letter-spacing:-.012em;
}
#selected-thinking-r2 .st-r2__read,
#selected-thinking-r2 .st-r2__support-read,
#selected-thinking-r2 .st-r2__close a{
  display:inline-flex;gap:17px;align-items:center;justify-content:space-between;
  min-height:44px;width:max-content;max-width:100%;border-bottom:1px solid rgba(177,194,203,.53);
  color:var(--st3-ink);font-size:14px;line-height:1.4;font-weight:630;
}
#selected-thinking-r2 .st-r2__read{margin-top:10px}
#selected-thinking-r2 .st-r2__read span,
#selected-thinking-r2 .st-r2__support-read span,
#selected-thinking-r2 .st-r2__close a span{
  font-size:21px;font-weight:400;transition:transform .2s ease;
}
@media(hover:hover) and (pointer:fine){
  #selected-thinking-r2 a:hover span[aria-hidden="true"]{transform:translate(2px,-2px)}
}
#selected-thinking-r2 .st-r2__supports{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  column-gap:clamp(38px,4.3vw,78px);
  border-top:1px solid var(--st3-rule);
  padding:clamp(20px,2.1vw,30px) 0 clamp(15px,1.5vw,22px);
}
#selected-thinking-r2 .st-r2__support-record{
  display:flex;flex-direction:column;min-width:0;align-items:flex-start;
}
#selected-thinking-r2 .st-r2__record-head{
  display:flex;align-items:baseline;gap:14px;margin:0 0 10px;
}
#selected-thinking-r2 .st-r2__number{
  color:transparent;-webkit-text-stroke:.8px var(--st3-folio-line);
  text-shadow:0 0 18px var(--st3-folio-shadow);font-size:clamp(33px,2.8vw,42px);
  line-height:.92;font-weight:530;letter-spacing:-.085em;
  font-variant-numeric:lining-nums tabular-nums
}
#selected-thinking-r2 .st-r2__support-record:nth-child(2) .st-r2__number{
  font-size:clamp(31px,2.55vw,39px);color:transparent
}
#selected-thinking-r2 .st-r2__record-head .st-r2__meta{margin:0}
#selected-thinking-r2 .st-r2__support-record h3{
  margin:0 0 10px;max-width:28ch;
  font-size:clamp(28px,2.15vw,34px);line-height:1.17;
  font-weight:555;letter-spacing:-.039em;text-wrap:balance;
}
#selected-thinking-r2 .st-r2__support-record:nth-child(2) h3{
  font-size:clamp(27px,1.95vw,32px);
}
#selected-thinking-r2 .st-r2__summary{
  margin:0;max-width:54ch;color:var(--st3-soft);font-size:15.5px;line-height:1.55;
}
#selected-thinking-r2 .st-r2__support-read{margin-top:10px}
#selected-thinking-r2 .st-r2__close{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px 28px;border-top:1px solid var(--st3-rule);
  padding:clamp(17px,1.7vw,25px) 0 0;
}
#selected-thinking-r2 .st-r2__close p{
  margin:0;max-width:42ch;color:var(--st3-muted);
  font-size:14px;line-height:1.55;
}
#selected-thinking-r2 .st-r2__close a{margin:0}
@media(max-width:1100px){
  #selected-thinking-r2 .st-r2__header-grid{gap:44px}
  #selected-thinking-r2 .st-r2__lead-grid{gap:48px}
  #selected-thinking-r2 .st-r2__supports{gap:56px}
}
@media(max-width:800px){
  #selected-thinking-r2{padding:60px 0 68px}
  #selected-thinking-r2 .st-r2__lead{
    grid-template-columns:86px minmax(0,1fr);column-gap:23px
  }
  #selected-thinking-r2 .st-r2__folio{font-size:99px;margin-top:-6px}
  #selected-thinking-r2 .st-r2__number{font-size:43px}
  #selected-thinking-r2 .st-r2__header-grid{grid-template-columns:1fr;gap:21px}
  #selected-thinking-r2 .st-r2__intro{max-width:56ch;margin:0}
  #selected-thinking-r2 .st-r2__lead-grid{grid-template-columns:1fr;gap:20px}
  #selected-thinking-r2 .st-r2__lead-title{max-width:19ch}
  #selected-thinking-r2 .st-r2__lead-aside{max-width:56ch}
  #selected-thinking-r2 .st-r2__supports{gap:44px}
}
@media(max-width:620px){
  #selected-thinking-r2{padding:56px 0 64px}
  #selected-thinking-r2 .st-r2__shell{width:calc(100% - 44px)}
  #selected-thinking-r2 .st-r2__eyebrow{margin-bottom:19px;font-size:12px}
  #selected-thinking-r2 .st-r2__header{margin-bottom:32px}
  #selected-thinking-r2 .st-r2__header h2{
    font-size:clamp(34px,9vw,47px);line-height:1.09;letter-spacing:-.044em
  }
  #selected-thinking-r2 .st-r2__intro{font-size:16px;line-height:1.57}
  #selected-thinking-r2 .st-r2__lead{
    grid-template-columns:1fr;grid-template-areas:"folio" "meta" "story";
    padding:25px 0 40px
  }
  #selected-thinking-r2 .st-r2__folio{
    font-size:clamp(83px,23vw,106px);line-height:.88;margin:-2px 0 16px -4px
  }
  #selected-thinking-r2 .st-r2__lead-top{margin-bottom:19px;gap:5px 16px}
  #selected-thinking-r2 .st-r2__lead-label,
  #selected-thinking-r2 .st-r2__record-meta{font-size:12px}
  #selected-thinking-r2 .st-r2__lead-title{
    font-size:clamp(36px,9.25vw,47px);line-height:1.105;max-width:17ch
  }
  #selected-thinking-r2 .st-r2__lead-grid{gap:16px}
  #selected-thinking-r2 .st-r2__lead-summary{font-size:16px;line-height:1.62}
  #selected-thinking-r2 .st-r2__supports{
    grid-template-columns:1fr;gap:0;padding:0 0 22px;border-top:0;
  }
  #selected-thinking-r2 .st-r2__support-record{
    padding:29px 0 34px;border-top:1px solid var(--st3-rule)
  }
  #selected-thinking-r2 .st-r2__record-head{margin-bottom:15px}
  #selected-thinking-r2 .st-r2__number{font-size:39px}
  #selected-thinking-r2 .st-r2__support-record:nth-child(2) .st-r2__number{font-size:35px}
  #selected-thinking-r2 .st-r2__support-record h3,
  #selected-thinking-r2 .st-r2__support-record:nth-child(2) h3{
    font-size:clamp(27px,7vw,35px);line-height:1.18;margin-bottom:12px
  }
  #selected-thinking-r2 .st-r2__summary{font-size:15.5px;line-height:1.63}
  #selected-thinking-r2 .st-r2__support-read{margin-top:11px}
  #selected-thinking-r2 .st-r2__close{align-items:flex-start}
}
@media(orientation:landscape) and (any-pointer:coarse) and (max-height:550px){
  #selected-thinking-r2{padding:47px 0 54px}
  #selected-thinking-r2 .st-r2__header{margin-bottom:32px}
  #selected-thinking-r2 .st-r2__header-grid{grid-template-columns:1.18fr .82fr;gap:30px}
  #selected-thinking-r2 .st-r2__header h2{font-size:clamp(34px,5.1vw,48px)}
  #selected-thinking-r2 .st-r2__intro{font-size:15px}
  #selected-thinking-r2 .st-r2__lead{
    grid-template-columns:86px minmax(0,1fr);grid-template-areas:"folio meta" "folio story";
    column-gap:23px
  }
  #selected-thinking-r2 .st-r2__folio{font-size:97px;margin:0 0 0 -4px}
  #selected-thinking-r2 .st-r2__lead-grid{grid-template-columns:1.2fr .8fr;gap:34px}
  #selected-thinking-r2 .st-r2__lead-title{font-size:clamp(35px,5vw,48px)}
  #selected-thinking-r2 .st-r2__lead-summary{font-size:15px}
  #selected-thinking-r2 .st-r2__supports{grid-template-columns:1.2fr .8fr;gap:35px}
  #selected-thinking-r2 .st-r2__support-record h3,
  #selected-thinking-r2 .st-r2__support-record:nth-child(2) h3{font-size:clamp(27px,3.7vw,34px)}
}
/* One-shot editorial resolve. Content remains visible without JS and no layout is animated. */
@keyframes st-r31-folio{
  from{opacity:.40;transform:translate3d(-9px,13px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes st-r31-story{
  from{opacity:.65;transform:translate3d(0,13px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes st-r31-axis{
  from{opacity:.45;transform:scaleX(.28)}
  to{opacity:1;transform:scaleX(1)}
}
@media(prefers-reduced-motion:no-preference){
  #selected-thinking-r2.st-r31-entered .st-r2__stage::before{
    animation:st-r31-axis .70s cubic-bezier(.21,.67,.22,1) both
  }
  #selected-thinking-r2.st-r31-entered .st-r2__folio{
    animation:st-r31-folio .86s cubic-bezier(.19,.77,.23,1) both
  }
  #selected-thinking-r2.st-r31-entered .st-r2__lead-title,
  #selected-thinking-r2.st-r31-entered .st-r2__lead-aside{
    animation:st-r31-story .79s cubic-bezier(.18,.73,.25,1) .15s both
  }
  #selected-thinking-r2.st-r31-entered .st-r2__support-record{
    animation:st-r31-story .79s cubic-bezier(.18,.73,.25,1) .35s both
  }
}
@media(prefers-reduced-motion:reduce){
  #selected-thinking-r2 .st-r2__read span,
  #selected-thinking-r2 .st-r2__support-read span,
  #selected-thinking-r2 .st-r2__close a span{transition:none}
}
@media(forced-colors:active){
  #selected-thinking-r2{border-top:1px solid CanvasText;background:Canvas;color:CanvasText}
  #selected-thinking-r2 .st-r2__stage,
  #selected-thinking-r2 .st-r2__supports,
  #selected-thinking-r2 .st-r2__close,
  #selected-thinking-r2 .st-r2__support-record{border-color:CanvasText}
}
