:root{--nh-ink:#141416;--nh-cream:#f3f2ee;--nh-gold:#74746b;--nh-gold-light:#eae7e0;--nh-gold-dark:#45453f}
body{background:#f3f2ee;color:#252522}
body.nh-inv-auth{background:linear-gradient(#141416bf,#141416e8),url('https://nahitu.uk/img/charcoal-hero.webp') center/cover fixed}
.nh-inv-auth>div{background:#f3f2ee;padding:28px 20px;border:1px solid #dddcd6;border-radius:16px}
.nh-inv-auth input,.nh-inv-auth button{min-height:44px}
.nh-inv-auth button[type=button]{min-width:44px}
.nh-inv-auth :is(a,button,input):focus-visible{outline:2px solid #45453f;outline-offset:3px}
.nh-inv-auth .text-ink\/50,.nh-inv-auth .text-ink\/60{color:#5b5b55}
.nh-inv-hero{background:linear-gradient(#141416b8,#141416e8),url('https://nahitu.uk/img/charcoal-hero.webp') center/cover;color:#f5f4f0}
.nh-inv-hero :is(.text-gold-dark,.text-ink\/70,.text-ink\/60){color:#c0bfc6}
.nh-inv-hero a.bg-ink{background:#eae7e0;color:#202023;border-radius:8px}
.nh-inv-hero a.border{border-color:#74746b;color:#f5f4f0;border-radius:8px}
.nh-inv-hero a:focus-visible{outline:3px solid #eae7e0;outline-offset:4px}
.nh-inv-hero .min-h-\[calc\(100vh-4rem\)\]{min-height:0}
@media(max-width:600px){
  .nh-inv-hero>div{padding-block:36px;gap:28px}
  .nh-inv-hero .order-2{order:1}
  .nh-inv-hero .order-1{order:2}
  .nh-inv-hero h1{font-size:36px;line-height:1.12}
  .nh-inv-hero a{min-height:44px}
  .nh-inv-auth>div{padding:24px 16px}
}