@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/SofiaSansExtraCondensed-700.woff2") format('woff2')}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/SofiaSansExtraCondensed-800.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/HankenGrotesk-400.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/HankenGrotesk-500.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/HankenGrotesk-600.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/HankenGrotesk-700.woff2") format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/DMMono-400.woff2") format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/DMMono-500.woff2") format('woff2')}

#hpe-nd-2027{margin:0;background:#1C1F1E;max-width:100%;width:100%;font-family:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;box-sizing:border-box}
#hpe-nd-2027 *,#hpe-nd-2027 *::before,#hpe-nd-2027 *::after{box-sizing:border-box}
#hpe-nd-2027 a{color:#01A982}#hpe-nd-2027 a:hover{color:#17EBA0}
#hpe-nd-2027 .lienzo{display:flex;flex-direction:column;align-items:center;gap:48px;padding:48px 0;width:100%}
#hpe-nd-2027 .pagina{box-shadow:0 24px 64px rgba(0,0,0,.55);width:100%;max-width:1080px;overflow:hidden}
#hpe-nd-2027 .pagina>div[style*="width: 1080px"]{width:100%!important;max-width:1080px}
#hpe-nd-2027 .pagina img{max-width:100%}
@media print{#hpe-nd-2027 .lienzo{gap:0;padding:0}#hpe-nd-2027{background:#000}#hpe-nd-2027 .pagina{box-shadow:none;page-break-after:always}}


/* Responsive behavior: desktop preserves the original art direction and measurements. */
#hpe-nd-2027{width:100%;overflow:hidden;box-sizing:border-box}
#hpe-nd-2027 *,#hpe-nd-2027 *::before,#hpe-nd-2027 *::after{box-sizing:border-box}
#hpe-nd-2027 .lienzo{width:100%;padding:48px 0;gap:48px}
#hpe-nd-2027 .pagina{width:100%;max-width:1080px;overflow:hidden}
#hpe-nd-2027 .pagina>div[style*="width: 1080px"]{width:100%!important;max-width:1080px}
#hpe-nd-2027 .pagina img{max-width:100%}
@media(max-width:767px){
  #hpe-nd-2027 .lienzo{padding:0;gap:0;align-items:stretch}
  #hpe-nd-2027 .pagina{box-shadow:none;width:100%;max-width:100%;margin:0}
  #hpe-nd-2027 .pagina>div[style*="width: 1080px"]{width:100%!important;height:auto!important;overflow:hidden}
  #hpe-nd-2027 .pagina section{width:100%!important;height:auto!important;min-height:0;max-width:100%;padding:36px 22px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;overflow:hidden}
  #hpe-nd-2027 .pagina section>div[style*="position: absolute"][style*="inset: 0"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important}
  #hpe-nd-2027 .pagina section>svg[style*="position: absolute"]{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important}
  #hpe-nd-2027 .pagina section>img[style*="position: absolute"]{position:absolute!important;left:auto!important;right:0!important;top:0!important;width:76%!important;height:100%!important;max-width:none!important;object-fit:cover}
  #hpe-nd-2027 .pagina section.hpe-hero-distributors>img[style*="position: absolute"]{left:0!important;right:auto!important;width:100%!important}
  #hpe-nd-2027 .pagina section .hpe-hero-brand{position:absolute!important;left:22px!important;top:22px!important;right:22px!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:0!important}
  #hpe-nd-2027 .pagina section .hpe-hero-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;padding:78px 0 18px!important;gap:12px!important}
  #hpe-nd-2027 .pagina section.hpe-hero{min-height:570px!important;padding:0 22px 34px!important;justify-content:flex-start!important}
  #hpe-nd-2027 .pagina section.hpe-hero .hpe-hero-brand{left:22px!important;right:22px!important}
  #hpe-nd-2027 .pagina section.hpe-hero .hpe-hero-copy{padding-top:132px!important}
  #hpe-nd-2027 .pagina section.hpe-hero h1{font-size:clamp(42px,11vw,66px)!important;line-height:.94!important}
  #hpe-nd-2027 .pagina section.hpe-hero h2{font-size:clamp(46px,12vw,70px)!important;line-height:.92!important}
  #hpe-nd-2027 .pagina section.hpe-hero [style*="font-size: 104px"],#hpe-nd-2027 .pagina section.hpe-hero [style*="font-size: 150px"]{font-size:clamp(54px,15vw,90px)!important;line-height:.9!important}
  #hpe-nd-2027 .pagina section h1,#hpe-nd-2027 .pagina section h2{max-width:100%!important;font-size:clamp(34px,9vw,50px)!important;line-height:.98!important;overflow-wrap:anywhere}
  #hpe-nd-2027 .pagina section p{max-width:100%!important;overflow-wrap:anywhere}
  #hpe-nd-2027 .pagina section [style*="width: 952px"],#hpe-nd-2027 .pagina section [style*="width: 440px"],#hpe-nd-2027 .pagina section [style*="width: 420px"],#hpe-nd-2027 .pagina section [style*="width: 400px"],#hpe-nd-2027 .pagina section [style*="width: 320px"],#hpe-nd-2027 .pagina section [style*="width: 300px"]{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}
  #hpe-nd-2027 .pagina section [style*="height: 535px"]{height:auto!important;aspect-ratio:16/9!important}
  #hpe-nd-2027 .pagina section [style*="height: 400px"]{height:auto!important;aspect-ratio:2.38/1!important}
  #hpe-nd-2027 .pagina section [style*="height: 508px"]{height:auto!important;aspect-ratio:1.87/1!important}
  #hpe-nd-2027 .pagina section [style*="height: 380px"]{height:auto!important;aspect-ratio:1.05/1!important}
  #hpe-nd-2027 .pagina section [style*="height: 266px"]{height:auto!important;aspect-ratio:1.5/1!important}
  #hpe-nd-2027 .pagina section [style*="display: grid"]{grid-template-columns:minmax(0,1fr)!important}
  #hpe-nd-2027 .pagina section ol{grid-template-columns:minmax(0,1fr)!important}
  #hpe-nd-2027 .pagina section .hpe-checker{height:20px!important;min-height:20px!important}
  #hpe-nd-2027 .pagina section .hpe-hero-copy>div[style*="display: flex"]{max-width:100%;flex-wrap:wrap}
  #hpe-nd-2027 .pagina section a{max-width:100%;overflow-wrap:anywhere}
  #hpe-nd-2027 .pagina section iframe{max-width:100%}
  #hpe-nd-2027 .pagina section .hpe-hero-copy p{font-size:16px!important;line-height:1.5!important}
  #hpe-nd-2027 .pagina section .hpe-hero-copy [style*="font-size: 13px"]{font-size:11px!important;line-height:1.45!important;letter-spacing:.08em!important}
  #hpe-nd-2027 .pagina section .hpe-hero-copy [style*="font-size: 22px"],#hpe-nd-2027 .pagina section .hpe-hero-copy [style*="font-size: 28px"]{font-size:18px!important;line-height:1.35!important}
  #hpe-nd-2027 .pagina section .hpe-hero-copy [style*="font-size: 92px"]{font-size:clamp(42px,12vw,64px)!important}
  #hpe-nd-2027 .pagina section>div[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap}
  #hpe-nd-2027 .pagina section>div[style*="grid-template-columns: 400px"]{grid-template-columns:minmax(0,1fr)!important}
}
