:root {
  --ink: #f1f0e9;
  --muted: #a3a49f;
  --line: rgba(241, 240, 233, .18);
  --surface: #101111;
  --black: #080909;
  --lime: #d5ff43;
  --violet: #7146ff;
  --terracotta: #b9573f;
  --ochre: #c68d3a;
  --earth: #302019;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--black); color: var(--ink); font-family: "Space Grotesk", Arial, sans-serif; font-size: 16px; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.skip-link { background: var(--lime); color: var(--black); left: 1rem; padding: .65rem 1rem; position: fixed; top: -5rem; z-index: 10; }
.skip-link:focus { top: 1rem; }
.site-header { align-items: center; display: flex; height: 84px; justify-content: space-between; left: 0; padding: 0 clamp(1.25rem, 4vw, 4.5rem); position: absolute; right: 0; top: 0; z-index: 2; }
.brand { font-size: 1.2rem; font-weight: 700; letter-spacing: -.07em; text-transform: uppercase; }
.brand span, h1 span, h2 span { color: var(--lime); }
.primary-nav { display: flex; gap: clamp(1.5rem, 4vw, 4rem); margin-left: 8rem; }
.primary-nav a, .header-cta, .back-top { color: var(--muted); font-family: "DM Mono", monospace; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; transition: color .2s ease; }
.primary-nav a:hover, .header-cta:hover, .back-top:hover { color: var(--lime); }
.header-cta { color: var(--ink); }
.header-cta span, .back-top span, .text-link span, .email-link span, .social-links span { color: var(--lime); margin-left: .4rem; }
.menu-toggle { background: none; border: 0; cursor: pointer; display: none; padding: .5rem; }
.menu-toggle span:not(.sr-only) { background: var(--ink); display: block; height: 1px; margin: 5px 0; width: 25px; }
.hero:after { background: repeating-conic-gradient(from 45deg, rgba(198, 141, 58, .14) 0 25%, transparent 0 50%); background-size: 34px 34px; content: ""; height: 260px; opacity: .35; position: absolute; right: -4vw; top: 0; transform: skewY(-18deg); width: 46vw; }
.hero { background: radial-gradient(circle at 72% 44%, rgba(113, 70, 255, .18), transparent 33%), var(--black); min-height: min(790px, 100vh); overflow: hidden; padding: 190px clamp(1.25rem, 10vw, 11rem) 5rem; position: relative; }
.hero-grid { background-image: linear-gradient(rgba(241, 240, 233, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(241, 240, 233, .035) 1px, transparent 1px); background-size: 80px 80px; inset: 0; mask-image: linear-gradient(90deg, black, transparent 75%); opacity: .7; position: absolute; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow, .section-label { color: var(--lime); font-family: "DM Mono", monospace; font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { align-items: center; display: flex; gap: .75rem; }
.eyebrow-dot { background: var(--lime); border-radius: 50%; box-shadow: 0 0 12px var(--lime); height: 7px; width: 7px; }
h1 { font-size: clamp(4.5rem, 12vw, 11.5rem); font-weight: 600; letter-spacing: -.1em; line-height: .8; margin: 2.2rem 0 2rem; max-width: 8ch; text-transform: uppercase; }
h1 span { display: block; font-size: .73em; letter-spacing: -.11em; margin-left: 1.6ch; }
.hero-intro { font-size: clamp(1.15rem, 2vw, 1.65rem); letter-spacing: -.03em; line-height: 1.1; margin-bottom: 2.5rem; }
.button { border: 1px solid var(--line); display: inline-flex; font-family: "DM Mono", monospace; font-size: .7rem; gap: 2rem; letter-spacing: .07em; padding: 1rem 1.2rem; text-transform: uppercase; transition: background .2s, color .2s, border .2s; }
.button-primary { background: var(--lime); border-color: var(--lime); color: var(--black); }
.button-primary:hover { background: transparent; color: var(--lime); }
.hero-art { height: 560px; position: absolute; right: 5vw; top: 110px; width: min(49vw, 690px); }
.orb { border-radius: 50%; position: absolute; }
.orb-large { background: linear-gradient(125deg, #5944e7, #bdff49 64%, #111); box-shadow: -45px 35px 110px rgba(90, 54, 255, .45); height: min(36vw, 510px); right: 5%; top: 4%; width: min(36vw, 510px); }
.orb-large:before { background: repeating-linear-gradient(90deg, transparent 0 7px, rgba(0,0,0,.18) 8px 10px); border-radius: inherit; content: ""; inset: 0; mix-blend-mode: multiply; position: absolute; transform: rotate(25deg); }
.orb-small { background: var(--lime); box-shadow: 0 0 40px rgba(213, 255, 67, .4); height: 55px; left: 4%; top: 56%; width: 55px; }
.art-ring { border: 1px solid rgba(213, 255, 67, .6); border-radius: 50%; position: absolute; }
.art-ring-one { height: 70%; right: 0; top: 1%; width: 70%; }
.art-ring-two { border-color: rgba(241,240,233,.5); height: 95%; right: 12%; top: -12%; transform: rotate(-24deg) skew(12deg); width: 52%; }
.placeholder-label { bottom: 20%; color: var(--black); font-family: "DM Mono", monospace; font-size: .55rem; left: 51%; letter-spacing: .12em; line-height: 1.4; position: absolute; text-transform: uppercase; transform: rotate(-12deg); }
.art-index { bottom: 2%; font-family: "DM Mono", monospace; font-size: .7rem; position: absolute; right: 0; }
.geo-pattern { opacity: .7; pointer-events: none; position: absolute; }
.geo-andes { background: repeating-linear-gradient(135deg, transparent 0 15px, rgba(198,141,58,.72) 16px 18px, transparent 19px 30px); height: 150px; left: 0; mask-image: linear-gradient(90deg, black, transparent); top: 22%; transform: rotate(-18deg); width: 270px; }
.geo-andes:after { border-bottom: 2px solid var(--terracotta); border-left: 2px solid var(--terracotta); content: ""; height: 110px; left: 44px; position: absolute; top: 12px; transform: rotate(-45deg) skew(12deg, 12deg); width: 110px; }
.geo-west { background: repeating-conic-gradient(from 0deg, rgba(213,255,67,.65) 0 12.5%, transparent 0 25%); height: 118px; opacity: .45; right: 1%; top: 30%; transform: rotate(22deg); width: 118px; }
.geo-west:after { border: 1px solid var(--ochre); content: ""; inset: 20px; position: absolute; transform: rotate(45deg); }
.hero-meta { bottom: 2rem; color: var(--muted); display: flex; font-family: "DM Mono", monospace; font-size: .6rem; justify-content: space-between; left: clamp(1.25rem, 4vw, 4.5rem); letter-spacing: .08em; position: absolute; right: clamp(1.25rem, 4vw, 4.5rem); text-transform: uppercase; }
.hero-meta b { color: var(--lime); font-size: 1rem; margin-left: .4rem; }
.section-shell { border-top: 1px solid var(--line); margin: 0 clamp(1.25rem, 4vw, 4.5rem); padding: 7rem 8vw; }
.about { overflow: hidden; position: relative; }
.about:after { border: 1px solid rgba(185, 87, 63, .5); content: ""; height: 190px; position: absolute; right: -56px; top: 120px; transform: rotate(45deg); width: 190px; }
.about:before { background: linear-gradient(135deg, transparent 48%, rgba(198,141,58,.45) 49% 51%, transparent 52%) 0 0 / 28px 28px; content: ""; height: 110px; opacity: .45; position: absolute; right: 32px; top: 160px; width: 110px; }
.about-content, .connect-content { display: grid; gap: 10vw; grid-template-columns: 1.25fr 1fr; margin-top: 4rem; }
h2 { font-size: clamp(2.7rem, 6vw, 6rem); font-weight: 500; letter-spacing: -.09em; line-height: .92; margin: 0; }
h2 em, h3 em { color: var(--lime); font-style: normal; }
.about-text { align-self: end; max-width: 28rem; }
.about-text p { font-size: 1.1rem; letter-spacing: -.03em; margin: 0 0 1.6rem; }
.about-text .muted, .section-heading p, .release-description, .connect-links p { color: var(--muted); font-size: .9rem; }
.about-rule { display: flex; gap: .5rem; margin-top: 8rem; }
.about-rule span { background: var(--lime); height: 3px; width: 42px; }
.about-rule span:last-child { background: var(--line); flex: 1; }
.featured { padding-bottom: 9rem; }
.section-heading { align-items: end; display: grid; grid-template-columns: 1fr 2fr 1fr; margin-bottom: 4rem; }
.section-heading h2 { font-size: clamp(2.5rem, 5vw, 5rem); }
.section-heading p { margin: 0 0 .25rem; }
.release-card { background: var(--surface); display: grid; grid-template-columns: 1.05fr 1fr; min-height: 440px; overflow: hidden; position: relative; }
.release-visual { background: linear-gradient(140deg, var(--ochre) 0%, #8558ff 42%, #15121e 100%); display: grid; min-height: 360px; overflow: hidden; place-items: center; position: relative; }
.release-visual:before, .release-visual:after { border: 1px solid rgba(8,9,9,.6); border-radius: 50%; content: ""; height: 110%; position: absolute; transform: rotate(35deg); width: 38%; }
.release-visual:after { height: 125%; transform: rotate(-35deg); width: 58%; }
.release-sun { background: var(--black); border-radius: 50%; height: 43%; opacity: .85; width: 43%; }
.release-lines { background: repeating-linear-gradient(0deg, transparent 0 16px, rgba(213,255,67,.7) 17px 19px); inset: 37% 0; position: absolute; transform: rotate(-15deg); }
.release-visual span { bottom: 1.5rem; color: var(--black); font-family: "DM Mono", monospace; font-size: .58rem; left: 1.5rem; letter-spacing: .1em; position: absolute; }
.release-info { align-self: center; padding: 3.5rem clamp(2rem, 5vw, 6rem); }
.release-info h3 { font-size: clamp(2.8rem, 5vw, 5.5rem); font-weight: 500; letter-spacing: -.1em; line-height: .85; margin: 1.5rem 0 2rem; }
.release-description { max-width: 19rem; }
.text-link { background: none; border: 0; border-bottom: 1px solid var(--line); cursor: pointer; font-family: "DM Mono", monospace; font-size: .7rem; letter-spacing: .08em; margin-top: 2rem; padding: 0 0 .75rem; text-transform: uppercase; }
.text-link:hover { border-color: var(--lime); color: var(--lime); }
.release-mark { bottom: -3rem; color: rgba(241,240,233,.04); font-size: 18rem; font-weight: 700; line-height: 1; position: absolute; right: 1rem; }
.connect { background: linear-gradient(100deg, transparent 0 68%, rgba(48,32,25,.45) 68% 100%); padding-bottom: 10rem; }
.connect-links { align-self: end; }
.connect-links p { margin-top: 0; }
.email-link { border-bottom: 1px solid var(--line); display: inline-block; font-size: clamp(1.2rem, 2vw, 1.8rem); letter-spacing: -.05em; padding-bottom: .6rem; }
.email-link:hover { border-color: var(--lime); color: var(--lime); }
.social-links { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 3rem; }
.social-links a { align-items: center; display: inline-flex; font-family: "DM Mono", monospace; font-size: .68rem; gap: .45rem; letter-spacing: .08em; text-transform: uppercase; }
.social-icon { fill: currentColor; height: 1.1rem; width: 1.1rem; }
.social-icon-youtube { height: 1.25rem; width: 1.25rem; }
.social-links a b { color: var(--lime); font-weight: 400; }
.social-links a:hover { color: var(--lime); }
.site-footer { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; margin: 0 clamp(1.25rem, 4vw, 4.5rem); padding: 2rem 8vw 3rem; }
.site-footer p { color: var(--muted); font-family: "DM Mono", monospace; font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.toast { background: var(--lime); bottom: 1.5rem; color: var(--black); font-family: "DM Mono", monospace; font-size: .7rem; left: 50%; opacity: 0; padding: .8rem 1.2rem; pointer-events: none; position: fixed; transform: translate(-50%, 1rem); transition: opacity .2s, transform .2s; z-index: 4; }
.toast.visible { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 800px) {
  .site-header { height: 70px; }
  .header-cta { display: none; }
  .menu-toggle { display: block; }
  .primary-nav { background: var(--surface); border: 1px solid var(--line); display: none; flex-direction: column; gap: 1.4rem; margin: 0; padding: 1.5rem; position: absolute; right: 1.25rem; top: 60px; }
  .primary-nav.is-open { display: flex; }
  .hero { min-height: 720px; padding: 150px 1.25rem 4rem; }
  .hero-art { height: 410px; opacity: .75; right: -20vw; top: 265px; width: 115vw; }
  .orb-large { height: 330px; width: 330px; }
  .hero-meta span:first-child { display: none; }
  .section-shell { padding: 5rem 0; }
  .about-content, .connect-content { gap: 3rem; grid-template-columns: 1fr; margin-top: 3rem; }
  .about-rule { margin-top: 4rem; }
  .section-heading { align-items: start; gap: 1.2rem; grid-template-columns: 1fr; margin-bottom: 2.5rem; }
  .section-heading p { margin: 0; }
  .release-card { grid-template-columns: 1fr; }
  .release-visual { min-height: 300px; }
  .release-info { padding: 2.5rem 1.5rem 3.5rem; }
  .connect { background: linear-gradient(100deg, transparent 0 68%, rgba(48,32,25,.45) 68% 100%); padding-bottom: 6rem; }
  .site-footer { align-items: start; flex-direction: column; gap: 1.5rem; padding: 2rem 0 3rem; }
  .site-footer p { order: 3; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }