/* Desktop hero: six light outline marks, without solid orange hover discs. */
html body .pm-capabilities .pm-capability-outline { display: none !important; }
@media (min-width: 768px) {
  html body .elementor-element-216d8696 .pm-capabilities { top: 50%; transform: translate(-50%,-50%); width: min(1100px,90%) !important; gap: clamp(14px,2vw,30px) !important; }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon-box-wrapper { gap: 15px !important; cursor: default; }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon {
    box-sizing: border-box; width: 68px !important; height: 68px !important; padding: 15px !important;
    border: 1px solid #ffffff26 !important; border-radius: 20px !important;
    background: #ffffff08 !important; color: #fff !important; box-shadow: none !important;
    backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
    transform: none !important; transition: transform .24s ease, border-color .24s ease, background-color .24s ease !important;
  }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon svg { display: none !important; }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon .pm-capability-outline {
    display: block !important; width: 36px !important; height: 36px !important; overflow: visible;
    fill: none !important; stroke: #fff !important; stroke-width: 1.5 !important; color: #fff !important;
  }
  html body .elementor-element-216d8696 .pm-capabilities .pm-capability-outline * { fill: none !important; stroke: #fff !important; stroke-width: 1.5 !important; }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon-box-title { font-size: 14px !important; line-height: 1.5 !important; font-weight: 500 !important; max-width: 138px; margin-inline: auto !important; text-wrap: balance; }
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon-box-title span { color: #f4f6fa !important; }
  html body .elementor-element-216d8696 .pm-entrance-caption .elementor-divider-separator { width: fit-content !important; max-width: 100%; gap: 22px; }
  html body .elementor-element-216d8696 .pm-entrance-caption .elementor-divider-separator::before,
  html body .elementor-element-216d8696 .pm-entrance-caption .elementor-divider-separator::after { flex: 0 0 28px !important; width: 28px !important; border-top: 1px solid #ffffff55 !important; }
  html body .elementor-element-216d8696 .pm-entrance-caption .elementor-divider__text { font-size: 21px !important; letter-spacing: .025em; margin: 0 !important; }
}
@media (min-width: 768px) and (hover: hover) {
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon-box-wrapper:hover .elementor-icon {
    background: #ffffff0f !important; border-color: #e14e26b3 !important; transform: translateY(-3px) !important; box-shadow: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon,
  html body .elementor-element-216d8696 .pm-capabilities .elementor-icon-box-wrapper:hover .elementor-icon { transition: none !important; transform: none !important; }
}

/* Light brand presentations: visible products, navy glass and flow-based controls. */
html body .distSlide.pm-brand { min-height: 100svh !important; height: auto !important; display: flex !important; flex-direction: column; justify-content: center; padding: 100px 32px 116px !important; gap: 26px; isolation: isolate; }
html body .pm-brand .distGrid { display: grid !important; grid-template-columns: minmax(0,460px) minmax(180px,300px) !important; justify-content: space-between; align-items: center !important; gap: 7vw !important; max-width: 1100px !important; margin: auto !important; }
html body .pm-brand .distContentBox { order: 0 !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 30px !important; border: 1px solid #ffffff66; border-radius: 24px !important; background: #1c334dc4 !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 8px 28px #10203912 !important; }
html body .pm-brand .distCard { order: 1 !important; justify-self: center !important; width: 100% !important; height: 116px !important; min-height: 0 !important; padding: 24px !important; border: 1px solid #ffffff80; border-radius: 20px !important; background: #ffffff87 !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: none !important; }
html body .pm-brand .distCard img { max-width: 90% !important; max-height: 64px !important; width: auto !important; height: auto !important; object-fit: contain !important; }
html body .pm-brand .distKicker { margin: 0 0 10px !important; font-size: 11px !important; line-height: 1.4; letter-spacing: .07em; color: #bbd0e8 !important; opacity: 1 !important; }
html body .pm-brand .distTitle { margin: 0 0 14px !important; font-size: clamp(27px,3vw,40px) !important; line-height: 1.12 !important; color: #fff !important; }
html body .pm-brand .distText { margin: 0 0 22px !important; font-size: 16px !important; line-height: 1.6 !important; color: #edf3fb !important; opacity: 1 !important; }
html body .pm-brand .distBtn { width: fit-content !important; max-width: 100%; min-height: 48px; padding: 12px 18px !important; font-size: 12px !important; line-height: 1.4; border: 1px solid #ffffff66 !important; background: #ffffff15 !important; color: #fff !important; box-shadow: none !important; }
html body .pm-brand .distBtn:hover { background: #ffffff30 !important; }
html body .pm-brand .distBtn span { background: transparent !important; color: #fff !important; }
html body .pm-brand .floatLayer { opacity: .64 !important; z-index: -1; }
html body .pm-brand .distArrow, html body .pm-brand .distArrowUp { position: relative !important; inset: auto !important; flex: 0 0 48px; width: 48px !important; height: 48px !important; margin: 0 auto !important; border: 1px solid #ffffff65 !important; background: #142942da !important; color: #fff !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 6px 18px #1020391c !important; animation: none !important; transform: none !important; }
html body .pm-brand .distArrowUp { position: absolute !important; top: 24px !important; left: calc(50% - 24px) !important; }
html body .pm-brand .distArrow:focus-visible, html body .pm-brand .distBtn:focus-visible { outline: 3px solid #e55933; outline-offset: 4px; }

/* One contact footer, shared by all original pages. Keep form behavior untouched. */
html body .pm-menu .pm-menu-logo { width: min(190px,55%); height: auto; max-height: 42px; object-fit: contain; object-position: left center; }
html body.pm-footer-visible #top-sticky-logo, html body.pm-footer-visible .prescot-smart-logo, html body.pm-footer-visible #prescotScrollDown { visibility: hidden !important; pointer-events: none !important; }



























@media (max-width: 767px) {
  html body .distSlide.pm-brand { padding: 24px 20px 112px !important; gap: 18px; }
  html body .pm-brand .distGrid { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; max-width: 480px !important; }
  html body .pm-brand .distGrid::before { content: ""; order: 1; height: clamp(68px,12svh,120px); }
  html body .pm-brand .distCard { order: 0 !important; width: 180px !important; height: 64px !important; padding: 14px !important; border-radius: 16px !important; }
  html body .pm-brand .distCard img { max-height: 38px !important; }
  html body .pm-brand .distContentBox { order: 2 !important; padding: 20px !important; border-radius: 20px !important; }
  html body .pm-brand .distTitle { font-size: 26px !important; margin-bottom: 12px !important; }
  html body .pm-brand .distText { font-size: 14px !important; line-height: 1.55 !important; margin-bottom: 16px !important; }
  html body .pm-brand .distBtn { width: 100% !important; justify-content: space-between !important; min-height: 44px; }
  html body .pm-brand .distArrowUp { display: none !important; }





}
@media (prefers-reduced-motion: reduce) {
  html body .pm-brand .floatItem { animation: none !important; top: 24%; transform: translateX(var(--x)) rotate(var(--r)); }
  html body .pm-brand .floatItem:nth-child(n/**/+4) { display: none; }
}

/* Compact desktop production introduction: artwork starts just below the text. */
@media (min-width: 768px) {
  html body.prescot-production #kreci > .e-con-inner { padding: 48px 0 12px !important; gap: 16px !important; }
  html body.prescot-production #kreci h2 { margin: 0 !important; }
  html body.prescot-production #kreci p { margin: 0 !important; }
  html body.prescot-production .prescot-production-motion > .e-con-inner { padding: 0 !important; gap: 0 !important; }
  html body.prescot-production .prescot-production-motion .scroll-track { height: 160svh; }
  html body.prescot-production .prescot-production-motion .scroll-div { height: 78svh !important; align-items: start !important; }
  html body.prescot-production .prescot-production-motion .grid { width: min(76vmin,820px); height: min(76vmin,820px); margin-top: -8svh; }
  html body.prescot-production .prescot-production-motion + .prescot-process-step > .e-con-inner { padding: 40px 0 !important; gap: 16px !important; }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html body.prescot-production .prescot-production-motion .scroll-track { height: 92svh; }
}

/* Five original SVG parts, five separate films; two turns followed by a fade. */
html body [data-pm-production-hero] .elementor-background-video-hosted { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; transform: none !important; object-fit: cover !important; }
html body.prescot-production .prescot-production-motion .scroll-track { height: 220svh; }
html body.prescot-production .prescot-production-motion .scroll-div { height: 82svh !important; align-items: center !important; overflow: visible; }
html body.prescot-production .prescot-production-motion .grid.pm-five-films { width: min(76vmin,820px); height: auto; aspect-ratio: 841.9 / 595.3; margin: -14svh 0 0; mask: none; -webkit-mask: none; }
html body .pm-film-piece { position: absolute; overflow: hidden; background: #172431; isolation: isolate; }
html body .pm-film-curve { mask: url("assets/production/d-curve-mask.svg") center / 100% 100% no-repeat; -webkit-mask: url("assets/production/d-curve-mask.svg") center / 100% 100% no-repeat; }
html body .pm-piece-plane { position: absolute; left: 50%; top: 50%; width: 150%; aspect-ratio: 1; transform: translate(-50%,-50%) rotate(var(--pm-counter-turn,0deg)); will-change: transform; }
html body .pm-film-curve .pm-piece-plane { width: 155%; }
html body .prescot-production-motion .pm-piece-plane video { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
@media (max-width: 767px) {
  html body.prescot-production .prescot-production-motion .scroll-track { height: 240svh; }
  html body.prescot-production .prescot-production-motion .grid.pm-five-films { width: 84vw; margin-top: -12svh; }
}
@media (prefers-reduced-motion: reduce) {
  html body.prescot-production .prescot-production-motion .scroll-track { height: 110svh; }
  html body .pm-piece-plane { will-change: auto; }
}

@media(max-width:767px){
 html body .distSlide.pm-brand{padding:30px 20px 104px!important;gap:18px;scroll-margin-top:0}
 html body .pm-brand .distGrid{width:100%!important;gap:14px!important}
 html body .pm-brand .distGrid::before{height:clamp(44px,9svh,76px)}
 html body .pm-brand .distCard{width:150px!important;height:55px!important;padding:10px!important}
 html body .pm-brand .distContentBox{padding:20px!important;border-radius:18px!important}
 html body .pm-brand .distTitle{font-size:25px!important;line-height:1.2!important}
 html body .pm-brand .distText{font-size:13px!important;line-height:1.65!important}
 html body .pm-brand .distArrow{width:40px!important;height:40px!important;flex-basis:40px}
 html body .pm-brand .floatLayer{opacity:.42!important}
}

/* Home brand plates: a quiet glass surface over the existing floating products. */
html body.page-id-20127 .distSlide.pm-brand .distCard{
 background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(243,247,250,.42))!important;
 border:1px solid rgba(255,255,255,.84)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 24px rgba(31,51,69,.055)!important;
 backdrop-filter:blur(12px) saturate(108%)!important;
 -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html body.page-id-20127 .distSlide.pm-brand .distCard{background:rgba(248,250,252,.88)!important}
}