
/* COLORS: Change these values to make the site your own. */
:root{--bg:#080813;--panel:color-mix(in srgb, #A0BDDB 8%, #080813);--ink:#A0BDDB;--muted:#A0BDDB;--accent:#FF5A1F;--line:#A0BDDB33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1440px;margin:auto;padding:0 5.2%}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--accent)}.skip{position:fixed;top:-80px;left:20px;background:var(--accent);color:#080813;padding:14px;z-index:100}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:20;background:#080813f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:900;font-size:23px;letter-spacing:-1px}.logo span{color:var(--accent)}.nav-middle{display:flex;gap:30px;align-items:center;font-size:12px}.active{display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.nav-right{display:flex;align-items:center;gap:28px}.yt-top{font-size:12px;color:var(--muted)}details{position:relative}summary{list-style:none;cursor:pointer;display:flex;gap:28px;align-items:center;font-size:12px;padding:11px 15px;border:1px solid #A0BDDB45;border-radius:4px}summary::-webkit-details-marker{display:none}summary span{transition:transform .2s}details[open] summary span{transform:rotate(180deg)}.dropdown{position:absolute;right:0;top:calc(100% + 14px);width:240px;background:color-mix(in srgb, #A0BDDB 8%, #080813);border:1px solid #A0BDDB45;padding:8px;border-radius:5px;box-shadow:0 18px 60px #08081388}.dropdown a{padding:15px;display:flex;justify-content:space-between;font-size:14px;border-radius:3px}.dropdown a:hover{background:var(--accent);color:var(--bg)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding-top:65px;padding-bottom:70px;min-height:620px;align-items:center}.hero-label{display:flex;align-items:center;gap:12px}.hero h1{font-size:clamp(58px,6.6vw,98px);line-height:.94;letter-spacing:-6px;font-weight:900;margin:27px 0}.hero h1 em{font-style:normal;color:var(--accent)}.intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:380px;margin:25px 0 29px}.intro strong{color:var(--ink);font-weight:400}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#080813;padding:17px 21px;border-radius:3px;font-size:12px;font-weight:700;border:0;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#FF5A1F;transform:translateY(-2px)}.text-link{font-size:12px;padding:12px 0;border-bottom:1px solid #A0BDDB45}.text-link:hover{color:var(--accent)}.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-frame{position:absolute;inset:5% 0;border:1px solid #A0BDDB45;border-radius:50%;transform:rotate(-16deg)}.art-frame:after{content:'';position:absolute;inset:16px -17px;border:1px solid #A0BDDB45;border-radius:50%}.record{position:relative;width:90%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#080813 0px,#080813 2px,#A0BDDB45 3px,#080813 4px);box-shadow:18px 28px 50px #08081388;transform:rotate(-19deg);overflow:hidden}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,#A0BDDB22 40deg,transparent 70deg,transparent 170deg,#A0BDDB22 220deg,transparent 250deg)}.label{position:absolute;inset:28%;background:var(--accent);color:#080813;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.label-top{font:9px 'Courier New',monospace;letter-spacing:2px}.label strong{font-size:clamp(30px,5.6vw,74px);letter-spacing:-5px;line-height:1.3}.label-bottom{font:8px 'Courier New',monospace;letter-spacing:2px}.spindle{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;background:var(--bg);border:2px solid #FF5A1F;border-radius:50%;z-index:2}.art-note{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font:9px 'Courier New',monospace;letter-spacing:1.4px}.sticker{position:absolute;right:-3px;top:12%;z-index:3;border:1px solid #A0BDDB45;border-radius:50%;background:color-mix(in srgb, #A0BDDB 8%, #080813);width:95px;height:95px;display:grid;place-content:center;text-align:center;transform:rotate(13deg);font:10px/1.6 'Courier New',monospace;color:var(--accent);letter-spacing:2px}.strip{border-block:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:20px;font:10px 'Courier New',monospace;letter-spacing:2px;color:var(--muted)}.strip span:nth-child(2){color:var(--accent)}section{padding-top:70px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}h2{font-size:clamp(34px,4vw,53px);line-height:1.05;letter-spacing:-2.5px;margin:10px 0 0}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.record-link{display:block}.cover{aspect-ratio:1;position:relative;overflow:hidden;transition:transform .3s;border-radius:2px}.record-link:hover .cover{transform:translateY(-5px)}.cover small{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:2px;z-index:3}.cover .sleeve-name{position:absolute;left:20px;right:20px;bottom:20px;z-index:3;font-size:clamp(25px,3vw,44px);font-weight:900;letter-spacing:-2px}.cover-one{background:#A0BDDB;color:#080813}.cover-one:before{content:'';position:absolute;width:85%;height:85%;left:30%;top:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#A0BDDB,#A0BDDB 32%,#A0BDDB 60%,#080813 77%);box-shadow:-18px 10px 70px #A0BDDB}.cover-one:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#08081310 0px,#08081310 1px,transparent 1px,transparent 4px)}.cover-two{background:#A0BDDB;color:#080813}.switch-mark{position:absolute;inset:17% 15%;font-size:clamp(120px,20vw,270px);line-height:1;text-align:center;font-weight:900;transform:rotate(-12deg);color:#080813}.cover-three{background:#FF5A1F;color:#080813}.no-reply-mark{position:absolute;inset:23%;border-radius:50%;border:1px solid #A0BDDB45;box-shadow:0 0 0 14px #FF5A1F,0 0 0 15px #A0BDDB45,0 0 0 32px #FF5A1F,0 0 0 33px #A0BDDB45,0 0 0 54px #FF5A1F,0 0 0 55px #A0BDDB45;background:#080813}.no-reply-mark:after{content:'';position:absolute;width:135%;height:8%;background:#FF5A1F;left:-17%;top:47%;transform:rotate(-45deg)}.play-circle{position:absolute;right:16px;bottom:17px;width:38px;height:38px;background:#080813e8;color:#A0BDDB;border-radius:50%;display:grid;place-items:center;font-size:12px;z-index:4}.record-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.record-meta h3{margin:0;font-size:17px;letter-spacing:-.4px}.record-meta p{font:10px 'Courier New',monospace;color:var(--muted);margin:7px 0 0}.record-arrow{color:var(--muted);font-size:23px}.art-disclosure{font:10px/1.6 'Courier New',monospace;color:var(--muted);margin-top:26px}.youtube-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.youtube-copy p{max-width:370px;color:var(--muted);font-size:14px;line-height:1.8;margin:23px 0 28px}.youtube-visual{background:var(--accent);color:#080813;min-height:285px;padding:27px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px}.youtube-visual:before{content:'02';position:absolute;right:-10px;top:-65px;font-size:330px;font-weight:900;letter-spacing:-35px;line-height:1;color:#FF5A1F}.youtube-visual>*{position:relative}.yt-icon{width:75px;height:51px;border-radius:13px;background:#080813;display:grid;place-items:center;color:var(--accent);font-size:22px;margin:32px 0}.channel-handle{font-size:25px;font-weight:700;letter-spacing:-1px}.youtube-visual .eyebrow{display:flex;justify-content:space-between}.more-sections{border-top:1px solid var(--line);padding-top:0;padding-bottom:0}.detail-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;border-bottom:1px solid var(--line);padding:45px 0}.detail-section h2{font-size:34px}.detail-section p{font-size:14px;line-height:1.8;max-width:470px;color:var(--muted);margin:4px 0 18px}.soon{font:9px 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;border:1px solid #A0BDDB45;border-radius:3px;padding:7px 9px;color:var(--accent);display:inline-block;margin-bottom:12px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px 0}footer .logo{font-size:18px}footer .eyebrow{font-size:9px;letter-spacing:1px}.back-top{font-size:12px;color:var(--muted)}@media(min-width:1500px){.hero{min-height:700px}.hero-art{min-height:520px}}@media(max-width:900px){.nav-middle{display:none}.hero h1{letter-spacing:-4px;font-size:65px}.hero-art{min-height:350px}.hero{min-height:530px}.sticker{width:75px;height:75px;font-size:8px}.youtube-section{gap:30px}.cover .sleeve-name{font-size:28px}.play-circle{width:30px;height:30px;right:10px;bottom:12px}.cover small{font-size:7px;left:14px;right:14px}.cover .sleeve-name{left:14px;bottom:14px}.records-grid{gap:17px}}@media(max-width:620px){.wrap{padding:0 6%}.nav{height:72px}.logo{font-size:21px}.yt-top{display:none}.nav-right{gap:0}.hero{grid-template-columns:1fr;gap:30px;padding-top:43px;padding-bottom:32px}.hero h1{font-size:clamp(58px,14vw,86px);letter-spacing:-4px;margin-top:23px}.intro{font-size:14px;max-width:95%}.hero-art{min-height:350px;max-width:380px;width:100%;margin:0 auto}.record{width:83%}.label strong{font-size:55px}.art-frame{inset:5% 5%}.art-note{bottom:-8px;font-size:8px}.sticker{right:0;top:8%;width:80px;height:80px}.strip{margin-top:22px;font-size:8px;letter-spacing:1px}.strip span:last-child{display:none}section{padding-block:45px}.section-heading{align-items:start}.section-heading .text-link{font-size:10px;text-align:right;white-space:nowrap}h2{font-size:39px;letter-spacing:-2px}.records-grid{grid-template-columns:1fr;gap:32px}.cover .sleeve-name{font-size:43px;left:23px;bottom:23px}.cover small{font-size:10px;left:23px;top:23px;right:23px}.switch-mark{font-size:240px}.play-circle{width:43px;height:43px;right:20px;bottom:21px}.record-meta h3{font-size:20px}.youtube-section{grid-template-columns:1fr;gap:28px}.youtube-visual{min-height:260px}.detail-section{grid-template-columns:1fr;gap:20px;padding:35px 0}.detail-section h2{font-size:34px}footer{flex-wrap:wrap}footer .eyebrow{width:100%;order:3}.dropdown{width:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.cover img{display:block;width:100%;height:100%;object-fit:cover}

/* Navy, powder blue, electric orange, and scroll-reactive decorative objects. */
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 12%,#A0BDDB23,transparent 45%),var(--bg)}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.ambient-object{position:absolute;display:block;will-change:transform}
.ambient-glow{width:410px;height:410px;right:-210px;top:17%;border-radius:50%;background:radial-gradient(circle,#A0BDDB23,transparent 70%)}
.ambient-ring{width:250px;height:250px;left:-185px;top:62%;border:1px solid #A0BDDB23;border-radius:50%}
.ambient-ring:after{content:'';position:absolute;inset:23px;border:1px solid #A0BDDB23;border-radius:50%}
.ambient-spark{right:1%;top:64%;font-size:75px;line-height:1;color:#FF5A1F28}
.ambient-diamond{left:2%;top:15%;width:27px;height:27px;border:1px solid #A0BDDB23;transform:rotate(45deg)}
.hero h1{font-size:clamp(58px,6.6vw,98px)}
.hero-ace{display:inline-block;font-size:1.52em;line-height:.87;letter-spacing:-.065em;text-shadow:0 0 65px #FF5A1F10}
.hero-rest{font-size:.77em;letter-spacing:-.055em;white-space:nowrap}
.reveal-ready{transform:translateY(24px);transition:transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-visible{transform:translateY(0)}
@media(max-width:620px){.hero h1{font-size:clamp(58px,14vw,86px)}.ambient-ring{width:180px;height:180px;left:-145px}.ambient-spark{right:-19px;font-size:57px}.ambient-diamond{left:-12px}.ambient-glow{right:-280px}}
@media(prefers-reduced-motion:reduce){.ambient-object{will-change:auto}.reveal-ready{transform:none!important;transition:none!important}}

/* Shared pages and embedded music. */
.page-nav{display:flex;gap:25px;align-items:center;font-size:12px}.page-nav a[aria-current=page]{color:var(--accent)}
.page-nav a:hover{color:var(--accent)}.page-head{padding:65px 0 35px}.page-head h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.06em;line-height:1;margin:25px 0}.page-head p{color:var(--muted);max-width:580px;line-height:1.8;font-size:15px}.page-head .eyebrow{color:var(--accent)}
.archive-link{color:var(--muted);font-size:10px}.archive-link:hover{color:var(--accent)}
.sculpture-motion{width:100%;height:380px;position:relative;display:flex;align-items:center;justify-content:center}
.signal-sculpture{display:flex;align-items:center;justify-content:center;gap:10px;width:90%;height:340px;transform:perspective(650px) rotateY(-24deg) rotateZ(-16deg);filter:drop-shadow(20px 22px 25px #08081388)}
.signal-bar{width:23px;height:var(--height);border-radius:14px;background:linear-gradient(100deg,#FF5A1F,#FF5A1F 20%,#A0BDDB 65%,#080813);box-shadow:inset 2px 0 2px #FF5A1Faa,inset -4px 0 8px #080813aa,4px 5px 1px #080813;position:relative}
.signal-bar:nth-child(even){background:linear-gradient(100deg,#A0BDDB,#A0BDDB 22%,#A0BDDB 68%,#080813)}
.signal-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse,#A0BDDB23,transparent 68%);filter:blur(20px);z-index:-1}
.signal-caption{position:absolute;right:5%;bottom:35px;transform:rotate(-10deg);padding:15px 21px;background:color-mix(in srgb, #A0BDDB 8%, #080813);border:1px solid #A0BDDB45;border-radius:3px;font:11px 'Courier New',monospace;letter-spacing:3px;color:var(--accent)}
.signal-caption strong{font:900 37px Arial,sans-serif;letter-spacing:-2px;display:block;margin-bottom:5px}
.spotify-mini{margin-top:18px}.spotify-frame{border:0;border-radius:12px;width:100%;display:block;background:color-mix(in srgb, #A0BDDB 8%, #080813)}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:50px}.release-card{padding:22px;background:color-mix(in srgb, #A0BDDB 8%, #080813);border:1px solid var(--line);border-radius:10px}.release-card h2{font-size:25px;letter-spacing:-1px;margin:0 0 10px}.release-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.release-meta{color:var(--muted);font:10px/1.6 'Courier New',monospace;letter-spacing:1px}.release-head a{color:var(--accent);font-size:12px}.track-names{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 0}.catalog-note{font-size:12px;color:var(--muted);line-height:1.7}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.filters label{font-size:12px;color:var(--muted)}.filters input{font:14px Arial,sans-serif;padding:13px 15px;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--ink);width:260px;max-width:100%}.filters input:focus{outline:2px solid var(--accent);outline-offset:2px}.filters button{border:1px solid #A0BDDB45;background:transparent;color:var(--ink);padding:12px 16px;border-radius:4px;cursor:pointer;font-size:12px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}[hidden]{display:none!important}.empty-results{color:var(--muted);padding-bottom:40px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:60px}.video-card h2{font-size:21px;line-height:1.25;letter-spacing:-.5px;margin:16px 0 10px}.video-stage{aspect-ratio:16/9;background:var(--panel);position:relative;overflow:hidden;border-radius:7px;border:1px solid var(--line)}.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-launch{display:block;width:100%;height:100%;position:absolute;inset:0;padding:0;border:0;background:var(--panel);color:#A0BDDB;cursor:pointer}.video-launch img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.video-launch:hover img{transform:scale(1.04)}.video-launch:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#08081399)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);color:var(--bg);border-radius:50%;width:58px;height:58px;display:grid;place-items:center;z-index:1;font-size:20px;box-shadow:0 5px 30px #08081366}.video-duration{position:absolute;right:12px;bottom:12px;background:#080813e8;border-radius:4px;padding:5px 8px;z-index:1;font:11px 'Courier New',monospace}.video-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.video-footer a{font-size:12px;color:var(--accent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0 60px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(145deg,color-mix(in srgb, #A0BDDB 8%, #080813),color-mix(in srgb, #A0BDDB 8%, #080813));padding:36px;border:1px solid #A0BDDB45;border-radius:8px;min-width:0}.contact-card h2{font-size:33px;margin:22px 0 20px}.contact-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 25px}.contact-address{font-size:clamp(14px,1.65vw,22px);color:var(--accent);overflow-wrap:anywhere;margin:5px 0 30px}.contact-card .btn{margin-top:auto}.contact-help{max-width:750px;color:var(--muted);font-size:14px;line-height:1.9;padding:0 0 65px}.home-contact{font-size:12px!important;margin-top:22px!important}.home-contact a{color:var(--accent);overflow-wrap:anywhere}.hero-art{overflow:visible}
@media(max-width:1000px){.page-nav{gap:18px}.signal-sculpture{gap:7px}.signal-bar{width:19px}.signal-caption{right:0}.contact-card{padding:26px}}
@media(max-width:760px){.page-nav{display:none}.catalog-grid,.video-grid,.contact-grid{grid-template-columns:1fr}.page-head{padding-top:40px}.page-head h1{font-size:56px}.contact-address{font-size:20px}.signal-sculpture{gap:9px}.signal-bar{width:21px}.signal-caption{bottom:5px}.catalog-grid{gap:18px}.release-card{padding:16px}footer{flex-wrap:wrap}.archive-link{order:4}.filters input{width:100%}.filters label{width:100%}.filters{gap:8px}}
@media(prefers-reduced-motion:reduce){.video-launch img{transition:none}}

/* Palette refinements: every UI color derives from the three brand colors. */
.btn:hover{background:var(--ink);color:var(--bg)}
.youtube-visual:before{color:#08081320}
.release-card,.contact-card,.spotify-frame{background:var(--panel)}
.video-launch{color:var(--ink)}

/* Original graffiti wallpaper stays behind all reading and interactive surfaces. */
body::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('graffiti-wall.svg');background-position:center 85px;background-size:max(1200px,100vw) auto;background-repeat:repeat-y;opacity:.42}
@media(max-width:760px){body::before{background-image:url('graffiti-mobile.svg');background-size:100% auto;background-position:center 72px;opacity:.62}}
