/* REV015 — a quiet introduction and two direct Business entry points.
   This file owns only Business reading layout and Business icon motion.
   Product emblems and the shared pill CTA treatment have separate owners. */
#stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] {
  width: min(720px, 52vw);
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  color: #fff6e2;
  font-size: 16px;
  line-height: 1.75;
}
#stage[data-sitewide-revision="true"] #business.copy .business-introduction {
  max-width: 660px;
}
#stage[data-sitewide-revision="true"] #business.copy .business-introduction > p {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #fff6e2;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  word-break: keep-all;
  -webkit-text-stroke: .8px rgb(0 0 0 / .9);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgb(0 0 0 / .7);
}
#stage[data-sitewide-revision="true"] #business.copy .business-introduction > .story-unit--subtitle {
  color: #e5dcc5;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.55;
}
#stage[data-sitewide-revision="true"] #business.copy .business-introduction > p + p {
  margin-top: 12px;
}
#stage[data-sitewide-revision="true"] #business.copy .business-portals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 28px;
  margin: 0;
  padding: 0;
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 8px 14px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-shadow: 0 1px 2px rgb(0 0 0 / .65);
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] {
  grid-column: 1;
  grid-row: 1 / 3;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: 2px;
  color: #d7b44a;
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / .85));
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal .business-icon {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  color: #d7b44a;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-shadow: 0 1px 2px rgb(0 0 0 / .9), 0 0 1px rgb(0 0 0 / .65);
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal > p {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: #fff6e2;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-text-stroke: .8px rgb(0 0 0 / .9);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgb(0 0 0 / .7);
}
#stage[data-sitewide-revision="true"] #business.copy .business-portal > .new-scene-detail {
  grid-column: 2;
  grid-row: 3;
  justify-self: start;
  align-self: end;
  margin-top: 7px;
}
/* Autonomous, quiet library-vector motion. The parent branch remains the
   title and link; its icon receives a bounded warm stroke, not a glare blob. */
#business [data-portal-motion] .portal-vector-stroke {
  animation: portal-vector-response 10s ease-in-out infinite;
  animation-delay: var(--portal-delay, 0s);
  animation-play-state: paused;
}
#business [data-portal-motion='running'] .portal-vector-stroke { animation-play-state: running; }
#business [data-portal-reduced-motion='true'] .portal-vector-stroke { animation: none; }
@keyframes portal-vector-response {
  0%, 44%, 100% { stroke: #d7b44a; opacity: .82; }
  14%, 23% { stroke: #f4dda0; opacity: 1; }
  32% { stroke: #e5c872; opacity: .94; }
}
@media (min-width: 761px) and (max-height: 850px) {
  #stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] { gap: 22px; font-size: 15px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > .story-unit--subtitle { font-size: 18px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 24px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { grid-template-columns: 42px minmax(0, 1fr); gap: 7px 12px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] { width: 42px; height: 42px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 22px; }
}
@media (max-width: 760px) and (orientation: portrait) {
  #stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] {
    width: 100%;
    gap: 22px;
    margin-top: auto;
    font-size: 14px;
    line-height: 1.75;
  }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > .story-unit--subtitle { font-size: 17px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > p + p { margin-top: 10px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 16px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { grid-template-columns: 30px minmax(0, 1fr); gap: 9px 9px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] { grid-row: 1; width: 30px; height: 30px; margin: 0; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 18px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > p { grid-column: 1 / -1; font-size: 12px; line-height: 1.6; min-height: 3.2em; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > .new-scene-detail { grid-column: 1 / -1; margin-top: 2px; }
}
@media (max-width: 760px) and (max-height: 740px) and (orientation: portrait) {
  #stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] { gap: 16px; font-size: 13px; line-height: 1.7; }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > .story-unit--subtitle { font-size: 16px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > p + p { margin-top: 9px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 14px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { gap: 7px 8px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 17px; }
}
@media (max-width: 760px) and (max-height: 560px) and (orientation: landscape) {
  #stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] {
    width: 100%;
    gap: 12px;
    margin: 0;
    font-size: 11.5px;
    line-height: 1.55;
  }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > .story-unit--subtitle { font-size: 13px; line-height: 1.5; }
  #stage[data-sitewide-revision="true"] #business.copy .business-introduction > p + p { margin-top: 7px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 14px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { grid-template-columns: 27px minmax(0, 1fr); gap: 6px 8px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] { grid-row: 1; width: 27px; height: 27px; margin: 0; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 17px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > p { grid-column: 1 / -1; font-size: 11px; line-height: 1.5; min-height: 3em; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > .new-scene-detail { grid-column: 1 / -1; margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #business [data-portal-motion] .portal-vector-stroke { animation: none; }
}

/* The mobile two-branch group keeps its established position. Its typography
   is compact, while each entry action retains a 44px touch target. */
@media (max-width: 760px) and (orientation: portrait) {
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 14.4px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { grid-template-columns: 27px minmax(0, 1fr); gap: 8.1px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] { width: 27px; height: 27px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 17px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > p { font-size: 11.5px; }
}
@media (max-width: 760px) and (max-height: 740px) and (orientation: portrait) {
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 12.6px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { gap: 6.3px 7.2px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 16px; }
}
@media (max-width: 760px) and (max-height: 560px) and (orientation: landscape) {
  #stage[data-sitewide-revision="true"] #business.copy .business-portals { gap: 12.6px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal { grid-template-columns: 24.3px minmax(0, 1fr); gap: 5.4px 7.2px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > [data-business-icon] { width: 24.3px; height: 24.3px; }
  #stage[data-sitewide-revision="true"] #business.copy .business-portal > h3 { font-size: 16px; }
}