/* Agent positioning within Celerity's original animated visual identity. */
.agent-animated-review{--agent-bg:#070a10;--surface:#101a2a;--surface-deep:#0b1320;--text:#eef2ff;--copy:#bac7dc;--accent:#b3b6ff;background:#070a10}
.agent-animated-review .wrap{width:min(1320px,calc(100% - 104px))}.agent-animated-review .site-header{background:rgba(17,23,36,.94);border-bottom:1px solid #c1cdf010}.agent-animated-review .header-inner{height:88px}.agent-animated-review .nav{gap:30px}.agent-animated-review .nav-cta{border-radius:50px;padding:12px 22px;background:#1b2940}.agent-animated-review .button{border-radius:50px;background:#e7e9ff;box-shadow:0 10px 25px #0002;color:#10182b}.agent-animated-review .button:hover{background:#fff}.agent-animated-review .text-link{color:#d9e0ff}.agent-animated-review .agent-hero{position:relative;isolation:isolate;overflow:clip;padding:94px 0 90px;min-height:0}.agent-animated-review .agent-hero-grid{position:relative;z-index:2;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.agent-animated-review .agent-hero h1{font-size:clamp(3.2rem,5.1vw,5.2rem);line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:15ch;color:#edf1ff}.agent-animated-review .agent-lede{font-size:17px;line-height:1.9;max-width:44ch}.agent-animated-review .agent-personal{color:#b6c4db;font-size:12px}.agent-animated-review .agent-actions{flex-direction:column;align-items:flex-start;gap:12px}.agent-animated-review .agent-hero:after{opacity:.35}.agent-animated-review .agent-section{background:transparent;position:relative;z-index:1;border-top-color:#bdcbe51a}.agent-animated-review .agent-method-section{background:rgba(15,25,42,.68)}.agent-animated-review h2{font-size:clamp(2rem,3vw,3.3rem);font-weight:500;line-height:1.16}.agent-animated-review .agent-usecase h3{font-size:26px}.agent-animated-review .agent-usecase h4{font-size:17px;line-height:1.4}.agent-animated-review .agent-usecase{position:relative;transition:border-color .25s}.agent-animated-review .agent-usecase:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#98adff08,transparent);opacity:0;transition:opacity .25s;pointer-events:none}.agent-animated-review .agent-usecase:hover:after{opacity:1}.agent-animated-review .agent-usecase:hover .usecase-arrow{transform:translateX(4px)}.agent-animated-review .usecase-arrow{transition:transform .25s}.agent-animated-review .agent-cta{background:rgba(19,30,49,.72)}.agent-animated-review .agent-cta h2{font-size:clamp(2rem,3vw,3.3rem)}.agent-animated-review .agent-founder{align-items:center}.agent-animated-review .agent-founder .atelier-portrait{width:100%;max-width:500px;padding:35px 44px 0}.agent-animated-review .agent-founder .portrait-window img{height:450px}.agent-animated-review .agent-split>.atelier-portrait{width:100%;max-width:500px}.agent-animated-review .footer-main{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:start}.agent-animated-review .footer-meta{padding-top:24px;margin-top:20px}.agent-animated-review .footer-nav{gap:13px}.agent-animated-review .studio-signature{margin-top:20px}.agent-animated-review .agent-page-intro{position:relative;isolation:isolate}.agent-animated-review .agent-page-intro>.wrap{position:relative;z-index:2}.agent-animated-review .agent-large-copy{color:#e6edfd}
.agent-sculpture-figure{position:relative;align-self:center;background:linear-gradient(145deg,#15233d88,#10172212 66%);border:1px solid #b6cbff20;border-radius:24px;padding:25px 25px 20px;min-width:0;box-shadow:0 24px 70px #0002;isolation:isolate}.agent-sculpture-figure:before{content:'';position:absolute;inset:10% 0 20%;z-index:-1;background:radial-gradient(ellipse,#778cff13,transparent 70%);pointer-events:none}.agent-sculpture-figure .agent-visual-top{font-size:12px;display:flex;gap:12px;align-items:center;position:relative;z-index:2}.agent-motion{font:500 11px/1.5 var(--sans);color:#d7e2fc;background:transparent;border:1px solid #a5b9e433;border-radius:30px;padding:6px 11px;white-space:nowrap;cursor:pointer}.agent-motion:hover{border-color:#c2d1ff}.agent-sculpture-stage{height:365px;position:relative;margin:0 -25px}.agent-sculpture-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;touch-action:pan-y}.agent-sculpture-fallback{position:absolute;inset:0;display:grid;align-items:center}.agent-sculpture-fallback svg{width:100%;height:100%}.has-agent-webgl .agent-sculpture-stage canvas{opacity:1}.has-agent-webgl .agent-sculpture-fallback{visibility:hidden}.agent-mode-tabs{display:flex;gap:5px;padding:5px;border:1px solid #91a9d226;border-radius:50px;background:#101a2c;position:relative;z-index:3}.agent-mode-tabs button{flex:1;min-width:0;border:0;border-radius:40px;background:transparent;color:#bfcce5;font:600 12px/1.4 var(--sans);padding:11px 5px;cursor:pointer;transition:background .2s,color .2s}.agent-mode-tabs button[aria-pressed=true]{background:#c7ceff;color:#111c31}.agent-mode-tabs button:hover:not([aria-pressed=true]){background:#243552;color:#fff}.agent-example{padding:22px 4px 8px;min-height:110px}.agent-example .agent-example-heading{color:#e9eeff;font-size:15px;font-weight:650;line-height:1.5}.agent-example .agent-example-steps{color:#b7c6df;font-size:12px;line-height:1.8;margin-top:8px}.agent-sculpture-figure figcaption{font-size:11px;line-height:1.7;color:#aabbd5;padding-inline:4px;margin-top:5px}.agent-animated-review .agent-process h3{font-size:20px}.agent-animated-review .agent-list h3{font-size:21px}
@media(min-width:1500px){.agent-animated-review .agent-hero{padding-block:105px 95px}.agent-animated-review .agent-hero-grid{gap:70px}.agent-sculpture-stage{height:400px}.agent-animated-review .agent-actions{flex-direction:row;align-items:center;gap:24px}.agent-animated-review .agent-actions .text-link{font-size:12px}}
@media(max-width:1100px){.agent-animated-review .wrap{width:calc(100% - 64px)}.agent-animated-review .agent-hero{padding-block:70px}.agent-animated-review .agent-hero-grid{gap:28px}.agent-animated-review .agent-hero h1{font-size:clamp(3rem,5.3vw,4rem)}.agent-sculpture-stage{height:300px}.agent-sculpture-figure{padding:22px 20px 18px}.agent-sculpture-stage{margin-inline:-20px}.agent-mode-tabs button{font-size:11px}.agent-animated-review .agent-lede{font-size:15px}.agent-animated-review .agent-founder .portrait-window img{height:400px}}
@media(max-width:800px){.agent-animated-review .wrap{width:calc(100% - 44px)}.agent-animated-review .header-inner{height:76px}.agent-animated-review .nav{gap:6px;background:#121c2e}.agent-animated-review .agent-hero{padding-top:56px}.agent-animated-review .agent-hero-grid{grid-template-columns:1fr;gap:36px}.agent-animated-review .agent-hero h1{font-size:clamp(3.1rem,8.8vw,4.6rem);max-width:17ch}.agent-animated-review .agent-actions{flex-direction:row;align-items:center;gap:22px}.agent-animated-review .agent-lede{font-size:16px}.agent-sculpture-figure{max-width:600px;width:100%;justify-self:center}.agent-sculpture-stage{height:340px}.agent-mode-tabs button{font-size:12px}.agent-animated-review .agent-founder{grid-template-columns:1fr 1fr;gap:32px}.agent-animated-review .agent-founder .atelier-portrait{padding-inline:20px}.agent-animated-review .agent-founder .portrait-window img{height:360px}.agent-animated-review .footer-main{grid-template-columns:1fr 1fr}.agent-animated-review .footer-brand{grid-column:1/-1}.agent-animated-review .agent-split>.atelier-portrait{justify-self:center}.agent-animated-review .studio-signature{height:250px}.agent-animated-review .agent-personal{font-size:11px}}
@media(max-width:520px){.agent-animated-review .agent-hero h1{font-size:clamp(2.8rem,10.4vw,3.9rem);line-height:1.15}.agent-animated-review .agent-hero{padding-top:42px}.agent-animated-review .agent-actions{flex-direction:column;align-items:flex-start;gap:10px}.agent-animated-review .agent-lede{font-size:15px}.agent-animated-review .agent-founder{grid-template-columns:1fr}.agent-animated-review .agent-founder .atelier-portrait{max-width:390px;padding-inline:34px;justify-self:center}.agent-animated-review .agent-founder .portrait-window img{height:370px}.agent-animated-review .agent-usecase h3{font-size:23px}.agent-sculpture-stage{height:280px}.agent-sculpture-figure .agent-visual-top{font-size:11px}.agent-motion{font-size:11px;padding:6px 9px}.agent-mode-tabs button{font-size:11px}.agent-example .agent-example-heading{font-size:14px}.agent-example .agent-example-steps{font-size:11px}.agent-animated-review .footer-main{grid-template-columns:1fr}.agent-animated-review .footer-nav{flex-direction:row;flex-wrap:wrap}.agent-animated-review .agent-page-intro h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.agent-animated-review .agent-usecase:hover .usecase-arrow{transform:none}.agent-motion{display:none}}
.agent-animated-review .agent-hero-grid>*{min-width:0}.agent-animated-review .agent-page-intro h1{font-size:clamp(2.8rem,5vw,5rem);max-width:17ch;line-height:1.13}.agent-animated-review .agent-page-intro p{font-size:20px;max-width:57ch;line-height:1.75}.agent-animated-review .agent-copy p{color:#bac7dc;line-height:1.8}.agent-animated-review .agent-copy .agent-large-copy{font-size:23px;color:#e6edfd;line-height:1.6}
@media(max-width:980px){.agent-animated-review .header-inner{height:76px}.agent-animated-review .menu{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #465269;border-radius:30px;padding:9px 13px;color:#eef2ff;font-size:12px;cursor:pointer;z-index:62}.agent-animated-review .nav{display:none;position:absolute;top:76px;left:0;right:0;width:100%;background:#121c2e;padding:24px 22px 30px;flex-direction:column;align-items:stretch;gap:6px;border-bottom:1px solid #2b3548;z-index:61;visibility:visible;opacity:1;transform:none;pointer-events:auto}.agent-animated-review .nav.is-open{display:flex}.agent-animated-review .nav>a{padding:12px;font-size:15px}.agent-animated-review .nav-cta{margin-top:8px}.agent-animated-review .menu-backdrop.is-open{display:block;position:fixed;inset:76px 0 0;background:#0008;z-index:40}}
@media(max-width:800px){.agent-animated-review .agent-page-intro p{font-size:17px}.agent-animated-review .agent-copy .agent-large-copy{font-size:21px}}
@media(max-width:520px){.agent-animated-review .agent-page-intro h1{font-size:2.8rem}.agent-animated-review .agent-page-intro p{font-size:16px}}
.agent-animated-review .agent-copy p+p{margin-top:1.1rem}.agent-animated-review .agent-personal{margin-top:25px}.agent-animated-review .agent-section-heading>p{color:#bac7dc}