/* Edition: a product material folio. The physical device carries the visual weight. */
:root {
  --ed-paper: #f2f0ea;
  --ed-ivory: #e9e6de;
  --ed-ink: #1d2224;
  --ed-soft-ink: #526067;
  --ed-steel: #aeb9b9;
  --ed-rule: rgba(28, 39, 42, .18);
  --ed-night: #172126;
  --ed-blue: #31596b;
}
html { color-scheme: light; }
body.hp26-site { background: var(--ed-paper); color: var(--ed-ink); }
body.hp26-site ::selection { background: #a9c3cb; color: #142127; }
body.hp26-site :where(a, button, input, textarea, select):focus-visible { outline: 2px solid #476f80; outline-offset: 4px; }
body.hp26-site :where(button, a, select) { touch-action: manipulation; }
body.hp26-site :where(h1, h2, h3) { text-wrap: balance; }
body.hp26-site :where(input, textarea)::placeholder { color: #59636a; opacity: 1; }
body.hp26-site :where(input, textarea, select) { caret-color: var(--ed-blue); }
@media (pointer: fine) { html { overscroll-behavior: none; } }

/* Navigation is the one functional glass surface: content remains legible below it. */
.hp26-site .hp26-header {
  background: rgba(244, 243, 238, .86);
  border-bottom: 1px solid rgba(34, 45, 48, .12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
  box-shadow: none;
}
.hp26-site .hp26-header.is-scrolled { background: rgba(244, 243, 238, .96); box-shadow: 0 12px 32px rgba(25, 33, 37, .08); }
.hp26-site .hp26-nav { height: 78px; }
.hp26-site .hp26-brand { gap: 2px; color: #172126 !important; font-size: 19px; font-weight: 760; letter-spacing: -.045em; }
.hp26-site .hp26-brand span:last-child { color: #486878; }
.hp26-site .hp26-nav-links a { color: #283237 !important; opacity: 1; font-size: 12px; font-weight: 640; letter-spacing: .005em; }
.hp26-site .hp26-nav-links a:hover { color: var(--ed-blue) !important; text-decoration: underline; text-underline-offset: 7px; }
.hp26-site .hp26-lang select { color: var(--ed-ink); background: #f6f5f1; border-color: #afb8b8; border-radius: 7px; font-size: 11px; }
.hp26-site .hp26-lang option { color: var(--ed-ink); background: #fff; }
.hp26-site .hp26-nav-cta { color: #fff !important; background: var(--ed-ink); border-radius: 7px; padding: 13px 17px; }
.hp26-site .hp26-nav-cta:hover { color: #fff !important; background: var(--ed-blue); transform: none; }
.hp26-site .hp-skip-link { background: #fff; color: var(--ed-ink); border-color: var(--ed-blue); }
.hp26-nojs-nav { display: none; }
@media (max-width: 800px) {
  .hp26-nojs-nav { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 69px; padding: 14px 20px; background: #f4f3ee; color: #1d2224; border-bottom: 1px solid #bdc5c2; font-size: 13px; }
  .hp26-nojs-nav details { flex-basis: 100%; }
  .hp26-nojs-nav details div { display: flex; flex-wrap: wrap; gap: 9px 18px; padding-block: 12px; }
  .hp26-nojs-nav a { text-decoration: underline; text-underline-offset: 3px; }
}

/* The first viewport reads as a photographic catalog cover, not a dashboard. */
.hp26-site .hp26-hero {
  min-height: min(860px, 100svh);
  background: linear-gradient(122deg, #f3f1eb 4%, #e8e6de 62%, #d7dcda 100%);
  color: var(--ed-ink);
}
.hp26-site .hp26-hero::before {
  inset: auto 0 0;
  height: 1px;
  background: var(--ed-rule);
  z-index: 0;
}
.hp26-site .hp26-hero-inner {
  min-height: min(860px, 100svh);
  padding-top: 120px;
  padding-bottom: 95px;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  gap: 2%;
}
.hp26-site .hp26-hero-copy { max-width: 740px; }
.hp26-site .hp26-hero h1 {
  max-width: 740px;
  color: var(--ed-ink);
  font-size: clamp(58px, 6.3vw, 102px);
  line-height: .98;
  letter-spacing: -.047em;
  font-weight: 690;
}
.hp26-site .hp26-lead { color: #4b565a; margin-top: 34px; max-width: 520px; font-size: 17px; line-height: 1.65; }
.hp26-site .hp26-actions { margin-top: 35px; gap: 10px; }
.hp26-site .hp26-button { border-radius: 7px; min-height: 49px; padding: 15px 20px; font-size: 13px; font-weight: 680; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.hp26-site .hp26-button:hover { transform: translateY(-2px); }
.hp26-site .hp26-button-primary { color: #fff !important; border-color: var(--ed-ink); background: var(--ed-ink); }
.hp26-site .hp26-button-primary:hover { color: #fff !important; background: var(--ed-blue); border-color: var(--ed-blue); }
.hp26-site .hp26-button-ghost { color: var(--ed-ink) !important; border-color: #8b999a; background: transparent; }
.hp26-site .hp26-button-ghost:hover { color: #fff !important; border-color: var(--ed-ink); background: var(--ed-ink); }
.hp26-site .hp26-hero-art { aspect-ratio: 1 / 1.08; align-self: center; }
.hp26-site .hp26-hero-art::before {
  content: '';
  position: absolute;
  width: 68%;
  height: 1px;
  left: 16%;
  bottom: 10%;
  background: #68757a;
  opacity: .32;
  box-shadow: 0 8px 19px 5px rgba(26, 36, 42, .16);
}
.hp26-site .hp26-hero-device { width: min(86%, 650px); max-height: 680px; filter: drop-shadow(25px 34px 34px rgba(35, 43, 46, .21)); }
.hp26-site .hp26-hero-caption { left: 7%; right: 7%; bottom: -2%; border-color: var(--ed-rule); color: #475258; font-size: 10px; font-weight: 650; letter-spacing: .06em; }
.hp26-site .hp26-scroll { color: #4a565b !important; bottom: 33px; font-size: 11px; letter-spacing: .05em; text-transform: none; text-decoration: underline !important; text-underline-offset: 6px; }

/* A quiet partner line follows the product, without implied endorsements. */
.hp26-site .hp26-partners { background: #e8e7e1; border-color: var(--ed-rule); }
.hp26-site .hp26-partners-inner { min-height: 126px; grid-template-columns: 170px 1fr; gap: 40px; }
.hp26-site .hp26-partners h2 { color: #536066; letter-spacing: .04em; text-transform: none; font-size: 12px; }
.hp26-site .hp26-partners li { color: #263136; font-weight: 640; letter-spacing: -.025em; font-size: clamp(17px, 1.75vw, 24px); }

/* Product entries are full-width folio leaves. The linework provides rhythm. */
.hp26-site .hp26-section { padding-block: clamp(105px, 10vw, 160px); }
.hp26-site .hp26-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 350px); gap: 6%; align-items: end; margin-bottom: 65px; }
.hp26-site .hp26-section-heading h2,
.hp26-site .hp26-story h2,
.hp26-site .hp26-process h2,
.hp26-site .hp26-closing h2 { font-size: clamp(46px, 5vw, 76px); font-weight: 660; letter-spacing: -.035em; line-height: 1.06; }
.hp26-site .hp26-section-heading h2 { min-width: 0; hyphens: auto; overflow-wrap: anywhere; }
.hp26-site .hp26-section-heading > p { max-width: 350px; color: var(--ed-soft-ink); font-size: 15px; line-height: 1.72; }
.hp26-site .hp26-collection { background: var(--ed-paper); }
.hp26-site .hp26-collection h2 { color: var(--ed-ink); }
.hp26-site .hp26-product-stage { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--ed-rule); }
.hp26-site .hp26-feature-product,
.hp26-site .hp26-small-product { border: 0; border-bottom: 1px solid var(--ed-rule); border-radius: 0; background: transparent; overflow: visible; }
.hp26-site .hp26-feature-product { min-height: 640px; display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(0, .86fr); align-items: stretch; }
.hp26-site .hp26-feature-media { min-height: 600px; overflow: hidden; background: #d8dbd7; }
.hp26-site .hp26-feature-media::before,
.hp26-site .hp26-small-media::before { content: ''; position: absolute; inset: 22px; border: 1px solid rgba(37, 52, 56, .11); pointer-events: none; }
.hp26-site .hp26-feature-media img { max-height: 535px; width: 75%; filter: drop-shadow(16px 22px 22px rgba(26, 36, 43, .18)); }
.hp26-site .hp26-feature-media:hover img { transform: scale(1.035); }
.hp26-site .hp26-feature-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 8% 9%; }
.hp26-site .hp26-index { color: #56666b; font-size: 12px; font-weight: 650; letter-spacing: .025em; text-transform: none; }
.hp26-site .hp26-feature-copy h3 { margin: 25px 0 17px; color: var(--ed-ink); font-size: clamp(48px, 5vw, 72px); font-weight: 630; letter-spacing: -.04em; }
.hp26-site .hp26-feature-copy p,
.hp26-site .hp26-small-product p { max-width: 340px; color: #526066; font-size: 16px; line-height: 1.7; }
.hp26-site .hp26-arrow-link { gap: 0; margin-top: 40px !important; padding-bottom: 6px; color: #214c5f !important; border-color: #678391; font-size: 13px; font-weight: 700; white-space: normal; }
.hp26-site .hp26-arrow-link:hover { color: #0b2632 !important; border-color: #0b2632; }
.hp26-site .hp26-product-pair { display: grid; grid-template-rows: none; grid-template-columns: 1fr; gap: 0; }
.hp26-site .hp26-small-product { min-height: 500px; display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); }
.hp26-site .hp26-small-product:nth-child(2) { direction: rtl; }
.hp26-site .hp26-small-product:nth-child(2) > * { direction: ltr; }
.hp26-site .hp26-small-media { position: relative; height: auto; min-height: 500px; background: #deded9; }
.hp26-site .hp26-small-media-519 { background: #d6dcd9; }
.hp26-site .hp26-small-media-520 { background: #f8f8f6; }
.hp26-site .hp26-small-media img { width: 77%; height: 80%; max-height: 455px; object-fit: contain; }
.hp26-site .hp26-small-media-519 img { width: 73%; height: 82%; transform: scale(1); }
.hp26-site .hp26-small-media-519:hover img { transform: scale(1.035); }
.hp26-site .hp26-small-media-520 img { width: 75%; height: 75%; mix-blend-mode: multiply; }
.hp26-site .hp26-small-product > div { min-height: 0; justify-content: center; padding: 8% 9%; }
.hp26-site .hp26-small-product h3 { color: var(--ed-ink); font-size: clamp(42px, 4.4vw, 64px); font-weight: 630; letter-spacing: -.04em; margin: 25px 0 14px; }
.hp26-site .hp26-small-product .hp26-arrow-link { margin-top: 40px; }

/* A physical inspection: three views separate as the visitor scrolls. */
.hp26-site .hp26-story { color: #f3f1e9; background: #1c282e; overflow: hidden; }
.hp26-site .hp26-story-grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 4%; min-height: 850px; }
.hp26-site .hp26-story-copy { max-width: 500px; position: sticky; top: 145px; align-self: start; padding-top: 90px; }
.hp26-site .hp26-story h2 { color: #f4f2eb; }
.hp26-site .hp26-story-lead { color: #c3d0cf; font-size: 18px; line-height: 1.7; }
.hp26-site .hp26-story .hp26-arrow-link { color: #d3e9ec !important; border-color: #93b8c1; }
.hp26-site .hp26-footnote { color: #b5c2c4; margin-top: 70px; }
.hp26-site .hp26-story-gallery { min-height: 850px; }
.hp26-site .hp26-story-gallery figure { grid-template-rows: minmax(0, 1fr) auto; border: 0; border-radius: 5px; box-shadow: 15px 26px 45px rgba(2, 9, 13, .18); }
.hp26-site .hp26-story-gallery img { min-height: 0; }
.hp26-site .hp26-story-main { width: 65%; height: 62%; left: 2%; top: 21%; background: #bbc3c0; }
.hp26-site .hp26-story-minor { width: 46%; height: 42%; right: 1%; top: 3%; background: #d3d9d6; }
.hp26-site .hp26-story-slim { width: 37%; height: 48%; right: 1%; bottom: 1%; background: #b6c0bd; }
.hp26-site .hp26-story-gallery figcaption { position: static; justify-self: stretch; padding: 0 16px 13px; color: #26383e; font-size: 10px; letter-spacing: .045em; text-transform: none; }

/* Use cases are an editorial index, with no fake links or fake case studies. */
.hp26-site .hp26-applications { background: #e8e9e4; }
.hp26-site .hp26-applications h2,
.hp26-site .hp26-application-list h3 { color: var(--ed-ink); }
.hp26-site .hp26-application-list { border-color: var(--ed-rule); }
.hp26-site .hp26-application-list article { grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr); gap: 6%; min-height: 145px; padding: 22px 0; border-color: var(--ed-rule); }
.hp26-site .hp26-application-list article:hover { background: transparent; }
.hp26-site .hp26-application-list h3 { font-size: clamp(25px, 2.7vw, 38px); font-weight: 620; letter-spacing: -.03em; }
.hp26-site .hp26-application-list p { color: #526166; font-size: 15px; }

/* The process line gives the business buyer a literal path to inquiry. */
.hp26-site .hp26-process { background: #f3f1eb; }
.hp26-site .hp26-process-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10%; align-items: start; }
.hp26-site .hp26-process h2 { color: var(--ed-ink); }
.hp26-site .hp26-process p:not(.hp26-kicker) { color: #536066; }
.hp26-site .hp26-process-steps { border-color: var(--ed-rule); position: relative; }
.hp26-site .hp26-process-steps::before { content: ''; position: absolute; inset: 0 auto 0 -1px; width: 2px; background: #71919a; transform: scaleY(var(--ed-progress, 0)); transform-origin: top; }
.hp26-site .hp26-process-steps li { color: var(--ed-ink); border-color: var(--ed-rule); min-height: 100px; font-size: 19px; }
.hp26-site .hp26-process-steps span { color: #51707b; }
.hp26-site .hp26-process .hp26-button-ghost { color: var(--ed-ink) !important; }
.hp26-site .hp26-process .hp26-button-ghost:hover { color: #fff !important; }
.hp26-site .hp26-closing { color: #fff; background: #1b272d; padding-block: 135px; }
.hp26-site .hp26-closing::after { display: none; }
.hp26-site .hp26-closing h2 { color: #f8f6f0; max-width: 1000px; font-size: clamp(58px, 7vw, 104px); }
.hp26-site .hp26-closing p:not(.hp26-kicker) { color: #c1ced0; }
.hp26-site .hp26-button-light { background: #f7f5ed; color: #172126 !important; }
.hp26-site .hp26-button-light:hover { background: #d2e4e6; color: #172126 !important; }
.hp26-site .hp26-footer { background: #10191e; }
.hp26-site .hp26-footer .hp26-brand { color: #f5f3eb !important; }
.hp26-site .hp26-footer .hp26-brand span:last-child { color: #a8c4ca; }

/* Supporting routes share the same material language without changing their forms. */
.hp26-site .hp26-inner-hero { background: #e7e8e3; }
.hp26-site .hp26-inner-hero h1 { color: var(--ed-ink); letter-spacing: -.04em; }
.hp26-site .hp26-inner-hero p:not(.hp26-kicker) { color: #526066; }
.hp26-site .hp26-inner-visual { background: #d5ddda; border-color: var(--ed-rule); border-radius: 7px; }
.hp26-site .hp26-product-story { background: #1c282e; border-radius: 7px; }
.hp26-site .hp26-product-gallery figure { background: #d8dedb; border-radius: 7px; }
.hp26-site .hp26-product-gallery figcaption { color: #314147; text-transform: none; letter-spacing: .03em; }
.hp26-site .hp26-product-gallery-519 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hp26-site .hp26-product-gallery-519 figure:nth-child(2) img { transform: rotate(-90deg); }
.hp26-site .hp26-product-gallery-520 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hp26-site .hp26-product-gallery-520 figure { background: #e5e8e4; }
.hp26-site .hp26-product-gallery-520 img { width: min(70%, 340px); height: min(34vw, 340px); mix-blend-mode: multiply; }
body.hp26-site .hp-contact-main { background: #e8e9e4; }
body.hp26-site .hp-contact-intro .hp-page-title,
body.hp26-site .hp-hero .hp-page-title { color: var(--ed-ink); letter-spacing: -.04em; }
body.hp26-site .hp-contact-intro .hp-muted,
body.hp26-site .hp-hero .hp-lede { color: #4e5d63; }
body.hp26-site .hp-contact-panel { color: var(--ed-ink); background: #f8f7f3; border: 1px solid var(--ed-rule); border-radius: 7px; box-shadow: 10px 20px 45px rgba(40, 50, 51, .09); }
body.hp26-site .hp-contact-panel .hp-muted { color: #536066; }
body.hp26-site .hp-contact-guide { background: #dbe3df; border-color: var(--ed-rule); }
body.hp26-site .hp-contact-guide :is(strong, li) { color: #314147; }
body.hp26-site .hp-form .hp-btn,
body.hp26-site .hp-btn.primary { background: var(--ed-ink); color: #fff; border-radius: 7px; }
body.hp26-site .hp-hero,
body.hp26-site .hp-section,
body.hp26-site .hp-section.alt { background: #e8e9e4; color: var(--ed-ink); }
body.hp26-site .hp-section.alt { background: #f2f0ea; }
body.hp26-site .hp-section h2,
body.hp26-site .hp-capability b,
body.hp26-site .hp-steps li { color: var(--ed-ink); }
body.hp26-site .hp-section :is(p, .hp-section-intro) { color: #526066; }
.hp26-site .site-main,
.hp26-site .content-area { color: var(--ed-ink); }
.hp26-site .site-main :is(h1, h2, h3) { color: var(--ed-ink); }
.hp26-site .woocommerce :is(.product, .products li.product) { color: var(--ed-ink); }
.hp26-site .woocommerce .products li.product img,
.hp26-site .woocommerce div.product img { background: #d9dfdc; border-radius: 7px; }
.hp26-site .woocommerce a.button { background: var(--ed-ink); color: #fff; border-radius: 7px; }
body.hp26-site.woocommerce-page .site-main .product_title,
body.hp26-site.woocommerce-page .site-main .related > h2,
body.hp26-site.woocommerce-page .site-main .woocommerce-products-header__title { color: var(--ed-ink); }
body.hp26-site.woocommerce-page .site-main .woocommerce-product-details__short-description,
body.hp26-site.woocommerce-page .site-main .woocommerce-product-details__short-description p { color: #526066; }
body.hp26-site.woocommerce-page .site-main .hp26-product-story h2 { color: #f4f2eb; }
body.hp26-site.woocommerce-page .site-main .hp26-product-story p { color: #c4d0d0; }
body.hp26-site.single-product .woocommerce-product-gallery { border-radius: 7px; background: #dce2df; }
body.hp26-site.hp-product-519 .woocommerce-product-gallery { background: #b7c2bf; }
body.hp26-site .woocommerce .products li.product { border-radius: 7px; }
body.hp26-site .woocommerce .products li.product .woocommerce-loop-product__title { color: var(--ed-ink); }
body.hp26-site .woocommerce .products li.product .button { background: var(--ed-ink); color: #fff; }
body.hp26-site.woocommerce-shop .site-main { padding-top: 145px; }
body.hp26-site.single-product .site-main { padding-top: 138px; }
body.hp26-site.woocommerce-page ul.products li.product { border-radius: 7px; background: #f8f7f3; border-color: var(--ed-rule); }
body.hp26-site.woocommerce-page ul.products li.product img { border-radius: 5px; }
body.hp26-site.woocommerce-page ul.products li.product a.button { border-radius: 5px; }
body.hp26-site.woocommerce-account .site-main :is(h1, h2) { color: var(--ed-ink); }
body.hp26-site.woocommerce-account .woocommerce .u-columns h2 { font-size: 26px; font-weight: 650; letter-spacing: -.025em; }
body.hp26-site.woocommerce-account .woocommerce :is(form.login, form.register) { background: #f8f7f3; border: 1px solid var(--ed-rule); border-radius: 7px; }
body.hp26-site.woocommerce-account .woocommerce form a { color: #31596b; }
body.hp26-site.woocommerce-account .woocommerce-Button { border-radius: 5px; }

/* Support behaves like a utility drawer, with the same ink and glass as navigation. */
body.hp26-site .hp-chat-launch { min-height: 47px; border-radius: 7px; padding: 0 16px; background: #1b3039; border-color: #6d8b93; box-shadow: 7px 12px 26px rgba(13, 26, 33, .18); font-size: 13px; }
body.hp26-site .hp-chat-launch:hover { background: #31596b; }
body.hp26-site .hp-chat-launch-icon { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #a9c8ca; font-size: 0; }
body.hp26-site .hp-chat-panel { color: #eaf0ee; background: rgba(25, 39, 46, .98); border-color: #718b8f; border-radius: 9px; box-shadow: 15px 24px 55px rgba(11, 24, 30, .28); }
body.hp26-site .hp-chat-header { background: #20363e; }
body.hp26-site .hp-chat-eyebrow { color: #bdd4d3; letter-spacing: .06em; }
body.hp26-site .hp-chat-bubble-visitor { color: #17282e; background: #c7dcdb; }
body.hp26-site .hp-chat-bubble-assistant,
body.hp26-site .hp-chat-bubble-status { color: #edf2f0; background: #354b53; }
body.hp26-site .hp-chat-form textarea { background: #14272e; border-color: #77959a; }
body.hp26-site .hp-chat-consent input { accent-color: #8bb3b9; }
body.hp26-site .hp-chat-actions button { color: #19282d; background: #d2e5e2; border-radius: 5px; }
body.hp26-site .hp-chat-actions a,
body.hp26-site .hp-chat-bubble a,
body.hp26-site .hp-chat .hp-chat-policy { color: #d1e8e8; }

@media (max-width: 1000px) {
  .hp26-site .hp26-hero-inner { grid-template-columns: 1fr 1fr; }
  .hp26-site .hp26-hero h1 { font-size: clamp(50px, 6.2vw, 74px); }
  .hp26-site .hp26-feature-product { min-height: 550px; }
  .hp26-site .hp26-feature-media { min-height: 550px; }
}
@media (max-width: 800px) {
  .hp26-site .hp26-nav { height: 68px; }
  .hp26-site .hp26-menu-button { border-radius: 7px; border-color: #8b9b9e; }
  .hp26-site .hp26-menu-button span { background: var(--ed-ink); }
  .hp26-site .hp26-mobile-menu:not([hidden]) { background: #f5f3ed; border-color: var(--ed-rule); box-shadow: 0 25px 35px rgba(26, 36, 42, .13); }
  .hp26-site .hp26-mobile-menu a { color: var(--ed-ink) !important; border-color: var(--ed-rule); }
  .hp26-site .hp26-hero-inner { grid-template-columns: 1fr; padding-top: 130px; padding-bottom: 75px; }
  .hp26-site .hp26-hero h1 { font-size: clamp(58px, 10.7vw, 84px); max-width: 650px; }
  .hp26-site .hp26-hero-art { margin: 10px auto 45px; width: min(100%, 650px); }
  .hp26-site .hp26-hero-caption { bottom: 0; }
  .hp26-site .hp26-scroll { bottom: 22px; }
  .hp26-site .hp26-partners-inner { grid-template-columns: 1fr; gap: 22px; }
  .hp26-site .hp26-section-heading { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .hp26-site .hp26-section-heading > p { max-width: 560px; margin: 0; }
  .hp26-site .hp26-feature-product,
  .hp26-site .hp26-small-product { grid-template-columns: 1fr; }
  .hp26-site .hp26-feature-media { min-height: 510px; }
  .hp26-site .hp26-feature-copy,
  .hp26-site .hp26-small-product > div { padding: 42px 20px 55px; }
  .hp26-site .hp26-small-product:nth-child(2) { direction: ltr; }
  .hp26-site .hp26-small-media { min-height: 430px; }
  .hp26-site .hp26-story-grid { min-height: 0; grid-template-columns: 1fr; gap: 35px; }
  .hp26-site .hp26-story-copy { position: static; padding-top: 0; }
  .hp26-site .hp26-story-gallery { min-height: 620px; }
  .hp26-site .hp26-process-grid { grid-template-columns: 1fr; gap: 55px; }
}
@media (max-width: 540px) {
  body.hp26-site.single-product .site-main { padding-top: 92px; }
  .hp26-site .hp26-brand { font-size: 18px; }
  .hp26-site .hp26-hero-inner { padding-top: 125px; padding-bottom: 75px; }
  .hp26-site .hp26-hero h1 { font-size: clamp(50px, 13vw, 66px); }
  .hp26-site .hp26-lead { font-size: 15px; margin-top: 26px; }
  .hp26-site .hp26-actions { display: flex; flex-wrap: wrap; margin-top: 26px; }
  .hp26-site .hp26-button { font-size: 12px; }
  .hp26-site .hp26-hero-art { margin: 15px auto 35px; }
  .hp26-site .hp26-hero-device { width: 90%; }
  .hp26-site .hp26-hero-caption { font-size: 9px; left: 4%; right: 4%; }
  .hp26-site .hp26-partners ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hp26-site .hp26-section { padding-block: 90px; }
  .hp26-site .hp26-section-heading { margin-bottom: 44px; }
  .hp26-site .hp26-section-heading h2,
  .hp26-site .hp26-story h2,
  .hp26-site .hp26-process h2 { font-size: clamp(43px, 11vw, 58px); }
  .hp26-site .hp26-feature-media { min-height: 350px; }
  .hp26-site .hp26-feature-media img { max-height: 320px; }
  .hp26-site .hp26-small-media { min-height: 330px; }
  .hp26-site .hp26-small-media img { max-height: 300px; }
  .hp26-site .hp26-feature-copy h3,
  .hp26-site .hp26-small-product h3 { font-size: 43px; }
  .hp26-site .hp26-small-product > div { min-height: 0; }
  .hp26-site .hp26-story-gallery { min-height: 470px; }
  .hp26-site .hp26-story-main { width: 66%; height: 62%; }
  .hp26-site .hp26-story-minor { width: 48%; height: 41%; }
  .hp26-site .hp26-story-slim { width: 34%; height: 42%; }
  .hp26-site .hp26-application-list article { display: block; min-height: 0; padding: 27px 0; }
  .hp26-site .hp26-application-list p { margin-top: 9px; }
  .hp26-site .hp26-closing { padding-block: 95px; }
  .hp26-site .hp26-closing h2 { font-size: clamp(38px, 10.5vw, 72px); }
  .hp26-site .hp26-product-gallery-520 { grid-template-columns: 1fr; }
  .hp26-site .hp26-product-gallery-519 { grid-template-columns: 1fr; }
  .hp26-site .hp26-product-gallery-520 img { width: min(72%, 320px); height: min(68vw, 320px); }
  body.hp26-site .hp-chat-launch { width: auto; max-width: min(190px, 60vw); min-height: 44px; justify-content: center; padding: 0 13px; border-radius: 7px; font-size: 11px; }
  body.hp26-site .hp-chat-launch-icon { flex: none; }
  body.hp26-site .hp-chat-launch > span:last-child { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; text-align: start; }
}
html[dir="rtl"] .hp26-site .hp26-small-product:nth-child(2) { direction: rtl; }
html[dir="rtl"] .hp26-site .hp26-small-product:nth-child(2) > * { direction: rtl; }
html[dir="rtl"] .hp26-site .hp26-process-steps::before { inset: 0 -1px 0 auto; }
@media (prefers-reduced-motion: reduce) {
  .hp26-site .hp26-button,
  .hp26-site .hp26-feature-media img,
  .hp26-site .hp26-small-media img { transition-duration: .01ms; }
}