/* Image-led editorial chapters. The approved Orbit hero keeps its own styles. */
:root { --v4-paper: #f2f1eb; --v4-ink: #182226; --v4-muted: #536066; --v4-graphite: #101318; }
.content-home, .content-page { background-color: var(--v4-graphite); }
#rozwiazania { scroll-margin-top: 30px; }
.service-chapter { background: var(--v4-graphite); }
.experience-statement { position: relative; grid-template-columns: 1fr 1fr; gap: 36px 70px; padding-bottom: 90px; }
.experience-statement h2 { grid-column: 1; font-size: clamp(32px, 3.3vw, 51px); }
.experience-statement h2 span { color: #c0aaae; }
.experience-copy { grid-column: 1; grid-row: 2; }
.experience-statement .experience-copy p { font-size: 16px; color: #b9bec7; }
.experience-photo { grid-column: 2; grid-row: 1 / 3; align-self: stretch; margin: 0; min-width: 0; }
.experience-photo img { display: block; width: 100%; height: calc(100% - 25px); object-fit: cover; border-radius: 14px; }
.experience-photo figcaption, .contact-photo figcaption { color: #a8adb5; font-size: 11px; margin-top: 10px; }
.service-gallery { display: grid; grid-template-columns: 1.12fr 1fr; gap: 58px 34px; }
.service-gallery-item { min-width: 0; }
.service-gallery-media { position: relative; display: block; border-radius: 14px; overflow: hidden; background: #222830; }
.service-gallery-media > img { display: block; width: 100%; height: auto; aspect-ratio: 1.55; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.service-gallery-preview { position: absolute; right: 20px; bottom: 20px; width: min(68%, 320px); padding: 15px 18px; background: #101619ed; border: 1px solid #ffffff40; color: #f6f5ee; border-radius: 10px; box-shadow: 0 8px 22px #0002; }
.service-gallery-preview > span { display: flex; align-items: start; gap: 9px; font-size: 12px; line-height: 1.6; }
.service-gallery-preview > span + span { margin-top: 9px; }
.service-gallery-preview .icon { width: 16px; height: 18px; flex-shrink: 0; color: #91ddbe; }
.service-gallery-copy { position: relative; padding-top: 22px; }
.service-gallery .service-number { float: left; font-size: 12px; line-height: 28px; color: #acb3bd; padding: 0 15px 0 0; }
.service-gallery h3 { font-size: clamp(25px, 2.2vw, 34px); letter-spacing: -.035em; line-height: 1.2; font-weight: 550; }
.service-gallery-copy > p { font-size: 16px; line-height: 1.8; color: #b5bac4; margin-top: 18px; max-width: 650px; }
.service-gallery-copy .sx-text-link { border-bottom: 1px solid #9fbbb970; color: #c1e6dd; margin-top: 12px; padding-bottom: 8px; }
.service-gallery-item:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1.12fr 1fr; gap: 34px; align-items: center; }
.service-gallery-item:last-child .service-gallery-media > img { aspect-ratio: 2.1; }
.service-gallery-item:last-child .service-gallery-copy { padding: 18px 25px; }
.solution-section { background: #181d21; padding-top: 76px; }
.solution-section::before, .solution-section::after { display: none; }
.solution-intro { min-height: 0; display: block; padding: 0 0 45px; }
.solution-intro-copy { display: grid; grid-template-columns: 1.2fr 1fr; column-gap: 60px; align-items: end; }
.solution-intro-copy .sx-index { grid-column: 1 / -1; color: #96cdbb; margin-bottom: 18px; }
.solution-intro h2 { grid-column: 1; grid-row: 2 / 4; font-size: clamp(36px, 4vw, 62px); }
.solution-intro h2 span { background: none; -webkit-text-fill-color: #a4d7c3; }
.solution-intro .desktop-break { display: none; }
.solution-intro-copy .sx-lead { grid-column: 2; margin: 0; color: #c0c6c9; }
.solution-intro-copy .sx-text-link { grid-column: 2; justify-self: start; color: #b5e8d2; }
.solution-tabs { background: #101619; border-color: #ffffff26; }
.solution-tabs button[aria-selected=true] { background: #224139; border-color: #83bba4; box-shadow: none; }
.solution-tabs button[aria-selected=true] .icon { color: #b9efd4; filter: none; }
.lab-shell { border-color: #8ea69b66; }
.lab-toolbar { background: #182923; }
.craft-section { background: #19171d; }
.craft-section::before, .craft-section::after { display: none; }
.craft-section h2 span { color: #cbb8dd; }
.craft-section .phone-stage { background: #352b3f; border-color: #b09eb447; }
.craft-section .sx-index { color: #cbb8dd; }
.architecture-preview { background: #e8dcc7; }
.website-demo[data-theme="light"] { --preview-surface: #eee6d7; --preview-ink: #29241c; }
.story-chapter { background: var(--v4-paper); color: var(--v4-ink); }
.story-chapter .content-section-intro { align-items: start; grid-template-columns: 1.2fr 1fr; gap: 45px; }
.story-chapter .content-section-intro p { color: var(--v4-muted); }
.story-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.story-feature { grid-row: auto; border: 0; padding-right: 0; }
.story-showcase > .story-card:not(.story-feature) { display: block; padding-bottom: 0; border: 0; }
.story-showcase > .story-card:not(.story-feature) .story-image { display: block; }
.story-showcase .story-image > img, .story-showcase > .story-card:not(.story-feature) .story-image img { aspect-ratio: 1.12; }
.story-showcase .story-image { border-radius: 12px; }
.story-showcase .motion-compact .story-motion-diagram { height: 104px; stroke-width: 2.3; }
.story-chapter .story-category, .story-showcase > .story-card:not(.story-feature) .story-category { margin-top: 22px !important; color: #516464 !important; letter-spacing: .025em; }
.story-showcase .story-card h3, .story-showcase > .story-card:not(.story-feature) h3 { font-size: clamp(24px, 2.3vw, 33px); }
.story-chapter .story-copy > p { color: var(--v4-muted); }
.story-chapter .story-copy .sx-text-link { color: var(--v4-ink); border-bottom: 1px solid #7e8f8b; padding-bottom: 8px; }
.story-chapter .section-end-link { border-color: #18222630; color: var(--v4-ink); }
.story-chapter .story-card h3 a:hover { color: #276c5b; }
.story-more { margin-top: 64px; padding-top: 50px; border-top: 1px solid #18222630; }
.story-motion { --scene-accent: #8bdfc0; --scene-fill: #296152; background: #1c2727; color: #c5d5ce; }
.story-motion[data-story-motion=documents] { --scene-accent: #edc285; --scene-fill: #694c2b; background: #29251f; }
.story-motion[data-story-motion=logistics] { --scene-accent: #f0b49a; --scene-fill: #714637; background: #2b2526; }
.story-motion[data-story-motion=portal], .story-motion[data-story-motion=websites] { --scene-accent: #c8b5e8; --scene-fill: #514465; background: #26232e; }
.story-motion .motion-accent { fill: var(--scene-fill); stroke: var(--scene-accent); }
.story-motion .motion-glass.motion-accent { fill: var(--scene-fill); stroke: var(--scene-accent); }
.story-motion .motion-check, .story-motion .motion-wire { stroke: var(--scene-accent); }
.story-motion .motion-signal { stroke: var(--scene-accent); fill: var(--scene-accent); }
.story-motion .motion-glass { fill: #ffffff09; stroke: #bfc8c1; }
.story-motion .motion-paper { fill: #ffffff0e; stroke: #d4d5ca; }
.story-motion .motion-line { stroke: #aeb9ba; }
.connections-section { background: #101318; }
.connections-section .sx-index { color: #e5c498; }
.connections-section h2 span, .delivery-layout h3 span { color: #d8c09b; }
.knowledge-section { background: var(--v4-paper); color: var(--v4-ink); }
.knowledge-section .content-section-intro p { color: var(--v4-muted); }
.guide-rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.guide-row { display: flex; flex-direction: column; align-items: start; border: 0; padding: 0 0 20px; gap: 24px; }
.guide-row:last-child { border: 0; }
.guide-row > img { width: 100%; height: auto; aspect-ratio: 1.55; border-radius: 12px; }
.guide-row h3 { font-size: 25px; }
.guide-row h3 a:hover { color: #276c5b; }
.guide-row p { color: var(--v4-muted); }
.guide-row > .sx-text-link { margin-top: auto; color: var(--v4-ink); font-size: 13px; }
.home-faq { padding-top: 90px; }
.contact-photo { margin: 34px 0 0; }
.contact-intro .contact-photo img { display: block; width: 100%; height: auto; margin: 0; mask-image: none; aspect-ratio: 1.5; object-fit: cover; border-radius: 14px; }
.contact-form { background: #1a2027; }
.content-page .content-hero-media img { border-radius: 14px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .service-gallery-item:is(:hover,:focus-within) .service-gallery-media > img { transform: scale(1.03); }
}
@media (max-width: 1000px) {
  .experience-statement { gap: 28px; }
  .service-gallery { gap: 44px 25px; }
  .service-gallery-preview { right: 12px; bottom: 12px; padding: 11px 13px; width: 80%; }
  .service-gallery-preview > span { font-size: 11px; }
  .story-showcase { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  .story-showcase .story-card h3, .story-showcase > .story-card:not(.story-feature) h3 { font-size: 23px; }
  .story-showcase .motion-compact .story-motion-diagram { height: 78px; }
  .story-chapter .story-copy > p { font-size: 14px; }
  .guide-rows { gap: 24px; }
  .guide-row h3 { font-size: 21px; }
  .solution-intro-copy { gap: 0 32px; }
}
@media (max-width: 700px) {
  .experience-statement { display: flex; flex-direction: column; padding-bottom: 64px; gap: 26px; }
  .experience-photo { order: 1; }
  .experience-copy { order: 2; }
  .experience-photo img { aspect-ratio: 1.5; height: auto; }
  .experience-statement h2 { font-size: 34px; }
  .service-gallery { display: block; }
  .service-gallery-item { margin-top: 42px; }
  .service-gallery-item:first-child { margin-top: 0; }
  .service-gallery-item:last-child { display: block; }
  .service-gallery-item:last-child .service-gallery-copy { padding: 22px 0 0; }
  .service-gallery-media > img, .service-gallery-item:last-child .service-gallery-media > img { aspect-ratio: 1.22; }
  .service-gallery-copy > p { font-size: 15px; margin-top: 15px; }
  .service-gallery-preview { width: 75%; }
  .service-gallery h3 { font-size: 27px; }
  .solution-intro-copy { display: block; }
  .solution-intro-copy .sx-lead { margin-top: 24px; }
  .solution-intro-copy .sx-text-link { margin-top: 8px; }
  .solution-section { padding-top: 64px; }
  .story-chapter .content-section-intro { display: block; }
  .story-chapter .content-section-intro p { margin-top: 24px; }
  .story-showcase, .story-more, .guide-rows { display: grid; grid-template-columns: 1fr; gap: 44px; }
  .story-showcase > .story-card:not(.story-feature) { padding-bottom: 0; }
  .story-showcase .story-image > img, .story-showcase > .story-card:not(.story-feature) .story-image img { aspect-ratio: 1.5; }
  .story-showcase .motion-compact .story-motion-diagram { height: 90px; }
  .story-showcase .story-card h3, .story-showcase > .story-card:not(.story-feature) h3 { font-size: 28px; }
  .story-chapter .story-copy > p { font-size: 16px; }
  .guide-row { gap: 22px; }
  .guide-row h3 { font-size: 25px; }
  .guide-row > .sx-text-link { margin-top: 0; padding-block: 8px; min-height: 44px; }
  .home-faq { padding-top: 64px; }
  .contact-intro .contact-photo img { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .service-gallery-media > img { transition: none; }
}