:root{--nh-color-surface:#fff;--nh-color-surface-muted:#f8f8f8;--nh-color-text:#1a1a1a;--nh-color-text-muted:#666;--nh-color-border:#e0e0e0;--nh-color-brand:#2b6cb0;--nh-color-brand-strong:#1a4971;--nh-color-price:#c0392b;--nh-content-inline-padding:clamp(1.25rem,8.6vw,10.3125rem)}
.nh-home-container{width:100%;padding-inline:var(--nh-content-inline-padding)}.nh-home-hero{height:var(--nh-hero-height);margin-top:50px;overflow:hidden;position:relative;background:#e0e0e0}.nh-home-hero__image{width:100%;height:100%;object-fit:cover}.nh-home-hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffffb3;font:400 .75rem/1 system-ui;letter-spacing:.16em;text-transform:uppercase}.nh-home-hero__scroll i{width:1px;height:2rem;background:linear-gradient(#ffffffb3,transparent)}.nh-home-recommend{padding:2rem 0 3rem;background:var(--nh-color-surface);color:var(--nh-color-text)}.nh-home-section-heading{text-align:center;margin-bottom:1.5rem}.nh-home-section-heading h2,.nh-home-collection__heading h2{color:#333333;font-size:2rem;font-weight:500;letter-spacing:.12em}.nh-home-section-heading i{display:block;width:2.5rem;height:3px;background:var(--nh-color-brand);margin:.75rem auto}.nh-home-recommend__grid,.nh-home-collection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.nh-home-recommend__card,.nh-home-collection__card{display:flex;overflow:hidden;flex-direction:column;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #00000014}.nh-home-recommend__card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.nh-home-recommend__card>div,.nh-home-collection__card>div{display:flex;flex:1;flex-direction:column;padding:1.1rem 1.25rem 1.4rem}.nh-home-recommend__card h3{margin:0 0 6px;font-size:1.25rem;font-weight:500;letter-spacing:1px;color:#333333}.nh-home-collection h3{font-size:1.25rem;font-weight:500;color:#333333}.nh-home-recommend__subtitle{margin:0 0 10px;min-height:1.6em;color:var(--nh-color-text-muted);font-size:.8125rem;letter-spacing:1px}.nh-home-collection__subtitle{margin-top:.4rem;min-height:1.6em;color:var(--nh-color-text-muted);font-size:.8125rem}.nh-home-recommend__price{display:block;color:var(--nh-color-price);font-size:1.125rem;font-weight:700;letter-spacing:1px}.nh-home-collection strong{display:block;margin-top:auto;padding-top:.55rem;color:var(--nh-color-price);font-size:1.125rem}.nh-home-shortcuts{padding:3rem 0;background:var(--nh-color-surface)}.nh-home-shortcuts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.nh-home-shortcuts__item{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:1.25rem 1rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #00000014;text-align:center;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.nh-home-shortcuts__item a{display:flex;flex-direction:column;align-items:center;gap:.875rem}.nh-home-shortcuts__item:hover{transform:translateY(-4px)!important;box-shadow:0 12px 30px #0000001f}.nh-home-shortcuts__item img{width:200px;height:200px;object-fit:contain;background:var(--nh-color-surface-muted);border-radius:.5rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.nh-home-shortcuts__item:hover img{transform:scale(1.05)}.nh-home-shortcuts__item p{margin:0;font-size:.9375rem;font-weight:500;color:var(--nh-color-text);transition:color .3s ease}.nh-home-shortcuts__item:hover p{color:var(--nh-color-brand)}.nh-home-collection{padding:3.5rem 0;background:#fff;color:var(--nh-color-text)}.nh-home-collection__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.nh-home-collection__heading a{color:var(--nh-color-text-muted);font-size:.875rem}.nh-home-collection__featured{position:relative;min-height:23rem;overflow:hidden;margin-bottom:1.5rem;color:#fff}.nh-home-collection__featured:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 70%)}.nh-home-collection__featured>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nh-home-collection__featured>div{position:relative;z-index:1;max-width:38rem;padding:4rem}.nh-home-collection__featured span{display:inline-block;font-size:.75rem;letter-spacing:1px}.nh-home-collection__featured h3{margin-top:1rem;font-size:2rem}.nh-home-collection__featured p{margin-top:.6rem;line-height:1.7}.nh-home-collection__featured a{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--nh-color-brand);color:#fff}.nh-home-collection__card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.nh-home-collection__card>div>p:not(.nh-home-collection__subtitle){margin-top:.8rem;color:var(--nh-color-text-muted);font-size:.875rem;line-height:1.6}@media(max-width:900px){.nh-home-recommend__grid,.nh-home-collection__grid,.nh-home-shortcuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-home-hero{height:min(70vh,37.5rem)}.nh-home-collection__featured>div{padding:2rem}}@media(max-width:540px){.nh-home-recommend__grid,.nh-home-collection__grid{grid-template-columns:1fr}.nh-home-shortcuts__item img{width:min(200px,100%);height:auto;aspect-ratio:1}.nh-home-collection__heading h2,.nh-home-section-heading h2{font-size:1.5rem}.nh-home-collection__featured{min-height:27rem}.nh-home-collection__featured>div{padding:2rem 1.5rem}.nh-home-collection__featured h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.nh-home-shortcuts__item img{transition:none}.nh-home-hero__scroll{animation:none}[data-aos]{opacity:1!important;transform:none!important;transition:none!important}[data-splitting] .char{opacity:1!important;transform:none!important;transition:none!important}.nh-home-hero__image{transform:none!important;will-change:auto!important}}

/* Split text — char stagger */
[data-splitting] .char{opacity:0;transition:opacity .4s ease,transform .4s ease;transition-delay:calc(.03s * var(--char-index,0))}.nh-home-section-heading [data-splitting] .char{transform:translateY(1.2rem)}.nh-home-collection__heading [data-splitting] .char{transform:translateY(1rem)}.nh-home-collection__featured [data-splitting] .char{transform:translateY(1rem) translateZ(0)}.aos-animate [data-splitting] .char{opacity:1;transform:translateY(0) translateZ(0)}

/* Magnetic hover */
.nh-home-collection__heading a,.nh-home-collection__featured a{transition:transform .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(var(--mx,0),var(--my,0))}

/* Hero hover zoom — slight scale-up on hover (applied to <picture> so it won't clash with AOS transform on the <img>) */
.nh-home-hero picture{display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.nh-home-hero:hover picture{transform:scale(1.06)}

/* Image hover zoom enhancement */
.nh-home-recommend__card img,.nh-home-collection__card img{transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease}.nh-home-recommend__card:hover img,.nh-home-collection__card:hover img{transform:scale(1.06)}

/* Square (1:1) product imagery across all homepage collection/recommendation cards; the wrapper clips the hover zoom. */
.nh-home-recommend__card>a,.nh-home-collection__card>a{display:block;overflow:hidden}

/* Product category cards — 4 × 2 desktop gallery */
.nh-home-shortcuts__grid{align-items:stretch;gap:clamp(1rem,1.5vw,1.5rem)}
.nh-home-shortcuts__item{align-items:stretch;gap:0;padding:0;overflow:hidden;text-align:center;background:#fff;border:1px solid #0000000a;border-radius:.75rem;box-shadow:0 4px 18px #0000000d}
.nh-home-shortcuts__item a{display:grid;grid-template-rows:auto 1fr;align-items:stretch;gap:0;width:100%;height:100%;color:inherit;text-decoration:none}
.nh-home-shortcuts__item a:hover,.nh-home-shortcuts__item a:focus-visible{text-decoration:none}
.nh-home-shortcuts__item img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:0;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.nh-home-shortcuts__item p{display:flex;align-items:center;justify-content:center;min-height:4.5rem;padding:1rem 1.25rem;margin:0;background:#fff;font-size:1rem;font-weight:500;line-height:1.5;color:var(--nh-color-text);text-align:center}
.nh-home-shortcuts__item:hover img{transform:scale(1.035)}
@media(max-width:900px){.nh-home-shortcuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.nh-home-shortcuts{padding:2.25rem 0}.nh-home-shortcuts__grid{gap:.875rem}.nh-home-shortcuts__item img{width:100%;height:auto;aspect-ratio:1/1}.nh-home-shortcuts__item p{min-height:3.75rem;padding:.75rem .875rem;font-size:.875rem}}
@media(max-width:360px){.nh-home-shortcuts__grid{grid-template-columns:1fr}}

/* Homepage hero carousel: height follows the active image so browser zoom never crops it. */
.nh-home-hero{height:auto;margin-top:50px;overflow:hidden;position:relative;background:#e0e0e0}
.nh-home-hero__slider{width:100%}
.nh-home-hero__slide,.nh-home-hero__link,.nh-home-hero picture{display:block;width:100%;height:auto}
.nh-home-hero__image{display:block;width:100%;height:auto;object-fit:initial}
.nh-home-hero:hover picture{transform:none}
.nh-home-hero__control{position:absolute;z-index:2;top:50%;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;transform:translateY(-50%)}
.nh-home-hero__control:before{content:"";position:absolute;top:50%;left:50%;width:.7rem;height:.7rem;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-35%,-50%) rotate(45deg)}
.nh-home-hero__control--previous{left:1.25rem}.nh-home-hero__control--previous:before{transform:translate(-65%,-50%) rotate(-135deg)}
.nh-home-hero__control--next{right:1.25rem}
.nh-home-hero__pagination{position:absolute;z-index:2;bottom:1.25rem;left:50%;display:flex;gap:.5rem;transform:translateX(-50%)}
.nh-home-hero__pagination .swiper-pagination-bullet{width:.5rem;height:.5rem;margin:0!important;background:#fff;opacity:.6}.nh-home-hero__pagination .swiper-pagination-bullet-active{opacity:1}
.nh-home-hero__scroll{z-index:2}
@media(max-width:540px){.nh-home-hero__control{display:none}.nh-home-hero__pagination{bottom:.75rem}.nh-home-hero__scroll{bottom:1.75rem}}
/* Collection browse action: shown below featured-card copy or the card grid. */
.nh-home-collection__browse{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;border:1px solid currentColor;color:inherit;text-decoration:none;line-height:1.2;transition:color .3s ease,background-color .3s ease,transform .3s cubic-bezier(.25,.46,.45,.94)}
.nh-home-collection__browse:hover,.nh-home-collection__browse:focus-visible{background:var(--nh-color-text);color:#fff;text-decoration:none}
.nh-home-collection__browse--grid{margin-top:1.5rem}
/* Keep the fixed navigation from covering the top of the hero. */
.nh-home-hero{margin-top:var(--navbar-height,64px)}