.ns-hero{padding-top:var(--ns-hero-pt);padding-bottom:var(--ns-hero-pb);background:#faf7f2}.ns-hero__inner{position:relative;max-width:1320px;margin-inline:auto;padding-inline:var(--ns-gutter, 24px)}.ns-hero--full .ns-hero__inner{max-width:none;padding-inline:0}.ns-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--ns-hero-radius)}.ns-hero__track::-webkit-scrollbar{display:none}.ns-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;height:clamp(300px,31vw,var(--ns-hero-h));overflow:hidden;display:flex;align-items:center}.ns-hero__media,.ns-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.ns-hero__img{width:100%;height:100%;object-fit:cover;display:block}.ns-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(18,28,22,var(--ns-shade)),rgba(18,28,22,calc(var(--ns-shade) * .55)) 40%,#121c1600 72%);pointer-events:none}.ns-hero__shade--light{background:linear-gradient(90deg,rgba(250,247,242,var(--ns-shade)),rgba(250,247,242,calc(var(--ns-shade) * .85)) 32%,rgba(250,247,242,calc(var(--ns-shade) * .35)) 52%,#faf7f200 68%)}.ns-hero__slide--center .ns-hero__shade--light{background:rgba(250,247,242,calc(var(--ns-shade) * .6))}.ns-hero__slide--center .ns-hero__shade{background:rgba(18,28,22,calc(var(--ns-shade) * .7))}.ns-hero__content{position:relative;z-index:1;width:100%;padding-inline:clamp(24px,5vw,64px)}.ns-hero__box{max-width:560px;color:var(--ns-hero-text)}.ns-hero__slide--center .ns-hero__box{margin-inline:auto;text-align:center}.ns-hero__slide--center .ns-hero__buttons{justify-content:center}.ns-hero__box--light .ns-hero__eyebrow{background:#2f5d461a;color:#2f5d46;-webkit-backdrop-filter:none;backdrop-filter:none}.ns-hero__eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ns-hero-text)}.ns-hero__title{margin:0 0 14px;font-family:var(--font-heading--family);font-weight:800;font-size:clamp(30px,3.9vw,54px);line-height:1.04;letter-spacing:-.02em;color:var(--ns-hero-title, var(--ns-hero-text));text-wrap:balance}.ns-hero__accent{display:block}.ns-hero__text{font-size:clamp(15px,1.2vw,17px);line-height:1.5;opacity:.95;margin-bottom:22px;max-width:460px;color:var(--ns-hero-text)}.ns-hero__text p{margin:0}.ns-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}.ns-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.ns-btn--primary{background:#d9822b;color:#fff;box-shadow:0 8px 22px #d9822b59}.ns-btn--primary:hover{background:#c4701d;transform:translateY(-1px)}.ns-btn--primary svg{transition:transform .2s}.ns-btn--primary:hover svg{transform:translate(3px)}.ns-btn--ghost{color:#fff;border:1.5px solid rgba(255,255,255,.7)}.ns-btn--ghost:hover{background:#ffffff1f}.ns-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:#ffffffe6;color:#2b2b2b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:background .2s,transform .2s}.ns-hero__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.ns-hero__arrow--prev{left:40px}.ns-hero__arrow--next{right:40px}.ns-hero--full .ns-hero__arrow--prev{left:18px}.ns-hero--full .ns-hero__arrow--next{right:18px}.ns-hero__dots{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px;z-index:2}.ns-hero__dot{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:#ffffff8c;cursor:pointer;transition:width .25s,background .25s}.ns-hero__dot.is-active{width:26px;background:#fff}.ns-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 80% 40%,#8a5a2b,#4a3322 35%,#1f2d24 75%);overflow:hidden}.ns-hero__glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.ns-hero__glow--1{width:320px;height:320px;right:12%;top:10%;background:#f5b85c}.ns-hero__glow--2{width:200px;height:200px;right:34%;bottom:8%;background:#e98a3c;opacity:.35}.ns-hero__glow--3{width:160px;height:160px;right:4%;bottom:20%;background:#ffd99a;opacity:.4}.ns-hero__ph-tree{position:absolute;right:14%;bottom:0;height:88%}.ns-hero__ph-note{position:absolute;right:16px;bottom:14px;font-size:12px;color:#fff9}@media screen and (max-width:749px){.ns-hero{padding-top:10px;padding-bottom:4px}.ns-hero__track{border-radius:16px}.ns-hero__slide{height:clamp(220px,64vw,var(--ns-hero-h-m));align-items:center}.ns-hero__shade{background:linear-gradient(90deg,rgba(18,28,22,var(--ns-shade)),rgba(18,28,22,calc(var(--ns-shade) * .6)) 45%,#121c1600 78%)}.ns-hero__shade--light{background:linear-gradient(90deg,rgba(250,247,242,var(--ns-shade)),rgba(250,247,242,calc(var(--ns-shade) * .85)) 40%,rgba(250,247,242,calc(var(--ns-shade) * .3)) 62%,#faf7f200 80%)}.ns-hero__content{padding:0 16px}.ns-hero__box{max-width:64%}.ns-hero__eyebrow{display:none}.ns-hero__title{font-size:clamp(22px,6.6vw,30px);margin-bottom:8px;line-height:1.08}.ns-hero__text{font-size:13px;line-height:1.4;margin-bottom:12px}.ns-btn{height:38px;padding:0 16px;font-size:12px;gap:6px}.ns-btn svg{width:14px;height:14px}.ns-hero__buttons .ns-btn--ghost,.ns-hero__arrow{display:none}.ns-hero__dots{bottom:10px}.ns-hero__dot{width:9px;height:9px}.ns-hero__dot.is-active{width:18px}.ns-hero__ph-tree{right:4%;height:80%}.ns-hero__ph-note{display:none}}.ns-hero .ns-hero__shade--light{background:linear-gradient(90deg,#faf7f2f7,#faf7f2eb 32%,#faf7f29e 50%,#faf7f200 66%)!important}.ns-hero .ns-hero__box--light .ns-hero__text{color:#1f2a24;font-weight:500;opacity:1;max-width:400px;text-shadow:0 0 10px rgba(250,247,242,.95),0 0 2px rgba(250,247,242,.95)}.ns-hero .ns-hero__box--light .ns-hero__title{text-shadow:0 0 18px rgba(250,247,242,.85)}@media screen and (max-width:749px){.ns-hero .ns-hero__shade--light{background:linear-gradient(90deg,#faf7f2f5,#faf7f2e6 44%,#faf7f28c 62%,#faf7f200 82%)!important}.ns-hero .ns-hero__box--light .ns-hero__text{max-width:60vw;font-size:13.5px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/namai-hero.css.map */