.hp-nat{position:relative;display:flex;align-items:center;min-height:560px;overflow:hidden;background:#2a2a25;color:var(--nat-text,#fff)}
.hp-nat__blur{position:absolute;inset:-60px}
.hp-nat__blur img{width:100%;height:100%;object-fit:cover;filter:blur(38px) saturate(1.15);transform:scale(1.15)}
.hp-nat__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,13,var(--nat-veil,.55)) 0%,rgba(12,16,13,calc(var(--nat-veil,.55)*.65)) 42%,rgba(12,16,13,.12) 100%)}
.hp-nat__photo{position:absolute;top:0;right:0;bottom:0;width:68%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
.hp-nat__photo img,.hp-nat__photo svg{width:100%;height:100%;object-fit:cover;object-position:center}
.hp-nat__body{position:relative;z-index:1;width:40%;padding:40px 3% 40px 6%}
.hp-nat--promo .hp-nat__body{text-align:center}
.hp-nat__big{font-size:clamp(110px,14vw,220px);font-weight:900;line-height:.9;letter-spacing:-.04em;text-shadow:0 4px 30px rgba(0,0,0,.3)}
.hp-nat__small{font-size:clamp(16px,1.7vw,26px);font-weight:800;letter-spacing:.3em;text-transform:uppercase;margin-top:8px}
.hp-nat__label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;opacity:.9}
.hp-nat__title{font-size:clamp(24px,2.6vw,42px);font-weight:700;line-height:1.2;margin-bottom:26px;text-shadow:0 2px 16px rgba(0,0,0,.3)}
.hp-nat--promo .hp-nat__title{font-size:clamp(18px,1.6vw,26px);margin:22px 0;text-transform:uppercase;letter-spacing:.06em}
.hp-nat__btn{display:inline-block;padding:16px 44px;border-radius:30px;font:700 14px/1 var(--hp-font);letter-spacing:.06em;text-transform:uppercase;background:var(--nat-accent,#f3ead8);color:#1d1d1d!important;transition:filter .2s}
.hp-nat__btn:hover{filter:brightness(.93)}
@media(max-width:900px){.hp-nat{flex-direction:column;align-items:stretch;min-height:0}.hp-nat__veil{background:rgba(12,16,13,calc(var(--nat-veil,.55)*.8))}.hp-nat__photo{position:relative;width:100%;height:280px;order:-1;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.hp-nat__body{width:100%;padding:10px 24px 44px}}
