.agentic{max-width:1280px;margin:64px auto 72px;display:grid;grid-template-columns:1.15fr 1fr;background:#f0ede3;color:#20352b;border:1px solid #d9bd7a45;border-radius:6px;overflow:hidden;isolation:isolate;scroll-margin-top:100px}
.eco-closing:has(+ .agentic){padding-bottom:32.5px}
.eco-closing + .agentic{margin-top:32px}
.agentic-copy{padding:clamp(30px,4.5vw,66px)}
.agentic-kicker{display:flex;align-items:center;gap:10px;margin:0 0 30px;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#526052}
.agentic-kicker>span{width:7px;height:7px;background:#718654;border-radius:50%;box-shadow:0 0 0 5px #71865415}
.agentic h2{font-size:clamp(36px,4.2vw,62px);line-height:1.04;letter-spacing:-.055em;font-weight:450;margin:0 0 25px;color:#20352b}
.agentic h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;color:#687546}.agentic-period{color:#a4793f}
.agentic-description{max-width:480px;font-size:15px;line-height:1.85;color:#526052;margin:0 0 29px}
.agentic-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #20352b30;padding-top:22px;color:#20352b;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}
.agentic-link small{font-size:12px;font-weight:400;color:#526052}.agentic-arrow{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #20352b40;border-radius:50%;font-size:23px;transition:background .25s,color .25s,transform .25s}
.agentic-link:hover .agentic-arrow{background:#20352b;color:#f0ede3;transform:translate(2px,-2px)}.agentic-link:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.eco-page main .agentic-link:focus-visible{outline-color:#536642}
.agentic-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:30px 30px 34px;background:radial-gradient(ellipse at 55% 45%,#223c30,#101f19 70%);color:#e4d8b9}
.agentic-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c7cba804 1px,transparent 1px),linear-gradient(90deg,#c7cba804 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.agentic-art-header{display:flex;justify-content:space-between;gap:14px;font-size:9px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#a8b9a9;position:relative}.agentic-status{color:#dbc68e}.agentic-system{width:100%;max-width:480px;align-self:center;overflow:visible}.agentic-system text{text-anchor:middle;fill:#e4ddc7;font-family:inherit}.agentic-label{font-size:14px}.agentic-system .agentic-sub{font-size:10px;fill:#acbba8;letter-spacing:.05em}.agentic-center{font-size:15px}.agentic-flow{opacity:0}.agentic-art-footer{position:relative;margin:0;text-align:center;font-size:18px;line-height:1.5;letter-spacing:-.015em}.agentic-art-footer span{color:#a8b9a9}
.agentic.is-visible .agentic-flow{animation:agentic-flow 4.8s ease-in-out both}.agentic.is-visible .agentic-heart{animation:agentic-heart 4.8s ease-in-out both}
@keyframes agentic-flow{0%{opacity:0;stroke-dashoffset:640}15%,80%{opacity:1}100%{opacity:0;stroke-dashoffset:-640}}
@keyframes agentic-heart{0%,100%{stroke-opacity:.7}35%,70%{stroke-opacity:1;fill:#3c5036}}
@media(max-width:1380px){.agentic{margin-left:5vw;margin-right:5vw}}
@media(max-width:760px){.agentic{grid-template-columns:1fr;margin-top:36px;margin-bottom:42px}.agentic-copy{padding:32px 26px}.agentic-kicker{margin-bottom:25px;font-size:9px}.agentic h2{font-size:clamp(36px,8.8vw,54px)}.agentic-description{font-size:14px}.agentic-art{padding:24px}.agentic-system{max-width:360px;margin:-5px 0 -12px}.agentic-art-footer{font-size:16px}.agentic-link{font-size:13px;gap:10px}.agentic-link small{font-size:11px}}
@media(max-width:760px){.eco-closing + .agentic{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.agentic *{animation:none!important;transition:none!important}.agentic-flow{display:none}}