.ai-scroll-studio{position:relative;padding:110px 7%;margin:40px 0 0;min-height:0;height:auto}.ai-scroll-pin{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%;min-height:650px}.ai-scroll-studio .ai-robot-column{position:relative;perspective:1000px;text-align:center}.ai-scroll-studio .ai-robot-column:before{content:'';position:absolute;width:320px;height:320px;left:50%;top:45%;translate:-50% -50%;border-radius:50%;background:radial-gradient(ellipse,#eec66915,transparent 68%);pointer-events:none}.ai-scroll-studio .cm-robot{scale:1.15;margin:40px auto}.ai-scroll-studio .robot-label{font-size:28px;margin:40px 0 0}.ai-scroll-studio .robot-label span,.ai-scroll-studio .robot-progress{display:none}.ai-scroll-copy{min-width:0}.ai-era{font:10px 'Red Hat Display',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#c3ae7d;margin:0 0 25px}.ai-scroll-copy h2{font:400 clamp(55px,6.6vw,98px)/.97 'Instrument Serif',serif;letter-spacing:-.025em;color:#f6eedb;margin:0 0 40px}.ai-scroll-copy h2>span{display:block;font:10px 'Red Hat Display',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#e3bb63;margin-bottom:17px}.ai-scroll-copy h2 em{color:#eec66c;font-weight:400}.ai-scroll-lines{display:grid;gap:0;perspective:1000px}.ai-scroll-line{--fill:0%;display:flex;align-items:center;gap:15px;margin:0;padding:20px 0;border-top:1px solid #d5bd7826;transform:translateX(var(--shift,0px));transition:transform .65s ease,color .65s ease;font:400 clamp(20px,2.15vw,32px)/1.2 'Instrument Serif',serif}.ai-scroll-line:nth-child(2){margin-left:20px}.ai-scroll-line:nth-child(3){margin-left:40px}.ai-scroll-line small{font:8px 'Red Hat Display',sans-serif;color:#988966}.ai-scroll-line span{background:linear-gradient(90deg,#ffe1a0 var(--fill),#a69f8d var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}.ai-scroll-line b{margin-left:auto;font:18px sans-serif;color:#c8a867;opacity:.4;transition:opacity .5s,transform .5s}.ai-scroll-line.is-active b{opacity:1;transform:translate(3px,-3px)}.ai-scroll-studio:not(.chat-visible) .cm-robot,.ai-scroll-studio:not(.chat-visible) .cm-robot *{animation-play-state:paused}@media(max-width:760px){.ai-scroll-studio{padding:65px 7%}.ai-scroll-pin{grid-template-columns:1fr;gap:45px;min-height:0}.ai-scroll-studio .ai-robot-column{display:block}.ai-scroll-studio .cm-robot{scale:.78;margin:-20px auto}.ai-scroll-studio .robot-label{margin:24px 0 0;font-size:25px}.ai-scroll-copy h2{font-size:64px;margin-bottom:28px}.ai-era{font-size:8px}.ai-scroll-line{font-size:23px;gap:10px;padding:18px 0}.ai-scroll-line:nth-child(2){margin-left:10px}.ai-scroll-line:nth-child(3){margin-left:20px}.ai-scroll-line b{font-size:13px}}@media(prefers-reduced-motion:reduce){.ai-scroll-line{transform:none;transition:none}.ai-scroll-line span{color:#eac76f;background:none}}
/* Aligned service labels and restrained motion for the AI introduction. */
.ai-scroll-line:nth-child(2),.ai-scroll-line:nth-child(3){margin-left:0}
.ai-scroll-line{transform:none;position:relative}
.ai-scroll-line small{flex:0 0 16px}
.ai-scroll-copy{perspective:1000px}
.ai-scroll-studio.chat-visible .ai-scroll-copy h2{animation:ai-title-arrive 1.1s cubic-bezier(.2,.7,.2,1) both,ai-title-drift 9s 1.1s ease-in-out infinite}
.ai-scroll-studio.chat-visible .ai-era{animation:ai-type-arrive .85s ease-out both}
.ai-scroll-studio.chat-visible .ai-scroll-line{animation:ai-type-arrive .85s cubic-bezier(.2,.7,.2,1) both}
.ai-scroll-studio.chat-visible .ai-scroll-line:nth-child(1){animation-delay:.18s}
.ai-scroll-studio.chat-visible .ai-scroll-line:nth-child(2){animation-delay:.32s}
.ai-scroll-studio.chat-visible .ai-scroll-line:nth-child(3){animation-delay:.46s}
.ai-scroll-copy h2 em{display:inline-block;background:linear-gradient(105deg,#d6aa4d 15%,#f0cb77 38%,#fff1c3 48%,#e7ba5d 58%,#d6aa4d 85%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ai-gold-light 8s ease-in-out infinite}
.ai-scroll-line:after{content:'';position:absolute;top:-1px;left:0;height:1px;width:22%;background:linear-gradient(90deg,transparent,#f3d18a,transparent);opacity:0;animation:ai-rule-light 7s ease-in-out infinite;pointer-events:none}
.ai-scroll-line:nth-child(2):after{animation-delay:1.2s}.ai-scroll-line:nth-child(3):after{animation-delay:2.4s}
.ai-scroll-line:hover span{color:#ffe3a2}.ai-scroll-line:hover b{opacity:1;transform:translate(4px,-4px)}
@keyframes ai-title-arrive{from{opacity:0;transform:translateY(22px) rotateX(7deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes ai-title-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ai-type-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-gold-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes ai-rule-light{0%,12%{left:0;opacity:0}30%{opacity:.65}65%,100%{left:78%;opacity:0}}
.ai-scroll-studio:not(.chat-visible) .ai-scroll-copy *,.ai-scroll-studio:not(.chat-visible) .ai-scroll-line:after,.motion-paused .ai-scroll-copy *,.motion-paused .ai-scroll-line:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ai-scroll-studio .ai-scroll-copy *,.ai-scroll-studio .ai-scroll-line:after{animation:none!important}.ai-scroll-line:after{display:none}.ai-scroll-copy h2 em{background:none;color:#eec66c}}