@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,700&family=Archivo:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
.nhl5-page{--dolomit:#E9EAE5;
  --dolomit-deep:#DCDDD6;
  --ink:#232B29;
  --ink-soft:#4E5854;
  --siena:#9C6B3F;
  --pietra:#7D8C8A;
  --sabbia:#D4C7AE;
  --white:#F6F6F3;

  --f-display:"Bodoni Moda",Georgia,serif;
  --f-body:"Archivo",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",monospace;

  --pad:clamp(1.25rem,5vw,5.5rem);
  --maxw:1240px;}
.nhl5-page *{box-sizing:border-box}
.nhl5-page{scroll-behavior:smooth}
.nhl5-page{margin:0;
  background:var(--dolomit);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;}
.nhl5-page img,.nhl5-page svg{display:block;max-width:100%}
.nhl5-page a{color:inherit}
.nhl5-page .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.nhl5-page .eyebrow{font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:var(--siena);
  margin:0 0 1.1rem;}
.nhl5-page .eyebrow--pale{color:var(--sabbia)}
.nhl5-page h1,.nhl5-page h2,.nhl5-page h3{font-family:var(--f-display);
  font-weight:400;
  line-height:1.06;
  margin:0;
  font-optical-sizing:none;
  font-variation-settings:"opsz" 14;}
.nhl5-page h1{font-size:clamp(3rem,9.5vw,7.4rem);letter-spacing:-.025em}
.nhl5-page h2{font-size:clamp(2rem,4.6vw,3.5rem);letter-spacing:-.02em}
.nhl5-page h3{font-size:1.35rem;letter-spacing:-.01em}
.nhl5-page .lead{font-size:clamp(1.1rem,2vw,1.42rem);line-height:1.5;color:var(--ink-soft);max-width:46ch}
.nhl5-page .slot{position:relative;margin:0;overflow:hidden;background:var(--dolomit-deep);border:1px dashed rgba(35,43,41,.38)}
.nhl5-page .slot>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.nhl5-page .slot__in{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.55rem;padding:2rem 1.4rem;min-height:var(--slot-h,270px)}
.nhl5-page .slot__tag{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--siena)}
.nhl5-page .slot__label{font-family:var(--f-display);font-size:clamp(1.05rem,2.1vw,1.55rem);line-height:1.2;color:var(--ink);max-width:26ch;font-optical-sizing:none;font-variation-settings:"opsz" 12}
.nhl5-page .slot__spec{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;color:var(--pietra)}
.nhl5-page .slot--dark{background:#2E3735;border-color:rgba(246,246,243,.32)}
.nhl5-page .slot--dark .slot__label{color:var(--white)}
.nhl5-page .slot--dark .slot__tag{color:var(--sabbia)}
.nhl5-page .slot--dark .slot__spec{color:#A9B1AD}
.nhl5-page .slot--wide{--slot-h:clamp(300px,38vw,520px)}
.nhl5-page .slot--tall{--slot-h:clamp(320px,42vw,460px)}
.nhl5-page .slot--sq{--slot-h:clamp(200px,22vw,260px)}
.nhl5-page .slotband{padding:0}
.nhl5-page .slots-3{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.2rem}
@media(min-width:760px){.nhl5-page .slots-3{grid-template-columns:repeat(3,1fr)}
}.nhl5-page .slots-4{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.4rem}
@media(min-width:680px){.nhl5-page .slots-4{grid-template-columns:repeat(2,1fr)}
}@media(min-width:1040px){.nhl5-page .slots-4{grid-template-columns:repeat(4,1fr)}
}.nhl5-page .hero{position:relative;background:var(--ink);color:var(--white);overflow:hidden}
.nhl5-page .hero__tex{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.nhl5-page .hero__inner{position:relative;padding-top:clamp(4.5rem,13vw,10rem);padding-bottom:clamp(3rem,8vw,6rem)}
.nhl5-page .hero h1{color:var(--white);max-width:14ch}
.nhl5-page .hero h1 em{font-style:italic;color:var(--sabbia)}
.nhl5-page .hero__lead{color:#CFD3CF;margin-top:1.8rem;max-width:44ch;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.55}
.nhl5-page .hero__meta{display:flex;flex-wrap:wrap;gap:.6rem 2.4rem;
  margin-top:3rem;padding-top:1.6rem;
  border-top:1px solid rgba(246,246,243,.2);
  font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#A9B1AD;}
.nhl5-page .band{padding-top:clamp(3.5rem,8vw,7rem);padding-bottom:clamp(3.5rem,8vw,7rem)}
.nhl5-page .band--pale{background:var(--white)}
.nhl5-page .band--dark{background:var(--ink);color:var(--white)}
.nhl5-page .band--dark h2,.nhl5-page .hero h1,.nhl5-page .cta h2{color:var(--white);
  font-weight:500;
  font-variation-settings:"opsz" 10;}
.nhl5-page .use h3{font-weight:500;font-variation-settings:"opsz" 10}
.nhl5-page .band--dark p{color:#C6CCC8}
.nhl5-page .duo{display:grid;grid-template-columns:1fr;gap:2.2rem}
@media(min-width:860px){.nhl5-page .duo{grid-template-columns:0.9fr 1.1fr;gap:clamp(2.5rem,6vw,5rem)}
}.nhl5-page .duo p{margin:0 0 1.15rem}
.nhl5-page .duo p:last-child{margin-bottom:0}
.nhl5-page .scale{margin-top:3rem}
.nhl5-page .scale__rail{display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:2px;
  border:1px solid rgba(35,43,41,.16);}
.nhl5-page .scale__cell{position:relative;text-decoration:none;display:block;background:var(--dolomit-deep)}
.nhl5-page .scale__cell svg{width:100%;height:clamp(78px,11vw,132px)}
.nhl5-page .scale__tag{position:absolute;left:0;right:0;bottom:0;
  padding:.4rem .5rem;
  background:rgba(35,43,41,.82);
  color:var(--white);
  font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;
  text-align:center;
  opacity:0;transition:opacity .25s ease;}
.nhl5-page .scale__cell:hover .scale__tag,.nhl5-page .scale__cell:focus-visible .scale__tag{opacity:1}
.nhl5-page .scale__axis{display:flex;justify-content:space-between;
  margin-top:.7rem;
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);}
.nhl5-page .scale__names{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:.5rem;}
.nhl5-page .scale__names span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.05em;
  text-align:center;color:var(--ink-soft);line-height:1.35;}
.nhl5-page .group{margin-top:clamp(2.5rem,5vw,4rem)}
.nhl5-page .group__head{display:flex;align-items:baseline;gap:1rem;
  padding-bottom:.9rem;margin-bottom:1.8rem;
  border-bottom:1px solid rgba(35,43,41,.18);}
.nhl5-page .group__head h3{font-family:var(--f-body);font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.nhl5-page .group__count{font-family:var(--f-mono);font-size:.72rem;color:var(--pietra);margin-left:auto}
.nhl5-page .grid{display:grid;grid-template-columns:1fr;gap:1.6rem}
@media(min-width:620px){.nhl5-page .grid{grid-template-columns:repeat(2,1fr)}
}@media(min-width:1000px){.nhl5-page .grid{grid-template-columns:repeat(3,1fr)}
}.nhl5-page .card{display:flex;flex-direction:column;
  background:var(--white);
  text-decoration:none;color:inherit;
  border:1px solid rgba(35,43,41,.1);
  transition:border-color .25s ease,transform .25s ease;}
.nhl5-page .card:hover,.nhl5-page .card:focus-visible{border-color:var(--siena);transform:translateY(-3px)}
.nhl5-page .card__tex{height:150px;position:relative;overflow:hidden}
.nhl5-page .card__tex svg{width:100%;height:100%}
.nhl5-page .card__body{padding:1.15rem 1.25rem 1.35rem;flex:1;display:flex;flex-direction:column}
.nhl5-page .card__name{font-family:var(--f-display);font-size:1.28rem;margin:0 0 .1rem}
.nhl5-page .card__spec{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--siena);margin:0 0 .7rem}
.nhl5-page .card__desc{font-size:.9rem;line-height:1.55;color:var(--ink-soft);margin:0 0 1rem}
.nhl5-page .card__more{margin-top:auto;font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
.nhl5-page .card__more::after{content:" →"}
.nhl5-page .colors{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:2.5rem}
@media(min-width:700px){.nhl5-page .colors{grid-template-columns:repeat(8,1fr)}
}.nhl5-page .colors div{aspect-ratio:1;position:relative}
.nhl5-page .colors span{position:absolute;left:.4rem;bottom:.35rem;
  font-family:var(--f-mono);font-size:.55rem;letter-spacing:.06em;
  color:rgba(255,255,255,.85);}
.nhl5-page .colors div.is-light span{color:rgba(35,43,41,.7)}
.nhl5-page .note{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.05em;color:var(--pietra);margin-top:1.2rem}
.nhl5-page .uses{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(246,246,243,.18);margin-top:3rem;border:1px solid rgba(246,246,243,.18)}
@media(min-width:760px){.nhl5-page .uses{grid-template-columns:repeat(2,1fr)}
}.nhl5-page .use{background:var(--ink);padding:1.8rem 1.6rem}
.nhl5-page .use h3{font-family:var(--f-display);font-size:1.3rem;color:var(--white);margin-bottom:.6rem}
.nhl5-page .use p{margin:0;font-size:.93rem;line-height:1.6}
.nhl5-page .certs{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.nhl5-page .certs li{list-style:none;
  font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid rgba(35,43,41,.25);padding:.45rem .85rem;color:var(--ink-soft);}
.nhl5-page .cta{background:var(--siena);color:var(--white);text-align:center}
.nhl5-page .cta h2{color:var(--white);max-width:20ch;margin:0 auto}
.nhl5-page .cta p{color:rgba(255,255,255,.85);max-width:52ch;margin:1.3rem auto 2.2rem}
.nhl5-page .btn{display:inline-block;background:var(--white);color:var(--ink);
  text-decoration:none;padding:1rem 2.4rem;
  font-family:var(--f-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--white);transition:background .2s ease,color .2s ease;}
.nhl5-page .btn:hover,.nhl5-page .btn:focus-visible{background:transparent;color:var(--white)}
.nhl5-page :focus-visible{outline:2px solid var(--siena);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.nhl5-page *{transition:none!important;animation:none!important}
.nhl5-page{scroll-behavior:auto}
}
/* --- zgodność z blokami Gutenberga --- */
.nhl5-page .entry-content>*,.nhl5-page .site-content .ast-container>*{max-width:none;margin-left:0;margin-right:0}
.nhl5-page .wp-block-group__inner-container{max-width:none;padding:0}
.nhl5-page .wp-block-image{margin:0}
.nhl5-page .wp-block-image img{display:block;width:100%}
.nhl5-page .img-wide img{height:clamp(300px,38vw,520px);object-fit:cover}
.nhl5-page .img-tall img{height:clamp(320px,42vw,460px);object-fit:cover}
.nhl5-page .img-sq img{aspect-ratio:1;object-fit:cover}
.nhl5-page .wp-block-columns.duo,.nhl5-page .wp-block-columns.slots-3{gap:0}
.nhl5-page .wp-block-column{margin:0!important}
.nhl5-page .band>.wrap{margin:0 auto}
.nhl5-page .hero>.wrap{padding-top:clamp(4.5rem,13vw,10rem);padding-bottom:clamp(3rem,8vw,6rem)}
.nhl5-page .slotband{padding:0}
.nhl5-page p:empty{display:none}

/* --- pełna szerokość mimo kontenera motywu --- */
.nhl5-page .ast-container,.nhl5-page .entry-content,.nhl5-page .site-content .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
.nhl5-page .entry-content>.alignfull,.nhl5-page .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.nhl5-page .ast-separate-container .ast-article-single{padding:0!important;border:0!important}
.nhl5-page .entry-header,.nhl5-page .ast-single-post-order,.nhl5-page .page-title{display:none}
.nhl5-page .wp-block-group.wrap{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}
.nhl5-page .wp-block-columns{margin-bottom:0}
.nhl5-page figure{margin:0}