{"id":2,"date":"2026-01-05T22:41:34","date_gmt":"2026-01-05T22:41:34","guid":{"rendered":"http:\/\/niht.it\/?page_id=2"},"modified":"2026-08-24T14:50:39","modified_gmt":"2026-08-24T14:50:39","slug":"home-page","status":"publish","type":"page","link":"https:\/\/niht.it\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f7ab6b e-con-full e-flex e-con e-parent\" data-id=\"9f7ab6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef6584 elementor-widget elementor-widget-html\" data-id=\"9ef6584\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"niht-site\">\n\n<style>\n#niht-site,\n#niht-site *{\n  box-sizing:border-box;\n}\n\n#niht-site{\n  --green:#00d757;\n  --black:#050505;\n  --white:#f4f4f2;\n  --grey:#777;\n\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n\n  background:#050505;\n  color:var(--white);\n\n  font-family:Arial,Helvetica,sans-serif;\n\n  overflow:hidden;\n\n  -webkit-font-smoothing:antialiased;\n}\n\n#niht-site a{\n  text-decoration:none!important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#niht-site .niht-hero{\n  position:relative;\n\n  width:100%;\n  height:100svh;\n  min-height:620px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 48%,\n      rgba(0,215,87,.15),\n      transparent 28%\n    ),\n    #050505;\n}\n\n\n\/* ambient light *\/\n\n#niht-site .niht-light{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:20px;\n  height:20px;\n\n  transform:translate(-50%,-50%);\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  box-shadow:\n    0 0 20px rgba(0,215,87,.9),\n    0 0 80px rgba(0,215,87,.5),\n    0 0 180px rgba(0,215,87,.18);\n}\n\n\n\/* portal *\/\n\n#niht-site .niht-portal{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:min(65vw,780px);\n  aspect-ratio:1;\n\n  transform:translate(-50%,-50%);\n\n  border-radius:50%;\n\n  border:1px solid rgba(0,215,87,.17);\n\n  box-shadow:\n    0 0 100px rgba(0,215,87,.06),\n    inset 0 0 100px rgba(0,215,87,.035);\n}\n\n#niht-site .niht-portal:before,\n#niht-site .niht-portal:after{\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  transform:translate(-50%,-50%);\n\n  border-radius:50%;\n}\n\n#niht-site .niht-portal:before{\n  width:78%;\n  height:78%;\n\n  border:1px solid rgba(255,255,255,.045);\n}\n\n#niht-site .niht-portal:after{\n  width:52%;\n  height:52%;\n\n  border:1px solid rgba(0,215,87,.10);\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n#niht-site .niht-grid{\n  position:absolute;\n\n  left:-35%;\n  bottom:-35%;\n\n  width:170%;\n  height:80%;\n\n  transform:\n    perspective(550px)\n    rotateX(70deg);\n\n  background:\n    linear-gradient(\n      rgba(0,215,87,.045) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,215,87,.045) 1px,\n      transparent 1px\n    );\n\n  background-size:70px 70px;\n\n  opacity:.45;\n\n  mask-image:\n    linear-gradient(\n      to top,\n      black,\n      transparent 80%\n    );\n}\n\n\n\/* =========================================================\n   TOP BAR\n========================================================= *\/\n\n#niht-site .niht-top{\n  position:absolute;\n\n  top:0;\n  left:0;\n  right:0;\n\n  z-index:20;\n\n  padding:\n    max(25px,env(safe-area-inset-top))\n    clamp(20px,4vw,50px)\n    20px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n}\n\n#niht-site .niht-top span{\n  color:#777;\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n}\n\n#niht-site .niht-top .brand{\n  color:#eee;\n}\n\n#niht-site .niht-top .brand:before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:6px;\n  height:6px;\n\n  margin-right:9px;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  box-shadow:\n    0 0 15px rgba(0,215,87,.7);\n}\n\n\n\/* =========================================================\n   LOGO\n========================================================= *\/\n\n#niht-site .niht-center{\n  position:relative;\n\n  z-index:10;\n\n  text-align:center;\n\n  padding:20px;\n}\n\n#niht-site .niht-logo{\n  white-space:nowrap;\n\n  font-family:\n    Arial Black,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    clamp(\n      55px,\n      15vw,\n      195px\n    );\n\n  line-height:.72;\n\n  font-weight:900;\n\n  letter-spacing:-.11em;\n\n  transform:scaleX(.90);\n}\n\n#niht-site .niht-logo span{\n  color:var(--green);\n}\n\n#niht-site .niht-label{\n  margin-top:27px;\n\n  color:#999;\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:.42em;\n\n  padding-left:.42em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   HERO CTA\n========================================================= *\/\n\n#niht-site .niht-cta{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:15px;\n\n  min-width:245px;\n\n  margin-top:40px;\n\n  padding:17px 24px;\n\n  border:1px solid var(--green);\n\n  border-radius:100px;\n\n  color:#eee!important;\n\n  background:rgba(0,0,0,.18);\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n\n  transition:\n    background .25s ease,\n    box-shadow .25s ease,\n    transform .25s ease;\n}\n\n#niht-site .niht-cta b{\n  color:var(--green);\n\n  font-size:17px;\n}\n\n#niht-site .niht-cta:hover{\n  background:var(--green);\n\n  color:#001b0a!important;\n\n  box-shadow:\n    0 0 45px rgba(0,215,87,.3);\n\n  transform:translateY(-2px);\n}\n\n#niht-site .niht-cta:hover b{\n  color:#001b0a;\n}\n\n\n\/* =========================================================\n   SCROLL INDICATOR\n========================================================= *\/\n\n#niht-site .niht-scroll-hint{\n  position:absolute;\n\n  left:50%;\n  bottom:max(24px,env(safe-area-inset-bottom));\n\n  transform:translateX(-50%);\n\n  z-index:20;\n\n  color:#666;\n\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:.25em;\n\n  text-transform:uppercase;\n\n  text-align:center;\n\n  white-space:nowrap;\n}\n\n#niht-site .niht-scroll-line{\n  width:1px;\n  height:35px;\n\n  margin:10px auto 0;\n\n  background:\n    linear-gradient(\n      var(--green),\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   SECOND SECTION\n========================================================= *\/\n\n#niht-site .niht-section{\n  position:relative;\n\n  min-height:100svh;\n\n  padding:\n    15vh\n    clamp(22px,6vw,100px);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(0,215,87,.10),\n      transparent 32%\n    ),\n    #050505;\n\n  border-top:1px solid #111;\n}\n\n\n\/* huge background word *\/\n\n#niht-site .niht-bg-word{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  white-space:nowrap;\n\n  color:rgba(0,215,87,.035);\n\n  font-family:\n    Arial Black,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    clamp(\n      150px,\n      32vw,\n      500px\n    );\n\n  line-height:.7;\n\n  font-weight:900;\n\n  letter-spacing:-.11em;\n\n  pointer-events:none;\n}\n\n\n\/* section content *\/\n\n#niht-site .niht-section-inner{\n  position:relative;\n\n  z-index:5;\n\n  width:min(900px,100%);\n\n  text-align:center;\n}\n\n\n\/* kicker *\/\n\n#niht-site .niht-kicker{\n  color:var(--green);\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.3em;\n\n  text-transform:uppercase;\n}\n\n\n\/* title *\/\n\n#niht-site .niht-title{\n  margin:\n    18px 0 0!important;\n\n  padding:0!important;\n\n  font-family:\n    Arial Black,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    clamp(\n      48px,\n      9vw,\n      115px\n    )!important;\n\n  line-height:.82!important;\n\n  letter-spacing:-.09em!important;\n\n  font-weight:900!important;\n\n  text-transform:uppercase;\n\n  color:#f4f4f2;\n}\n\n#niht-site .niht-title span{\n  color:var(--green);\n}\n\n\n\/* description *\/\n\n#niht-site .niht-description{\n  max-width:540px;\n\n  margin:\n    30px auto 0!important;\n\n  color:#858585;\n\n  font-size:14px!important;\n\n  line-height:1.75!important;\n}\n\n\n\/* Instagram *\/\n\n#niht-site .niht-instagram{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:17px;\n\n  min-width:255px;\n\n  margin-top:38px;\n\n  padding:18px 26px;\n\n  border-radius:100px;\n\n  background:var(--green);\n\n  color:#001b0a!important;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n\n  box-shadow:\n    0 0 55px rgba(0,215,87,.20);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n#niht-site .niht-instagram b{\n  color:#001b0a;\n\n  font-size:17px;\n}\n\n#niht-site .niht-instagram:hover{\n  transform:translateY(-3px);\n\n  box-shadow:\n    0 0 75px rgba(0,215,87,.38);\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #niht-site .niht-hero{\n    height:100svh;\n    min-height:620px;\n  }\n\n  #niht-site .niht-portal{\n    width:120vw;\n  }\n\n  #niht-site .niht-logo{\n    font-size:\n      clamp(\n        51px,\n        15vw,\n        90px\n      );\n\n    transform:scaleX(.88);\n  }\n\n  #niht-site .niht-label{\n    margin-top:23px;\n\n    font-size:9px;\n\n    letter-spacing:.34em;\n\n    padding-left:.34em;\n  }\n\n  #niht-site .niht-cta{\n    min-width:225px;\n\n    margin-top:35px;\n\n    padding:16px 19px;\n\n    font-size:10px;\n  }\n\n  #niht-site .niht-grid{\n    width:230%;\n\n    left:-65%;\n\n    bottom:-25%;\n\n    background-size:54px 54px;\n  }\n\n  #niht-site .niht-section{\n    min-height:100svh;\n\n    padding:\n      100px\n      24px;\n  }\n\n  #niht-site .niht-title{\n    font-size:\n      clamp(\n        42px,\n        11vw,\n        65px\n      )!important;\n  }\n\n  #niht-site .niht-description{\n    font-size:12px!important;\n\n    max-width:340px;\n  }\n\n  #niht-site .niht-bg-word{\n    font-size:55vw;\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP SCROLL REVEAL\n========================================================= *\/\n\n#niht-site .niht-section-inner{\n  opacity:0;\n  transform:translateY(70px);\n\n  transition:\n    opacity .9s ease,\n    transform .9s ease;\n}\n\n#niht-site .niht-section.visible\n.niht-section-inner{\n  opacity:1;\n\n  transform:translateY(0);\n}\n\n<\/style>\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"niht-hero\">\n\n\n  <!-- TOP -->\n\n  <div class=\"niht-top\">\n\n    <span class=\"brand\">\n      NIHT MAGAZINE\n    <\/span>\n\n    <span>\n      MUSICA \u00b7 TREND \u00b7 CULTURA URBAN\n    <\/span>\n\n  <\/div>\n\n\n  <!-- LIGHT -->\n\n  <div class=\"niht-light\"><\/div>\n\n\n  <!-- PORTAL -->\n\n  <div class=\"niht-portal\"><\/div>\n\n\n  <!-- GRID -->\n\n  <div class=\"niht-grid\"><\/div>\n\n\n  <!-- CENTER -->\n\n  <div class=\"niht-center\">\n\n    <div class=\"niht-logo\">\n      NIHT<span>.<\/span>\n    <\/div>\n\n    <div class=\"niht-label\">\n      MAGAZINE\n    <\/div>\n\n    <a\n      class=\"niht-cta\"\n      href=\"https:\/\/www.instagram.com\/niht.it\/\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      ENTRA NELLA WAVE\n      <b>\u2197<\/b>\n    <\/a>\n\n  <\/div>\n\n\n  <!-- SCROLL -->\n\n  <div class=\"niht-scroll-hint\">\n\n    SCROLLA PER ENTRARE\n\n    <div class=\"niht-scroll-line\"><\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     SECOND SECTION\n===================================================== -->\n\n<section class=\"niht-section\">\n\n\n  <div class=\"niht-bg-word\">\n    NIHT\n  <\/div>\n\n\n  <div class=\"niht-section-inner\">\n\n    <div class=\"niht-kicker\">\n      NIHT MAGAZINE\n    <\/div>\n\n\n    <h2 class=\"niht-title\">\n\n      HIP-HOP\n\n      <br>\n\n      <span>E NON SOLO.<\/span>\n\n    <\/h2>\n\n\n    <p class=\"niht-description\">\n\n      L\u2019informazione quotidiana\n      sull\u2019hip-hop e non solo:\n      musica, trend e cultura urban.\n\n    <\/p>\n\n\n    <a\n      class=\"niht-instagram\"\n      href=\"https:\/\/www.instagram.com\/niht.it\/\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n\n      ENTRA SU INSTAGRAM\n\n      <b>\u2197<\/b>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n\n(function(){\n\n  var root =\n    document.getElementById(\n      \"niht-site\"\n    );\n\n  if(!root) return;\n\n\n  var section =\n    root.querySelector(\n      \".niht-section\"\n    );\n\n  var inner =\n    root.querySelector(\n      \".niht-section-inner\"\n    );\n\n\n  function reveal(){\n\n    var rect =\n      section.getBoundingClientRect();\n\n\n    var trigger =\n      window.innerHeight * .78;\n\n\n    if(rect.top < trigger){\n\n      section.classList.add(\n        \"visible\"\n      );\n\n    }\n\n  }\n\n\n  window.addEventListener(\n    \"scroll\",\n    reveal,\n    {\n      passive:true\n    }\n  );\n\n\n  window.addEventListener(\n    \"resize\",\n    reveal,\n    {\n      passive:true\n    }\n  );\n\n\n  reveal();\n\n})();\n\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NIHT MAGAZINE MUSICA \u00b7 TREND \u00b7 CULTURA URBAN NIHT. MAGAZINE ENTRA NELLA WAVE \u2197 SCROLLA PER ENTRARE NIHT NIHT MAGAZINE HIP-HOP E NON SOLO. L\u2019informazione quotidiana sull\u2019hip-hop e non solo: musica, trend e cultura urban. ENTRA SU INSTAGRAM \u2197<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/niht.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":166,"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/niht.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/niht.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}