{"id":467,"date":"2026-09-24T08:06:47","date_gmt":"2026-09-24T08:06:47","guid":{"rendered":"https:\/\/hrudai.info\/?page_id=467"},"modified":"2026-09-26T02:30:29","modified_gmt":"2026-09-26T02:30:29","slug":"home","status":"publish","type":"page","link":"https:\/\/hrudai.info\/","title":{"rendered":"home"},"content":{"rendered":"\n<style>\n\n:root{\n  --ink:#0b0e12;\n  --night:#07111c;\n  --night2:#0d2033;\n  --cream:#f5f1e8;\n  --paper:#f6f7f5;\n  --red:#cf241d;\n  --orange:#e56a22;\n  --sky:#cce8f4;\n  --blue:#2b6f9f;\n  --line:rgba(255,255,255,.18);\n  --shadow:0 28px 70px rgba(0,0,0,.18);\n  --radius:24px;\n  --ease:cubic-bezier(.2,.75,.25,1);\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n  margin:0;\n  background:var(--ink);\n  color:#fff;\n  font-family:Arial, Helvetica, sans-serif;\n  line-height:1.45;\n  overflow-x:hidden;\n}\na{color:inherit}\nimg{display:block;max-width:100%}\nbutton,a{font:inherit}\n::selection{background:var(--orange);color:#fff}\n\n\/* ---------- global ---------- *\/\n.site-shell{position:relative;isolation:isolate}\n.section{position:relative;overflow:hidden}\n.section-inner{width:min(1180px,88vw);margin:0 auto;position:relative;z-index:2}\n.kicker{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;opacity:.7}\n.display{margin:0;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;font-weight:800}\n.title{margin:0;font-size:clamp(2.6rem,5.5vw,5.4rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;font-weight:800}\n.copy{font-size:clamp(1rem,1.3vw,1.16rem);max-width:690px;color:rgba(255,255,255,.79)}\n.copy.dark{color:rgba(11,14,18,.77)}\n.serif{font-family:Georgia, 'Times New Roman', serif}\n\n.triangle-field{\n  position:absolute;inset:-50px;pointer-events:none;opacity:.14;z-index:0;\n  background-image:url(\"data:image\/svg+xml,%3Csvg width='86' height='74' viewBox='0 0 86 74' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M43 8 L76 66 H10 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  background-size:86px 74px;\n  mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);\n  transform:translate3d(0,var(--tri-drift,0px),0);\n  will-change:transform;\n}\n.triangle-field.dark{\n  opacity:.08;\n  background-image:url(\"data:image\/svg+xml,%3Csvg width='86' height='74' viewBox='0 0 86 74' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M43 8 L76 66 H10 Z' fill='none' stroke='%230b0e12' stroke-width='1'\/%3E%3C\/svg%3E\");\n}\n\n.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}\n.reveal.is-visible{opacity:1;transform:none}\n.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}\n\n.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n.btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  min-height:48px;padding:0 18px;border:1px solid currentColor;border-radius:999px;\n  text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:700;\n  transition:transform .28s var(--ease),background .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease);\n}\n.btn:hover{transform:translateY(-3px);background:#fff;color:var(--ink);border-color:#fff}\n.btn.dark:hover{background:var(--ink);color:#fff;border-color:var(--ink)}\n.btn.primary{background:#fff;color:var(--ink);border-color:#fff}\n.btn.primary:hover{background:var(--orange);border-color:var(--orange);color:#fff}\n.btn .arrow{transition:transform .28s var(--ease)}\n.btn:hover .arrow{transform:translateX(4px)}\n\n\n\/* ---------- link icons ---------- *\/\n.link-icon{width:18px;height:18px;flex:0 0 18px;display:inline-block;vertical-align:-3px;transition:transform .28s var(--ease)}\n.btn .link-icon{width:17px;height:17px;flex-basis:17px}\n.btn:hover .link-icon,.platform-links a:hover .link-icon,.socials a:hover .link-icon,.contact-email:hover .link-icon{transform:translateY(-1px) scale(1.06)}\n.platform-links a,.socials a,.contact-email{display:inline-flex;align-items:center;gap:9px}\n.platform-links a{--icon-cut:#0b1118}\n.music-links .btn.primary{--icon-cut:#fff}\n.blind-eye .music-links .btn.primary{--icon-cut:#fff}\n.number .music-links .btn{--icon-cut:#eaf4f8}\n.contact-email .link-icon,.socials .link-icon{width:19px;height:19px}\n\n\/* ---------- nav ---------- *\/\n.nav{\n  position:fixed;top:0;left:0;right:0;z-index:50;\n  padding:20px 0;transition:background .35s ease,backdrop-filter .35s ease,padding .35s ease,border-color .35s ease;\n  border-bottom:1px solid transparent;\n}\n.nav.scrolled{padding:13px 0;background:rgba(5,10,15,.75);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}\n.nav-inner{width:min(1240px,90vw);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}\n.wordmark{text-decoration:none;font-size:1.1rem;letter-spacing:.2em;font-weight:800}\n.nav-links{display:flex;align-items:center;gap:28px}\n.nav-links a{position:relative;text-decoration:none;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.76;transition:opacity .2s ease}\n.nav-links a::after{content:\"\";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#fff;transition:right .3s var(--ease)}\n.nav-links a:hover,.nav-links a.active{opacity:1}\n.nav-links a:hover::after,.nav-links a.active::after{right:0}\n\n\/* ---------- hero ---------- *\/\n.hero{min-height:100vh;background:linear-gradient(135deg,#07121f 0%,#0e263c 55%,#111820 100%);display:flex;align-items:center;padding:110px 0 70px}\n.hero::after{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 78% 55%,rgba(229,106,34,.09),transparent 28%);pointer-events:none}\n.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:clamp(36px,6vw,90px);align-items:center}\n.hero-copy{z-index:3}\n.hero .display{font-size:clamp(4rem,7.8vw,8.2rem);white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}\n.hero-label{margin:18px 0 0;font-size:.85rem;letter-spacing:.48em;text-transform:uppercase;font-weight:700;opacity:.72}\n.hero-tagline{font-size:clamp(1.5rem,3vw,2.7rem);margin:30px 0 0;line-height:1.1;font-weight:400;color:#eef5fa}\n\n.hero-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:26px;max-width:720px}\n.hero-platforms a{min-height:48px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:10px;text-decoration:none;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease}\n.hero-platforms a:hover{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);transform:translateY(-2px)}\n.hero-platforms .link-icon{width:17px;height:17px;flex-basis:17px}\n.song-links-first{margin-top:24px;margin-bottom:28px}\n.song-links-first .btn{min-width:148px}\n.hero-art{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:70vh}\n.hero-frame{position:relative;width:min(100%,630px);transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0);transition:transform .18s linear}\n.hero-frame::before{content:\"\";position:absolute;inset:-16px 18px 18px -16px;border:1px solid rgba(255,255,255,.19);border-radius:2px;z-index:-1}\n.hero-frame img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:2px}\n.hero-triangle{position:absolute;width:92px;aspect-ratio:1;right:-28px;top:13%;opacity:.28;animation:floatTri 6s ease-in-out infinite}\n.hero-triangle svg{width:100%;height:100%}\n@keyframes floatTri{50%{transform:translateY(12px) rotate(4deg)}}\n.scroll-cue{position:absolute;left:6vw;bottom:34px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;opacity:.42;display:flex;align-items:center;gap:12px}\n.scroll-cue::before{content:\"\";width:42px;height:1px;background:currentColor;transform-origin:left;animation:pulseLine 1.8s ease-in-out infinite}\n@keyframes pulseLine{50%{transform:scaleX(.4);opacity:.4}}\n\n\/* ---------- release shared ---------- *\/\n.release{padding:120px 0}\n.release-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,110px);align-items:center}\n.release-art{position:relative;perspective:900px}\n.release-art img{width:100%;height:auto;box-shadow:0 30px 80px rgba(0,0,0,.32);transition:transform .25s ease;transform-style:preserve-3d;will-change:transform}\n.release-copy{max-width:650px}\n.release-copy .quote{font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.25;margin:30px 0 0;font-style:italic}\n.music-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}\n.music-links .btn{min-width:148px}\n\n\/* ---------- blind eye ---------- *\/\n.blind-eye{background:\n  radial-gradient(circle at 12% 78%,rgba(229,106,34,.10),transparent 26%),\n  linear-gradient(135deg,#06101b 0%,#0b1b2d 55%,#08111a 100%)}\n.blind-eye .title{color:#f7f0df}\n.blind-eye .release-copy::before{content:\"\";display:block;width:56px;height:2px;background:var(--orange);margin-bottom:25px}\n.blind-eye .quote{color:#f1e4cd}\n.blind-eye .release-art::after{content:\"\";position:absolute;inset:auto -22px -22px auto;width:90px;height:90px;border-right:1px solid rgba(229,106,34,.45);border-bottom:1px solid rgba(229,106,34,.45);clip-path:polygon(50% 0,100% 100%,0 100%)}\n\n\/* ---------- number ---------- *\/\n.number{background:linear-gradient(180deg,#f7fafb 0%,#eaf4f8 100%);color:var(--ink)}\n.number .release-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}\n.number .release-copy{order:1}.number .release-art{order:2}\n.number .title{color:var(--red)}\n.number .copy{color:rgba(11,14,18,.74)}\n.number .quote{color:var(--ink)}\n.number .release-copy::before{content:\"\";display:block;width:56px;height:2px;background:var(--red);margin-bottom:25px}\n.number .release-art img{box-shadow:0 28px 70px rgba(30,62,82,.18)}\n.number .btn{color:var(--ink);border-color:rgba(11,14,18,.34)}\n.number .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}\n\n\/* ---------- about ---------- *\/\n.about{background:#d8eef6;color:var(--ink);padding:120px 0}\n.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,7vw,100px);align-items:center}\n.about-copy{max-width:560px}\n.about-photo{position:relative}\n.about-photo img{width:100%;height:auto;box-shadow:0 28px 80px rgba(29,69,92,.15)}\n.about-photo::before{content:\"\";position:absolute;left:-24px;top:-24px;width:86px;height:74px;border:1px solid rgba(11,14,18,.22);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:-1}\n\n\/* ---------- platforms ---------- *\/\n.platforms{background:#0b1118;padding:74px 0}\n.platform-row{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;align-items:center}\n.platform-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;justify-content:stretch;width:100%}\n.platform-links a{min-width:0;min-height:58px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;text-decoration:none;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease}\n.platform-links a .arrow{margin-left:auto;opacity:.58}\n.platform-links a:hover{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);transform:translateY(-2px)}\n\n\/* ---------- beyond music ---------- *\/\n.beyond{background:var(--cream);color:var(--ink);padding:110px 0}\n.beyond-card{border-top:1px solid rgba(11,14,18,.18);border-bottom:1px solid rgba(11,14,18,.18);padding:70px 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}\n.beyond-card .title{font-size:clamp(2.7rem,5vw,5rem)}\n.beyond-copy{max-width:660px}\n.beyond .btn{color:var(--ink);border-color:rgba(11,14,18,.38)}\n\n\/* ---------- contact ---------- *\/\n.contact{background:linear-gradient(180deg,#07101a,#04080d);padding:100px 0 46px}\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}\n.contact-email{display:flex;margin-top:26px;width:100%;min-height:60px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:12px;font-size:clamp(.9rem,1.35vw,1.08rem);text-decoration:none;align-items:center;justify-content:flex-start;transition:border-color .2s ease,background .2s ease,transform .2s ease}\n.contact-email:hover{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);transform:translateY(-2px)}\n.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}\n.socials a{min-height:60px;padding:0 16px;border:1px solid rgba(255,255,255,.22);border-radius:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;font-weight:700;opacity:.88;display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}\n.socials a .arrow{margin-left:auto;opacity:.58}\n.socials a:hover{opacity:1;border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);transform:translateY(-2px)}\n.footer{width:min(1180px,88vw);margin:70px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:24px;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;opacity:.44}\n\n\/* ---------- responsive ---------- *\/\n@media (max-width:900px){\n  .hero{padding-top:120px;min-height:auto}\n  .hero-grid,.release-grid,.about-grid,.platform-row,.beyond-card,.contact-grid{grid-template-columns:1fr}\n  .number .release-grid{grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:36px}\n  .hero-art{min-height:0;justify-content:flex-start}\n  .hero-frame{width:min(100%,620px)}\n  .release,.about{padding:90px 0}\n  .number .release-copy{order:1}.number .release-art{order:2}\n  .platform-links{grid-template-columns:1fr 1fr}\n  .hero-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}\n  .platform-links a:last-child{grid-column:1 \/ -1}\n  .socials{grid-template-columns:1fr 1fr}\n  .beyond-card{gap:28px}\n  .contact-grid{gap:34px}\n}\n@media (max-width:640px){\n  .number .release-grid{grid-template-columns:1fr}\n  .number .release-copy{order:1}.number .release-art{order:2}\n  .nav-links{gap:14px}.nav-links a{font-size:.64rem;letter-spacing:.1em}\n  .wordmark{font-size:.95rem;letter-spacing:.14em}\n  .hero{padding-top:110px}\n  .hero .display{font-size:clamp(3.25rem,17vw,5rem);white-space:nowrap !important;word-break:normal !important;overflow-wrap:normal !important}\n  .hero-art{margin-top:18px}\n  .hero-triangle{right:0;width:68px}\n  .scroll-cue{display:none}\n  .section-inner{width:min(90vw,1180px)}\n  .music-links .btn{min-width:0;flex:1 1 46%}\n  .platform-links{display:grid;grid-template-columns:1fr;width:100%}\n  .hero-platforms{grid-template-columns:1fr 1fr}\n  .hero-platforms a:last-child{grid-column:1 \/ -1}\n  .platform-links a,.platform-links a:last-child{min-width:0;grid-column:auto}\n  .socials{grid-template-columns:1fr}\n  .footer{flex-direction:column}\n}\n@media (prefers-reduced-motion:reduce){\n  html{scroll-behavior:auto}\n  *,*::before,*::after{animation:none!important;transition:none!important}\n  .reveal{opacity:1;transform:none}\n  .hero-frame{transform:none!important}\n}\n\n\n\n\/* ==========================================================\n   WORDPRESS \/ COLIBRI OVERRIDES\n   These intentionally use stronger selectors so the theme\n   cannot override the artist-site layout or heading colors.\n   ========================================================== *\/\n.site-shell .hero .display{\n  color:#f7f0df !important;\n  -webkit-text-fill-color:#f7f0df !important;\n}\n.site-shell .blind-eye .title{\n  color:#f7f0df !important;\n  -webkit-text-fill-color:#f7f0df !important;\n}\n.site-shell .number .title{\n  color:var(--red) !important;\n  -webkit-text-fill-color:var(--red) !important;\n}\n.site-shell .about .title,\n.site-shell .beyond .title{\n  color:var(--ink) !important;\n  -webkit-text-fill-color:var(--ink) !important;\n}\n.site-shell .platforms .title,\n.site-shell .contact .title{\n  color:#f7f0df !important;\n  -webkit-text-fill-color:#f7f0df !important;\n}\n.site-shell .reveal.is-visible{\n  opacity:1 !important;\n  transform:none !important;\n}\n\n\/* Keep the hero name as one clean word even when Colibri adds aggressive wrapping. *\/\n.site-shell .hero .display{\n  white-space:nowrap !important;\n  word-break:normal !important;\n  overflow-wrap:normal !important;\n  hyphens:none !important;\n}\n.site-shell .platform-links a,\n.site-shell .contact-email,\n.site-shell .socials a{\n  box-sizing:border-box !important;\n  text-decoration:none !important;\n}\n\n\/* Keep Is My Life a Number text + cover side-by-side on desktop\/tablet. *\/\n.site-shell .number .release-grid{\n  display:flex !important;\n  flex-direction:row !important;\n  align-items:center !important;\n  justify-content:space-between !important;\n  gap:clamp(48px,7vw,100px) !important;\n}\n.site-shell .number .release-copy{\n  flex:1 1 58% !important;\n  width:auto !important;\n  max-width:650px !important;\n  order:1 !important;\n  grid-column:auto !important;\n  grid-row:auto !important;\n}\n.site-shell .number .release-art{\n  flex:0 1 430px !important;\n  width:min(100%,430px) !important;\n  max-width:430px !important;\n  margin-left:auto !important;\n  order:2 !important;\n  grid-column:auto !important;\n  grid-row:auto !important;\n}\n.site-shell .number .release-art img{\n  width:100% !important;\n  height:auto !important;\n  aspect-ratio:1 \/ 1 !important;\n  object-fit:contain !important;\n}\n\n\/* The Oscar Nominee is deliberately text-only and more compact. *\/\n.site-shell .beyond{\n  padding:76px 0 !important;\n}\n.site-shell .beyond-card{\n  padding:42px 0 !important;\n  min-height:0 !important;\n  align-items:center !important;\n}\n\n@media (max-width:760px){\n  .site-shell .number .release-grid{\n    flex-direction:column !important;\n    align-items:stretch !important;\n    gap:38px !important;\n  }\n  .site-shell .number .release-copy,\n  .site-shell .number .release-art{\n    width:100% !important;\n    max-width:none !important;\n    margin-left:0 !important;\n  }\n}\n\n<\/style>\n\n<div class=\"site-shell\">\n  <nav class=\"nav\" aria-label=\"Primary\">\n    <div class=\"nav-inner\">\n      <a class=\"wordmark\" href=\"#top\">HRUDAI<\/a>\n      <div class=\"nav-links\">\n        <a href=\"#music\">Music<\/a>\n        <a href=\"#about\">About<\/a>\n        <a href=\"#contact\">Contact<\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <main>\n    <section class=\"section hero\" id=\"top\">\n      <div class=\"triangle-field\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner hero-grid\">\n        <div class=\"hero-copy\">\n          <h1 class=\"display reveal\">Hrudai<\/h1>\n          <div class=\"hero-label reveal delay-1\">Artist<\/div>\n          <p class=\"hero-tagline serif reveal delay-2\">Storytelling through sound.<\/p>\n          <div class=\"hero-platforms reveal delay-3\" aria-label=\"Hrudai artist profiles\">\n            <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/open.spotify.com\/artist\/6eSftyJ1vfTe2yEsByiULt?si=Do_MF6zXR2WS6--qhYHz6Q\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\"\/><path d=\"M7.2 9.1c3.5-1 7.6-.8 10.3.7M7.9 12.2c3-0.8 6.5-0.6 8.9.6M8.6 15.1c2.4-0.6 5-.4 7 .5\" fill=\"none\" stroke=\"#07111c\" stroke-width=\"1.55\" stroke-linecap=\"round\"\/><\/svg><span>Spotify<\/span><\/a>\n            <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.apple.com\/us\/artist\/hrudai\/1823347700\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.7 4.1c.9-1.1 1.5-2.6 1.3-4.1-1.4.1-3 .9-4 2.1-.9 1-1.6 2.5-1.4 3.9 1.6.1 3.1-.8 4.1-1.9ZM19.7 13c0-3 2.4-4.5 2.5-4.6-1.4-2-3.6-2.3-4.4-2.3-1.9-.2-3.6 1.1-4.6 1.1-1 0-2.5-1.1-4.1-1-2.1 0-4 1.2-5.1 3.1-2.2 3.8-.6 9.4 1.5 12.4 1 1.5 2.3 3.2 3.9 3.1 1.5-.1 2.1-1 4-1 1.8 0 2.4 1 4 1 1.7 0 2.8-1.5 3.8-3 1.2-1.7 1.7-3.4 1.7-3.5-.1 0-3.2-1.2-3.2-5.3Z\" transform=\"scale(.82) translate(2.5,1.5)\"\/><\/svg><span>Apple Music<\/span><\/a>\n            <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.youtube.com\/@hrudais\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"5.5\" width=\"20\" height=\"13\" rx=\"4\" fill=\"currentColor\"\/><path d=\"M10 9l6 3-6 3V9Z\" fill=\"#07111c\"\/><\/svg><span>YouTube<\/span><\/a>\n            <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.youtube.com\/channel\/UCVjynQv7eXMPqwejKE1Nf1A\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"5.5\" width=\"20\" height=\"13\" rx=\"4\" fill=\"currentColor\"\/><path d=\"M10 9l6 3-6 3V9Z\" fill=\"#07111c\"\/><\/svg><span>YouTube Music<\/span><\/a>\n            <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.amazon.com\/artists\/B0FFKGFS7W\/hrudai?marketplaceId=ATVPDKIKX0DER&#038;musicTerritory=US&#038;ref=dm_sh_kOcvnRQnrcZHWgpuLOawqD0lJ\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.9 15.3c-.6.5-1.4.8-2.2.8-1.1 0-1.8-.5-1.8-1.5 0-1.5 1.4-1.9 4-1.9v.5c0 .8.1 1.5 0 2.1Zm2.7 2.6c-.2.2-.5.2-.7.1-.9-.8-1-1.2-1.5-2-.9.9-1.6 1.2-2.8 1.2-1.4 0-2.5-.9-2.5-2.6 0-1.4.7-2.3 1.8-2.8.9-.4 2.2-.5 3-.6v-.2c0-.5 0-1.1-.3-1.5-.3-.4-.8-.6-1.3-.6-.9 0-1.7.5-1.9 1.4 0 .2-.2.4-.4.4l-1.6-.2c-.2 0-.4-.2-.3-.5.4-2.1 2.3-2.8 4-2.8.9 0 2 .2 2.7.9.9.8.8 1.9.8 3v2.7c0 .8.3 1.2.7 1.7.2.2.2.4 0 .6l-.7.8Z\"\/><path d=\"M5.3 18.4c3.5 2.6 8.6 4 12.9 2.2.7-.3 1.4.3.7.8-3.1 2.3-7.6 2.3-11 .3-1-.6-1.9-1.3-2.7-2.1-.5-.5-.4-1.6.1-1.2Z\" fill=\"currentColor\"\/><\/svg><span>Amazon Music<\/span><\/a>\n          <\/div>\n          <div class=\"btn-row reveal\">\n            <a class=\"btn primary\" href=\"#music\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 13v-1a8 8 0 0 1 16 0v1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"3\" y=\"12\" width=\"4\" height=\"7\" rx=\"1.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"17\" y=\"12\" width=\"4\" height=\"7\" rx=\"1.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><span>Listen<\/span> <span class=\"arrow\">\u2192<\/span><\/a>\n            <a class=\"btn\" href=\"#about\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 10.5v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7.4\" r=\"1\" fill=\"currentColor\"\/><\/svg><span>About<\/span> <span class=\"arrow\">\u2192<\/span><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"hero-art reveal delay-2\" data-parallax>\n          <div class=\"hero-frame\">\n            <img decoding=\"async\" src=\"https:\/\/hrudai.info\/wp-content\/uploads\/2026\/09\/IMG_6342-1-rotated.jpg\" alt=\"Hrudai by the ocean at night\" \/>\n            <div class=\"hero-triangle\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 100 88\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M50 4L96 84H4L50 4Z\" stroke=\"white\" stroke-opacity=\".8\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"scroll-cue\">Scroll to explore<\/div>\n    <\/section>\n\n    <section class=\"section release blind-eye\" id=\"music\">\n      <div class=\"triangle-field\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner release-grid\">\n        <div class=\"release-art reveal\" data-tilt>\n          <img decoding=\"async\" src=\"https:\/\/hrudai.info\/wp-content\/uploads\/2026\/09\/album-cover-blind-eye.png\" alt=\"The Blind Eye of the Sun cover art\" \/>\n        <\/div>\n        <div class=\"release-copy\">\n          <h2 class=\"title reveal\">The Blind Eye<br>of the Sun<\/h2>\n          <div class=\"music-links song-links-first reveal delay-1\">\n            <a class=\"btn primary\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/open.spotify.com\/track\/2jTXEJamkqxYQvGLdP9VlO?si=cc37efd1024a4c94\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\"\/><path d=\"M7.2 9.1c3.5-1 7.6-.8 10.3.7M7.9 12.2c3-0.8 6.5-0.6 8.9.6M8.6 15.1c2.4-0.6 5-.4 7 .5\" fill=\"none\" stroke=\"var(--icon-cut,#0b0e12)\" stroke-width=\"1.55\" stroke-linecap=\"round\"\/><\/svg><span>Spotify<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn primary\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.apple.com\/us\/song\/the-blind-eye-of-the-sun-feat-shreyank-m-j\/6812079246\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.7 4.1c.9-1.1 1.5-2.6 1.3-4.1-1.4.1-3 .9-4 2.1-.9 1-1.6 2.5-1.4 3.9 1.6.1 3.1-.8 4.1-1.9ZM19.7 13c0-3 2.4-4.5 2.5-4.6-1.4-2-3.6-2.3-4.4-2.3-1.9-.2-3.6 1.1-4.6 1.1-1 0-2.5-1.1-4.1-1-2.1 0-4 1.2-5.1 3.1-2.2 3.8-.6 9.4 1.5 12.4 1 1.5 2.3 3.2 3.9 3.1 1.5-.1 2.1-1 4-1 1.8 0 2.4 1 4 1 1.7 0 2.8-1.5 3.8-3 1.2-1.7 1.7-3.4 1.7-3.5-.1 0-3.2-1.2-3.2-5.3Z\" transform=\"scale(.82) translate(2.5,1.5)\"\/><\/svg><span>Apple Music<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/youtu.be\/yh_2AkLFvNw?si=d3wAtfhQAcPVkZmV\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"5.5\" width=\"20\" height=\"13\" rx=\"4\" fill=\"currentColor\"\/><path d=\"M10 9l6 3-6 3V9Z\" fill=\"var(--icon-cut,#0b0e12)\"\/><\/svg><span>YouTube<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.amazon.com\/albums\/B0HJT7R2WQ?marketplaceId=ATVPDKIKX0DER&#038;musicTerritory=US&#038;ref=dm_sh_XSumpkwukezWF1kl1TL2Qri7f\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.9 15.3c-.6.5-1.4.8-2.2.8-1.1 0-1.8-.5-1.8-1.5 0-1.5 1.4-1.9 4-1.9v.5c0 .8.1 1.5 0 2.1Zm2.7 2.6c-.2.2-.5.2-.7.1-.9-.8-1-1.2-1.5-2-.9.9-1.6 1.2-2.8 1.2-1.4 0-2.5-.9-2.5-2.6 0-1.4.7-2.3 1.8-2.8.9-.4 2.2-.5 3-.6v-.2c0-.5 0-1.1-.3-1.5-.3-.4-.8-.6-1.3-.6-.9 0-1.7.5-1.9 1.4 0 .2-.2.4-.4.4l-1.6-.2c-.2 0-.4-.2-.3-.5.4-2.1 2.3-2.8 4-2.8.9 0 2 .2 2.7.9.9.8.8 1.9.8 3v2.7c0 .8.3 1.2.7 1.7.2.2.2.4 0 .6l-.7.8Z\"\/><path d=\"M5.3 18.4c3.5 2.6 8.6 4 12.9 2.2.7-.3 1.4.3.7.8-3.1 2.3-7.6 2.3-11 .3-1-.6-1.9-1.3-2.7-2.1-.5-.5-.4-1.6.1-1.2Z\" fill=\"currentColor\"\/><\/svg><span>Amazon Music<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/genius.com\/Hrudai-the-blind-eye-of-the-sun-lyrics\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3.5h9l3 3V20.5H6z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M9 9h6M9 12.5h6M9 16h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><span>Lyrics<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n          <\/div>\n          <p class=\"copy reveal delay-2\">A psychedelic reflection on opportunity, resistance, and the light we choose not to see. \u201cThe Blind Eye of the Sun\u201d moves between shadow and illumination, exploring what happens when comfort becomes easier than change.<\/p>\n          <p class=\"quote serif reveal delay-3\">\u201cThe night sky won\u2019t erase your pain, the sun may prick a bit but in the end there is more to gain.\u201d<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section release number\" id=\"number\">\n      <div class=\"triangle-field dark\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner release-grid\">\n        <div class=\"release-copy\">\n          <h2 class=\"title reveal\">Is My Life<br>a Number?<\/h2>\n          <div class=\"music-links song-links-first reveal delay-1\">\n            <a class=\"btn dark\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/open.spotify.com\/track\/4wPbtCVQTT3JUYe7ogdU9R?si=1e9c7bde2c4e4015\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\"\/><path d=\"M7.2 9.1c3.5-1 7.6-.8 10.3.7M7.9 12.2c3-0.8 6.5-0.6 8.9.6M8.6 15.1c2.4-0.6 5-.4 7 .5\" fill=\"none\" stroke=\"var(--icon-cut,#0b0e12)\" stroke-width=\"1.55\" stroke-linecap=\"round\"\/><\/svg><span>Spotify<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn dark\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.apple.com\/us\/song\/is-my-life-a-number\/1887402368\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.7 4.1c.9-1.1 1.5-2.6 1.3-4.1-1.4.1-3 .9-4 2.1-.9 1-1.6 2.5-1.4 3.9 1.6.1 3.1-.8 4.1-1.9ZM19.7 13c0-3 2.4-4.5 2.5-4.6-1.4-2-3.6-2.3-4.4-2.3-1.9-.2-3.6 1.1-4.6 1.1-1 0-2.5-1.1-4.1-1-2.1 0-4 1.2-5.1 3.1-2.2 3.8-.6 9.4 1.5 12.4 1 1.5 2.3 3.2 3.9 3.1 1.5-.1 2.1-1 4-1 1.8 0 2.4 1 4 1 1.7 0 2.8-1.5 3.8-3 1.2-1.7 1.7-3.4 1.7-3.5-.1 0-3.2-1.2-3.2-5.3Z\" transform=\"scale(.82) translate(2.5,1.5)\"\/><\/svg><span>Apple Music<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn dark\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/youtu.be\/uRmyV6uDbic?si=DqvAqqwo-wd_t0Mk\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"5.5\" width=\"20\" height=\"13\" rx=\"4\" fill=\"currentColor\"\/><path d=\"M10 9l6 3-6 3V9Z\" fill=\"var(--icon-cut,#0b0e12)\"\/><\/svg><span>YouTube<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn dark\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/music.amazon.com\/albums\/B0GTN9MN4D?marketplaceId=ATVPDKIKX0DER&#038;musicTerritory=US&#038;ref=dm_sh_LIPUIASEsUvcvDCDvzV3TyaBd\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.9 15.3c-.6.5-1.4.8-2.2.8-1.1 0-1.8-.5-1.8-1.5 0-1.5 1.4-1.9 4-1.9v.5c0 .8.1 1.5 0 2.1Zm2.7 2.6c-.2.2-.5.2-.7.1-.9-.8-1-1.2-1.5-2-.9.9-1.6 1.2-2.8 1.2-1.4 0-2.5-.9-2.5-2.6 0-1.4.7-2.3 1.8-2.8.9-.4 2.2-.5 3-.6v-.2c0-.5 0-1.1-.3-1.5-.3-.4-.8-.6-1.3-.6-.9 0-1.7.5-1.9 1.4 0 .2-.2.4-.4.4l-1.6-.2c-.2 0-.4-.2-.3-.5.4-2.1 2.3-2.8 4-2.8.9 0 2 .2 2.7.9.9.8.8 1.9.8 3v2.7c0 .8.3 1.2.7 1.7.2.2.2.4 0 .6l-.7.8Z\"\/><path d=\"M5.3 18.4c3.5 2.6 8.6 4 12.9 2.2.7-.3 1.4.3.7.8-3.1 2.3-7.6 2.3-11 .3-1-.6-1.9-1.3-2.7-2.1-.5-.5-.4-1.6.1-1.2Z\" fill=\"currentColor\"\/><\/svg><span>Amazon Music<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n            <a class=\"btn dark\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/genius.com\/Hrudai-is-my-life-a-number-lyrics\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3.5h9l3 3V20.5H6z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M9 9h6M9 12.5h6M9 16h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><span>Lyrics<\/span> <span class=\"arrow\">\u2197<\/span><\/a>\n          <\/div>\n          <p class=\"copy reveal delay-2\">On \u201cIs My Life a Number?\u201d, Hrudai turns a culture obsessed with competition and measurement into a broader question of identity. The song examines grades, admissions culture, comparison, and the quiet damage of measuring a person through scores, status, and achievement.<\/p>\n          <p class=\"quote serif reveal delay-3\">\u201cIs my life a number?\u201d<\/p>\n        <\/div>\n        <div class=\"release-art reveal delay-1\" data-tilt>\n          <img decoding=\"async\" src=\"https:\/\/hrudai.info\/wp-content\/uploads\/2026\/09\/is-my-life-a-number.png\" alt=\"Is My Life a Number? cover art\" \/>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section about\" id=\"about\">\n      <div class=\"triangle-field dark\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner about-grid\">\n        <div class=\"about-copy\">\n          <div class=\"kicker reveal\">About<\/div>\n          <h2 class=\"title reveal delay-1\">Hrudai<\/h2>\n          <p class=\"copy dark reveal delay-2\">Based in San Diego, Hrudai is a genre-blending artist and storyteller whose work is driven by change, perspective, and emotional detail. His music brings together lyrical storytelling with carefully shaped sonic worlds, treating every song as both music and narrative. Whether reflective, cinematic, or experimental, Hrudai\u2019s work is rooted in the idea that music can carry a story as powerfully as words do.<\/p>\n        <\/div>\n        <div class=\"about-photo reveal delay-1\">\n          <img decoding=\"async\" src=\"https:\/\/hrudai.info\/wp-content\/uploads\/2026\/09\/IMG-20260411-WA0004-1.jpg\" alt=\"Hrudai sitting on a jetty by the ocean\" \/>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section beyond\" id=\"beyond\">\n      <div class=\"triangle-field dark\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner beyond-card\">\n        <div>\n          <div class=\"kicker reveal\">Beyond the music<\/div>\n          <h2 class=\"title reveal delay-1\">The Oscar<br>Nominee<\/h2>\n        <\/div>\n        <div class=\"beyond-copy reveal delay-2\">\n          <p class=\"copy dark\">Hrudai\u2019s storytelling extends beyond music into theatre and film. <em>The Oscar Nominee<\/em> is an original one-person play.<\/p>\n          <div class=\"btn-row\">\n            <a class=\"btn dark\" href=\"\/oscar-nominee\/\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5.5 18 12 8 18.5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><span>Explore The Oscar Nominee<\/span> <span class=\"arrow\">\u2192<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section contact\" id=\"contact\">\n      <div class=\"triangle-field\" aria-hidden=\"true\"><\/div>\n      <div class=\"section-inner contact-grid\">\n        <div>\n          <div class=\"kicker reveal\">Contact<\/div>\n          <h2 class=\"title reveal delay-1\">Let\u2019s make<br>something.<\/h2>\n          <a class=\"contact-email reveal delay-2\" href=\"mailto:hrudai.shrivatsa@gmail.com\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5.5\" width=\"18\" height=\"13\" rx=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"m4.5 7 7.5 6 7.5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>hrudai.shrivatsa@gmail.com<\/span><\/a>\n        <\/div>\n        <div class=\"socials reveal delay-2\">\n          <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/www.instagram.com\/hrudaisd\/\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"4.25\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"17.6\" cy=\"6.7\" r=\"1.15\" fill=\"currentColor\"\/><\/svg><span>Instagram<\/span><span class=\"arrow\">\u2197<\/span><\/a>\n          <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/youtube.com\/@hrudais?si=XDwhSSNrvnPWtBng\"><svg class=\"link-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"5.5\" width=\"20\" height=\"13\" rx=\"4\" fill=\"currentColor\"\/><path d=\"M10 9l6 3-6 3V9Z\" fill=\"var(--icon-cut,#0b0e12)\"\/><\/svg><span>YouTube<\/span><span class=\"arrow\">\u2197<\/span><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"footer\">\n        <span>Hrudai<\/span>\n        <span>Music \u00b7 Stories \u00b7 Change \u00b7 San Diego<\/span>\n      <\/div>\n    <\/section>\n  <\/main>\n<\/div>\n<script>\n(() => {\n  const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const nav = document.querySelector('.nav');\n  const fields = [...document.querySelectorAll('.triangle-field')];\n\n  function onScroll(){\n    const y = window.scrollY || 0;\n    nav.classList.toggle('scrolled', y > 24);\n    if(!reduced){\n      const drift = Math.max(-34, Math.min(34, y * .018));\n      fields.forEach((field, i) => field.style.setProperty('--tri-drift', `${(i % 2 ? -1 : 1) * drift}px`));\n    }\n  }\n  onScroll();\n  addEventListener('scroll', onScroll, {passive:true});\n\n  const revealObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        entry.target.classList.add('is-visible');\n        revealObserver.unobserve(entry.target);\n      }\n    });\n  }, {threshold:.14});\n  document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n  const sections = [...document.querySelectorAll('main section[id]')];\n  const navLinks = [...document.querySelectorAll('.nav-links a')];\n  const sectionObserver = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        navLinks.forEach(a => a.classList.toggle('active', a.getAttribute('href') === `#${entry.target.id}` || (entry.target.id === 'number' && a.getAttribute('href') === '#music')));\n      }\n    });\n  }, {rootMargin:'-38% 0px -55% 0px', threshold:0});\n  sections.forEach(s => sectionObserver.observe(s));\n\n  if(!reduced){\n    const hero = document.querySelector('.hero');\n    const heroFrame = document.querySelector('.hero-frame');\n    if(hero && heroFrame){\n      hero.addEventListener('pointermove', e => {\n        const r = hero.getBoundingClientRect();\n        const x = ((e.clientX-r.left)\/r.width-.5)*10;\n        const y = ((e.clientY-r.top)\/r.height-.5)*8;\n        heroFrame.style.setProperty('--hero-x', `${x}px`);\n        heroFrame.style.setProperty('--hero-y', `${y}px`);\n      });\n      hero.addEventListener('pointerleave', () => {\n        heroFrame.style.setProperty('--hero-x','0px');\n        heroFrame.style.setProperty('--hero-y','0px');\n      });\n    }\n\n    document.querySelectorAll('[data-tilt]').forEach(card => {\n      const img = card.querySelector('img');\n      card.addEventListener('pointermove', e => {\n        const r = card.getBoundingClientRect();\n        const px = (e.clientX-r.left)\/r.width-.5;\n        const py = (e.clientY-r.top)\/r.height-.5;\n        img.style.transform = `rotateY(${px*4}deg) rotateX(${-py*4}deg) translateY(-4px)`;\n      });\n      card.addEventListener('pointerleave', () => img.style.transform = 'none');\n    });\n  }\n})();\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>HRUDAI Music About Contact Hrudai Artist Storytelling through sound. Spotify Apple Music YouTube YouTube Music Amazon Music Listen \u2192 About \u2192 Scroll to explore The Blind Eyeof the Sun Spotify \u2197 Apple Music \u2197 YouTube \u2197 Amazon Music \u2197 Lyrics \u2197 A psychedelic reflection on opportunity, resistance, and the light we choose not to see. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/landing-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/pages\/467"}],"collection":[{"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":7,"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/pages\/467\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/pages\/467\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/hrudai.info\/index.php\/wp-json\/wp\/v2\/media?parent=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}