html body .portfolio-dashboard[data-route="automation"] .home:has(.portfolio-auto-sys[data-state="intro"]) {padding:0!important}
html body .portfolio-dashboard[data-route="automation"] .home__glass--showcase:has(> .portfolio-auto-sys[data-state="intro"]) {
  background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
}
/* Approved stable construction gate. Keep the rail and stable section untouched. */
.portfolio-dashboard .portfolio-auto-sys[data-state="intro"] {
  padding:0!important;
  overflow:hidden!important;
  min-height:620px!important;
  container-type:inline-size;
}
.automation-intro {
  position:relative;
  isolation:isolate;
  min-height:620px;
  height:100%;
  overflow:hidden;
  text-align:left;
}
.automation-intro[hidden] {display:none}
.automation-intro__copy {
  position:relative;
  z-index:3;
  width:60%;
  padding:clamp(70px,10.5vh,118px) 0 178px clamp(34px,5vw,76px);
  transition:opacity 260ms ease,transform 420ms ease;
}
.automation-intro__eyebrow {
  margin:0 0 24px;
  font-size:11px;
  font-weight:750;
  letter-spacing:.18em;
  line-height:1.4;
  text-transform:uppercase;
  color:var(--hero-muted);
}
.automation-intro__title {
  margin:0;
  font-family:inherit;
  font-size:clamp(58px,7.35cqw,96px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:800;
  color:var(--hero-ink);
}
.automation-intro__title span {color:#7E5B47}
.automation-intro__button {
  appearance:none;
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:62px;
  padding:17px 32px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:#7E5B47;
  color:#fff;
  line-height:1.3;
  font-family:inherit;
  font-size:16px;
  font-weight:650;
  cursor:pointer;
  box-shadow:0 8px 20px -5px rgba(85,56,40,.35),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform 200ms ease,box-shadow 200ms ease;
}
.automation-intro__button span {transition:transform 200ms ease}
.automation-intro__button:hover {transform:translateY(-2px);box-shadow:0 12px 26px -6px rgba(85,56,40,.45)}
.automation-intro__button:hover span {transform:translateX(4px)}
.automation-intro__button:active {transform:translateY(0);box-shadow:0 3px 10px -3px rgba(85,56,40,.35)}
.automation-intro__button:focus-visible {outline:3px solid #7E5B47;outline-offset:5px}
.automation-intro__avatar {
  position:absolute;
  z-index:1;
  right:.5%;
  bottom:18px;
  width:56%;
  max-height:96%;
  height:auto;
  object-fit:contain;
  object-position:bottom right;
  pointer-events:none;
  user-select:none;
  transition:opacity 320ms 50ms ease;
}
.automation-intro__tapes {
  position:absolute;
  z-index:2;
  left:-6%;
  bottom:-172px;
  width:112%;
  height:auto;
  max-width:none;
  pointer-events:none;
  user-select:none;
  opacity:.97;
  transition:opacity 350ms 60ms ease,transform 420ms ease;
}
.is-gate-exiting .automation-intro__copy {opacity:0;transform:translateY(-10px)}
.is-gate-exiting .automation-intro__avatar {opacity:0}
.is-gate-exiting .automation-intro__tapes {opacity:0;transform:translateY(12px)}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stage {display:block;animation:automationStableReveal 160ms ease both}
@keyframes automationStableReveal {from{opacity:0}to{opacity:1}}
.portfolio-dashboard[data-theme="dark"] .automation-intro__title {color:#f4f4f1}
.portfolio-dashboard[data-theme="dark"] .automation-intro__eyebrow {color:#b8bab7}
.portfolio-dashboard[data-theme="dark"] .automation-intro__button:focus-visible {outline-color:#d9c3b6}
@media (min-width:901px) and (max-height:760px) {
  .portfolio-dashboard .portfolio-auto-sys[data-state="intro"],.automation-intro {min-height:530px!important}
  .automation-intro__copy {padding-top:52px;padding-bottom:154px}
  .automation-intro__eyebrow {margin-bottom:18px}
  .automation-intro__avatar {bottom:8px;max-height:94%}
  .automation-intro__tapes {bottom:-180px}
}
@media (max-width:1100px) and (min-width:901px) {
  .automation-intro__copy {width:67%;padding-left:clamp(22px,4vw,44px)}
  .automation-intro__title {font-size:clamp(50px,8cqw,76px)}
  .automation-intro__avatar {width:52%;right:-1%;bottom:8px;max-height:88%}
  .automation-intro__tapes {width:120%;left:-10%;bottom:-165px}
}
@media (max-width:900px) {
  .portfolio-dashboard .portfolio-auto-sys[data-state="intro"] {height:auto!important;min-height:0!important}
  .automation-intro {min-height:0;height:auto;padding-bottom:28px}
  .automation-intro__copy {width:100%;padding:36px 24px 0}
  .automation-intro__eyebrow {margin-bottom:22px;font-size:10px}
  .automation-intro__title {font-size:clamp(48px,11.5vw,80px)}
  .automation-intro__button {width:min(100%,380px);min-height:60px;padding:16px 20px}
  .automation-intro__avatar {position:relative;display:block;width:min(86vw,430px);max-height:none;right:auto;bottom:auto;margin:24px -8px 0 auto}
  .automation-intro__tapes {width:178%;left:-39%;bottom:-88px}
}
@media (prefers-reduced-motion:reduce) {
  .automation-intro *, .portfolio-auto-sys[data-state="stable"] .auto-sys__stage {transition:none!important;animation:none!important}
  .automation-intro__button:hover,.automation-intro__button:hover span,.is-gate-exiting .automation-intro__copy,.is-gate-exiting .automation-intro__tapes {transform:none}
}
html.a11y-reduce-motion .automation-intro *,html.a11y-reduce-motion .portfolio-auto-sys[data-state="stable"] .auto-sys__stage {transition:none!important;animation:none!important}
html.a11y-reduce-motion .automation-intro__button:hover,html.a11y-reduce-motion .automation-intro__button:hover span,html.a11y-reduce-motion .is-gate-exiting .automation-intro__copy,html.a11y-reduce-motion .is-gate-exiting .automation-intro__tapes {transform:none!important}


/* Automation route shell transparency v6 */
html body .portfolio-dashboard[data-route="automation"] .home__glass--showcase,
html body .portfolio-dashboard[data-route="automation"] .home__glass--showcase:has(.portfolio-auto-sys),
html body .portfolio-dashboard[data-route="automation"] .home__glass--showcase:has(> .portfolio-auto-sys){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
}
html body .portfolio-dashboard[data-route="automation"] .portfolio-auto-sys,
html body .portfolio-dashboard[data-route="automation"] .auto-sys__stage{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}