{"id":2973586,"date":"2026-08-21T18:05:11","date_gmt":"2026-08-21T18:05:11","guid":{"rendered":"https:\/\/attunelabspro.com\/home\/?page_id=2973586"},"modified":"2026-08-21T18:05:12","modified_gmt":"2026-08-21T18:05:12","slug":"attune-music-catalog","status":"publish","type":"page","link":"https:\/\/attunelabspro.com\/home\/attune-music-catalog","title":{"rendered":"Attune: Music Catalog"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Attune: Music Catalog<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=Inter:wght@200;300;400;500&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Force full page breakout from WordPress container *\/\n    .entry-content,\n    .wp-block-post-content,\n    .wp-site-blocks,\n    .is-layout-constrained,\n    body > div,\n    main,\n    article,\n    .page-content,\n    .post-content {\n      padding: 0 !important;\n      margin: 0 !important;\n      max-width: 100% !important;\n      width: 100% !important;\n    }\n\n    html, body {\n      margin: 0 !important;\n      padding: 0 !important;\n      overflow-x: hidden;\n      height: 100%;\n      min-height: 100vh;\n    }\n\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: #060608;\n    }\n\n    .attune-wrap {\n      position: fixed;\n      inset: 0;\n      width: 100vw;\n      height: 100vh;\n      overflow-y: auto;\n      background: #060608;\n    }\n\n    \/* Atmospheric backdrop *\/\n    .attune-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(60, 40, 70, 0.22) 0%, transparent 60%),\n        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(40, 30, 50, 0.14) 0%, transparent 60%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .attune-page {\n      position: relative;\n      z-index: 1;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      padding: 5rem 1.5rem 2rem;\n      color: #ede6d4;\n      font-weight: 300;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .attune-hero {\n      text-align: center;\n      max-width: 640px;\n      margin: 0 auto;\n      padding: 2rem 0 4rem;\n    }\n\n    .attune-brand {\n      display: inline-block;\n      font-family: 'Inter', sans-serif;\n      font-size: 0.78rem;\n      font-weight: 400;\n      letter-spacing: 0.28em;\n      text-transform: uppercase;\n      color: #d4a55a;\n      margin-bottom: 2rem;\n    }\n\n    .attune-h1 {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-weight: 300;\n      font-size: clamp(2.4rem, 5.5vw, 3.6rem);\n      line-height: 1.1;\n      letter-spacing: -0.01em;\n      color: #ede6d4;\n      margin-bottom: 1.25rem;\n    }\n\n    .attune-h1 em {\n      font-style: italic;\n      font-weight: 400;\n    }\n\n    .attune-lede {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-style: italic;\n      font-weight: 400;\n      font-size: clamp(1.15rem, 2.5vw, 1.4rem);\n      color: #a8a194;\n      margin: 0 auto 3rem auto;\n      max-width: 28rem;\n    }\n\n    \/* \u2500\u2500 APP STORE BUTTON \u2500\u2500 *\/\n    .attune-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.85rem;\n      padding: 0.95rem 1.5rem;\n      background: #000;\n      border: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 10px;\n      color: #fff;\n      text-decoration: none;\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      line-height: 1;\n    }\n\n    .attune-btn:hover {\n      transform: translateY(-1px);\n      border-color: rgba(255, 255, 255, 0.5);\n      color: #fff;\n    }\n\n    \/* Apple logo \u2014 lock the size against theme rules *\/\n    .attune-apple-icon {\n      width: 24px !important;\n      height: 28px !important;\n      flex: 0 0 24px;\n      display: block;\n    }\n\n    .attune-btn-text {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      line-height: 1.1;\n      font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n    }\n\n    .attune-btn-label {\n      font-size: 0.7rem;\n      font-weight: 400;\n      letter-spacing: 0.01em;\n      color: #fff;\n    }\n\n    .attune-btn-store {\n      font-size: 1.2rem;\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      margin-top: 1px;\n      color: #fff;\n    }\n\n    \/* \u2500\u2500 SHOWCASE IMAGE \u2500\u2500 *\/\n    .attune-showcase {\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: 1rem 0 4rem;\n      text-align: center;\n    }\n\n    .attune-showcase img {\n      width: 100%;\n      max-width: 1000px;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      border-radius: 8px;\n      border: 0;\n      box-shadow: none;\n    }\n\n    \/* \u2500\u2500 BOTTOM CTA \u2500\u2500 *\/\n    .attune-cta {\n      text-align: center;\n      padding: 1rem 0 4rem;\n    }\n\n    .attune-cta-line {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-style: italic;\n      font-size: 1.15rem;\n      color: #a8a194;\n      margin-bottom: 1.75rem;\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    .attune-footer {\n      border-top: 1px solid rgba(237, 230, 212, 0.08);\n      padding: 2.5rem 0 1rem;\n      text-align: center;\n      color: #a8a194;\n      font-size: 0.85rem;\n      margin-top: auto;\n    }\n\n    .attune-footer-links {\n      display: flex;\n      justify-content: center;\n      gap: 1.75rem;\n      margin-bottom: 1rem;\n      flex-wrap: wrap;\n    }\n\n    .attune-footer-links a {\n      color: #a8a194;\n      text-decoration: none;\n      border-bottom: 1px solid transparent;\n      padding-bottom: 2px;\n      transition: color 0.2s ease, border-color 0.2s ease;\n    }\n\n    .attune-footer-links a:hover {\n      color: #ede6d4;\n      border-bottom-color: #ede6d4;\n    }\n\n    .attune-footer-meta {\n      font-size: 0.78rem;\n      opacity: 0.7;\n      letter-spacing: 0.02em;\n    }\n\n    \/* Hide WP page title and theme header\/footer when this page is shown *\/\n    body.page .site-header,\n    body.page .site-footer,\n    body.page .entry-title,\n    body.page .wp-block-post-title {\n      display: none !important;\n    }\n\n    @media (max-width: 600px) {\n      .attune-page { padding: 3rem 1rem 1rem; }\n      .attune-hero { padding: 1rem 0 3rem; }\n      .attune-showcase { padding: 0.5rem 0 2.5rem; }\n    }\n<\/style>\n\n<!-- Tweed \u2014 paste into a single WordPress Custom HTML block.\n     No doctype\/html\/head\/body: WordPress supplies those, and nesting a\n     second document is what broke the stylesheet last time. -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&#038;family=Inter:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .tweed-wrap *, .tweed-wrap *::before, .tweed-wrap *::after {\n    box-sizing: border-box; margin: 0; padding: 0;\n  }\n\n  \/* break out of the theme's content column *\/\n  .entry-content, .wp-block-post-content, .wp-site-blocks, .is-layout-constrained,\n  body > div, main, article, .page-content, .post-content {\n    padding: 0 !important; margin: 0 !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  html, body { margin: 0 !important; padding: 0 !important;\n    overflow-x: hidden; background: #0b0908 !important; }\n  body.page .site-header, body.page .site-footer,\n  body.page .entry-title, body.page .wp-block-post-title { display: none !important; }\n\n  .tweed-wrap {\n    position: fixed; inset: 0; width: 100vw; height: 100vh;\n    overflow-y: auto; z-index: 1000; background: #0b0908;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: #ede6d4; font-weight: 300; line-height: 1.65;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* warm ground, light pooling from above *\/\n  .tweed-bg {\n    position: absolute; inset: 0; pointer-events: none; z-index: 0;\n    background:\n      radial-gradient(ellipse 70% 45% at 50% 0%, rgba(150, 96, 42, .26) 0%, transparent 62%),\n      radial-gradient(ellipse 60% 40% at 80% 55%, rgba(120, 74, 34, .14) 0%, transparent 60%),\n      radial-gradient(ellipse 60% 40% at 15% 88%, rgba(110, 68, 30, .12) 0%, transparent 60%);\n  }\n\n  .tweed-page { position: relative; z-index: 1; }\n  .tweed-inner { max-width: 1120px; margin: 0 auto; padding: 0 1.5rem; }\n\n  .tweed-label {\n    display: inline-block; font-size: .74rem; font-weight: 600;\n    letter-spacing: .26em; text-transform: uppercase; color: #d4a55a;\n  }\n\n  h1, h2, h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; }\n\n  \/* \u2500\u2500 hero \u2500\u2500 *\/\n  .tweed-hero { text-align: center; padding: 7rem 0 4rem; }\n  .tweed-hero .tweed-label { margin-bottom: 2rem; }\n  .tweed-hero h1 {\n    font-size: clamp(2.6rem, 6vw, 4.2rem); line-height: 1.06;\n    letter-spacing: -.015em; margin-bottom: 1.4rem; color: #f2ece0;\n  }\n  .tweed-hero h1 em { font-style: italic; font-weight: 500; }\n  .tweed-lede {\n    font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;\n    font-weight: 400; font-size: clamp(1.2rem, 2.4vw, 1.5rem);\n    color: #b3a894; max-width: 34rem; margin: 0 auto 2.6rem;\n  }\n\n  \/* \u2500\u2500 App Store button \u2500\u2500 *\/\n  .tweed-btn {\n    display: inline-flex; align-items: center; gap: .85rem;\n    padding: .95rem 1.6rem; background: #000;\n    border: 1px solid rgba(237, 230, 212, .28); border-radius: 11px;\n    color: #fff !important; text-decoration: none !important; line-height: 1;\n    transition: transform .2s ease, border-color .2s ease, background .2s ease;\n  }\n  .tweed-btn:hover {\n    transform: translateY(-2px);\n    border-color: rgba(237, 230, 212, .55); background: #0a0a0a;\n  }\n  .tweed-apple {\n    width: 24px !important; height: 28px !important;\n    min-width: 24px !important; flex: 0 0 24px; display: block;\n  }\n  .tweed-btn-text {\n    display: flex; flex-direction: column; align-items: flex-start;\n    line-height: 1.1; font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n  .tweed-btn-label { font-size: .68rem; font-weight: 400; }\n  .tweed-btn-store { font-size: 1.18rem; font-weight: 500; letter-spacing: -.01em; }\n\n  \/* \u2500\u2500 hero device \u2500\u2500 *\/\n  .tweed-hero-shot { padding: 1rem 0 2rem; text-align: center; }\n  .tweed-hero-shot img {\n    width: 100%; max-width: 420px; height: auto; display: block; margin: 0 auto;\n  }\n\n  \/* \u2500\u2500 alternating feature rows \u2500\u2500 *\/\n  .tweed-feature {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 4rem; align-items: center; padding: 5.5rem 0;\n    border-top: 1px solid rgba(237, 230, 212, .07);\n  }\n  .tweed-feature:nth-child(even) .tweed-feature-art { order: 2; }\n  .tweed-feature-art img { width: 100%; max-width: 420px; height: auto; display: block; }\n  .tweed-feature h2 {\n    font-size: clamp(1.9rem, 3.4vw, 2.7rem); line-height: 1.12;\n    letter-spacing: -.01em; margin: .9rem 0 1rem; color: #f2ece0;\n  }\n  .tweed-feature p { color: #b3a894; font-size: 1.03rem; max-width: 30rem; }\n  .tweed-pro-tag {\n    display: inline-block; margin-top: 1.1rem; font-size: .72rem;\n    font-weight: 600; letter-spacing: .18em; text-transform: uppercase;\n    color: #0b0908; background: #d4a55a; padding: .3rem .6rem; border-radius: 4px;\n  }\n\n  \/* \u2500\u2500 pro \u2500\u2500 *\/\n  .tweed-pro { padding: 6rem 0; text-align: center;\n    border-top: 1px solid rgba(237, 230, 212, .07); }\n  .tweed-pro h2 { font-size: clamp(2rem, 4vw, 3rem); margin: .9rem 0 .8rem; color: #f2ece0; }\n  .tweed-pro-list {\n    list-style: none; max-width: 30rem; margin: 2.2rem auto 0; text-align: left;\n  }\n  .tweed-pro-list li {\n    padding: .85rem 0 .85rem 1.9rem; position: relative;\n    border-bottom: 1px solid rgba(237, 230, 212, .07); color: #cfc5b1;\n  }\n  .tweed-pro-list li::before {\n    content: ''; position: absolute; left: 0; top: 1.35rem;\n    width: 7px; height: 7px; border-radius: 50%; background: #d4a55a;\n  }\n  .tweed-price {\n    font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;\n    color: #b3a894; margin-top: 1.6rem; font-size: 1.1rem;\n  }\n\n  \/* \u2500\u2500 closing \u2500\u2500 *\/\n  .tweed-cta { text-align: center; padding: 6rem 0;\n    border-top: 1px solid rgba(237, 230, 212, .07); }\n  .tweed-cta-line {\n    font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;\n    font-size: clamp(1.3rem, 2.8vw, 1.8rem); color: #cfc5b1;\n    margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto;\n  }\n\n  \/* \u2500\u2500 footer \u2500\u2500 *\/\n  .tweed-footer {\n    border-top: 1px solid rgba(237, 230, 212, .07);\n    padding: 2.8rem 0 3rem; text-align: center;\n    color: #8f8677; font-size: .87rem;\n  }\n  .tweed-footer-links {\n    display: flex; justify-content: center; gap: 1.9rem;\n    margin-bottom: 1rem; flex-wrap: wrap;\n  }\n  .tweed-footer-links a {\n    color: #b3a894 !important; text-decoration: none !important;\n    border-bottom: 1px solid transparent; padding-bottom: 2px;\n    transition: color .2s ease, border-color .2s ease;\n  }\n  .tweed-footer-links a:hover {\n    color: #ede6d4 !important; border-bottom-color: #ede6d4;\n  }\n  .tweed-footer-meta { font-size: .8rem; opacity: .75; letter-spacing: .02em; }\n\n  @media (max-width: 820px) {\n    .tweed-hero { padding: 4.5rem 0 2.5rem; }\n    .tweed-feature {\n      grid-template-columns: 1fr; gap: 2.2rem; padding: 4rem 0; text-align: center;\n    }\n    .tweed-feature:nth-child(even) .tweed-feature-art { order: 0; }\n    .tweed-feature-art img { margin: 0 auto; max-width: 340px; }\n    .tweed-feature p { margin-left: auto; margin-right: auto; }\n    .tweed-pro, .tweed-cta { padding: 4rem 0; }\n  }\n<\/style>\n\n<div class=\"tweed-wrap\">\n<div class=\"tweed-bg\"><\/div>\n<div class=\"tweed-page\">\n\n  <!-- HERO -->\n  <header class=\"tweed-hero\">\n    <div class=\"tweed-inner\">\n      <span class=\"tweed-label\">Tweed<\/span>\n      <h1>Every record you own.<br>Every show <em>you've seen.<\/em><\/h1>\n      <p class=\"tweed-lede\">A record collection and music journal. Catalog your shelf, log the shows, and keep the stories behind the music.<\/p>\n\n      <a class=\"tweed-btn\" href=\"https:\/\/apps.apple.com\/us\/app\/attune-music-catalog\/id6762541092\" aria-label=\"Download on the App Store\">\n        <svg class=\"tweed-apple\" viewBox=\"0 0 814 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"24\" height=\"28\">\n          <path fill=\"#fff\" d=\"M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76 0-103.7 40.8-165.9 40.8s-105-37.3-155.8-109.4C115.3 835 61.5 737.4 61.5 643.4c0-169.8 110.9-259.6 220.2-259.6 63.8 0 116.9 42.1 156.8 42.1 38.1 0 97.8-44.6 166.8-44.6 28.7 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z\"\/>\n        <\/svg>\n        <span class=\"tweed-btn-text\">\n          <span class=\"tweed-btn-label\">Download on the<\/span>\n          <span class=\"tweed-btn-store\">App Store<\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/header>\n\n  <section class=\"tweed-hero-shot\">\n    <div class=\"tweed-inner\">\n      <img decoding=\"async\" src=\"https:\/\/attunelabspro.com\/wp-content\/uploads\/2026\/08\/device_cabinet.png\" alt=\"The Tweed cabinet: a grid of album covers from a personal record collection\">\n    <\/div>\n  <\/section>\n\n  <!-- FEATURES -->\n  <div class=\"tweed-inner\">\n\n    <section class=\"tweed-feature\">\n      <div class=\"tweed-feature-art\">\n        <img decoding=\"async\" src=\"https:\/\/attunelabspro.com\/wp-content\/uploads\/2026\/08\/device_journal.png\" alt=\"A timeline of concerts logged in Tweed, with photos and dates\">\n      <\/div>\n      <div>\n        <span class=\"tweed-label\">The journal<\/span>\n        <h2>Chart your music history.<\/h2>\n        <p>Every album you've listened to and every show you've been to, on one timeline. Setlists arrive automatically. Add your own photos and what you thought at the time.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"tweed-feature\">\n      <div class=\"tweed-feature-art\">\n        <img decoding=\"async\" src=\"https:\/\/attunelabspro.com\/wp-content\/uploads\/2026\/08\/device_stores.png\" alt=\"A map of nearby record shops with distances\">\n      <\/div>\n      <div>\n        <span class=\"tweed-label\">The shops<\/span>\n        <h2>Find your next record.<\/h2>\n        <p>Record shops wherever you are, with distances and directions. Search any city before you travel, or just see what's near you now.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"tweed-feature\">\n      <div class=\"tweed-feature-art\">\n        <img decoding=\"async\" src=\"https:\/\/attunelabspro.com\/wp-content\/uploads\/2026\/08\/device_linernotes.png\" alt=\"Written liner notes for an album in Tweed\">\n      <\/div>\n      <div>\n        <span class=\"tweed-label\">The liner notes<\/span>\n        <h2>Read the story behind the music.<\/h2>\n        <p>Where a record was made, who shaped it, and what was happening around it. The context that used to come in the sleeve.<\/p>\n        <span class=\"tweed-pro-tag\">Pro<\/span>\n      <\/div>\n    <\/section>\n\n    <section class=\"tweed-feature\">\n      <div class=\"tweed-feature-art\">\n        <img decoding=\"async\" src=\"https:\/\/attunelabspro.com\/wp-content\/uploads\/2026\/08\/device_share.png\" alt=\"A shareable card for a concert logged in Tweed\">\n      <\/div>\n      <div>\n        <span class=\"tweed-label\">The share<\/span>\n        <h2>Capture the moment.<\/h2>\n        <p>Turn any entry into a card worth posting \u2014 the show, the venue, the night, your photo.<\/p>\n        <span class=\"tweed-pro-tag\">Pro<\/span>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <!-- PRO -->\n  <section class=\"tweed-pro\">\n    <div class=\"tweed-inner\">\n      <span class=\"tweed-label\">Tweed Pro<\/span>\n      <h2>Buy it once. Keep it.<\/h2>\n      <p class=\"tweed-lede\">No subscription. No account. Your collection stays yours.<\/p>\n      <ul class=\"tweed-pro-list\">\n        <li>An unlimited cabinet \u2014 free keeps 20 records<\/li>\n        <li>iCloud sync across your devices<\/li>\n        <li>Liner notes for every album<\/li>\n        <li>Unlimited share cards<\/li>\n      <\/ul>\n      <p class=\"tweed-price\">A one-time purchase, in the app.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- CLOSE -->\n  <section class=\"tweed-cta\">\n    <div class=\"tweed-inner\">\n      <p class=\"tweed-cta-line\">Our connection to music runs deep. It's a thread through our lives \u2014 to our past, to ourselves, to each other.<\/p>\n      <a class=\"tweed-btn\" href=\"https:\/\/apps.apple.com\/us\/app\/attune-music-catalog\/id6762541092\" aria-label=\"Download on the App Store\">\n        <svg class=\"tweed-apple\" viewBox=\"0 0 814 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"24\" height=\"28\">\n          <path fill=\"#fff\" d=\"M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76 0-103.7 40.8-165.9 40.8s-105-37.3-155.8-109.4C115.3 835 61.5 737.4 61.5 643.4c0-169.8 110.9-259.6 220.2-259.6 63.8 0 116.9 42.1 156.8 42.1 38.1 0 97.8-44.6 166.8-44.6 28.7 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z\"\/>\n        <\/svg>\n        <span class=\"tweed-btn-text\">\n          <span class=\"tweed-btn-label\">Download on the<\/span>\n          <span class=\"tweed-btn-store\">App Store<\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <footer class=\"tweed-footer\">\n    <div class=\"tweed-inner\">\n      <div class=\"tweed-footer-links\">\n        <a href=\"URL_PRIVACY_TWEED\">Privacy<\/a>\n        <a href=\"mailto:connect@attunelabspro.com\">Contact<\/a>\n      <\/div>\n      <p class=\"tweed-footer-meta\">Attune Labs LLC &middot; Portland, Oregon<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n<\/div>\n\n\n\n<meta charset=\"UTF-8\">\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n\n\n<title>Attune: Music Catalog<\/title>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&amp;family=Inter:wght@200;300;400;500&amp;display=swap\" rel=\"stylesheet\">\n\n\n\n<style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Force full page breakout from WordPress container *\/\n    .entry-content,\n    .wp-block-post-content,\n    .wp-site-blocks,\n    .is-layout-constrained,\n    body > div,\n    main,\n    article,\n    .page-content,\n    .post-content {\n      padding: 0 !important;\n      margin: 0 !important;\n      max-width: 100% !important;\n      width: 100% !important;\n    }\n\n    html, body {\n      margin: 0 !important;\n      padding: 0 !important;\n      overflow-x: hidden;\n      height: 100%;\n      min-height: 100vh;\n    }\n\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: #060608;\n    }\n\n    .attune-wrap {\n      position: fixed;\n      inset: 0;\n      width: 100vw;\n      height: 100vh;\n      overflow-y: auto;\n      background: #060608;\n    }\n\n    \/* Atmospheric backdrop *\/\n    .attune-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(60, 40, 70, 0.22) 0%, transparent 60%),\n        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(40, 30, 50, 0.14) 0%, transparent 60%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .attune-page {\n      position: relative;\n      z-index: 1;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      padding: 5rem 1.5rem 2rem;\n      color: #ede6d4;\n      font-weight: 300;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .attune-hero {\n      text-align: center;\n      max-width: 640px;\n      margin: 0 auto;\n      padding: 2rem 0 4rem;\n    }\n\n    .attune-brand {\n      display: inline-block;\n      font-family: 'Inter', sans-serif;\n      font-size: 0.78rem;\n      font-weight: 400;\n      letter-spacing: 0.28em;\n      text-transform: uppercase;\n      color: #d4a55a;\n      margin-bottom: 2rem;\n    }\n\n    .attune-h1 {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-weight: 300;\n      font-size: clamp(2.4rem, 5.5vw, 3.6rem);\n      line-height: 1.1;\n      letter-spacing: -0.01em;\n      color: #ede6d4;\n      margin-bottom: 1.25rem;\n    }\n\n    .attune-h1 em {\n      font-style: italic;\n      font-weight: 400;\n    }\n\n    .attune-lede {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-style: italic;\n      font-weight: 400;\n      font-size: clamp(1.15rem, 2.5vw, 1.4rem);\n      color: #a8a194;\n      margin: 0 auto 3rem auto;\n      max-width: 28rem;\n    }\n\n    \/* \u2500\u2500 APP STORE BUTTON \u2500\u2500 *\/\n    .attune-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.85rem;\n      padding: 0.95rem 1.5rem;\n      background: #000;\n      border: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 10px;\n      color: #fff;\n      text-decoration: none;\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      line-height: 1;\n    }\n\n    .attune-btn:hover {\n      transform: translateY(-1px);\n      border-color: rgba(255, 255, 255, 0.5);\n      color: #fff;\n    }\n\n    \/* Apple logo \u2014 lock the size against theme rules *\/\n    .attune-apple-icon {\n      width: 24px !important;\n      height: 28px !important;\n      flex: 0 0 24px;\n      display: block;\n    }\n\n    .attune-btn-text {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      line-height: 1.1;\n      font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n    }\n\n    .attune-btn-label {\n      font-size: 0.7rem;\n      font-weight: 400;\n      letter-spacing: 0.01em;\n      color: #fff;\n    }\n\n    .attune-btn-store {\n      font-size: 1.2rem;\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      margin-top: 1px;\n      color: #fff;\n    }\n\n    \/* \u2500\u2500 SHOWCASE IMAGE \u2500\u2500 *\/\n    .attune-showcase {\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: 1rem 0 4rem;\n      text-align: center;\n    }\n\n    .attune-showcase img {\n      width: 100%;\n      max-width: 1000px;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      border-radius: 8px;\n      border: 0;\n      box-shadow: none;\n    }\n\n    \/* \u2500\u2500 BOTTOM CTA \u2500\u2500 *\/\n    .attune-cta {\n      text-align: center;\n      padding: 1rem 0 4rem;\n    }\n\n    .attune-cta-line {\n      font-family: 'Cormorant Garamond', Georgia, serif;\n      font-style: italic;\n      font-size: 1.15rem;\n      color: #a8a194;\n      margin-bottom: 1.75rem;\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    .attune-footer {\n      border-top: 1px solid rgba(237, 230, 212, 0.08);\n      padding: 2.5rem 0 1rem;\n      text-align: center;\n      color: #a8a194;\n      font-size: 0.85rem;\n      margin-top: auto;\n    }\n\n    .attune-footer-links {\n      display: flex;\n      justify-content: center;\n      gap: 1.75rem;\n      margin-bottom: 1rem;\n      flex-wrap: wrap;\n    }\n\n    .attune-footer-links a {\n      color: #a8a194;\n      text-decoration: none;\n      border-bottom: 1px solid transparent;\n      padding-bottom: 2px;\n      transition: color 0.2s ease, border-color 0.2s ease;\n    }\n\n    .attune-footer-links a:hover {\n      color: #ede6d4;\n      border-bottom-color: #ede6d4;\n    }\n\n    .attune-footer-meta {\n      font-size: 0.78rem;\n      opacity: 0.7;\n      letter-spacing: 0.02em;\n    }\n\n    \/* Hide WP page title and theme header\/footer when this page is shown *\/\n    body.page .site-header,\n    body.page .site-footer,\n    body.page .entry-title,\n    body.page .wp-block-post-title {\n      display: none !important;\n    }\n\n    @media (max-width: 600px) {\n      .attune-page { padding: 3rem 1rem 1rem; }\n      .attune-hero { padding: 1rem 0 3rem; }\n      .attune-showcase { padding: 0.5rem 0 2.5rem; }\n    }\n  <\/style>\n\n\n<nav class=\"is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive wp-block-navigation\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/attunelabspro.com\/home\/\"><span class=\"wp-block-navigation-item__label\">Attune: Bio-adaptive Tasks<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/attunelabspro.com\/home\/attune-music-catalog\"><span class=\"wp-block-navigation-item__label\">Attune: Music Catalog<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/attunelabspro.com\/home\/privacy-policy\"><span class=\"wp-block-navigation-item__label\">Privacy Policy<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/attunelabspro.com\/home\/privacy-policy-attune-music\"><span class=\"wp-block-navigation-item__label\">Privacy Policy \u2014 Attune Music<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>","protected":false},"excerpt":{"rendered":"<p>Tweed Every record you own.Every show you&#8217;ve seen. A record collection and music journal. Catalog your shelf, log the shows, and keep the stories behind the music. Download on the App Store The journal Chart your music history. Every album you&#8217;ve listened to and every show you&#8217;ve been to, on one timeline. Setlists arrive automatically. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-2973586","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/pages\/2973586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/comments?post=2973586"}],"version-history":[{"count":27,"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/pages\/2973586\/revisions"}],"predecessor-version":[{"id":5908403,"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/pages\/2973586\/revisions\/5908403"}],"wp:attachment":[{"href":"https:\/\/attunelabspro.com\/home\/wp-json\/wp\/v2\/media?parent=2973586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}