@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#f5f6fa;--paper:#182238;--lime:#315bd6;--muted:#59667d;--line:#d7dce7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}a:hover{color:var(--lime)}.skip{position:fixed;top:-100px;background:var(--lime);color:#111;padding:16px;z-index:10}.skip:focus{top:0}.review{padding:9px 5%;background:#e7ecf7;font-size:10px;letter-spacing:.14em;display:flex;justify-content:space-between;color:#465776}.review span{letter-spacing:.05em}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:800;letter-spacing:-2px}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;font-size:13px}.nav-listen{font-size:12px;border:1px solid #acb7cc;padding:12px 19px;border-radius:30px}.hero{padding:26px 5% 0;background:radial-gradient(ellipse at 80% 40%,#e1e8fa 0%,transparent 53%)}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--lime);margin-right:8px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding:55px 0 60px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;margin:0 0 22px}.hero-copy .eyebrow{color:var(--lime)}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;margin:0;letter-spacing:-.025em}h1{font-size:clamp(58px,7.7vw,118px);line-height:.91}em{font-style:normal;color:var(--lime)}.intro{font-size:14px;line-height:1.8;color:#58667d;margin:27px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{padding:17px 24px;border-radius:3px;font-size:12px;font-weight:700;display:inline-flex;gap:12px;align-items:center}.lime{background:var(--lime);color:#ffffff}.lime:hover{background:#2445a6;color:#ffffff}.text-link{font-size:12px;border-bottom:1px solid #aab7d3;padding:8px 0;display:inline-block}.hero-art{margin:0;transform:rotate(3deg)}.art-frame{position:relative;padding:15px;border:1px solid #bfcbe4;box-shadow:24px 32px 70px #233a6824}.art-frame img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.corner{position:absolute;width:28px;height:28px;border-color:var(--lime);border-style:solid}.tl{left:-2px;top:-2px;border-width:3px 0 0 3px}.br{right:-2px;bottom:-2px;border-width:0 3px 3px 0}figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;margin-top:17px;color:#5b6b86}.hero-bottom{border-top:1px solid var(--line);padding:23px 0}.hero-bottom a{color:var(--paper)}.section{padding:80px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:24px}h2{font-size:clamp(43px,4.7vw,72px);line-height:1}.music{background:#ffffff;color:#182238}.music .eyebrow{color:#58667d}.music a:hover{color:#315bd6}.music a:focus-visible{outline-color:#315bd6}.releases{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover{display:block;position:relative;overflow:hidden;background:#e4e8f1}.cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s}.cover:hover img{transform:scale(1.035)}.play{position:absolute;bottom:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#ffffff;font-size:22px}.release-meta{font-size:9px;letter-spacing:.13em;margin:18px 0 12px;display:flex;justify-content:space-between;color:#59667d}h3{font-size:18px;line-height:1.3;margin:0;max-width:320px}.releases p{font-size:12px;color:#59667d;margin:10px 0 15px}.release-link{font-size:11px;border-bottom:1px solid #aab7d3;padding-bottom:5px;display:inline-block}.about{border-bottom:1px solid var(--line)}.about>.eyebrow{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-grid p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#58667d}.connect{background:#eaf0fb}.connect .section-heading p:not(.eyebrow){font-size:13px;line-height:1.8;color:#58667d}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:40px}.socials a{padding:20px 0;border-top:1px solid #c6d1e6;display:flex;justify-content:space-between;font-size:15px}.socials span{color:var(--lime)}.contact{margin-top:45px;display:flex;align-items:center;gap:25px}.contact span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.contact a{font-size:17px}footer{display:flex;padding:32px 5%;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:10px;color:var(--muted)}footer div{display:flex;gap:20px;font-size:10px}@media(min-width:1600px){header,.section,.hero,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:700px){.review{font-size:8px}header{padding:18px 6%;flex-wrap:wrap}.wordmark{font-size:26px}nav{gap:18px;font-size:12px}.nav-listen{display:none}.hero{padding:24px 6% 0}.hero-top{font-size:8px}.hero-top>span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:44px;padding:40px 0}h1{font-size:clamp(62px,13.5vw,94px)}.hero-art{max-width:360px;margin:0 auto;width:88%;transform:rotate(2deg)}.hero-bottom{font-size:8px;gap:15px;line-height:1.6}.section{padding:55px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:17px}.section-heading .text-link{margin-top:0}.releases{grid-template-columns:1fr;gap:40px}.releases article{max-width:440px}.releases h3{font-size:21px}.about-grid{grid-template-columns:1fr;gap:26px}.socials{grid-template-columns:1fr 1fr;gap:0 24px}.contact{align-items:flex-start;flex-direction:column;gap:12px}footer{flex-wrap:wrap;padding:28px 6%}footer div{flex-basis:100%;flex-wrap:wrap}.actions{gap:20px}.intro br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}

/* Midnight / violet visual direction */
:root{--bg:#141827;--paper:#edf0fa;--lime:#a9b8ff;--muted:#a4adc6;--line:#343c55}
.review{background:#20263c;color:#bac5e5}header{background:#141827}.nav-listen{border-color:#596889;background:#232c45}
.hero{background:radial-gradient(ellipse at 80% 35%,#43375966 0%,transparent 60%),radial-gradient(ellipse at 10% 95%,#283d5666,transparent 55%)}
.intro,.about-grid p,.connect .section-heading p:not(.eyebrow){color:#b8c1d6}
.lime{background:linear-gradient(120deg,#b3c6ff,#c5b3ef);color:#1b2241;box-shadow:0 6px 28px #93a0ff18}.lime:hover{background:#d3ddff;color:#172038}
.text-link,.release-link{border-color:#606d94}.art-frame{background:#24283b66;border-color:#657096;box-shadow:18px 24px 60px #0004}.hero-art{transform:rotate(1.5deg)}figcaption{color:#acb8d4}
.music{background:#242b41;color:#edf0fa;border-top:1px solid #39435e}.music .eyebrow,.release-meta,.releases p{color:#b3bfd7}.music a:hover{color:#c8d4ff}.music a:focus-visible{outline-color:#b9caff}.cover{background:#31384f;border:1px solid #47516a;border-radius:8px}.play{background:#bdcaff;color:#1b2545}
.about{background:#1b2034}.connect{background:radial-gradient(ellipse at 100% 0%,#3a305b70,transparent 65%),#171c2e}.connect .eyebrow{color:#b6c6ef}
.socials{gap:14px;grid-template-columns:repeat(3,1fr)}.socials a{padding:18px;gap:16px;align-items:center;justify-content:flex-start;border:1px solid #3f4a6b;background:linear-gradient(130deg,#30395388,#21263c88);border-radius:12px;position:relative;transition:background .2s,border-color .2s,transform .2s;min-height:84px}.socials a:hover{background:#34415c;border-color:#8f9fde;transform:translateY(-3px);color:#fff}.socials .icon-shell{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid #7182bd;border-radius:13px 5px 13px 5px;background:linear-gradient(135deg,#52679244,#8e65ba30);color:#c9d7ff;box-shadow:inset 0 0 16px #a8b8ff0c,0 0 18px #9f8be710}.brand-icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.socials .social-name{color:#edf0fa}.socials .social-arrow{margin-left:auto;color:#a9b8e1}.button .brand-icon{width:20px;height:20px}.actions .text-link{display:inline-flex;align-items:center;gap:9px}.actions .text-link .brand-icon{width:19px;height:19px}footer{background:#111624}footer div a{display:inline-flex;align-items:center;gap:7px}footer .brand-icon{width:16px;height:16px}.contact{padding-top:26px;border-top:1px solid #343e5c}.hero-top i{box-shadow:0 0 12px #aabbff66}
@media(max-width:700px){.socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.socials a{padding:16px 12px;gap:10px;flex-wrap:wrap;min-height:116px}.socials .icon-shell{width:40px;height:40px}.socials .social-name{flex-basis:100%;order:2;font-size:13px}.socials .social-arrow{align-self:flex-start}.hero-art{transform:rotate(1.5deg)}}
@media(prefers-reduced-motion:reduce){.socials a{transition:none}.socials a:hover{transform:none}}
/* Electric storm artwork, local review version */
.hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#080d1bee 0%,#090e1c9c 34%,#090b1720 70%),linear-gradient(0deg,#121729 0%,transparent 25%),url('assets/lightning-world-v1.png') center/cover no-repeat}
.hero-grid{min-height:650px;align-items:center}.hero-art{max-width:325px;justify-self:end;align-self:end;margin-bottom:8px}.hero-copy{position:relative;z-index:1}.hero-copy h1{text-shadow:0 4px 26px #02071588}.hero-copy h1 em{color:#c4c1ff;text-shadow:2px 0 24px #dc58ff40}.hero-copy .eyebrow{color:#b5dfff}.hero-top{color:#c4cde4}.hero-bottom{border-color:#7994c147;background:#10152744}.intro{color:#d3dbef}.hero .text-link{color:#ecf4ff}.art-frame{background:#171d37c9;backdrop-filter:blur(10px);border-color:#afaeef80;box-shadow:0 0 45px #a263fc35}.corner{border-color:#9ecfff}.hero figcaption{color:#d9e3ff;background:#11192fcc;padding:10px;margin-top:0;font-size:8px;gap:8px}
.lime{background:linear-gradient(110deg,#94d6ff,#baa6ff 60%,#e39bdf);box-shadow:0 0 25px #8875ff30}.connect{background:radial-gradient(ellipse at 90% 20%,#be3ec222,transparent 60%),radial-gradient(ellipse at 5% 95%,#258fc32b,transparent 55%),#171c2e}.socials a:hover{border-color:#d0a8f1;box-shadow:0 0 24px #a45be51c}.socials .icon-shell{background:linear-gradient(135deg,#499acf33,#bf50b830);border-color:#8da2d3}
@media(max-width:700px){.hero{background:linear-gradient(90deg,#070c18ce,#090d1c66),linear-gradient(0deg,#141827,transparent 30%),url('assets/lightning-world-v1.png') 67% top/auto 100% no-repeat}.hero-grid{min-height:0}.hero-art{width:80%;justify-self:center;max-width:300px;margin:0 auto}.hero .hero-bottom{background:transparent}}

/* Character from the official Taxman Snacks TikTok reference */
.hero{background:linear-gradient(90deg,#080d1bc9 0%,#090e1c50 38%,transparent 60%),linear-gradient(0deg,#121729 0%,transparent 20%),url('assets/jawdai-lightning-v2.png') center/cover no-repeat}
.character-mobile{display:none}.hero-grid{display:block;min-height:650px;padding-top:75px}.hero-copy{max-width:54%}.hero-art{display:none}.hero-copy h1{font-size:clamp(58px,7.2vw,110px)}
@media(max-width:700px){.hero{background:#111729;padding-top:22px}.character-mobile{display:block;width:calc(100% + 13.64%);max-width:none;margin:20px -6.82% -8px;height:390px;object-fit:cover;object-position:75% center;mask-image:linear-gradient(black 80%,transparent)}.hero-grid{min-height:0;padding-top:0;padding-bottom:35px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(62px,13.5vw,94px)}.hero-copy .eyebrow{margin-top:8px}.hero-bottom{background:transparent}}

/* Gentle storm motion: aligned lightning bloom and drifting colored haze. */
.mobile-scene{display:none}
.hero::before,.hero::after,.mobile-scene::before,.mobile-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;mix-blend-mode:screen}
.hero::before,.mobile-scene::before{background:url('assets/jawdai-lightning-v2.png') center/cover no-repeat;mask-image:radial-gradient(ellipse at 42% 16%,black,transparent 32%),radial-gradient(ellipse at 95% 35%,black,transparent 29%);opacity:.08;animation:lightning-breathe 11s ease-in-out infinite}
.hero::after,.mobile-scene::after{background:radial-gradient(ellipse at 45% 19%,#258cfa70,transparent 31%),radial-gradient(ellipse at 94% 34%,#fa45d964,transparent 32%);opacity:.2;animation:storm-drift 17s ease-in-out infinite alternate;transform-origin:75% 25%}
.hero-top,.hero-bottom{position:relative;z-index:1}
.motion-toggle{position:relative;z-index:2;display:block;margin:0 0 16px auto;padding:9px 13px;min-height:36px;border:1px solid #8da2d34d;border-radius:20px;background:#10192ab3;color:#c4cde4;font:10px 'DM Sans',Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.motion-toggle:hover{border-color:#a9b8ff;color:white}.motion-toggle:focus-visible{outline:2px solid #a9b8ff;outline-offset:4px}.motion-toggle[hidden]{display:none}
.motion-paused::before,.motion-paused::after,.motion-paused .mobile-scene::before,.motion-paused .mobile-scene::after{animation-play-state:paused}
@keyframes lightning-breathe{0%,100%{opacity:.07}24%{opacity:.15}43%{opacity:.08}58%{opacity:.26}73%{opacity:.1}86%{opacity:.19}}
@keyframes storm-drift{from{opacity:.18;transform:scale(1)}to{opacity:.43;transform:scale(1.025)}}
@media(max-width:700px){
  .hero::before,.hero::after{display:none}
  .mobile-scene{display:block;position:relative;isolation:isolate;overflow:hidden;width:calc(100% + 13.64%);margin:20px -6.82% -8px;height:390px;mask-image:linear-gradient(black 80%,transparent)}
  .character-mobile{width:100%;height:100%;margin:0;mask-image:none}
  .mobile-scene::before{background-position:75% center;mask-image:radial-gradient(ellipse at 5% 20%,black,transparent 35%),radial-gradient(ellipse at 95% 35%,black,transparent 35%)}
  .mobile-scene::after{background:radial-gradient(ellipse at 0% 15%,#258cfa70,transparent 40%),radial-gradient(ellipse at 100% 35%,#fa45d964,transparent 40%)}
}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.mobile-scene::before,.mobile-scene::after{animation:none;opacity:.1;transform:none}.motion-toggle{display:none}}

.hero{overflow:clip}