/* GIFS / 08.10.2026 — shared composition, typography and motion. */
:root {
  --paper: #f3eddf;
  --ink: #20392e;
  --paper-muted: #59665b;
  --wine: #733941;
  --quiet-line: #20392e24;
  --motion-ease: cubic-bezier(.22,1,.36,1);
}
html { scrollbar-gutter: stable; }
body { -webkit-font-smoothing: antialiased; }
body.inside { background: #10231a; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid #b18b58; outline-offset: 6px; }
.masthead { min-height: 78px; height: 78px !important; padding-inline: clamp(22px,5.2vw,88px) !important; gap: 28px !important; }
.masthead .wordmark { font-size: 39px !important; letter-spacing: -.055em; line-height: 1; }
.masthead .studio-navigation { gap: 28px; }
.masthead .studio-navigation a, .masthead .back-link { font: 500 13px/1.4 var(--gifs-body) !important; letter-spacing: 0 !important; }
body.inside .masthead { background: #10231a !important; border-bottom: 1px solid #f3eddf1c; backdrop-filter: none !important; }
.masthead .studio-note { font-size: 13px !important; }
.masthead .header-date { display: none; }
.page-progress { height: 2px !important; background: #b7a17d !important; }

/* The landscape stays still; only the apple under the pointer responds. */
html.gifs-refined #root #home .fruit-swing, html.gifs-refined #root #home .apple-motion { animation: none !important; transition: transform 280ms var(--motion-ease); }
@media (hover:hover) {
  html.gifs-refined #root #home .fruit:hover .fruit-swing, html.gifs-refined #root #home .mobile-apple:hover .apple-motion { transform: translateY(-4px) rotate(-4deg); }
}
html.gifs-refined #root #home .home-copy h1 { font-size: clamp(42px,4.3vw,78px) !important; line-height: 1.08 !important; letter-spacing: -.045em !important; text-shadow: 0 2px 24px #091a1170; }
html.gifs-refined #root #home .home-copy h1 em { color: #e9cca5 !important; letter-spacing: -.025em; }
html.gifs-refined #root #home .home-copy .eyebrow { font-size: 10px !important; letter-spacing: .14em !important; }
html.gifs-refined #root #home .home-lead-unified { max-width: 41ch; font-size: clamp(15px,1.25vw,18px) !important; line-height: 1.65 !important; }
html.gifs-refined #root #home .hero-actions { gap: 24px; margin-top: 28px !important; }
html.gifs-refined #root #home .project-cta { background: #efdfc3 !important; border-radius: 3px !important; box-shadow: none !important; font-size: 13px !important; }
html.gifs-refined #root #home .orchard-foot { font-size: 12px; }
.route-transition, .route-transition-earth { background: #13291e !important; contain: strict; }
.route-transition::before, .route-transition::after, .route-transition-mark { display: none !important; }
.page[hidden] *, .page[hidden] *::before, .page[hidden] *::after { animation-play-state: paused !important; }
.motion-paused * { animation-play-state: paused !important; }

/* Warm paper gives the informational pages a clear visual rhythm. */
html.gifs-refined #root #services, html.gifs-refined #root #approach, html.gifs-refined #root #case { --line: var(--quiet-line); --gold: #856d49; --muted: var(--paper-muted); background: var(--paper) !important; color: var(--ink) !important; }
html.gifs-refined #root #services, html.gifs-refined #root #approach, html.gifs-refined #root #case { width: 100% !important; max-width: none !important; box-sizing: border-box; }
html.gifs-refined #root #services { padding: clamp(54px,7vw,110px) clamp(22px,6vw,108px) 64px !important; }
html.gifs-refined #root #approach, html.gifs-refined #root #case { padding: clamp(56px,7vw,108px) clamp(22px,6vw,108px) 64px !important; max-width: none !important; }
html.gifs-refined #root #services > *, html.gifs-refined #root #approach > *, html.gifs-refined #root #case > * { max-width: 1280px; margin-inline: auto; }
html.gifs-refined #root #services :is(h1,h2,h3), html.gifs-refined #root #approach :is(h1,h2,h3), html.gifs-refined #root #case :is(h1,h2,h3) { color: var(--ink) !important; text-shadow: none !important; }
html.gifs-refined #root #services :is(h1,h2) em, html.gifs-refined #root #approach :is(h1,h2) em, html.gifs-refined #root #case :is(h1,h2) em { color: #777b5c !important; }
html.gifs-refined #root #services p, html.gifs-refined #root #approach p, html.gifs-refined #root #case p { color: var(--paper-muted); }
html.gifs-refined #root #services :is(.guide-eyebrow,.guide-case-scope), html.gifs-refined #root #approach .eyebrow, html.gifs-refined #root #case .eyebrow { color: #7c694b !important; font: 600 10px/1.5 var(--gifs-body) !important; letter-spacing: .15em !important; }
html.gifs-refined #root #services .guide-intro { grid-template-columns: 1.12fr .78fr; gap: 8%; align-items: end; padding-bottom: 64px; border-bottom: 1px solid var(--quiet-line); }
html.gifs-refined #root #services .guide-intro h1 { font: 400 clamp(48px,5.35vw,84px)/1.06 Prata,Georgia,serif !important; letter-spacing: -.055em; }
html.gifs-refined #root #services .guide-intro-copy { padding-bottom: 5px; }
html.gifs-refined #root #services .guide-intro-copy p { font: 400 17px/1.7 var(--gifs-body) !important; color: var(--paper-muted) !important; }
html.gifs-refined #root #services .guide-contact { background: var(--ink); color: #f8f1e2 !important; padding: 15px 22px !important; border: 0 !important; border-radius: 3px; gap: 32px; }
html.gifs-refined #root #services .guide-services { gap: 7%; margin-block: 64px 88px; }
html.gifs-refined #root #services .guide-selector h2 { font: 400 clamp(29px,3vw,44px)/1.16 Prata,Georgia,serif !important; letter-spacing: -.04em; }
html.gifs-refined #root #services .guide-options { margin-top: 28px; }
html.gifs-refined #root #services .guide-options button { background: transparent !important; color: var(--ink) !important; border: 0 !important; border-bottom: 1px solid var(--quiet-line) !important; border-radius: 0 !important; padding: 23px 12px !important; transform: none !important; transition: background 180ms, padding 180ms; }
html.gifs-refined #root #services .guide-options button[aria-pressed="true"] { background: #e6ddc8 !important; padding-left: 20px !important; }
html.gifs-refined #root #services .guide-options button :is(small,span) { color: #64705f; }
html.gifs-refined #root #services .guide-options button strong { font-size: 20px; color: var(--ink) !important; }
html.gifs-refined #root #services .guide-explanation { background: #e8e0cd !important; color: var(--ink); padding: clamp(26px,4vw,56px) !important; border: 0 !important; border-radius: 3px !important; box-shadow: none !important; }
html.gifs-refined #root #services .guide-explanation h2 { font: 400 clamp(30px,3.1vw,44px)/1.17 Prata,Georgia,serif !important; letter-spacing: -.04em; }
html.gifs-refined #root #services .guide-explanation :is(p,li) { color: #475a4b !important; font-size: 15px; line-height: 1.7; }
html.gifs-refined #root #services .guide-example { border-color: #20392e2b !important; }
html.gifs-refined #root #services .guide-example li::before, html.gifs-refined #root #services .guide-number { color: #7b6244 !important; }
html.gifs-refined #root #services .guide-link { color: var(--wine) !important; font-weight: 600 !important; border-color: #73394145 !important; }
html.gifs-refined #root #services .guide-case { padding-block: 56px 72px; border-block: 1px solid var(--quiet-line); gap: 7%; }
html.gifs-refined #root #services .guide-case-image { border: 8px solid #e6dcc5; border-radius: 3px; box-shadow: 0 20px 50px #2133260d; transform: none !important; }
html.gifs-refined #root #services .guide-case h2, html.gifs-refined #root #services .guide-process > h2, html.gifs-refined #root #services .guide-faq h2 { font: 400 clamp(32px,3.8vw,52px)/1.14 Prata,Georgia,serif !important; letter-spacing: -.045em; }
html.gifs-refined #root #services .guide-process { padding-block: 76px; }
html.gifs-refined #root #services .guide-process ol { gap: 30px; }
html.gifs-refined #root #services .guide-process ol li { border-top-color: #a2a08a; }
html.gifs-refined #root #services .guide-process ol h3 { font: 500 20px/1.4 var(--gifs-body) !important; }
html.gifs-refined #root #services .guide-process ol p { font-size: 15px; line-height: 1.65; }
html.gifs-refined #root #services .guide-budget { background: #e8e0cd !important; border: 0 !important; border-radius: 3px; }
html.gifs-refined #root #services .guide-faq { gap: 7%; padding-bottom: 72px; }
html.gifs-refined #root #services .guide-faq details { border-color: var(--quiet-line) !important; }
html.gifs-refined #root #services .guide-faq summary { color: var(--ink) !important; font: 500 17px/1.45 var(--gifs-body); }
html.gifs-refined #root #services .guide-faq details p { color: var(--paper-muted) !important; line-height: 1.7; }
html.gifs-refined #root #services .guide-footer { padding-top: 48px; border-color: var(--quiet-line); }
html.gifs-refined #root #services .guide-footer h2 { font: 400 clamp(36px,4.5vw,64px)/1.1 Prata,Georgia,serif !important; letter-spacing: -.045em; }
html.gifs-refined #root #services .guide-phone, html.gifs-refined #root #services .guide-home { color: var(--ink) !important; }

/* Three composed chapters, each with its own bounded illustration. */
html.gifs-refined #root #approach .section-intro { padding-bottom: 44px !important; margin-bottom: 0 !important; }
html.gifs-refined #root #approach .section-intro h1, html.gifs-refined #root #case .section-intro h1 { font: 400 clamp(43px,5.5vw,82px)/1.09 Prata,Georgia,serif !important; letter-spacing: -.052em; max-width: 100%; }
html.gifs-refined #root #approach .section-intro .lede, html.gifs-refined #root #case .section-intro .lede { font: 400 18px/1.7 var(--gifs-body) !important; color: var(--paper-muted) !important; max-width: 64ch; margin-top: 24px; }
html.gifs-refined #root #approach .scroll-note { display: none; }
html.gifs-refined #root #approach .final-approach-words { display: flex !important; gap: 32px; padding-top: 32px; }
html.gifs-refined #root #approach .final-approach-words article { min-height: 0 !important; border: 0 !important; background: none !important; padding: 0 !important; display: flex; gap: 10px; align-items: baseline; }
html.gifs-refined #root #approach .final-approach-words article b { font: 500 13px var(--gifs-body) !important; letter-spacing: .05em; color: var(--ink) !important; }
html.gifs-refined #root #approach .final-approach-words article span { color: #9c835e !important; font-size: 12px !important; }
html.gifs-refined #root #approach .flight-story { display: block !important; margin-top: 0 !important; }
html.gifs-refined #root #approach .flight-stage { display: none !important; }
html.gifs-refined #root #approach .flight-chapter { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(220px,.8fr); column-gap: 10%; align-content: center; justify-content: normal; min-height: 380px !important; padding: 52px 0 !important; border-top: 1px solid var(--quiet-line); opacity: 1; transform: none !important; }
html.gifs-refined #root #approach .flight-chapter > :not(.approach-step-art) { grid-column: 1; }
html.gifs-refined #root #approach .flight-chapter > .eyebrow { margin: 0 0 16px; }
html.gifs-refined #root #approach .flight-chapter h2 { font: 400 clamp(31px,3.5vw,49px)/1.15 Prata,Georgia,serif !important; letter-spacing: -.04em; margin: 0 0 20px !important; }
html.gifs-refined #root #approach .flight-chapter > p:not(.eyebrow) { font: 400 16px/1.7 var(--gifs-body) !important; color: var(--paper-muted) !important; max-width: 49ch; }
html.gifs-refined #root #approach .flight-chapter > .chapter-result { font: 500 13px/1.6 var(--gifs-body) !important; color: #82724f !important; margin-top: 16px !important; }
html.gifs-refined #root #approach .flight-chapter > .text-action { font: 600 14px var(--gifs-body) !important; color: var(--wine) !important; justify-self: start; margin-top: 20px; }
html.gifs-refined #root #approach .approach-step-art { display: grid !important; grid-column: 2; grid-row: 1 / span 6; align-self: center; grid-template: minmax(0,1fr)/minmax(0,1fr); box-sizing: border-box; width: 100%; height: 280px; max-width: 100%; margin: 0; padding: 22px; overflow: hidden; background: radial-gradient(ellipse,#d8cfb766,transparent 70%); }
html.gifs-refined #root #approach .approach-step-art img { width: 100%; height: 100%; min-height: 0; min-width: 0; max-height: 100%; object-fit: contain; filter: drop-shadow(0 15px 14px #20392e19); }

/* Case study: generous image, compact supporting copy. */
html.gifs-refined #root #case .final-case-flow { color: #527060 !important; background: #e6ddc8 !important; border-color: var(--quiet-line) !important; font-size: clamp(24px,3vw,38px) !important; padding: 26px 30px !important; }
html.gifs-refined #root #case .case-layout { margin-block: 64px !important; gap: 6% !important; }
html.gifs-refined #root #case .case-notes p { color: var(--paper-muted) !important; font: 400 16px/1.7 var(--gifs-body) !important; }
html.gifs-refined #root #case .case-notes h2 { font-size: 38px !important; letter-spacing: -.04em; }
html.gifs-refined #root #case .case-tabs button { color: var(--ink) !important; font: 500 14px var(--gifs-body); }
html.gifs-refined #root #case .case-screen { transform: none !important; background: #ded6c3 !important; border: 1px solid #d5ccb8 !important; padding: 9px; box-shadow: 0 20px 60px #253b2712 !important; }
html.gifs-refined #root #case .case-screen figcaption { color: var(--paper-muted) !important; padding: 16px; font-size: 13px; }
html.gifs-refined #root #case .next-chapter { color: var(--ink) !important; border-color: var(--quiet-line) !important; }

/* Dark sections share the same typography instead of successive overrides. */
html.gifs-refined #root #ai, html.gifs-refined #root #chatbots { background: #11251c !important; }
html.gifs-refined #root #ai { padding: clamp(58px,7vw,108px) clamp(22px,6vw,108px) 70px !important; }
html.gifs-refined #root #ai .section-intro h1 { font: 400 clamp(44px,5vw,76px)/1.11 Prata,Georgia,serif !important; letter-spacing: -.045em; max-width: 12ch; }
html.gifs-refined #root #ai .section-intro .lede { font: 400 17px/1.7 var(--gifs-body) !important; max-width: 47ch; }
html.gifs-refined #root #ai .ai-forest-layer { opacity: .65 !important; }
html.gifs-refined #root #ai .ai-mushroom-main { max-width: 32vw !important; }
html.gifs-refined #root #ai .final-ai-signal { margin-block: 54px !important; padding-block: 28px !important; border-block: 1px solid #e4d2af24 !important; background: transparent !important; }
html.gifs-refined #root #ai .final-ai-signal .signal-row { font-size: clamp(23px,3.15vw,44px) !important; line-height: 1.5 !important; white-space: normal !important; letter-spacing: -.035em; }
html.gifs-refined #root #ai .final-ai-signal .signal-row + .signal-row { font: 400 15px/1.7 var(--gifs-body) !important; letter-spacing: 0; margin-top: 12px; color: #9aaa9b !important; }
html.gifs-refined #root #ai .process-art { background: #1d3528 !important; padding: 36px !important; border: 1px solid #ead8b31a !important; border-radius: 3px !important; }
html.gifs-refined #root #ai .process-chain strong { font: 400 clamp(27px,2.5vw,35px)/1.3 Prata,Georgia,serif !important; }
html.gifs-refined #root #ai .service-text h2 { font: 400 clamp(33px,3.6vw,51px)/1.16 Prata,Georgia,serif !important; letter-spacing: -.035em; }
html.gifs-refined #root #ai .final-ai-point { padding-block: 20px !important; }
html.gifs-refined #root #chatbots .chatbot-web-intro { padding-top: 72px !important; padding-bottom: 62px !important; }
html.gifs-refined #root #chatbots .chatbot-web-intro h1 { font: 400 clamp(42px,5.1vw,76px)/1.12 Prata,Georgia,serif !important; letter-spacing: -.045em !important; }
html.gifs-refined #root #chatbots .chatbot-web-intro h1 em { color: #d6bb90 !important; }
html.gifs-refined #root #chatbots .lead-hero-copy { font: 400 17px/1.7 var(--gifs-body) !important; }
html.gifs-refined #root #chatbots .bot7-orb, html.gifs-refined #root #chatbots .bot7-pulse { animation: none !important; filter: none !important; opacity: .45; }
html.gifs-refined #root #chatbots .bot7-stack { transform: none !important; }
html.gifs-refined #root #chatbots .bot7-pane { backdrop-filter: none !important; background: #1d3428 !important; border-color: #d8c39d33 !important; box-shadow: 0 18px 32px #07150d30 !important; }
html.gifs-refined #root #chatbots .bot6-kinetic { padding-block: 40px !important; min-height: 0 !important; background: #192f23 !important; }
html.gifs-refined #root #chatbots .bot6-row { line-height: 1.3 !important; }
html.gifs-refined #root #chatbots .bot6-r1 { font-size: clamp(30px,4.7vw,65px) !important; }
html.gifs-refined #root #chatbots .bot6-r2 { font-size: clamp(20px,2.5vw,34px) !important; }
html.gifs-refined #root #chatbots .bot6-r3, html.gifs-refined #root #chatbots .bot6-r4, html.gifs-refined #root #chatbots .bot6-whisper { display: none !important; }
html.gifs-refined #root #chatbots .bot7-morph { min-height: 0 !important; padding-block: 44px !important; }
html.gifs-refined #root #chatbots .bot7-morph-line { font-size: clamp(27px,3.5vw,49px) !important; }
html.gifs-refined #root #chatbots .bot7-flow { margin-block: 42px 64px !important; }
html.gifs-refined #root #chatbots .bot7-portal { min-height: 250px !important; height: 280px !important; margin-block: 48px !important; background: #193226 !important; overflow: hidden; }
html.gifs-refined #root #chatbots .bot7-o { transform: none !important; opacity: .09 !important; font-size: 320px !important; }
html.gifs-refined #root #chatbots .bot7-portal-copy { font: 400 clamp(31px,4vw,58px)/1.16 Prata,Georgia,serif !important; letter-spacing: -.035em; }
html.gifs-refined #root #chatbots .bot7-portal small { display: none; }

/* The collage remains playful, with a quieter frame around it. */
html.gifs-refined #root #content.page.content-page { background: var(--paper) !important; }
.gifs-content-studio { --sg-paper: var(--paper); }
html.gifs-refined #root #content .sg-magazine-mast { padding-block: 22px; font-size: 9px; }
html.gifs-refined #root #content .sg-intro { padding-top: 50px; padding-bottom: 32px; align-items: center; }
html.gifs-refined #root #content h1 { font-size: clamp(48px,6.6vw,98px) !important; letter-spacing: -.065em !important; }
html.gifs-refined #root #content h1 em { font-size: .92em; letter-spacing: -.045em; }
html.gifs-refined #root #content .sg-intro-copy p { font-size: 16px; line-height: 1.7; }
html.gifs-refined #root #content .sg-piece { transition: transform 300ms var(--motion-ease), opacity 220ms !important; }
html.gifs-refined #root #content .sg-piece img { filter: drop-shadow(0 7px 5px #241b181c) !important; }
html.gifs-refined #root #content .sg-piece.is-dragging { transition: none !important; }
html.gifs-refined #root #content .sg-tape { opacity: .52; }
html.gifs-refined #root #content .sg-filter { border-radius: 2px; padding: 11px 17px; }
html.gifs-refined #root #content .sg-style-dossier { padding-block: 42px; }
html.gifs-refined #root #content .sg-style-dossier h2 { font-size: clamp(30px,3.7vw,49px); line-height: 1.16; }
html.gifs-refined #root #content .sg-output { padding-block: 62px; background: #10281c; }
html.gifs-refined #root #content .sg-output-head h2 { font-size: clamp(34px,4.2vw,60px); line-height: 1.13; }
html.gifs-refined #root #content .sg-output-item { border-radius: 0; box-shadow: none; }
html.gifs-refined #root #content .sg-brief-paper { border-radius: 3px; box-shadow: 0 16px 48px #2334270c; }

html.gifs-refined #root #contact { background: #11251c !important; padding: 66px clamp(22px,6vw,108px) 64px !important; }
html.gifs-refined #root #contact .contact-window { max-width: 1180px; margin-inline: auto; border: 0 !important; border-top: 1px solid #e5d5b62e !important; padding: clamp(38px,6vw,78px) 0 !important; background: none !important; }
html.gifs-refined #root #contact .contact-window h1 { font: 400 clamp(43px,5.5vw,82px)/1.12 Prata,Georgia,serif !important; letter-spacing: -.05em !important; }
html.gifs-refined #root #contact .contact-lead { font: 400 17px/1.7 var(--gifs-body) !important; max-width: 49ch; }
html.gifs-refined #root #contact .contact-primary { background: #e6d5b7 !important; color: #193528 !important; border-radius: 3px; padding: 17px 26px !important; font: 600 14px var(--gifs-body) !important; }
html.gifs-refined #root #contact .direct-contacts { max-width: 1180px; margin-inline: auto; border-color: #dbc8a530 !important; }
html.gifs-refined #root #contact .direct-contact { padding-block: 24px !important; }
html.gifs-refined #root #contact .direct-contact b { font: 400 clamp(24px,2.5vw,36px)/1.3 Prata,Georgia,serif !important; letter-spacing: -.04em; }
.brief-dialog { border-radius: 4px !important; }

@media (max-width: 1100px) {
  .masthead .studio-note { display: none; }
  html.gifs-refined #root #services .guide-intro { grid-template-columns: 1.1fr .85fr; gap: 6%; }
  html.gifs-refined #root #services .guide-intro h1 { font-size: 52px !important; }
  html.gifs-refined #root #approach .flight-chapter { column-gap: 6%; }
  html.gifs-refined #root #approach .approach-step-art { height: 240px; }
}
@media (max-width: 760px) {
  .masthead { height: 66px !important; min-height: 66px; padding-inline: 22px !important; gap: 16px !important; }
  .masthead .wordmark { font-size: 31px !important; }
  .masthead .back-link { font-size: 11px !important; }
  .masthead .studio-menu summary { font-size: 12px; }
  html.gifs-refined #root #home .home-copy h1 { font-size: clamp(34px,8.8vw,54px) !important; }
  html.gifs-refined #root #home .home-lead-unified { font-size: 14px !important; line-height: 1.55 !important; }
  html.gifs-refined #root #services, html.gifs-refined #root #approach, html.gifs-refined #root #case { padding-top: 40px !important; padding-bottom: 44px !important; }
  html.gifs-refined #root #services .guide-intro { grid-template-columns: 1fr; gap: 24px; padding-bottom: 38px; }
  html.gifs-refined #root #services .guide-intro h1 { font-size: clamp(39px,8.4vw,57px) !important; }
  html.gifs-refined #root #services .guide-intro-copy { margin: 0; }
  html.gifs-refined #root #services .guide-intro-copy p { font-size: 16px !important; }
  html.gifs-refined #root #services .guide-services { margin-block: 40px 54px; gap: 30px; }
  html.gifs-refined #root #services .guide-explanation { padding: 27px 23px !important; }
  html.gifs-refined #root #services .guide-options button { padding-block: 19px !important; }
  html.gifs-refined #root #services .guide-case { padding-block: 40px; }
  html.gifs-refined #root #services .guide-process { padding-block: 44px; }
  html.gifs-refined #root #services .guide-faq { padding-bottom: 40px; }
  html.gifs-refined #root #services .guide-faq summary { font-size: 16px; }
  html.gifs-refined #root #approach .section-intro h1, html.gifs-refined #root #case .section-intro h1 { font-size: clamp(36px,8.6vw,58px) !important; }
  html.gifs-refined #root #approach .section-intro .lede, html.gifs-refined #root #case .section-intro .lede { font-size: 16px !important; }
  html.gifs-refined #root #approach .final-approach-words { gap: 19px; flex-wrap: wrap; padding-top: 24px; }
  html.gifs-refined #root #approach .final-approach-words article b { font-size: 11px !important; }
  html.gifs-refined #root #approach .flight-chapter { grid-template-columns: 1fr; min-height: 0 !important; padding-block: 32px 40px !important; }
  html.gifs-refined #root #approach .approach-step-art { grid-column: 1; grid-row: 2; width: 100%; height: 185px; margin: 0 0 20px; padding: 12px; }
  html.gifs-refined #root #approach .flight-chapter h2 { font-size: 32px !important; }
  html.gifs-refined #root #approach .flight-chapter > p:not(.eyebrow) { font-size: 15px !important; }
  html.gifs-refined #root #case .case-layout { margin-block: 38px !important; }
  html.gifs-refined #root #case .final-case-flow { padding: 22px !important; }
  html.gifs-refined #root #ai { padding-top: 42px !important; }
  html.gifs-refined #root #ai .section-intro h1 { font-size: clamp(38px,8.7vw,60px) !important; }
  html.gifs-refined #root #ai .section-intro .lede { font-size: 16px !important; }
  html.gifs-refined #root #ai .ai-forest-layer { opacity: .2 !important; }
  html.gifs-refined #root #ai .final-ai-signal { margin: 32px 0 !important; }
  html.gifs-refined #root #ai .final-ai-signal .signal-row { font-size: 24px !important; }
  html.gifs-refined #root #ai .process-art { padding: 26px !important; }
  html.gifs-refined #root #chatbots .chatbot-web-intro { padding-top: 42px !important; padding-bottom: 36px !important; }
  html.gifs-refined #root #chatbots .chatbot-web-intro h1 { font-size: clamp(36px,8.4vw,59px) !important; }
  html.gifs-refined #root #chatbots .lead-hero-copy { font-size: 16px !important; }
  html.gifs-refined #root #chatbots .bot7-portal { height: 240px !important; min-height: 240px !important; }
  html.gifs-refined #root #chatbots .bot7-morph-line { font-size: 26px !important; }
  html.gifs-refined #root #content .sg-intro { padding-top: 36px; gap: 26px; }
  html.gifs-refined #root #content h1 { font-size: clamp(45px,12vw,74px) !important; }
  html.gifs-refined #root #content .sg-intro-copy p { font-size: 15px; }
  html.gifs-refined #root #content .sg-magazine-mast { padding-block: 19px; font-size: 8px; }
  html.gifs-refined #root #content .sg-output { padding-block: 42px; }
  html.gifs-refined #root #contact { padding-top: 28px !important; }
  html.gifs-refined #root #contact .contact-window h1 { font-size: clamp(40px,9vw,62px) !important; }
  html.gifs-refined #root #contact .contact-lead { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Explicit foregrounds for inherited dark-page heading rules. */
html.gifs-refined #root #approach .flight-chapter h2,
html.gifs-refined #root #case .case-notes h2 { color: var(--ink) !important; }
html.gifs-refined #root #approach .section-intro::after { display: none !important; }
html.gifs-refined #root #approach .final-approach-words { margin-block: 20px 0 !important; padding-block: 14px !important; }
html.gifs-refined #root #approach .final-approach-words article :is(i,span,b,strong) { position: static !important; transform: none !important; }
html.gifs-refined #root #chatbots .bot6-kinetic,
html.gifs-refined #root #chatbots .bot7-morph { display: none !important; }
html.gifs-refined #root #chatbots .chatbot-web-intro h1 { text-align: left !important; max-width: 12ch !important; }
html.gifs-refined #root #chatbots .chatbot-web-intro h1 em { font-size: .88em !important; line-height: 1.2 !important; display: inline; }
html.gifs-refined #root #chatbots .bot7-stack { margin-inline: auto; }
html.gifs-refined #root #ai .ai-forest-layer { inset: 120px 5% auto auto !important; width: 28vw !important; height: 370px !important; max-width: 400px; }
html.gifs-refined #root #ai .ai-mushroom-main { width: 100% !important; height: 100% !important; max-width: 100% !important; inset: 0 !important; object-fit: contain; transform: none !important; }
html.gifs-refined #root #ai .ai-mushroom-flat,
html.gifs-refined #root #ai .ai-mushroom-cap,
html.gifs-refined #root #ai .ai-specimen-label { display: none !important; }
html.gifs-refined #root #ai .final-ai-signal { mask-image: none !important; }
html.gifs-refined #root #ai .final-ai-signal .signal-row { transform: none !important; }
html.gifs-refined #root #ai .final-ai-signal { width: auto !important; margin-inline: 0 !important; }
html.gifs-refined #root #chatbots .lead-marquee { width: 100% !important; animation: none !important; transform: none !important; will-change: auto !important; }
html.gifs-refined #root #chatbots .lead-marquee span { display: block !important; white-space: normal !important; font: 400 clamp(20px,2.1vw,30px)/1.8 var(--gifs-body) !important; letter-spacing: -.02em; padding: 0 !important; }
html.gifs-refined #root #chatbots .lead-marquee span + span { display: none !important; }
html.gifs-refined #root #chatbots .lead-marquee.reverse span { font-size: clamp(17px,1.6vw,22px) !important; }
html.gifs-refined #root #chatbots .lead-connect { width: auto !important; margin-inline: 0 !important; padding-inline: 0 !important; }
html.gifs-refined #root #chatbots .lead-connect-head { width: 100% !important; }
html.gifs-refined #root #chatbots .v13-light-scene::before,
html.gifs-refined #root #chatbots .lead-right::before { display: none !important; }
html.gifs-refined #root #chatbots .lead-outcome,
html.gifs-refined #root #chatbots .lead-launch-step { opacity: 1 !important; transform: none !important; transition: none !important; }
html.gifs-refined #root #services .guide-intro-copy a.guide-contact { color: #f8f1e2 !important; }
html.gifs-refined #root #case .text-action { color: var(--wine) !important; }
html.gifs-refined #root #case .next-chapter { background: #e8e0cd !important; }
html.gifs-refined #root #case .next-chapter strong { color: var(--ink) !important; }
html.gifs-refined #root #case .next-chapter span { color: var(--paper-muted) !important; }
html.gifs-refined #root #ai .final-ai-signal .signal-row { display: flex !important; flex-wrap: wrap !important; width: auto !important; max-width: 100%; gap: .1em .22em; }
html.gifs-refined #root #ai .process-chain p,
html.gifs-refined #root #ai .final-ai-point p { font: 400 15px/1.65 var(--gifs-body) !important; color: #bac4b8 !important; }
@media(max-width:760px) {
  html.gifs-refined #root #ai .ai-forest-layer { top: 90px !important; right: 0 !important; width: 38vw !important; height: 250px !important; }
  html.gifs-refined #root #chatbots .botl-menu-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 16px !important; overflow: visible !important; }
  html.gifs-refined #root #chatbots .botl-item { min-height: 44px !important; padding: 10px 0 !important; border-bottom: 1px solid #e5d5b622 !important; }
  html.gifs-refined #root #chatbots .botl-item strong { font: 500 16px/1.5 var(--gifs-body) !important; }
  html.gifs-refined #root #chatbots .lead-marquee span { font-size: 19px !important; line-height: 1.85 !important; }
}