:root{--primary: #6d45f9;--primary-foreground: #f4f3fe;--secondary: #c745f9;--secondary-foreground: #faf3fe;--tertiary: #4577f9;--tertiary-foreground: #f3f5fe;--destructive: #cd242c;--destructive-foreground: #faf2f2;--warning: #b24900;--warning-foreground: #f8f3f2;--success: #007b31;--success-foreground: #f2f5f2;--info: #2366cd;--info-foreground: #f2f4fa;--semantic-typography-heading-h1-font-size: 124px;--semantic-typography-heading-h1-font-family: Space Grotesk;--semantic-typography-heading-h1-line-height: 1.2;--semantic-typography-heading-h1-font-weight: 600;--semantic-typography-heading-h1-letter-spacing: -.02em;--semantic-typography-heading-h2-font-size: 103px;--semantic-typography-heading-h2-font-family: Space Grotesk;--semantic-typography-heading-h2-line-height: 1.2;--semantic-typography-heading-h2-font-weight: 600;--semantic-typography-heading-h2-letter-spacing: -.02em;--semantic-typography-heading-h3-font-size: 86px;--semantic-typography-heading-h3-font-family: Space Grotesk;--semantic-typography-heading-h3-line-height: 1.2;--semantic-typography-heading-h3-font-weight: 600;--semantic-typography-heading-h3-letter-spacing: -.01em;--semantic-typography-heading-h4-font-size: 72px;--semantic-typography-heading-h4-font-family: Space Grotesk;--semantic-typography-heading-h4-line-height: 1.3;--semantic-typography-heading-h4-font-weight: 600;--semantic-typography-heading-h4-letter-spacing: -.01em;--semantic-typography-heading-h5-font-size: 60px;--semantic-typography-heading-h5-font-family: Space Grotesk;--semantic-typography-heading-h5-line-height: 1.3;--semantic-typography-heading-h5-font-weight: 600;--semantic-typography-heading-h5-letter-spacing: 0em;--semantic-typography-heading-h6-font-size: 50px;--semantic-typography-heading-h6-font-family: Space Grotesk;--semantic-typography-heading-h6-line-height: 1.4;--semantic-typography-heading-h6-font-weight: 600;--semantic-typography-heading-h6-letter-spacing: 0em;--semantic-typography-body-xs-font-size: 14px;--semantic-typography-body-xs-font-family: Space Grotesk;--semantic-typography-body-xs-line-height: 1.6;--semantic-typography-body-xs-font-weight: 400;--semantic-typography-body-xs-letter-spacing: 0em;--semantic-typography-body-sm-font-size: 17px;--semantic-typography-body-sm-font-family: Space Grotesk;--semantic-typography-body-sm-line-height: 1.6;--semantic-typography-body-sm-font-weight: 400;--semantic-typography-body-sm-letter-spacing: 0em;--semantic-typography-body-md-font-size: 20px;--semantic-typography-body-md-font-family: Space Grotesk;--semantic-typography-body-md-line-height: 1.6;--semantic-typography-body-md-font-weight: 400;--semantic-typography-body-md-letter-spacing: 0em;--semantic-typography-body-lg-font-size: 24px;--semantic-typography-body-lg-font-family: Space Grotesk;--semantic-typography-body-lg-line-height: 1.6;--semantic-typography-body-lg-font-weight: 400;--semantic-typography-body-lg-letter-spacing: 0em;--semantic-typography-body-xl-font-size: 29px;--semantic-typography-body-xl-font-family: Space Grotesk;--semantic-typography-body-xl-line-height: 1.5;--semantic-typography-body-xl-font-weight: 400;--semantic-typography-body-xl-letter-spacing: 0em;--text-xs: 14px;--text-sm: 17px;--text-base: 20px;--text-lg: 24px;--text-xl: 29px;--text-2xl: 35px;--text-3xl: 42px;--text-4xl: 50px;--text-5xl: 60px;--text-6xl: 72px;--text-7xl: 86px;--text-8xl: 103px;--text-9xl: 124px;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-serif: "Space Grotesk", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-none: 0px;--radius-xs: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 7px;--radius-2xl: 10px;--radius-3xl: 14px;--radius-4xl: 19px;--radius-full: 9999px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-44: 44px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-112: 112px;--space-128: 128px;--space-144: 144px;--base-color-plum-50: #f4f3fe;--base-color-plum-100: #e9e6fe;--base-color-plum-200: #d1cafd;--base-color-plum-300: #b6aafb;--base-color-plum-400: #9682fa;--base-color-plum-500: #6d45f9;--base-color-plum-600: #613edf;--base-color-plum-700: #5435c1;--base-color-plum-800: #452c9d;--base-color-plum-900: #311f6f;--base-color-secondary-50: #faf3fe;--base-color-secondary-100: #f5e6fe;--base-color-secondary-200: #eacafd;--base-color-secondary-300: #dfaafb;--base-color-secondary-400: #d382fa;--base-color-secondary-500: #c745f9;--base-color-secondary-600: #b23edf;--base-color-secondary-700: #9a35c1;--base-color-secondary-800: #7e2c9d;--base-color-secondary-900: #591f6f;--base-color-destructive-50: #faf2f2;--base-color-destructive-100: #f6e5e5;--base-color-destructive-200: #ecc7c7;--base-color-destructive-300: #e2a4a5;--base-color-destructive-400: #d87679;--base-color-destructive-500: #cd242c;--base-color-destructive-600: #b72027;--base-color-destructive-700: #9f1c22;--base-color-destructive-800: #82171c;--base-color-destructive-900: #5c1014;--base-color-warning-50: #f8f3f2;--base-color-warning-100: #f2e6e4;--base-color-warning-200: #e3cbc6;--base-color-warning-300: #d4aba1;--base-color-warning-400: #c48372;--base-color-warning-500: #b24900;--base-color-warning-600: #9f4100;--base-color-warning-700: #8a3900;--base-color-warning-800: #712e00;--base-color-warning-900: #502100;--base-color-success-50: #f2f5f2;--base-color-success-100: #e4ebe5;--base-color-success-200: #c6d4c8;--base-color-success-300: #a1bba6;--base-color-success-400: #729e7a;--base-color-success-500: #007b31;--base-color-success-600: #006e2c;--base-color-success-700: #005f26;--base-color-success-800: #004e1f;--base-color-success-900: #003716;--base-color-tertiary-50: #f3f5fe;--base-color-tertiary-100: #e6eafe;--base-color-tertiary-200: #cad3fd;--base-color-tertiary-300: #aabafb;--base-color-tertiary-400: #829cfa;--base-color-tertiary-500: #4577f9;--base-color-tertiary-600: #3e6adf;--base-color-tertiary-700: #355cc1;--base-color-tertiary-800: #2c4b9d;--base-color-tertiary-900: #1f356f;--base-color-info-50: #f2f4fa;--base-color-info-100: #e5e9f6;--base-color-info-200: #c7d0ec;--base-color-info-300: #a4b4e2;--base-color-info-400: #7692d8;--base-color-info-500: #2366cd;--base-color-info-600: #1f5bb7;--base-color-info-700: #1b4f9f;--base-color-info-800: #164182;--base-color-info-900: #102e5c}[data-theme=dark]{--background: #0b0719;--card: #0b0719;--popover: #0b0719;--foreground: #fefeff;--card-foreground: #fefeff;--popover-foreground: #fefeff;--accent-foreground: #fefeff;--muted-foreground: #908e96;--accent: #211d2e;--muted: #211d2e;--border: #4d4a58;--input: #4d4a58;--ring: #63616d;--surface-raised: #161225;--surface-overlay: #1e1932}[data-theme=light]{--background: #f9f8ff;--card: #f9f8ff;--popover: #f9f8ff;--foreground: #1b113d;--card-foreground: #1b113d;--popover-foreground: #1b113d;--accent-foreground: #1b113d;--muted-foreground: #807a95;--accent: #e5e3ed;--muted: #e5e3ed;--border: #bcb9ca;--input: #bcb9ca;--ring: #a8a4b8;--surface-raised: #efedf7;--surface-overlay: #e5e3ed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--foreground);background-color:var(--background);transition:background-color .3s ease,color .3s ease}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--secondary)}button{cursor:pointer;font-family:var(--font-sans);border:none;background:none}input,select{font-family:var(--font-sans)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-24)}.section{padding:var(--space-96) 0}.section--tight{padding:var(--space-56) 0}.scanlines:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.utility-bar{position:sticky;top:0;z-index:100;padding:var(--space-10) 0;background-color:#000000eb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:var(--text-xs)}.utility-bar__inner{display:flex;align-items:center;justify-content:space-between}.utility-bar__brand{display:flex;align-items:center;gap:var(--space-10);color:var(--foreground);font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.utility-bar__brand:hover{color:var(--foreground)}.utility-bar__brand-icon{width:24px;height:24px;background:var(--destructive);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--destructive-foreground);font-size:11px;font-weight:700}.utility-bar__nav{display:flex;align-items:center;gap:var(--space-36)}.utility-bar__link{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);transition:color .2s}.utility-bar__link:hover{color:var(--foreground)}.utility-bar__controls{display:flex;align-items:center;gap:var(--space-16)}.utility-bar__chip{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted-foreground);font-size:12px;transition:border-color .2s,color .2s}.utility-bar__chip:hover{border-color:var(--primary);color:var(--foreground)}.utility-bar__chip--active{border-color:var(--primary);color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.utility-bar__version{color:var(--muted-foreground);opacity:.6}[id]{scroll-margin-top:var(--space-64)}@media(max-width:768px){.utility-bar{padding:var(--space-8) 0}.utility-bar__nav,.utility-bar__version,.utility-bar__controls .utility-bar__chip:nth-child(n+3){display:none}}.hero,.lore{--muted-foreground: #c8c6ce}.hero{position:relative;min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-80) 0;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0;background:url(/hero-bg.png) center top / cover no-repeat}.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 50%,var(--background) 100%)}.hero__content{position:relative;z-index:1;max-width:900px}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-24)}.hero__title{font-family:var(--font-sans);font-size:clamp(48px,10vw,var(--semantic-typography-heading-h1-font-size));font-weight:var(--semantic-typography-heading-h1-font-weight);line-height:var(--semantic-typography-heading-h1-line-height);letter-spacing:var(--semantic-typography-heading-h1-letter-spacing);color:var(--foreground);margin-bottom:var(--space-8)}.hero__title em{font-style:normal;color:var(--destructive)}.hero__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-32)}.hero__description{font-size:var(--text-lg);color:var(--muted-foreground);max-width:640px;line-height:1.7;margin-bottom:var(--space-40)}.hero__actions{display:flex;gap:var(--space-16);margin-bottom:var(--space-56);flex-wrap:wrap}.hero__meta{display:flex;gap:var(--space-32);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-foreground)}.hero__meta-item{display:flex;flex-direction:column;gap:var(--space-4)}.hero__meta-value{font-size:var(--text-lg);font-weight:600;color:var(--foreground);font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-28);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:all .2s ease;border:1px solid transparent}.btn--primary{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn--primary:hover{background-color:var(--base-color-destructive-600);border-color:var(--base-color-destructive-600)}.btn--ghost{background-color:transparent;color:var(--foreground);border-color:var(--border)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--secondary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn--secondary:hover{background-color:var(--base-color-plum-600);border-color:var(--base-color-plum-600)}.btn--small{padding:var(--space-6) var(--space-16);font-size:var(--text-xs)}.btn--disabled{opacity:.4;pointer-events:none}.audio-player{background-color:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-32);display:grid;grid-template-columns:200px 1fr;gap:var(--space-32);align-items:center}.audio-player__art{aspect-ratio:1;border-radius:var(--radius-2xl);overflow:hidden;position:relative}.audio-player__art:before,.audio-player__art:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.15);pointer-events:none}.audio-player__art:before{width:80px;height:80px;border-radius:50%;box-shadow:0 0 0 16px transparent,0 0 0 18px #ffffff26}.audio-player__art:after{width:32px;height:32px;transform:translate(-50%,-50%) rotate(45deg)}.audio-player__info{display:flex;flex-direction:column;gap:var(--space-16)}.audio-player__featured-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--destructive)}.audio-player__track-title{font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:var(--semantic-typography-heading-h6-font-weight);color:var(--foreground);line-height:1.2}.audio-player__tags{display:flex;flex-wrap:wrap;gap:var(--space-8)}.tag{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);color:var(--muted-foreground)}.tag--destructive{border-color:var(--base-color-destructive-700);color:var(--base-color-destructive-400);background-color:color-mix(in srgb,var(--destructive) 10%,transparent)}.tag--primary{border-color:var(--base-color-plum-700);color:var(--base-color-plum-400);background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.tag--secondary{border-color:var(--base-color-secondary-700);color:var(--base-color-secondary-400);background-color:color-mix(in srgb,var(--secondary) 10%,transparent)}.tag--tertiary{border-color:var(--base-color-tertiary-700);color:var(--base-color-tertiary-400);background-color:color-mix(in srgb,var(--tertiary) 10%,transparent)}.audio-player__controls{display:flex;align-items:flex-start;gap:var(--space-16)}.audio-player__play-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--destructive);color:var(--destructive-foreground);display:grid;place-items:center;font-size:var(--text-lg);transition:background-color .2s;flex-shrink:0}.audio-player__play-btn:hover{background:var(--base-color-destructive-600)}.audio-player__progress{flex:1;display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-16)}.progress-bar{width:100%;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar__fill{height:100%;background:var(--destructive);border-radius:var(--radius-full);transition:width .3s ease}.audio-player__times{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground)}.audio-player__secondary-actions{display:flex;gap:var(--space-12);margin-top:var(--space-8)}.audio-player__note{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);opacity:.6;font-style:italic;margin-top:var(--space-8)}@media(max-width:768px){.audio-player{grid-template-columns:1fr;padding:var(--space-20)}.audio-player__art{max-width:160px}}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-20) 0;border-bottom:1px solid var(--border)}.filters__search{flex:1;min-width:200px;padding:var(--space-10) var(--space-16);background-color:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-sm);transition:border-color .2s}.filters__search::placeholder{color:var(--muted-foreground)}.filters__search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.filters__select{padding:var(--space-10) var(--space-16);padding-right:var(--space-32);background-color:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-xs);font-family:var(--font-mono);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23908e96' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.filters__select:focus{outline:none;border-color:var(--primary)}.filters__view-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.filters__view-btn{padding:var(--space-10) var(--space-12);color:var(--muted-foreground);font-size:var(--text-xs);transition:all .2s;border-right:1px solid var(--border)}.filters__view-btn:last-child{border-right:none}.filters__view-btn--active{background:var(--primary);color:var(--primary-foreground)}@media(max-width:640px){.filters__search{min-width:100%}}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-20);padding-top:var(--space-32)}.track-card{background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color .2s,transform .2s}.track-card:hover{border-color:var(--primary);transform:translateY(-2px)}.track-card__art{aspect-ratio:16 / 10;position:relative;overflow:hidden}.track-card__art-inner{width:100%;height:100%;position:relative}.track-card__art-inner:before,.track-card__art-inner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.2);pointer-events:none}.track-card:nth-child(10n+1) .track-card__art-inner:before{width:72px;height:72px;border-radius:50%}.track-card:nth-child(10n+1) .track-card__art-inner:after{width:8px;height:8px;border-radius:50%;background:#fff3;border:none}.track-card:nth-child(10n+2) .track-card__art-inner:before{width:56px;height:56px;transform:translate(-50%,-50%) rotate(45deg)}.track-card:nth-child(10n+2) .track-card__art-inner:after{width:24px;height:24px;transform:translate(-50%,-50%) rotate(45deg)}.track-card:nth-child(10n+3) .track-card__art-inner:before{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 12px transparent,0 0 0 13.5px #fff3}.track-card:nth-child(10n+3) .track-card__art-inner:after{width:6px;height:6px;border-radius:50%;background:#fff3;border:none}.track-card:nth-child(10n+4) .track-card__art-inner:before{width:64px;height:1.5px;border:none;background:#fff3}.track-card:nth-child(10n+4) .track-card__art-inner:after{width:1.5px;height:64px;border:none;background:#fff3}.track-card:nth-child(10n+5) .track-card__art-inner:before{width:80px;height:44px;border-radius:50%}.track-card:nth-child(10n+5) .track-card__art-inner:after{width:44px;height:80px;border-radius:50%}.track-card:nth-child(10n+6) .track-card__art-inner:before{width:60px;height:36px}.track-card:nth-child(10n+6) .track-card__art-inner:after{width:60px;height:36px;transform:translate(-50%,-50%) rotate(30deg)}.track-card:nth-child(10n+7) .track-card__art-inner:before{width:56px;height:56px;transform:translate(-50%,-50%) rotate(45deg)}.track-card:nth-child(10n+7) .track-card__art-inner:after{width:40px;height:40px;border-radius:50%}.track-card:nth-child(10n+8) .track-card__art-inner:before{width:48px;height:48px;transform:translate(-58%,-58%)}.track-card:nth-child(10n+8) .track-card__art-inner:after{width:48px;height:48px;transform:translate(-42%,-42%)}.track-card:nth-child(10n+9) .track-card__art-inner:before{width:64px;height:32px;border-radius:64px 64px 0 0;border-bottom:none}.track-card:nth-child(10n+9) .track-card__art-inner:after{width:72px;height:1.5px;border:none;background:#fff3;transform:translate(-50%,-50%) translateY(16px)}.track-card:nth-child(10n+10) .track-card__art-inner:before{width:48px;height:48px;transform:translate(-50%,-50%) rotate(15deg)}.track-card:nth-child(10n+10) .track-card__art-inner:after{width:4px;height:4px;border-radius:50%;background:#ffffff40;border:none;box-shadow:16px 0 #ffffff40,-16px 0 #ffffff40,0 16px #ffffff40,0 -16px #ffffff40}.track-card__number{position:absolute;top:var(--space-12);left:var(--space-12);font-family:var(--font-mono);font-size:11px;color:#ffffffb3;background:#00000080;padding:var(--space-2) var(--space-8);border-radius:var(--radius-sm)}.track-card__body{padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-10)}.track-card__title{font-size:var(--text-sm);font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card__meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground)}.track-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-6)}.track-card__actions{display:flex;gap:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border)}.drops{background:linear-gradient(180deg,var(--background) 0%,color-mix(in srgb,var(--primary) 4%,var(--background)) 50%,var(--background) 100%)}.drops__header{text-align:center;margin-bottom:var(--space-48)}.drops__title{font-size:clamp(var(--text-3xl),5vw,var(--semantic-typography-heading-h4-font-size));font-weight:var(--semantic-typography-heading-h4-font-weight);color:var(--foreground);margin-bottom:var(--space-12)}.drops__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.drops__disclaimer{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);opacity:.5;text-align:center;margin-top:var(--space-8)}.drops__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-24)}.drop-card{background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color .3s}.drop-card:hover{border-color:var(--secondary)}.drop-card__art{aspect-ratio:4 / 3;position:relative;overflow:hidden}.drop-card__art-inner{width:100%;height:100%;position:relative}.drop-card__art-inner:before,.drop-card__art-inner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.15);pointer-events:none}.drop-card:nth-child(4n+1) .drop-card__art-inner:before{width:56px;height:56px;border-radius:50%}.drop-card:nth-child(4n+1) .drop-card__art-inner:after{width:20px;height:20px;border-radius:50%}.drop-card:nth-child(4n+2) .drop-card__art-inner:before{width:48px;height:48px;transform:translate(-50%,-50%) rotate(45deg)}.drop-card:nth-child(4n+2) .drop-card__art-inner:after{width:24px;height:60px;border-radius:50%}.drop-card:nth-child(4n+3) .drop-card__art-inner:before{width:72px;height:1.5px;border:none;background:#ffffff26}.drop-card:nth-child(4n+3) .drop-card__art-inner:after{width:1.5px;height:72px;border:none;background:#ffffff26}.drop-card:nth-child(4n+4) .drop-card__art-inner:before{width:56px;height:32px;border-radius:50%}.drop-card:nth-child(4n+4) .drop-card__art-inner:after{width:32px;height:56px;border-radius:50%}.drop-card__badge{position:absolute;top:var(--space-12);right:var(--space-12);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.drop-card__badge--live{background:var(--success);color:var(--success-foreground)}.drop-card__badge--upcoming{background:var(--warning);color:var(--warning-foreground)}.drop-card__badge--sold-out{background:var(--muted);color:var(--muted-foreground)}.drop-card__body{padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-12)}.drop-card__name{font-size:var(--text-lg);font-weight:600;color:var(--foreground)}.drop-card__details{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);display:flex;flex-direction:column;gap:var(--space-4)}.drop-card__unlocks{display:flex;flex-wrap:wrap;gap:var(--space-6)}.drop-card__countdown{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--warning);font-weight:600}.drop-card__footer{padding-top:var(--space-12);border-top:1px solid var(--border)}.lore{border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.lore:before{content:"";position:absolute;inset:0;background:url(/feature-bg.png) center / cover no-repeat;opacity:.3;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent),linear-gradient(to right,transparent 5%,black 50%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent),linear-gradient(to right,transparent 5%,black 50%);-webkit-mask-composite:source-in;pointer-events:none}.lore__layout{max-width:720px;padding:0 var(--space-40)}.lore__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-24)}.lore__title{font-size:clamp(var(--text-2xl),4vw,var(--semantic-typography-heading-h5-font-size));font-weight:var(--semantic-typography-heading-h5-font-weight);color:var(--foreground);margin-bottom:var(--space-32)}.lore__body p{font-size:var(--text-lg);color:var(--muted-foreground);line-height:1.8;margin-bottom:var(--space-24)}.lore__pullquote{border-left:3px solid var(--destructive);padding-left:var(--space-24);margin:var(--space-40) 0;font-size:var(--text-xl);font-weight:500;color:var(--foreground);line-height:1.5;font-style:italic}.lore__timeline{margin-top:var(--space-48);display:flex;flex-direction:column;gap:var(--space-24)}.lore__timeline-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-16);align-items:start}.lore__timeline-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);font-weight:600}.lore__timeline-text{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.6}.factions__header{text-align:center;margin-bottom:var(--space-48)}.factions__title{font-size:clamp(var(--text-3xl),5vw,var(--semantic-typography-heading-h4-font-size));font-weight:var(--semantic-typography-heading-h4-font-weight);color:var(--foreground);margin-bottom:var(--space-12)}.factions__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.factions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-20)}@media(max-width:960px){.factions__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.factions__grid{grid-template-columns:1fr}}.faction-card{background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-16);transition:border-color .2s}.faction-card__image{aspect-ratio:16 / 9;position:relative;overflow:hidden}.faction-card__image:before,.faction-card__image:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.2);pointer-events:none}.faction-card:nth-child(4n+1) .faction-card__image:before{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 14px transparent,0 0 0 15.5px #fff3}.faction-card:nth-child(4n+1) .faction-card__image:after{width:1.5px;height:56px;border:none;background:#ffffff26;box-shadow:-28px 27px 0 56px #fff0,0 0 0 0 transparent}.faction-card:nth-child(4n+2) .faction-card__image:before{width:56px;height:56px;transform:translate(-50%,-50%) rotate(45deg)}.faction-card:nth-child(4n+2) .faction-card__image:after{width:48px;height:48px;border-radius:50%;transform:translate(-35%,-65%)}.faction-card:nth-child(4n+3) .faction-card__image:before{width:52px;height:52px;transform:translate(-56%,-56%)}.faction-card:nth-child(4n+3) .faction-card__image:after{width:52px;height:52px;transform:translate(-44%,-44%)}.faction-card:nth-child(4n+4) .faction-card__image:before{width:80px;height:44px;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg)}.faction-card:nth-child(4n+4) .faction-card__image:after{width:44px;height:80px;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg)}.faction-card:hover{border-color:var(--ring)}.faction-card__name{font-size:var(--text-lg);font-weight:600;color:var(--foreground);padding:0 var(--space-24)}.faction-card__palette,.faction-card__typography,.faction-card__mood{padding:0 var(--space-24)}.faction-card__mood{padding-bottom:var(--space-24)}.faction-card__palette{display:flex;gap:var(--space-4);height:40px;border-radius:var(--radius-lg);overflow:hidden}.faction-card__swatch{flex:1;transition:flex .3s}.faction-card:hover .faction-card__swatch:hover{flex:2}.faction-card__typography{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.faction-card__mood{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.5;font-style:italic}.tokens-section{background:linear-gradient(180deg,var(--background) 0%,color-mix(in srgb,var(--primary) 5%,var(--background)) 50%,var(--background) 100%);border-top:1px solid var(--border)}.tokens-section__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-64);align-items:center}.tokens-section__visual{display:flex;flex-direction:column;gap:var(--space-12)}.token-snippet{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-16);background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:13px}.token-snippet__name{color:var(--secondary)}.token-snippet__value{color:var(--muted-foreground)}.token-snippet__swatch{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border)}.tokens-section__copy{display:flex;flex-direction:column;gap:var(--space-24)}.tokens-section__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--primary);text-transform:uppercase;letter-spacing:.15em}.tokens-section__title{font-size:clamp(var(--text-2xl),4vw,var(--text-5xl));font-weight:var(--semantic-typography-heading-h4-font-weight);color:var(--foreground);line-height:1.2}.tokens-section__description{font-size:var(--text-lg);color:var(--muted-foreground);line-height:1.7}.tokens-section__actions{display:flex;justify-content:center;gap:var(--space-12);flex-wrap:wrap;margin-top:var(--space-48)}@media(max-width:768px){.tokens-section__layout{grid-template-columns:1fr;gap:var(--space-40)}}.testimonials__header{text-align:center;margin-bottom:var(--space-48)}.testimonials__title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:600;color:var(--foreground)}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-20)}.testimonial-card{background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-28);display:flex;flex-direction:column;gap:var(--space-20)}.testimonial-card__quote{font-size:var(--text-lg);color:var(--foreground);line-height:1.6;font-style:italic}.testimonial-card__quote:before{content:"“";font-size:var(--text-3xl);color:var(--primary);line-height:0;vertical-align:-.3em;margin-right:var(--space-4)}.testimonial-card__source{display:flex;align-items:center;gap:var(--space-12)}.testimonial-card__avatar{width:36px;height:36px;border-radius:var(--radius-full);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:#fff}.testimonial-card__name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-foreground)}@media(max-width:640px){.testimonials__grid{grid-template-columns:1fr}}.newsletter{text-align:center;background:linear-gradient(180deg,var(--background),color-mix(in srgb,var(--destructive) 5%,var(--background)))}.newsletter__title{font-size:clamp(var(--text-3xl),5vw,var(--semantic-typography-heading-h4-font-size));font-weight:var(--semantic-typography-heading-h4-font-weight);color:var(--foreground);margin-bottom:var(--space-12)}.newsletter__description{font-size:var(--text-lg);color:var(--muted-foreground);max-width:520px;margin:0 auto var(--space-36)}.newsletter__form{display:flex;gap:var(--space-12);max-width:560px;margin:0 auto var(--space-16);flex-wrap:wrap;justify-content:center}.newsletter__input{flex:1;min-width:200px;padding:var(--space-12) var(--space-20);background:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-sm)}.newsletter__input::placeholder{color:var(--muted-foreground)}.newsletter__input:focus{outline:none;border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.newsletter__select{padding:var(--space-12) var(--space-20);padding-right:var(--space-36);background-color:var(--surface-raised, var(--accent));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-sm);font-family:var(--font-sans);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23908e96' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.newsletter__disclaimer{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);opacity:.5}@media(max-width:640px){.newsletter__form{flex-direction:column}}.footer{border-top:1px solid var(--border);padding:var(--space-48) 0 var(--space-32)}.footer__top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-40);margin-bottom:var(--space-48)}.footer__brand-description{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.7;max-width:320px}.footer__column-title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground);margin-bottom:var(--space-16)}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-10)}.footer__links li a{font-size:var(--text-sm);color:var(--muted-foreground);transition:color .2s}.footer__links li a:hover{color:var(--foreground)}.footer__bottom{padding-top:var(--space-24);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-16)}.footer__disclaimer{font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);opacity:.6;max-width:640px;line-height:1.6}.footer__socials{display:flex;gap:var(--space-12)}.footer__social-link{width:32px;height:32px;border-radius:var(--radius-lg);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted-foreground);font-size:14px;transition:border-color .2s,color .2s}.footer__social-link:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:768px){.footer__top{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer__top{grid-template-columns:1fr}}