{"product_id":"professional-company-profile","title":"Professional \u0026 Company Profile","description":"\u003c!-- TNHP PROFESSIONAL COMPANY PROFILE — DYNAMIC SHOPIFY THEME --\u003e\n\n\u003cstyle\u003e\n  \/* Hide Shopify header, footer, product controls and recommendations *\/\n  body:has(.tnhp-profile) .shopify-section-group-header-group,\n  body:has(.tnhp-profile) #shopify-section-announcement-bar,\n  body:has(.tnhp-profile) .announcement-bar-section,\n  body:has(.tnhp-profile) .header-wrapper,\n  body:has(.tnhp-profile) header.header,\n  body:has(.tnhp-profile) .shopify-section-group-footer-group,\n  body:has(.tnhp-profile) footer.footer,\n  #MainContent .product__media-wrapper,\n  #MainContent .product-media-container,\n  #MainContent .product__title,\n  #MainContent .product__price,\n  #MainContent .price,\n  #MainContent [data-block-type=\"price\"],\n  #MainContent .product-form__quantity,\n  #MainContent quantity-input,\n  #MainContent .quantity,\n  #MainContent .product__tax,\n  #MainContent .tax-note,\n  #MainContent .product__shipping,\n  #MainContent form[action*=\"\/cart\/add\"],\n  #MainContent product-form,\n  #MainContent .product-form,\n  #MainContent .product-form__buttons,\n  #MainContent .shopify-payment-button,\n  #MainContent shopify-accelerated-checkout,\n  #MainContent shopify-buy-it-now-button,\n  #MainContent sticky-add-to-cart,\n  #MainContent .sticky-add-to-cart,\n  #MainContent .product__vendor,\n  #MainContent .product__sku,\n  #MainContent .product__inventory,\n  #MainContent pickup-availability,\n  #MainContent .product__view-details,\n  #MainContent .share-button,\n  #MainContent product-recommendations,\n  #MainContent .related-products,\n  #MainContent .complementary-products,\n  #MainContent [id*=\"recommendations\"],\n  #MainContent [id*=\"related-products\"],\n  #MainContent [id*=\"recently-viewed\"] {\n    display: none !important;\n  }\n\n  \/* Remove Spotlight product-page constraints *\/\n  #MainContent .product.grid,\n  #MainContent .product:not(.product--no-media),\n  #MainContent .product__info-wrapper,\n  #MainContent .product__info-container,\n  #MainContent .product-information,\n  #MainContent .product-info,\n  #MainContent .product__description,\n  #MainContent .product__description.rte {\n    display: block !important;\n    position: static !important;\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n  }\n\n  .tnhp-profile,\n  .tnhp-profile * {\n    box-sizing: border-box;\n  }\n\n  .tnhp-profile {\n    \/*\n      Shopify dynamic colors:\n      These update when the active Shopify color scheme changes.\n    *\/\n    --tnhp-bg: rgb(var(--color-background, 255, 253, 251));\n    --tnhp-text: rgb(var(--color-foreground, 32, 27, 24));\n    --tnhp-button: rgb(var(--color-button, 201, 35, 43));\n    --tnhp-button-text: rgb(var(--color-button-text, 255, 255, 255));\n\n    --tnhp-button-hover:\n      color-mix(in srgb, var(--tnhp-button) 82%, var(--tnhp-text));\n\n    --tnhp-surface:\n      color-mix(in srgb, var(--tnhp-bg) 94%, var(--tnhp-text));\n\n    --tnhp-card:\n      color-mix(in srgb, var(--tnhp-bg) 90%, var(--tnhp-text));\n\n    --tnhp-muted:\n      color-mix(in srgb, var(--tnhp-text) 68%, transparent);\n\n    --tnhp-line:\n      color-mix(in srgb, var(--tnhp-text) 16%, transparent);\n\n    --tnhp-radius: 20px;\n\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    margin-right: -50vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    color: var(--tnhp-text);\n    background: var(--tnhp-bg);\n    font-family: var(--font-body-family, Inter, Arial, Helvetica, sans-serif);\n    font-size: 16px;\n    line-height: 1.55;\n  }\n\n  .tnhp-profile a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .tnhp-container {\n    width: min(1160px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  \/* LOGO HEADER *\/\n\n  .tnhp-brandbar {\n    position: relative;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--tnhp-line);\n    color: var(--tnhp-text);\n    background: var(--tnhp-bg);\n  }\n\n  .tnhp-brandbar::after {\n    content: \"\";\n    position: absolute;\n    bottom: -1px;\n    left: 50%;\n    width: min(170px, 35vw);\n    height: 2px;\n    transform: translateX(-50%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--tnhp-button),\n      transparent\n    );\n  }\n\n  .tnhp-brandbar__inner {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .tnhp-brandbar__inner \u003e a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 14px;\n    border-radius: 16px;\n    background: rgba(255,255,255,.92);\n  }\n\n  .tnhp-logo {\n    display: block;\n    width: 190px;\n    max-width: 52vw;\n    height: auto;\n  }\n\n  \/* TYPOGRAPHY *\/\n\n  .tnhp-eyebrow {\n    margin: 0 0 12px;\n    color: var(--tnhp-button);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .17em;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  .tnhp-title,\n  .tnhp-heading,\n  .tnhp-card-title {\n    margin: 0;\n    color: var(--tnhp-text);\n    font-family: var(--font-heading-family, Inter, Arial, Helvetica, sans-serif);\n    font-weight: 750;\n    letter-spacing: -.04em;\n  }\n\n  .tnhp-title {\n    max-width: 850px;\n    font-size: clamp(42px, 7vw, 84px);\n    line-height: .98;\n  }\n\n  .tnhp-heading {\n    max-width: 760px;\n    font-size: clamp(30px, 4.4vw, 54px);\n    line-height: 1.05;\n  }\n\n  .tnhp-card-title {\n    font-size: 21px;\n    line-height: 1.16;\n  }\n\n  .tnhp-lead {\n    max-width: 710px;\n    margin: 22px 0 0;\n    color: var(--tnhp-muted);\n    font-size: clamp(17px, 2vw, 21px);\n  }\n\n  .tnhp-copy {\n    max-width: 760px;\n    margin: 17px 0 0;\n    color: var(--tnhp-muted);\n  }\n\n  \/* BUTTONS *\/\n\n  .tnhp-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px;\n    margin-top: 30px;\n  }\n\n  .tnhp-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 49px;\n    padding: 12px 22px;\n    border: 1px solid var(--tnhp-button);\n    border-radius: 999px;\n    color: var(--tnhp-button-text) !important;\n    background: var(--tnhp-button);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .07em;\n    text-align: center;\n    text-transform: uppercase;\n    transition:\n      color .2s ease,\n      background .2s ease,\n      border-color .2s ease,\n      transform .2s ease;\n  }\n\n  .tnhp-button:hover {\n    border-color: var(--tnhp-button-hover);\n    background: var(--tnhp-button-hover);\n    transform: translateY(-2px);\n  }\n\n  .tnhp-button--outline {\n    border-color: var(--tnhp-text);\n    color: var(--tnhp-text) !important;\n    background: transparent;\n  }\n\n  .tnhp-button--outline:hover {\n    border-color: var(--tnhp-text);\n    color: var(--tnhp-bg) !important;\n    background: var(--tnhp-text);\n  }\n\n  \/* HERO *\/\n\n  .tnhp-hero {\n    position: relative;\n    padding: clamp(70px, 10vw, 120px) 0 clamp(62px, 8vw, 94px);\n    overflow: hidden;\n    color: var(--tnhp-text);\n    background: var(--tnhp-bg);\n  }\n\n  .tnhp-hero::after {\n    content: \"TNHP\";\n    position: absolute;\n    right: -20px;\n    bottom: -48px;\n    color: color-mix(\n      in srgb,\n      var(--tnhp-text) 7%,\n      transparent\n    );\n    font-family: var(--font-heading-family, Inter, Arial, Helvetica, sans-serif);\n    font-size: clamp(110px, 23vw, 300px);\n    font-weight: 900;\n    line-height: 1;\n    pointer-events: none;\n  }\n\n  .tnhp-hero__content {\n    position: relative;\n    z-index: 1;\n  }\n\n  .tnhp-rule {\n    width: 68px;\n    height: 3px;\n    margin-bottom: 28px;\n    background: var(--tnhp-button);\n  }\n\n  .tnhp-hero .tnhp-title {\n    color: var(--tnhp-text);\n  }\n\n  .tnhp-meta {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    max-width: 760px;\n    margin-top: 50px;\n    border-top: 1px solid var(--tnhp-line);\n  }\n\n  .tnhp-meta div {\n    padding: 19px 18px 0 0;\n  }\n\n  .tnhp-meta strong,\n  .tnhp-meta span {\n    display: block;\n  }\n\n  .tnhp-meta strong {\n    color: var(--tnhp-text);\n    font-size: 18px;\n  }\n\n  .tnhp-meta span {\n    margin-top: 3px;\n    color: var(--tnhp-muted);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  \/* SECTIONS *\/\n\n  .tnhp-section {\n    padding: clamp(62px, 8vw, 96px) 0;\n    color: var(--tnhp-text);\n    background: var(--tnhp-bg);\n  }\n\n  .tnhp-surface {\n    background: var(--tnhp-surface);\n  }\n\n  .tnhp-inverted {\n    color: var(--tnhp-bg);\n    background: var(--tnhp-text);\n  }\n\n  .tnhp-inverted .tnhp-heading,\n  .tnhp-inverted .tnhp-card-title {\n    color: var(--tnhp-bg);\n  }\n\n  .tnhp-inverted .tnhp-eyebrow {\n    color: var(--tnhp-button);\n  }\n\n  .tnhp-inverted .tnhp-button--outline {\n    border-color: var(--tnhp-bg);\n    color: var(--tnhp-bg) !important;\n  }\n\n  .tnhp-inverted .tnhp-button--outline:hover {\n    color: var(--tnhp-text) !important;\n    background: var(--tnhp-bg);\n  }\n\n  \/* SELECTED WORK *\/\n\n  .tnhp-media-grid {\n    display: grid;\n    grid-template-columns: 1.35fr .65fr;\n    grid-template-rows: 480px;\n    gap: 14px;\n    margin-top: 38px;\n  }\n\n  .tnhp-media,\n  .tnhp-client-card,\n  .tnhp-education-card {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--tnhp-line);\n    border-radius: var(--tnhp-radius);\n    background: var(--tnhp-card);\n  }\n\n  .tnhp-media img,\n  .tnhp-client-card img,\n  .tnhp-education-card img {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .tnhp-media img {\n    object-fit: cover;\n  }\n\n  .tnhp-media::after,\n  .tnhp-client-card::after,\n  .tnhp-education-card::after {\n    content: attr(data-caption);\n    position: absolute;\n    right: 14px;\n    bottom: 14px;\n    left: 14px;\n    padding: 10px 12px;\n    border: 1px solid rgba(255,255,255,.2);\n    border-radius: 9px;\n    color: white;\n    background: rgba(20,18,17,.72);\n    backdrop-filter: blur(8px);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: .07em;\n    text-transform: uppercase;\n  }\n\n  .tnhp-video {\n    position: relative;\n    width: 100%;\n    margin-top: 28px;\n    overflow: hidden;\n    border-radius: var(--tnhp-radius);\n    background: #080808;\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .tnhp-video iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  \/* CLIENTS *\/\n\n  .tnhp-clients-grid {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0,1fr));\n    gap: 14px;\n    margin-top: 38px;\n  }\n\n  .tnhp-client-card {\n    grid-column: span 2;\n    min-height: 300px;\n  }\n\n  .tnhp-client-card--featured {\n    grid-column: 1 \/ -1;\n    min-height: 0;\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .tnhp-client-card--wide {\n    grid-column: span 3;\n    min-height: 360px;\n  }\n\n  .tnhp-client-card img {\n    padding: 9px;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  \/* CAPABILITIES *\/\n\n  .tnhp-capabilities-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap: 14px;\n    margin-top: 40px;\n  }\n\n  .tnhp-capability {\n    min-height: 205px;\n    padding: 25px;\n    border: 1px solid color-mix(\n      in srgb,\n      var(--tnhp-bg) 18%,\n      transparent\n    );\n    border-radius: var(--tnhp-radius);\n    background: color-mix(\n      in srgb,\n      var(--tnhp-bg) 5%,\n      transparent\n    );\n  }\n\n  .tnhp-capability__number {\n    display: block;\n    margin-bottom: 25px;\n    color: color-mix(\n      in srgb,\n      var(--tnhp-button) 76%,\n      var(--tnhp-bg)\n    );\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .tnhp-capability p {\n    margin: 11px 0 0;\n    color: color-mix(\n      in srgb,\n      var(--tnhp-bg) 66%,\n      transparent\n    );\n    font-size: 13px;\n  }\n\n  \/* EXPERIENCE *\/\n\n  .tnhp-experience-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 13px;\n    margin-top: 38px;\n  }\n\n  .tnhp-experience-card {\n    padding: 22px;\n    border: 1px solid var(--tnhp-line);\n    border-radius: 16px;\n    background: var(--tnhp-card);\n  }\n\n  .tnhp-experience-card strong {\n    display: block;\n    color: var(--tnhp-text);\n    font-size: 12px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n  }\n\n  .tnhp-experience-card span {\n    display: block;\n    margin-top: 7px;\n    color: var(--tnhp-muted);\n    font-size: 13px;\n  }\n\n  .tnhp-names,\n  .tnhp-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 25px;\n  }\n\n  .tnhp-name,\n  .tnhp-tags span {\n    padding: 8px 11px;\n    border: 1px solid var(--tnhp-line);\n    border-radius: 999px;\n    color: var(--tnhp-text);\n    background: var(--tnhp-card);\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  \/* FOUNDER *\/\n\n  .tnhp-founder {\n    display: grid;\n    grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr);\n    gap: clamp(35px,7vw,80px);\n    align-items: center;\n  }\n\n  .tnhp-founder__portrait {\n    overflow: hidden;\n    border: 1px solid var(--tnhp-line);\n    border-radius: var(--tnhp-radius);\n    background: var(--tnhp-bg);\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .tnhp-founder__portrait img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center top;\n  }\n\n  .tnhp-highlights {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 10px;\n    margin-top: 27px;\n  }\n\n  .tnhp-highlight {\n    padding: 17px;\n    border: 1px solid var(--tnhp-line);\n    border-radius: 14px;\n    background: var(--tnhp-card);\n  }\n\n  .tnhp-highlight strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--tnhp-text);\n    font-size: 11px;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  }\n\n  .tnhp-highlight span {\n    color: var(--tnhp-muted);\n    font-size: 12px;\n  }\n\n  \/* EDUCATION *\/\n\n  .tnhp-education-intro {\n    display: grid;\n    grid-template-columns: .85fr 1.15fr;\n    gap: clamp(34px,7vw,80px);\n    align-items: end;\n  }\n\n  .tnhp-education-grid {\n    display: grid;\n    grid-template-columns: 1.12fr .88fr;\n    grid-template-rows: repeat(2,250px);\n    gap: 14px;\n    margin-top: 38px;\n  }\n\n  .tnhp-education-card:first-child {\n    grid-row: 1 \/ span 2;\n  }\n\n  .tnhp-education-card img {\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* PORTFOLIO *\/\n\n  .tnhp-playlist-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    margin-top: 26px;\n    padding: 14px 16px;\n    border: 1px solid var(--tnhp-line);\n    border-radius: 13px;\n    background: var(--tnhp-card);\n  }\n\n  .tnhp-playlist-bar p {\n    margin: 0;\n    color: var(--tnhp-muted);\n    font-size: 13px;\n  }\n\n  .tnhp-playlist-bar a {\n    flex: 0 0 auto;\n    color: var(--tnhp-button);\n    font-size: 11px;\n    font-weight: 800;\n    text-decoration: underline;\n    text-underline-offset: 4px;\n    text-transform: uppercase;\n  }\n\n  \/* FOOD AND BEVERAGE *\/\n\n  .tnhp-fnb {\n    position: relative;\n    background:\n      radial-gradient(\n        circle at 92% 8%,\n        color-mix(\n          in srgb,\n          var(--tnhp-button) 13%,\n          transparent\n        ),\n        transparent 28%\n      ),\n      var(--tnhp-surface);\n  }\n\n  .tnhp-fnb-intro {\n    display: grid;\n    grid-template-columns: .85fr 1.15fr;\n    gap: clamp(34px,7vw,80px);\n    align-items: end;\n  }\n\n  .tnhp-fnb-grid {\n    display: grid;\n    grid-template-columns: repeat(4,minmax(0,1fr));\n    gap: 12px;\n    margin-top: 36px;\n  }\n\n  .tnhp-fnb-card {\n    padding: 21px;\n    border: 1px solid var(--tnhp-line);\n    border-radius: 17px;\n    background: var(--tnhp-card);\n  }\n\n  .tnhp-fnb-card strong {\n    display: block;\n    color: var(--tnhp-text);\n    font-size: 18px;\n  }\n\n  .tnhp-fnb-card p {\n    margin: 9px 0 0;\n    color: var(--tnhp-muted);\n    font-size: 12px;\n  }\n\n  \/* CONTACT *\/\n\n  .tnhp-contact {\n    display: grid;\n    grid-template-columns: minmax(0,1fr) auto;\n    gap: 35px;\n    align-items: end;\n  }\n\n  .tnhp-contact-list {\n    margin: 24px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .tnhp-contact-list li {\n    margin-top: 7px;\n    color: color-mix(\n      in srgb,\n      var(--tnhp-bg) 74%,\n      transparent\n    );\n  }\n\n  .tnhp-contact-list a {\n    color: inherit;\n  }\n\n  \/* FOOTER *\/\n\n  .tnhp-footer {\n    padding: 23px 0;\n    border-top: 1px solid color-mix(\n      in srgb,\n      var(--tnhp-bg) 14%,\n      transparent\n    );\n    color: color-mix(\n      in srgb,\n      var(--tnhp-bg) 58%,\n      transparent\n    );\n    background: var(--tnhp-text);\n    font-size: 11px;\n  }\n\n  .tnhp-footer__inner {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n  }\n\n  \/* TABLET *\/\n\n  @media (max-width: 900px) {\n    .tnhp-capabilities-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n\n    .tnhp-founder,\n    .tnhp-education-intro,\n    .tnhp-fnb-intro,\n    .tnhp-contact {\n      grid-template-columns: 1fr;\n    }\n\n    .tnhp-media-grid {\n      grid-template-columns: 1fr 1fr;\n      grid-template-rows: 340px;\n    }\n\n    .tnhp-client-card,\n    .tnhp-client-card--wide {\n      grid-column: span 3;\n    }\n\n    .tnhp-client-card--featured {\n      grid-column: 1 \/ -1;\n    }\n\n    .tnhp-fnb-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media (max-width: 620px) {\n    .tnhp-container {\n      width: calc(100% - 28px);\n    }\n\n    .tnhp-brandbar {\n      padding: 11px 0;\n    }\n\n    .tnhp-brandbar__inner \u003e a {\n      padding: 6px 11px;\n      border-radius: 13px;\n    }\n\n    .tnhp-logo {\n      width: 140px;\n    }\n\n    .tnhp-hero {\n      padding: 50px 0 46px;\n    }\n\n    .tnhp-title {\n      font-size: clamp(38px,13vw,56px);\n    }\n\n    .tnhp-heading {\n      max-width: 16ch;\n      font-size: clamp(28px,9vw,40px);\n    }\n\n    .tnhp-lead {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .tnhp-section {\n      padding: 44px 0;\n    }\n\n    .tnhp-meta {\n      grid-template-columns: 1fr;\n      margin-top: 34px;\n    }\n\n    .tnhp-meta div {\n      padding: 12px 0;\n      border-bottom: 1px solid var(--tnhp-line);\n    }\n\n    .tnhp-buttons {\n      flex-direction: column;\n    }\n\n    .tnhp-button {\n      width: 100%;\n    }\n\n    .tnhp-capabilities-grid,\n    .tnhp-experience-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n      gap: 8px;\n      margin-top: 26px;\n    }\n\n    .tnhp-capability {\n      min-height: 0;\n      padding: 16px;\n    }\n\n    .tnhp-capability__number {\n      margin-bottom: 9px;\n    }\n\n    .tnhp-card-title {\n      font-size: 17px;\n    }\n\n    .tnhp-capability p {\n      display: none;\n    }\n\n    .tnhp-experience-card {\n      padding: 15px;\n    }\n\n    .tnhp-experience-card span {\n      font-size: 11px;\n      line-height: 1.35;\n    }\n\n    \/*\n      Swipeable mobile galleries.\n      Media remains large without creating excessive page length.\n    *\/\n\n    .tnhp-media-grid,\n    .tnhp-clients-grid,\n    .tnhp-education-grid {\n      display: flex;\n      gap: 11px;\n      margin: 26px -14px 0;\n      padding: 0 14px 8px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scrollbar-width: none;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .tnhp-media-grid::-webkit-scrollbar,\n    .tnhp-clients-grid::-webkit-scrollbar,\n    .tnhp-education-grid::-webkit-scrollbar {\n      display: none;\n    }\n\n    .tnhp-media {\n      flex: 0 0 86vw;\n      min-height: 0;\n      aspect-ratio: 4 \/ 3;\n      scroll-snap-align: center;\n    }\n\n    .tnhp-client-card,\n    .tnhp-client-card--wide {\n      flex: 0 0 84vw;\n      width: 84vw;\n      min-height: 0;\n      aspect-ratio: 4 \/ 3;\n      scroll-snap-align: center;\n    }\n\n    \/* Featured photo always stays large and landscape *\/\n    .tnhp-client-card--featured {\n      flex: 0 0 92vw;\n      width: 92vw;\n      min-height: 0;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .tnhp-education-card {\n      flex: 0 0 84vw;\n      height: auto;\n      aspect-ratio: 4 \/ 3;\n      scroll-snap-align: center;\n    }\n\n    .tnhp-education-card:first-child {\n      flex-basis: 70vw;\n      aspect-ratio: 3 \/ 4;\n    }\n\n    .tnhp-founder__portrait {\n      width: 100%;\n      max-width: 390px;\n      margin: 0 auto;\n    }\n\n    .tnhp-highlights {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n      gap: 8px;\n    }\n\n    .tnhp-highlight {\n      padding: 13px;\n    }\n\n    .tnhp-highlight:nth-child(n+3) {\n      display: none;\n    }\n\n    .tnhp-fnb-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n      gap: 8px;\n      margin-top: 26px;\n    }\n\n    .tnhp-fnb-card {\n      padding: 15px;\n    }\n\n    .tnhp-fnb-card strong {\n      font-size: 16px;\n    }\n\n    .tnhp-fnb-card p {\n      display: none;\n    }\n\n    .tnhp-names {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      padding-bottom: 8px;\n      scrollbar-width: none;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .tnhp-names::-webkit-scrollbar {\n      display: none;\n    }\n\n    .tnhp-name {\n      flex: 0 0 auto;\n    }\n\n    .tnhp-name:nth-child(n+11) {\n      display: none;\n    }\n\n    .tnhp-playlist-bar {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .tnhp-video {\n      border-radius: 14px;\n    }\n\n    .tnhp-footer__inner {\n      flex-direction: column;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .tnhp-profile *,\n    .tnhp-profile *::before,\n    .tnhp-profile *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003carticle class=\"tnhp-profile\"\u003e\n\n  \u003c!-- LOGO HEADER --\u003e\n  \u003cdiv class=\"tnhp-brandbar\"\u003e\n    \u003cdiv class=\"tnhp-container tnhp-brandbar__inner\"\u003e\n      \u003ca href=\"https:\/\/www.thenorthhitproject.com\" aria-label=\"The North Hit Project home\"\u003e\n        \u003cimg class=\"tnhp-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/Black_Camera_Icon_Photography_Logo.svg?v=1788522571\" alt=\"The North Hit Project logo\"\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cheader class=\"tnhp-hero\"\u003e\n    \u003cdiv class=\"tnhp-container tnhp-hero__content\"\u003e\n      \u003cdiv class=\"tnhp-rule\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"tnhp-eyebrow\"\u003eProfessional Company Profile\u003c\/p\u003e\n\n      \u003ch1 class=\"tnhp-title\"\u003e\n        The North Hit Project\n      \u003c\/h1\u003e\n\n      \u003cp class=\"tnhp-lead\"\u003e\n        Philippines-based creative production for music, audio, talent,\n        education, video, and international collaborations.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tnhp-buttons\"\u003e\n        \u003ca class=\"tnhp-button\" href=\"mailto:support@thenorthhitproject.com\"\u003e\n          Start a Conversation\n        \u003c\/a\u003e\n\n        \u003ca class=\"tnhp-button tnhp-button--outline\" href=\"https:\/\/form.jotform.com\/262372176392057\" target=\"_blank\" rel=\"noopener\"\u003e\n          Request a Quotation\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-meta\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePhilippines-based\u003c\/strong\u003e\n          \u003cspan\u003eInternational scope\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eEnd-to-end\u003c\/strong\u003e\n          \u003cspan\u003eCreative production\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eDTI-registered\u003c\/strong\u003e\n          \u003cspan\u003eProfessional business\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003c!-- SELECTED WORK --\u003e\n  \u003csection class=\"tnhp-section tnhp-surface\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cp class=\"tnhp-eyebrow\"\u003eSelected Work\u003c\/p\u003e\n\n      \u003ch2 class=\"tnhp-heading\"\u003e\n        Studio, stage, and screen.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tnhp-media-grid\"\u003e\n        \u003cfigure class=\"tnhp-media\" data-caption=\"Music production and audio engineering\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/tnhp-studio-shopify-1600.jpg?v=1788515312\" alt=\"Rogemar Baquiran working at a professional mixing console\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-media\" data-caption=\"Studio production\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/ChatGPT_Image_Jun_10_2026_at_08_56_11_AM_4062f2a5-dd9e-4bb2-80a4-f7e7827c8ae4.jpg?v=1788514934\" alt=\"The North Hit Project studio production\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-video\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/bKh4hO-gy7Q\" title=\"The North Hit Project showreel\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CLIENTS AND COLLABORATIONS --\u003e\n  \u003csection class=\"tnhp-section\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cp class=\"tnhp-eyebrow\"\u003eClients \u0026amp; Collaborations\u003c\/p\u003e\n\n      \u003ch2 class=\"tnhp-heading\"\u003e\n        Studio, live, and international partnerships.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tnhp-clients-grid\"\u003e\n        \u003cfigure class=\"tnhp-client-card tnhp-client-card--featured\" data-caption=\"Live \u0026amp; event production\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/PXL_20250926_105230997_2.jpg?v=1788522630\" alt=\"TNHP live music and event production team\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-client-card\" data-caption=\"Recording sessions\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/FB_IMG_1690243166514.jpg?v=1788522617\" alt=\"TNHP recording session\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-client-card\" data-caption=\"Artists \u0026amp; collaborators\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/IMG_20230725_080116.jpg?v=1788522621\" alt=\"TNHP artists and collaborators\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-client-card\" data-caption=\"Studio collaborations\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/IMG_20230725_080210.jpg?v=1788522626\" alt=\"TNHP studio collaborations\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-client-card tnhp-client-card--wide\" data-caption=\"Creative partnerships\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/20171102_160220.jpg?v=1788522867\" alt=\"TNHP creative partnership\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-client-card tnhp-client-card--wide\" data-caption=\"Production teams\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/IMG_20260209_235824_301.webp?v=1788522880\" alt=\"TNHP professional production team\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CAPABILITIES --\u003e\n  \u003csection class=\"tnhp-section tnhp-inverted\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cp class=\"tnhp-eyebrow\"\u003eCapabilities\u003c\/p\u003e\n\n      \u003ch2 class=\"tnhp-heading\"\u003e\n        Creative production, end to end.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tnhp-capabilities-grid\"\u003e\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e01\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            Talent \u0026amp; Entertainment\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Programming, sourcing, scheduling, and artist relations.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e02\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            Music Production\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Recording, production, mixing, and mastering.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e03\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            A\/V Post\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Editing, sound, subtitling, and post-production.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e04\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            Acoustics\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Studios, theatres, performance rooms, and event spaces.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e05\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            Education\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Practical music-production and audio training.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-capability\"\u003e\n          \u003cspan class=\"tnhp-capability__number\"\u003e06\u003c\/span\u003e\n          \u003ch3 class=\"tnhp-card-title\"\u003e\n            Video\n          \u003c\/h3\u003e\n          \u003cp\u003e\n            Commercial, institutional, social, and broadcast content.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTERNATIONAL EXPERIENCE --\u003e\n  \u003csection class=\"tnhp-section\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cp class=\"tnhp-eyebrow\"\u003eExperience\u003c\/p\u003e\n\n      \u003ch2 class=\"tnhp-heading\"\u003e\n        Philippines-based, internationally connected.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tnhp-experience-grid\"\u003e\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eMajor Labels\u003c\/strong\u003e\n          \u003cspan\u003e\n            Projects involving Sony Music, Warner Music, Viva Records,\n            and Star Records.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eLive \u0026amp; Broadcast\u003c\/strong\u003e\n          \u003cspan\u003e\n            Recording and production work including Coke Studio Philippines.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eInternational Work\u003c\/strong\u003e\n          \u003cspan\u003e\n            Friedrich Naumann Foundation projects connecting the\n            Philippines and Europe.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eGlobal Network\u003c\/strong\u003e\n          \u003cspan\u003e\n            US audio clients, BBC-related sessions, Steve Lillywhite,\n            and members of Bruno Mars’ Hooligans.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eRecognition\u003c\/strong\u003e\n          \u003cspan\u003e\n            Awit Awards judging-panel experience in engineered recording.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-experience-card\"\u003e\n          \u003cstrong\u003eEducation\u003c\/strong\u003e\n          \u003cspan\u003e\n            Teaching at iACADEMY and De La Salle–College of Saint Benilde.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-names\" aria-label=\"Selected organizations and industry relationships\"\u003e\n        \u003cspan class=\"tnhp-name\"\u003eFriedrich Naumann Foundation\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eBBC\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eSteve Lillywhite\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eBruno Mars’ Hooligans\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eVentures FM USA\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eHive Audio International\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eCoke Studio PH\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eSony Music PH\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eWarner Music\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eViva Records\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eAwit Awards\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eiACADEMY\u003c\/span\u003e\n        \u003cspan class=\"tnhp-name\"\u003eDLS-CSB\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FOUNDER --\u003e\n  \u003csection class=\"tnhp-section tnhp-surface\"\u003e\n    \u003cdiv class=\"tnhp-container tnhp-founder\"\u003e\n      \u003cdiv class=\"tnhp-founder__portrait\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/671_1.jpg?v=1788514921\" alt=\"Rogemar Dychangco Baquiran, founder of The North Hit Project\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cp class=\"tnhp-eyebrow\"\u003eFounder\u003c\/p\u003e\n\n        \u003ch2 class=\"tnhp-heading\"\u003e\n          Rogemar Dychangco Baquiran\n        \u003c\/h2\u003e\n\n        \u003cp class=\"tnhp-copy\"\u003e\n          Music and audio producer, educator, talent manager,\n          and AI music specialist.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"tnhp-highlights\"\u003e\n          \u003cdiv class=\"tnhp-highlight\"\u003e\n            \u003cstrong\u003eLeadership\u003c\/strong\u003e\n            \u003cspan\u003e\n              Talent, show, and music-program management.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tnhp-highlight\"\u003e\n            \u003cstrong\u003eStudio \u0026amp; Broadcast\u003c\/strong\u003e\n            \u003cspan\u003e\n              OnQ, Spryta, Unitel, and Coke Studio Philippines.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tnhp-highlight\"\u003e\n            \u003cstrong\u003eEducation \u0026amp; AI\u003c\/strong\u003e\n            \u003cspan\u003e\n              Production, sound design, and AI music training.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tnhp-highlight\"\u003e\n            \u003cstrong\u003eRecognition\u003c\/strong\u003e\n            \u003cspan\u003e\n              Awit Awards panel and international industry network.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- EDUCATION --\u003e\n  \u003csection class=\"tnhp-section\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cdiv class=\"tnhp-education-intro\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"tnhp-eyebrow\"\u003eEducation Experience\u003c\/p\u003e\n\n          \u003ch2 class=\"tnhp-heading\"\u003e\n            Building industry-ready creators.\n          \u003c\/h2\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cp class=\"tnhp-copy\"\u003e\n            Hands-on music-production and audio education at Benilde\n            and iACADEMY Nexus.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"tnhp-tags\"\u003e\n            \u003cspan\u003eRecording\u003c\/span\u003e\n            \u003cspan\u003eMixing\u003c\/span\u003e\n            \u003cspan\u003ePost-Audio\u003c\/span\u003e\n            \u003cspan\u003eSound Design\u003c\/span\u003e\n            \u003cspan\u003eAcoustics\u003c\/span\u003e\n            \u003cspan\u003eMIDI\u003c\/span\u003e\n            \u003cspan\u003eArranging\u003c\/span\u003e\n            \u003cspan\u003eSongwriting\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-education-grid\"\u003e\n        \u003cfigure class=\"tnhp-education-card\" data-caption=\"Hands-on studio instruction\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/tnhp-education-studio-session.jpg?v=1788519763\" alt=\"Rogemar Baquiran with students during a studio recording session\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-education-card\" data-caption=\"Collaborative music-production learning\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/received_1134812657594938.jpg?v=1788519590\" alt=\"Rogemar Baquiran with a music-production class\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n\n        \u003cfigure class=\"tnhp-education-card\" data-caption=\"Mentorship for emerging professionals\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0852\/1115\/2679\/files\/1669728330130.jpg?v=1788519576\" alt=\"Rogemar Baquiran with audio and music students\" loading=\"lazy\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PORTFOLIO --\u003e\n  \u003csection class=\"tnhp-section tnhp-surface\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cp class=\"tnhp-eyebrow\"\u003ePortfolio Highlights\u003c\/p\u003e\n\n      \u003ch2 class=\"tnhp-heading\"\u003e\n        Choose a project to play.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tnhp-playlist-bar\"\u003e\n        \u003cp\u003e\n          Use the playlist control inside the player to choose a video.\n        \u003c\/p\u003e\n\n        \u003ca href=\"https:\/\/www.youtube.com\/playlist?list=PLuBmVqUSdfm8biv0vr4RHknsoNQLU8kAv\" target=\"_blank\" rel=\"noopener\"\u003e\n          Open Full Playlist\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-video\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/videoseries?si=ToclQLIWG8powISe\u0026amp;list=PLuBmVqUSdfm8biv0vr4RHknsoNQLU8kAv\" title=\"The North Hit Project portfolio playlist\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n\n\n\u003cstyle\u003e\n.tnhp-audio-wrap{\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:0 20px;\n  box-sizing:border-box;\n}\n\n.tnhp-audio-section{\n  padding:70px 0;\n  border-top:1px solid rgba(0,0,0,0.1);\n}\n\n.tnhp-audio-label{\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:16px;\n  opacity:0.65;\n}\n\n.tnhp-audio-title{\n  font-size:clamp(34px,5vw,64px);\n  line-height:1;\n  letter-spacing:-2px;\n  margin:0 0 24px 0;\n}\n\n.tnhp-audio-text{\n  max-width:760px;\n  font-size:18px;\n  line-height:1.7;\n  opacity:0.78;\n  margin:0 0 35px 0;\n}\n\n.tnhp-video{\n  position:relative;\n  width:100%;\n  aspect-ratio:16 \/ 9;\n  overflow:hidden;\n  border-radius:18px;\n  background:#000;\n  box-shadow:0 18px 50px rgba(0,0,0,0.14);\n}\n\n.tnhp-video iframe{\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  border:0;\n}\n\n.tnhp-audio-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n  margin-top:30px;\n}\n\n.tnhp-audio-card{\n  padding:28px;\n  border:1px solid rgba(0,0,0,0.1);\n  border-radius:16px;\n}\n\n.tnhp-audio-card-number{\n  font-size:12px;\n  font-weight:700;\n  margin-bottom:24px;\n  opacity:0.5;\n}\n\n.tnhp-audio-card h3{\n  margin:0 0 10px 0;\n  font-size:20px;\n}\n\n.tnhp-audio-card p{\n  margin:0;\n  font-size:14px;\n  line-height:1.65;\n  opacity:0.7;\n}\n\n.tnhp-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:25px 0 35px 0;\n}\n\n.tnhp-tag{\n  padding:8px 13px;\n  border:1px solid rgba(0,0,0,0.12);\n  border-radius:30px;\n  font-size:12px;\n}\n\n@media screen and (max-width:749px){\n\n  .tnhp-audio-wrap{\n    padding:0 16px;\n  }\n\n  .tnhp-audio-section{\n    padding:50px 0;\n  }\n\n  .tnhp-audio-title{\n    font-size:38px;\n    letter-spacing:-1px;\n  }\n\n  .tnhp-audio-text{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  .tnhp-audio-grid{\n    grid-template-columns:1fr;\n  }\n\n  .tnhp-audio-card{\n    padding:22px;\n  }\n\n  .tnhp-video{\n    border-radius:12px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tnhp-audio-wrap\"\u003e\n\n  \u003csection class=\"tnhp-audio-section\"\u003e\n\n    \u003cdiv class=\"tnhp-audio-label\"\u003e\n      Product Reviews and Audio Expertise\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"tnhp-audio-title\"\u003e\n      Critical Listening.\u003cbr\u003e\n      Real-World Experience.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"tnhp-audio-text\"\u003e\n      Professional audio is more than specifications. It is about how technology performs when music, artists and creative decisions are on the line. TNHP brings the perspective of a music producer, audio engineer and educator to professional product evaluation, combining critical listening with real production experience.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tnhp-video\"\u003e\n      \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/TDw0CNEQjDs\" title=\"TNHP Product Reviews and Audio Expertise\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n      \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tnhp-audio-grid\"\u003e\n\n      \u003cdiv class=\"tnhp-audio-card\"\u003e\n        \u003cdiv class=\"tnhp-audio-card-number\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eProfessional Product Evaluation\u003c\/h3\u003e\n        \u003cp\u003e\n          Audio equipment and software evaluated through actual recording, production and mixing workflows, focusing on what genuinely improves the creative process.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-audio-card\"\u003e\n        \u003cdiv class=\"tnhp-audio-card-number\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eCritical Listening\u003c\/h3\u003e\n        \u003cp\u003e\n          Detailed assessment of tone, dynamics, imaging, musicality and workflow backed by professional engineering experience and trained listening.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-audio-card\"\u003e\n        \u003cdiv class=\"tnhp-audio-card-number\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eIndustry Perspective\u003c\/h3\u003e\n        \u003cp\u003e\n          Bridging audio technology with the realities of producing artists, recording sessions, mixing records, education and professional studio work.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"tnhp-audio-section\"\u003e\n\n    \u003cdiv class=\"tnhp-audio-label\"\u003e\n      Producing Artists\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"tnhp-audio-title\"\u003e\n      More Than a Recording.\u003cbr\u003e\n      Build the Artist.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"tnhp-audio-text\"\u003e\n      Producing an artist is not simply about making a recording sound polished. It is about identifying what makes that artist distinct and building the music around that identity. Every arrangement, performance, tone and production decision should strengthen the song while allowing the artist to remain unmistakably themselves.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"tnhp-tags\"\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eArtist Development\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eMusic Production\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eArrangement\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eRecording\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eVocal Production\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eMixing\u003c\/span\u003e\n      \u003cspan class=\"tnhp-tag\"\u003eSonic Identity\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tnhp-video\"\u003e\n      \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/aXiMSHklaFg\" title=\"TNHP Producing Artists\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n      \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"tnhp-audio-text\" style=\"margin-top:35px;\"\u003e\n      From the first creative conversation through recording, production and final mix, TNHP approaches every project as a collaboration. The goal is not to impose a sound on an artist, but to discover the strongest version of their sound and bring it forward with clarity, character and professional production.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n                \n\n  \n\n  \n\n\n\n\n\n  \u003c!-- FOOD AND BEVERAGE --\u003e\n  \u003csection class=\"tnhp-section tnhp-fnb\"\u003e\n    \u003cdiv class=\"tnhp-container\"\u003e\n      \u003cdiv class=\"tnhp-fnb-intro\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"tnhp-eyebrow\"\u003eFood \u0026amp; Beverage\u003c\/p\u003e\n\n          \u003ch2 class=\"tnhp-heading\"\u003e\n            Great tracks. Great taste.\n          \u003c\/h2\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cp class=\"tnhp-copy\"\u003e\n            TNHP also serves fried chicken, share boxes, chicken bites,\n            rice, sauces, and crafted refreshments.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"tnhp-buttons\"\u003e\n            \u003ca class=\"tnhp-button\" href=\"https:\/\/www.thenorthhitproject.com\"\u003e\n              Explore Food \u0026amp; Beverages\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-fnb-grid\"\u003e\n        \u003carticle class=\"tnhp-fnb-card\"\u003e\n          \u003cstrong\u003eFried Chicken\u003c\/strong\u003e\n          \u003cp\u003e\n            Meals and share boxes for individuals and groups.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-fnb-card\"\u003e\n          \u003cstrong\u003eChicken Bites\u003c\/strong\u003e\n          \u003cp\u003e\n            Compact, budget-friendly kraft-cup servings.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-fnb-card\"\u003e\n          \u003cstrong\u003eRice \u0026amp; Sauces\u003c\/strong\u003e\n          \u003cp\u003e\n            Jasmine rice, gravy, teriyaki, and complementary sauces.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tnhp-fnb-card\"\u003e\n          \u003cstrong\u003eRefreshments\u003c\/strong\u003e\n          \u003cp\u003e\n            Fruit, honey, citron, ginger, and turmeric drinks.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n                \n\n                \n\n\n\n\n  \u003c!-- CONTACT --\u003e\n  \u003csection class=\"tnhp-section tnhp-inverted\"\u003e\n    \u003cdiv class=\"tnhp-container tnhp-contact\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"tnhp-eyebrow\"\u003eContact\u003c\/p\u003e\n\n        \u003ch2 class=\"tnhp-heading\"\u003e\n          Let’s build something worth hearing, seeing, and remembering.\n        \u003c\/h2\u003e\n\n        \u003cul class=\"tnhp-contact-list\"\u003e\n          \u003cli\u003e\n            \u003ca href=\"mailto:support@thenorthhitproject.com\"\u003e\n              support@thenorthhitproject.com\n            \u003c\/a\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003ca href=\"tel:+639216200151\"\u003e\n              +63 921 6200 151\n            \u003c\/a\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            1314 Plaridel, Bulacan 3004, Philippines\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tnhp-buttons\"\u003e\n        \u003ca class=\"tnhp-button\" href=\"https:\/\/form.jotform.com\/262372176392057\" target=\"_blank\" rel=\"noopener\"\u003e\n          Request a Quotation\n        \u003c\/a\u003e\n\n        \u003ca class=\"tnhp-button tnhp-button--outline\" href=\"mailto:support@thenorthhitproject.com\"\u003e\n          Contact TNHP\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CUSTOM FOOTER --\u003e\n  \u003cfooter class=\"tnhp-footer\"\u003e\n    \u003cdiv class=\"tnhp-container tnhp-footer__inner\"\u003e\n      \u003cspan\u003e\n        © The North Hit Project. All rights reserved.\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        Entertainment · Talent Management ·\n        Music \u0026amp; Audio Production\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/footer\u003e\n\n\u003c\/article\u003e\n\n                \n\n\n\n\u003cstyle\u003e\n  .tnhp-brandbar__inner \u003e a {\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    background: transparent !important;\n  }\n\n  .tnhp-logo {\n    background: transparent !important;\n    box-shadow: none !important;\n    filter: none !important;\n    mix-blend-mode: multiply;\n  }\n\u003c\/style\u003e\n\n\n\n\n\u003c!-- =========================================================\n     TNHP STUDIO INQUIRY, RECORDING \u0026 BOOKING SECTION\n     Paste this entire block at the bottom of the existing\n     company-profile HTML.\n     ========================================================= --\u003e\n\n\u003cstyle\u003e\n  .tnhp-studio-booking,\n  .tnhp-studio-booking * {\n    box-sizing: border-box;\n  }\n\n  .tnhp-studio-booking {\n    \/*\n      Inherit colors from the company profile and Shopify theme.\n      Fallbacks are included for compatibility.\n    *\/\n    --studio-bg:\n      var(\n        --tnhp-bg,\n        rgb(var(--color-background, 255, 253, 251))\n      );\n\n    --studio-text:\n      var(\n        --tnhp-text,\n        rgb(var(--color-foreground, 32, 27, 24))\n      );\n\n    --studio-button:\n      var(\n        --tnhp-button,\n        rgb(var(--color-button, 201, 35, 43))\n      );\n\n    --studio-button-text:\n      var(\n        --tnhp-button-text,\n        rgb(var(--color-button-text, 255, 255, 255))\n      );\n\n    --studio-muted:\n      color-mix(\n        in srgb,\n        var(--studio-text) 68%,\n        transparent\n      );\n\n    --studio-line:\n      color-mix(\n        in srgb,\n        var(--studio-text) 16%,\n        transparent\n      );\n\n    --studio-surface:\n      color-mix(\n        in srgb,\n        var(--studio-bg) 93%,\n        var(--studio-text)\n      );\n\n    position: relative;\n    padding: clamp(64px, 8vw, 100px) 0;\n    overflow: hidden;\n\n    color: var(--studio-text);\n    background:\n      radial-gradient(\n        circle at 90% 8%,\n        color-mix(\n          in srgb,\n          var(--studio-button) 13%,\n          transparent\n        ),\n        transparent 28%\n      ),\n      var(--studio-surface);\n\n    font-family:\n      var(--font-body-family),\n      Inter,\n      Arial,\n      Helvetica,\n      sans-serif;\n  }\n\n  .tnhp-studio-booking::after {\n    content: \"RECORD\";\n    position: absolute;\n    right: -24px;\n    bottom: -35px;\n\n    color: color-mix(\n      in srgb,\n      var(--studio-text) 5%,\n      transparent\n    );\n\n    font-family:\n      var(--font-heading-family),\n      var(--font-body-family),\n      Inter,\n      Arial,\n      sans-serif;\n\n    font-size: clamp(80px, 15vw, 190px);\n    font-weight: 900;\n    letter-spacing: -.07em;\n    line-height: .8;\n    pointer-events: none;\n  }\n\n  .tnhp-studio-booking__container {\n    position: relative;\n    z-index: 1;\n\n    width: min(1160px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .tnhp-studio-booking__intro {\n    display: grid;\n    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);\n    gap: clamp(38px, 7vw, 90px);\n    align-items: start;\n  }\n\n  .tnhp-studio-booking__eyebrow {\n    margin: 0 0 13px;\n    color: var(--studio-button);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .17em;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  .tnhp-studio-booking__title {\n    max-width: 760px;\n    margin: 0;\n\n    color: var(--studio-text);\n\n    font-family:\n      var(--font-heading-family),\n      var(--font-body-family),\n      Inter,\n      Arial,\n      Helvetica,\n      sans-serif;\n\n    font-size: clamp(32px, 4.5vw, 56px);\n    font-weight: 750;\n    letter-spacing: -.045em;\n    line-height: 1.04;\n  }\n\n  .tnhp-studio-booking__copy {\n    max-width: 660px;\n    margin: 18px 0 0;\n    color: var(--studio-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .tnhp-studio-booking__services {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 25px;\n  }\n\n  .tnhp-studio-booking__service {\n    padding: 8px 11px;\n\n    border: 1px solid var(--studio-line);\n    border-radius: 999px;\n\n    color: var(--studio-text);\n    background: color-mix(\n      in srgb,\n      var(--studio-bg) 82%,\n      transparent\n    );\n\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  .tnhp-studio-booking__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 27px;\n  }\n\n  .tnhp-studio-booking__button {\n    display: inline-flex;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 20px;\n\n    border: 1px solid var(--studio-button);\n    border-radius: 999px;\n\n    color: var(--studio-button-text) !important;\n    background: var(--studio-button);\n\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .055em;\n    line-height: 1.3;\n    text-align: center;\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition:\n      color .2s ease,\n      background .2s ease,\n      border-color .2s ease,\n      transform .2s ease;\n  }\n\n  .tnhp-studio-booking__button:hover {\n    border-color: color-mix(\n      in srgb,\n      var(--studio-button) 82%,\n      var(--studio-text)\n    );\n\n    background: color-mix(\n      in srgb,\n      var(--studio-button) 82%,\n      var(--studio-text)\n    );\n\n    transform: translateY(-2px);\n  }\n\n  .tnhp-studio-booking__button--outline {\n    border-color: var(--studio-text);\n    color: var(--studio-text) !important;\n    background: transparent;\n  }\n\n  .tnhp-studio-booking__button--outline:hover {\n    color: var(--studio-bg) !important;\n    background: var(--studio-text);\n  }\n\n  .tnhp-studio-booking__details {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px;\n    margin-top: 36px;\n  }\n\n  .tnhp-studio-booking__detail {\n    padding: 18px;\n\n    border: 1px solid var(--studio-line);\n    border-radius: 15px;\n\n    background: color-mix(\n      in srgb,\n      var(--studio-bg) 80%,\n      transparent\n    );\n  }\n\n  .tnhp-studio-booking__detail strong {\n    display: block;\n    color: var(--studio-text);\n    font-size: 12px;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n  }\n\n  .tnhp-studio-booking__detail span {\n    display: block;\n    margin-top: 5px;\n    color: var(--studio-muted);\n    font-size: 12px;\n    line-height: 1.45;\n  }\n\n  .tnhp-studio-booking__form {\n    min-width: 0;\n    overflow: hidden;\n\n    border: 1px solid var(--studio-line);\n    border-radius: 22px;\n\n    background: #ffffff;\n\n    box-shadow: 0 22px 60px color-mix(\n      in srgb,\n      var(--studio-text) 13%,\n      transparent\n    );\n  }\n\n  .tnhp-studio-booking__form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    padding: 16px 18px;\n\n    border-bottom: 1px solid var(--studio-line);\n\n    color: var(--studio-text);\n    background: var(--studio-bg);\n  }\n\n  .tnhp-studio-booking__form-header strong {\n    font-size: 13px;\n  }\n\n  .tnhp-studio-booking__form-header span {\n    color: var(--studio-muted);\n    font-size: 10px;\n    text-align: right;\n  }\n\n  .tnhp-studio-booking__form iframe {\n    display: block;\n    width: 100%;\n    min-height: 1120px;\n    border: 0;\n    background: #ffffff;\n  }\n\n  .tnhp-studio-booking__notice {\n    margin: 13px 0 0;\n    color: var(--studio-muted);\n    font-size: 10px;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .tnhp-studio-booking__intro {\n      grid-template-columns: 1fr;\n      gap: 38px;\n    }\n\n    .tnhp-studio-booking__details {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 620px) {\n    .tnhp-studio-booking {\n      padding: 48px 0;\n    }\n\n    .tnhp-studio-booking__container {\n      width: calc(100% - 28px);\n    }\n\n    .tnhp-studio-booking__title {\n      font-size: clamp(29px, 9vw, 40px);\n    }\n\n    .tnhp-studio-booking__copy {\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    .tnhp-studio-booking__actions {\n      flex-direction: column;\n    }\n\n    .tnhp-studio-booking__button {\n      width: 100%;\n    }\n\n    .tnhp-studio-booking__details {\n      grid-template-columns: 1fr;\n      gap: 8px;\n      margin-top: 27px;\n    }\n\n    .tnhp-studio-booking__detail {\n      padding: 15px;\n    }\n\n    .tnhp-studio-booking__form {\n      border-radius: 16px;\n    }\n\n    .tnhp-studio-booking__form-header {\n      align-items: flex-start;\n      flex-direction: column;\n      padding: 14px;\n    }\n\n    .tnhp-studio-booking__form-header span {\n      text-align: left;\n    }\n\n    .tnhp-studio-booking__form iframe {\n      min-height: 1240px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .tnhp-studio-booking__button {\n      transition: none;\n    }\n  }\n\n\n  \/* =========================================================\n   TNHP STUDIO BOOKING — TEXT OVERFLOW FIX\n   ========================================================= *\/\n\n.tnhp-studio-booking__container,\n.tnhp-studio-booking__intro,\n.tnhp-studio-booking__intro \u003e div,\n.tnhp-studio-booking__details,\n.tnhp-studio-booking__detail,\n.tnhp-studio-booking__form,\n.tnhp-studio-booking__form-header,\n.tnhp-studio-booking__actions,\n.tnhp-studio-booking__services {\n  min-width: 0;\n  max-width: 100%;\n}\n\n\/* Prevent Shopify theme typography from forcing text outside containers *\/\n.tnhp-studio-booking h2,\n.tnhp-studio-booking h3,\n.tnhp-studio-booking p,\n.tnhp-studio-booking span,\n.tnhp-studio-booking strong,\n.tnhp-studio-booking a {\n  max-width: 100%;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n\n\/* Main heading *\/\n.tnhp-studio-booking__title {\n  width: 100%;\n  max-width: 100%;\n  overflow-wrap: break-word;\n  word-break: normal;\n  hyphens: auto;\n}\n\n\/* Paragraph copy *\/\n.tnhp-studio-booking__copy,\n.tnhp-studio-booking__notice {\n  width: 100%;\n  max-width: 100%;\n  overflow-wrap: break-word;\n}\n\n\/* Service pills *\/\n.tnhp-studio-booking__service {\n  max-width: 100%;\n  white-space: normal;\n  overflow-wrap: break-word;\n  text-align: center;\n}\n\n\/* Buttons *\/\n.tnhp-studio-booking__button {\n  max-width: 100%;\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n\/* Detail cards *\/\n.tnhp-studio-booking__detail {\n  width: 100%;\n  overflow: hidden;\n}\n\n.tnhp-studio-booking__detail strong,\n.tnhp-studio-booking__detail span {\n  width: 100%;\n  max-width: 100%;\n  overflow-wrap: break-word;\n}\n\n\/* Form heading *\/\n.tnhp-studio-booking__form-header strong,\n.tnhp-studio-booking__form-header span {\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: break-word;\n}\n\n\/* Embedded Jotform must not enlarge the parent *\/\n.tnhp-studio-booking__form iframe {\n  display: block;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n}\n\n\n\/* TABLET *\/\n@media screen and (max-width: 900px) {\n\n  .tnhp-studio-booking__intro {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  \/* 3 cards are slightly tight at tablet widths *\/\n  .tnhp-studio-booking__details {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* MOBILE *\/\n@media screen and (max-width: 620px) {\n\n  .tnhp-studio-booking__container {\n    width: calc(100% - 28px);\n    max-width: calc(100% - 28px);\n  }\n\n  .tnhp-studio-booking__intro,\n  .tnhp-studio-booking__intro \u003e div {\n    width: 100%;\n    min-width: 0;\n  }\n\n  .tnhp-studio-booking__title {\n    width: 100%;\n    max-width: 100%;\n    font-size: clamp(28px, 8.5vw, 40px);\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  .tnhp-studio-booking__copy {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .tnhp-studio-booking__services {\n    width: 100%;\n  }\n\n  .tnhp-studio-booking__service {\n    flex: 0 1 auto;\n  }\n\n  .tnhp-studio-booking__actions {\n    width: 100%;\n  }\n\n  .tnhp-studio-booking__button {\n    width: 100%;\n    max-width: 100%;\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .tnhp-studio-booking__details {\n    width: 100%;\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .tnhp-studio-booking__detail {\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .tnhp-studio-booking__form {\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .tnhp-studio-booking__form-header {\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003ctemplate id=\"tnhp-studio-booking-template\"\u003e\n  \u003csection class=\"tnhp-studio-booking\" id=\"studio-recording-inquiry\"\u003e\n\n    \u003cdiv class=\"tnhp-studio-booking__container\"\u003e\n      \u003cdiv class=\"tnhp-studio-booking__intro\"\u003e\n\n        \u003cdiv\u003e\n          \u003cp class=\"tnhp-studio-booking__eyebrow\"\u003e\n            Studio Production \u0026amp; Recording\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"tnhp-studio-booking__title\"\u003e\n            Tell us about your project and preferred recording schedule.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"tnhp-studio-booking__copy\"\u003e\n            Send the details of your music, recording, podcast, voice,\n            live-production, mixing, mastering, or post-audio project.\n            TNHP will review your requirements and confirm the recommended\n            setup, availability, and quotation.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"tnhp-studio-booking__services\" aria-label=\"Available studio services\"\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Studio Recording\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Music Production\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Vocal Recording\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Mixing\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Mastering\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Podcast \u0026amp; Voice\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Live Recording\n            \u003c\/span\u003e\n\n            \u003cspan class=\"tnhp-studio-booking__service\"\u003e\n              Audio Post\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tnhp-studio-booking__actions\"\u003e\n            \u003ca class=\"tnhp-studio-booking__button\" href=\"https:\/\/form.jotform.com\/262471261606050\" target=\"_blank\" rel=\"noopener\"\u003e\n              Open Inquiry Form\n            \u003c\/a\u003e\n\n            \u003ca class=\"tnhp-studio-booking__button tnhp-studio-booking__button--outline\" href=\"https:\/\/calendar.google.com\/calendar\/u\/0\/appointments\/schedules\/AcZssZ3mGy2slB5vsK13BhJH-DQdYBGvabXO4AzTM_dUf-8UiC1jSg-GSW6IdfABUIc4k53UIp7wBCKq\" target=\"_blank\" rel=\"noopener\"\u003e\n              Book a Consultation\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tnhp-studio-booking__details\"\u003e\n            \u003cdiv class=\"tnhp-studio-booking__detail\"\u003e\n              \u003cstrong\u003e1. Send Details\u003c\/strong\u003e\n              \u003cspan\u003e\n                Tell us your service requirements and project stage.\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tnhp-studio-booking__detail\"\u003e\n              \u003cstrong\u003e2. Select Schedule\u003c\/strong\u003e\n              \u003cspan\u003e\n                Share your preferred date, time, and session duration.\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tnhp-studio-booking__detail\"\u003e\n              \u003cstrong\u003e3. Receive Confirmation\u003c\/strong\u003e\n              \u003cspan\u003e\n                TNHP will confirm availability, scope, and quotation.\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cp class=\"tnhp-studio-booking__notice\"\u003e\n            Sending an inquiry or selecting a preferred schedule does not\n            automatically confirm a booking. Your session is confirmed only\n            after TNHP reviews the request and sends written confirmation.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tnhp-studio-booking__form\"\u003e\n          \u003cdiv class=\"tnhp-studio-booking__form-header\"\u003e\n            \u003cstrong\u003e\n              Studio Inquiry \u0026amp; Booking Request\n            \u003c\/strong\u003e\n\n            \u003cspan\u003e\n              Secure form powered by Jotform\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003ciframe id=\"JotFormIFrame-262471261606050\" title=\"TNHP Studio Production, Recording Inquiry and Booking\" src=\"https:\/\/form.jotform.com\/262471261606050\" allow=\"geolocation; microphone; camera; fullscreen\" loading=\"lazy\"\u003e\n          \u003c\/iframe\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/template\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    if (\n      document.getElementById(\n        \"studio-recording-inquiry\"\n      )\n    ) {\n      return;\n    }\n\n    var profile = document.querySelector(\n      \".tnhp-profile\"\n    );\n\n    var template = document.getElementById(\n      \"tnhp-studio-booking-template\"\n    );\n\n    if (!profile || !template) {\n      return;\n    }\n\n    var section =\n      template.content.firstElementChild.cloneNode(true);\n\n    \/*\n     * Place the new section immediately before the existing\n     * Contact section while preserving every current section.\n     *\/\n\n    var contactContent = profile.querySelector(\n      \".tnhp-contact\"\n    );\n\n    var contactSection = contactContent\n      ? contactContent.closest(\"section\")\n      : null;\n\n    if (contactSection) {\n      profile.insertBefore(\n        section,\n        contactSection\n      );\n    } else {\n      var footer = profile.querySelector(\n        \".tnhp-footer\"\n      );\n\n      if (footer) {\n        profile.insertBefore(\n          section,\n          footer\n        );\n      } else {\n        profile.appendChild(section);\n      }\n    }\n  });\n\u003c\/script\u003e","brand":"The North Hit Project","offers":[{"title":"Default Title","offer_id":52000089997607,"sku":null,"price":0.0,"currency_code":"PHP","in_stock":true}],"url":"https:\/\/www.thenorthhitproject.com\/fil\/products\/professional-company-profile","provider":"The North Hit Project","version":"1.0","type":"link"}