{"id":7,"date":"2026-09-15T07:30:57","date_gmt":"2026-09-15T07:30:57","guid":{"rendered":"https:\/\/nobleatlasmusic.com\/?page_id=7"},"modified":"2026-09-15T22:17:20","modified_gmt":"2026-09-15T22:17:20","slug":"home","status":"publish","type":"page","link":"https:\/\/nobleatlasmusic.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<style>\n\n\/* ==================================================\n   NOBLE ATLAS \u2014 OFFICIAL WEBSITE\n   ================================================== *\/\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n.na-site,\n.na-site * {\n    box-sizing: border-box;\n}\n\n.na-site {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #020912;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.na-container {\n    width: min(1180px, 88%);\n    margin: 0 auto;\n}\n\n\n\/* ==================================================\n   HERO\n   ================================================== *\/\n\n.na-hero {\n    position: relative;\n    min-height: 780px;\n    display: flex;\n    align-items: center;\n\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(2,9,18,.94) 0%,\n            rgba(2,9,18,.78) 35%,\n            rgba(2,9,18,.30) 65%,\n            rgba(2,9,18,.08) 100%\n        ),\n        url(\"https:\/\/nobleatlasmusic.com\/wp-content\/uploads\/2026\/09\/Noble-atlas-poster.png\");\n\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n\n.na-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 680px;\n    padding: 80px 0;\n}\n\n\n\/* ==================================================\n   LOGO\n   ================================================== *\/\n\n.na-main-logo {\n    display: block;\n    width: 430px;\n    max-width: 75vw;\n    height: auto;\n    margin: 0 0 45px 0;\n}\n\n\n\/* ==================================================\n   HERO TEXT\n   ================================================== *\/\n\n.na-eyebrow {\n    margin-bottom: 20px;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 7px;\n    text-transform: uppercase;\n}\n\n.na-hero-title {\n    margin: 0 0 25px;\n    color: #ffffff;\n    font-size: clamp(54px, 6vw, 88px);\n    font-weight: 800;\n    line-height: .92;\n    letter-spacing: -3px;\n}\n\n.na-date {\n    margin-bottom: 40px;\n    color: #d0d4d9;\n    font-size: 18px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n}\n\n\n\/* ==================================================\n   BUTTONS\n   ================================================== *\/\n\n.na-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n}\n\n.na-button {\n    display: inline-flex;\n    min-width: 220px;\n    min-height: 64px;\n    align-items: center;\n    justify-content: center;\n    padding: 18px 30px;\n\n    border: 1px solid rgba(255,255,255,.9);\n    background: rgba(0,0,0,.18);\n\n    color: #ffffff !important;\n\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 3px;\n\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition: all .25s ease;\n}\n\n.na-button:hover {\n    background: #ffffff;\n    color: #020912 !important;\n}\n\n\n\/* ==================================================\n   SCROLL INDICATOR\n   ================================================== *\/\n\n.na-scroll {\n    position: absolute;\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%);\n\n    color: rgba(255,255,255,.65);\n\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    text-align: center;\n}\n\n.na-scroll-arrow {\n    display: block;\n    width: 14px;\n    height: 14px;\n    margin: 10px auto 0;\n\n    border-right: 1px solid #ffffff;\n    border-bottom: 1px solid #ffffff;\n\n    transform: rotate(45deg);\n}\n\n\n\/* ==================================================\n   RELEASE \/ PRE-SAVE\n   ================================================== *\/\n\n.na-release-section {\n    padding: 105px 0 100px;\n    background: #020912;\n    text-align: center;\n}\n\n.na-section-label {\n    margin-bottom: 18px;\n    color: #8e98a5;\n\n    font-size: 13px;\n    letter-spacing: 7px;\n    text-transform: uppercase;\n}\n\n.na-section-title {\n    margin: 0 0 28px;\n\n    color: #ffffff;\n\n    font-size: clamp(46px, 6vw, 72px);\n    font-weight: 800;\n    line-height: 1;\n}\n\n.na-release-text {\n    max-width: 650px;\n    margin: 0 auto 38px;\n\n    color: #c2c8cf;\n\n    font-size: 18px;\n    line-height: 1.6;\n}\n\n\n\/* ==================================================\n   MUSIC VIDEO\n   ================================================== *\/\n\n.na-video-section {\n    padding: 45px 0 125px;\n    background: #020912;\n    text-align: center;\n}\n\n.na-video-section h2 {\n    margin: 0 0 45px;\n\n    color: #ffffff;\n\n    font-size: clamp(46px, 6vw, 72px);\n    font-weight: 800;\n    line-height: 1;\n}\n\n.na-video-box {\n    position: relative;\n\n    width: min(1000px, 100%);\n    aspect-ratio: 16 \/ 9;\n\n    margin: 0 auto;\n\n    overflow: hidden;\n\n    border: 1px solid #293542;\n    background: #000000;\n}\n\n.na-video-box iframe {\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n}\n\n\n\/* ==================================================\n   MAILING LIST\n   ================================================== *\/\n\n.na-email-section {\n    padding: 110px 0;\n\n    border-top: 1px solid #202b36;\n    border-bottom: 1px solid #202b36;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(18,54,79,.22) 0%,\n            rgba(2,9,18,0) 60%\n        ),\n        #020912;\n\n    text-align: center;\n}\n\n.na-email-section h2 {\n    margin: 15px 0 25px;\n\n    color: #ffffff;\n\n    font-size: clamp(46px, 6vw, 68px);\n    font-weight: 800;\n}\n\n.na-email-section p {\n    max-width: 650px;\n    margin: 0 auto 40px;\n\n    color: #c2c8cf;\n\n    font-size: 18px;\n    line-height: 1.6;\n}\n\n\n\/* ==================================================\n   FOOTER\n   ================================================== *\/\n\n.na-footer {\n    padding: 75px 20px 70px;\n\n    background: #01060c;\n\n    text-align: center;\n}\n\n.na-footer-logo {\n    display: block;\n\n    width: 260px;\n    max-width: 65vw;\n    height: auto;\n\n    margin: 0 auto 35px;\n}\n\n.na-socials {\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 32px;\n\n    margin-bottom: 45px;\n}\n\n.na-socials a {\n    color: #ffffff !important;\n\n    font-size: 13px;\n    letter-spacing: 2px;\n\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition: opacity .2s ease;\n}\n\n.na-socials a:hover {\n    opacity: .6;\n}\n\n.na-coming-soon {\n    color: #66717c;\n\n    font-size: 13px;\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n.na-copyright {\n    color: #69737e;\n    font-size: 13px;\n}\n\n\n\/* ==================================================\n   MOBILE\n   ================================================== *\/\n\n@media (max-width: 700px) {\n\n    .na-container {\n        width: 88%;\n    }\n\n    .na-hero {\n        min-height: 760px;\n        align-items: flex-end;\n\n        background-image:\n            linear-gradient(\n                0deg,\n                rgba(2,9,18,.98) 0%,\n                rgba(2,9,18,.72) 48%,\n                rgba(2,9,18,.12) 100%\n            ),\n            url(\"https:\/\/nobleatlasmusic.com\/wp-content\/uploads\/2026\/09\/Noble-atlas-poster.png\");\n\n        background-position: center top;\n    }\n\n    .na-hero-content {\n        padding: 60px 0 90px;\n    }\n\n    .na-main-logo {\n        width: 300px;\n        max-width: 80vw;\n        margin-bottom: 38px;\n    }\n\n    .na-eyebrow {\n        font-size: 12px;\n        letter-spacing: 5px;\n    }\n\n    .na-hero-title {\n        font-size: 52px;\n        letter-spacing: -2px;\n    }\n\n    .na-date {\n        font-size: 14px;\n        letter-spacing: 3px;\n    }\n\n    .na-buttons {\n        flex-direction: column;\n    }\n\n    .na-button {\n        width: 100%;\n    }\n\n    .na-scroll {\n        display: none;\n    }\n\n    .na-release-section {\n        padding: 80px 0;\n    }\n\n    .na-video-section {\n        padding: 30px 0 80px;\n    }\n\n    .na-email-section {\n        padding: 80px 0;\n    }\n\n    .na-socials {\n        gap: 24px;\n    }\n}\n\n<\/style>\n\n\n<div class=\"na-site\">\n\n\n<!-- ==================================================\n     HERO\n     ================================================== -->\n\n<section class=\"na-hero\">\n\n    <div class=\"na-container\">\n\n        <div class=\"na-hero-content\">\n\n            <img decoding=\"async\"\n                class=\"na-main-logo\"\n                src=\"https:\/\/nobleatlasmusic.com\/wp-content\/uploads\/2026\/09\/Official-LOGO-white-trasnparent-background.png\"\n                alt=\"Noble Atlas\">\n\n            <div class=\"na-eyebrow\">\n                Debut Single\n            <\/div>\n\n            <h1 class=\"na-hero-title\">\n                Favorite<br>\n                Memories\n            <\/h1>\n\n            <div class=\"na-date\">\n                September 28, 2026\n            <\/div>\n\n            <div class=\"na-buttons\">\n\n                <a\n                    class=\"na-button\"\n                    href=\"https:\/\/distrokid.com\/hyperfollow\/nobleatlas\/favorite-memories\"\n                    target=\"_blank\"\n                    rel=\"noopener\">\n                    Pre-Save\n                <\/a>\n\n                <a\n                    class=\"na-button\"\n                    href=\"#video\">\n                    Watch Video\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"na-scroll\">\n        Scroll\n        <span class=\"na-scroll-arrow\"><\/span>\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ==================================================\n     PRE-SAVE\n     ================================================== -->\n\n<section class=\"na-release-section\">\n\n    <div class=\"na-container\">\n\n        <div class=\"na-section-label\">\n            Noble Atlas\n        <\/div>\n\n        <h2 class=\"na-section-title\">\n            Favorite Memories\n        <\/h2>\n\n        <p class=\"na-release-text\">\n            The debut single from Noble Atlas.<br>\n            Available September 28.\n        <\/p>\n\n        <a\n            class=\"na-button\"\n            href=\"https:\/\/distrokid.com\/hyperfollow\/nobleatlas\/favorite-memories\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            Pre-Save\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ==================================================\n     OFFICIAL MUSIC VIDEO\n     ================================================== -->\n\n<section\n    class=\"na-video-section\"\n    id=\"video\">\n\n    <div class=\"na-container\">\n\n        <div class=\"na-section-label\">\n            Official Video\n        <\/div>\n\n        <h2>\n            Favorite Memories\n        <\/h2>\n\n        <div class=\"na-video-box\">\n\n            <iframe\n                src=\"https:\/\/www.youtube.com\/embed\/L8iHmhBYAW8\"\n                title=\"Noble Atlas - Favorite Memories Official Music Video\"\n                loading=\"lazy\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                referrerpolicy=\"strict-origin-when-cross-origin\"\n                allowfullscreen>\n            <\/iframe>\n\n        <\/div>\n\n\n        <div style=\"margin-top:30px;\">\n\n            <a\n                class=\"na-button\"\n                href=\"https:\/\/youtu.be\/L8iHmhBYAW8?si=dLKS3O-31G-KIQWA\"\n                target=\"_blank\"\n                rel=\"noopener\">\n                Watch on YouTube\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ==================================================\n     MAILING LIST\n     ================================================== -->\n\n<section class=\"na-email-section\">\n\n    <div class=\"na-container\">\n\n        <div class=\"na-section-label\">\n            Stay Connected\n        <\/div>\n\n        <h2>\n            Join the List\n        <\/h2>\n\n        <p>\n            Get new music, videos, release updates and everything Noble Atlas.\n        <\/p>\n\n        <a\n            class=\"na-button\"\n            href=\"https:\/\/forms.gle\/7UHYqBx9DdQYSVHT9\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            Join the List\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ==================================================\n     FOOTER\n     ================================================== -->\n\n<footer class=\"na-footer\">\n\n    <img decoding=\"async\"\n        class=\"na-footer-logo\"\n        src=\"https:\/\/nobleatlasmusic.com\/wp-content\/uploads\/2026\/09\/Official-LOGO-white-trasnparent-background.png\"\n        alt=\"Noble Atlas\">\n\n\n    <div class=\"na-socials\">\n\n\n        <!-- INSTAGRAM -->\n\n        <a\n            href=\"https:\/\/www.instagram.com\/noble_atlas_music\/\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            Instagram\n        <\/a>\n\n\n        <!-- FACEBOOK -->\n\n        <a\n            href=\"https:\/\/www.facebook.com\/profile.php?id=61594506591466\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            Facebook\n        <\/a>\n\n\n        <!-- TIKTOK -->\n\n        <a\n            href=\"https:\/\/www.tiktok.com\/@noble.atlas.music?_r=1&amp;_t=ZT-99lRuIAHYTe\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            TikTok\n        <\/a>\n\n\n        <!-- YOUTUBE -->\n\n        <a\n            href=\"https:\/\/youtu.be\/L8iHmhBYAW8?si=dLKS3O-31G-KIQWA\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            YouTube\n        <\/a>\n\n\n        <!-- SPOTIFY - ADD LINK LATER -->\n\n        <span class=\"na-coming-soon\">\n            Spotify Soon\n        <\/span>\n\n\n    <\/div>\n\n\n    <div class=\"na-copyright\">\n        \u00a9 2026 Noble Atlas\n    <\/div>\n\n<\/footer>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Debut Single Favorite Memories September 28, 2026 Pre-Save Watch Video Scroll Noble Atlas Favorite Memories The debut single from Noble Atlas. Available September 28. Pre-Save Official Video Favorite Memories Watch on YouTube Stay Connected Join the List Get new music, videos, release updates and everything Noble Atlas. Join the List Instagram Facebook TikTok YouTube Spotify&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/nobleatlasmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}