:root{color-scheme:dark;--gold:#d6b86f;--white:#f7f2eb}*{box-sizing:border-box}html{min-height:100%;background:#080b10}body{margin:0;min-height:100vh;color:var(--white);font-family:Inter,sans-serif}.scene{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(4,7,12,.91),rgba(4,7,12,.71) 48%,rgba(4,7,12,.84)),url('/assets/bg.png') center/cover no-repeat}.scene:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 44% 50%,transparent 0%,rgba(0,0,0,.48) 80%)}.scene-glow{position:absolute;width:650px;height:650px;left:15%;top:15%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(199,146,67,.16),transparent 68%);filter:blur(45px)}.content{width:min(1240px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,125px);align-items:center;padding:90px 0 75px}.art{height:480px;position:relative;min-width:0;filter:drop-shadow(0 35px 45px rgba(0,0,0,.48))}.record{position:absolute;width:385px;height:385px;top:46px;left:24%;border-radius:50%;background:repeating-radial-gradient(circle at center,#101114 0px,#101114 2px,#222326 3px,#090a0c 5px,#111214 7px);box-shadow:inset 0 0 0 2px #232427,0 0 0 1px #070708,16px 12px 35px #0008;animation:spin 22s linear infinite}.record:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent 0deg,#ffffff16 35deg,transparent 65deg,transparent 170deg,#ffffff20 205deg,transparent 238deg,transparent 300deg,#ffffff0d 325deg,transparent 360deg)}.record-rings{position:absolute;inset:22px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 17px #ffffff04,0 0 0 37px #ffffff04}.record-label{position:absolute;inset:calc(50% - 74px);border-radius:50%;background:radial-gradient(circle at 30% 25%,#3c3430,#17191f 68%,#090b10);border:3px solid #373331;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.label-moon{height:34px;width:34px;border-radius:50%;box-shadow:-8px 2px 0 -1px var(--gold);transform:rotate(-25deg);margin-left:14px}.label-brand{font-size:11px;letter-spacing:2px;font-weight:700}.label-caption{font-size:5px;letter-spacing:1px;color:#cbbda6}.record-hole{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#060606;border:1px solid #777}.sleeve{position:absolute;left:0;top:12px;width:380px;height:440px;border-radius:8px;background:#0d131e;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff21,14px 18px 35px #000a,3px 0 0 #2b2927}.sleeve:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff25,transparent 32%,transparent 74%,#0009),linear-gradient(90deg,#0006,transparent 8%);mix-blend-mode:screen}.sleeve-art{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:36px;background:linear-gradient(180deg,#06091088,#08132222 40%,#060912df),url('/assets/maintenance-cover.svg') center/cover no-repeat}.sleeve-moon{position:absolute;top:13%;left:50%;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;box-shadow:-18px 6px 0 -6px #e2d5b4;opacity:.9;display:none}.sleeve-name{font-family:'Playfair Display',serif;letter-spacing:6px;font-size:28px;text-shadow:0 2px 18px #000}.sleeve-detail{font-size:9px;letter-spacing:2px;color:#e0c78e;margin-top:14px;text-align:center}.copy{position:relative;z-index:1;animation:appear 1.2s ease both}.eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:3px;color:var(--gold)}.eyebrow-line{height:1px;width:32px;background:var(--gold)}h1{font:500 clamp(58px,6.2vw,96px)/1.05 'Playfair Display',serif;letter-spacing:-2px;margin:26px 0}h1 em{font-style:normal;color:#e3c891}.description{max-width:450px;color:#c3c0bd;font:400 clamp(16px,1.5vw,19px)/1.85 'Playfair Display',serif;margin:0 0 32px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:51px;padding:0 27px;border-radius:30px;background:linear-gradient(135deg,#f0dfb3,#c4a364);color:#151310;font-size:11px;letter-spacing:1.7px;font-weight:700;text-decoration:none;box-shadow:0 6px 24px #caa96d22;transition:transform .25s,box-shadow .25s}.primary:hover,.primary:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px #caa96d55}.primary span{font-size:17px}.status{margin:35px 0 0;display:flex;align-items:center;gap:10px;color:#92959b;font-size:9px;letter-spacing:1.8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#d6b86f;box-shadow:0 0 13px #d6b86f;animation:pulse 3s ease-in-out infinite}footer{width:min(1240px,calc(100% - 100px));margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:20px 0 28px;color:#929093;font-size:9px;letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.content{width:min(740px,calc(100% - 44px));grid-template-columns:1fr;gap:25px;padding:60px 0 40px;text-align:center}.art{width:460px;max-width:100%;margin:auto}.copy{display:flex;align-items:center;flex-direction:column}.description{margin-left:auto;margin-right:auto}.status{justify-content:center}footer{width:calc(100% - 44px)}}@media(max-width:540px){.content{padding:45px 0 35px}.art{height:330px;width:310px}.sleeve{width:260px;height:305px;top:5px}.record{width:270px;height:270px;top:25px;left:18%}.record-label{inset:calc(50% - 55px)}.sleeve-name{font-size:20px;letter-spacing:4px}.sleeve-detail{font-size:7px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(49px,13vw,67px);margin:22px 0}.description{font-size:16px;line-height:1.65}footer{flex-direction:column;align-items:center;text-align:center;gap:9px;font-size:8px}}@media(prefers-reduced-motion:reduce){.record,.status-dot,.copy{animation:none}.primary{transition:none}}

/* Dedicated artwork and photorealistic vinyl surface */
.sleeve{aspect-ratio:8/9;box-shadow:inset 0 0 0 1px #ffffff24, 2px 0 0 #53473d, 7px 3px 0 #17191b, 20px 28px 46px #000b}
.sleeve-art{padding:0;background-image:url('/assets/maintenance-cover.svg');background-position:center;background-size:cover}
.sleeve-name,.sleeve-detail{display:none}
.sleeve::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(112deg,#ffffff20 0%,transparent 21%,transparent 72%,#0008 100%);border-radius:inherit}
.record{overflow:hidden;background:repeating-radial-gradient(circle at center,#0a0b0d 0px,#17181a 1px,#0c0d0f 2px,#222326 2.7px,#08090a 3.6px,#131416 4.5px);box-shadow:inset 0 0 0 2px #333, inset 0 0 0 7px #090909, 0 0 0 1px #000, 18px 22px 40px #000b}
.record::before{background:conic-gradient(from 14deg,#ffffff03 0deg,#ffffff2b 34deg,#ffffff04 63deg,#0008 98deg,#ffffff12 139deg,#ffffff03 170deg,#ffffff2d 216deg,#0008 264deg,#ffffff15 316deg,#ffffff03 360deg);mix-blend-mode:screen}
.record::after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid #ffffff18;box-shadow:inset 0 0 0 9px #0002,0 0 0 2px #0009;pointer-events:none}
.record-rings{inset:18px;border:1px solid #ffffff12;box-shadow:0 0 0 9px #ffffff04,0 0 0 29px #ffffff06,0 0 0 49px #ffffff04,0 0 0 72px #ffffff03}
.record-label{z-index:1;background:radial-gradient(circle at 25% 22%,#bfa071 0%,#7c6042 31%,#26232a 72%,#0d0d12 100%);border:3px solid #0c0c0e;box-shadow:0 0 0 2px #a78b6440,0 0 0 5px #050506}
.record-hole{z-index:2;background:#030303;border-color:#b6a48b}
@media(max-width:540px){.record-rings{inset:14px}}

/* Vinyl V3 — detailed physical record, independent from sleeve artwork */
.record {
  isolation:isolate;
  background: #08090b url('/assets/maintenance-vinyl.svg') center / 100% 100% no-repeat;
  box-shadow: inset 0 0 0 2px #343436, inset 0 0 0 6px #08090a, 0 0 0 1px #050506, 15px 19px 37px rgba(0,0,0,.75);
}
.record::before {
  z-index:0;
  background:conic-gradient(from 8deg,transparent 0deg,rgba(255,255,255,.13) 31deg,transparent 57deg,transparent 127deg,rgba(255,255,255,.085) 166deg,transparent 201deg,transparent 275deg,rgba(255,255,255,.13) 311deg,transparent 343deg);
  mix-blend-mode:screen;
}
.record::after {inset:5px;border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 0 0 3px #0008, inset 0 0 18px #000b}
.record-rings {inset:16px;border:1px solid #ffffff0b;box-shadow:0 0 0 10px #ffffff03,0 0 0 32px #ffffff03,0 0 0 61px #ffffff02}
.record-label {inset:calc(50% - 61px);border:2px solid #1c1715;box-shadow:0 0 0 2px #9a815047,0 0 0 6px #080809; background:radial-gradient(circle at 31% 22%,#9c8057,#594632 36%,#242028 77%,#131318)}
.record-hole {left:calc(50% - 3px);top:calc(50% - 3px)}
@media(max-width:540px){.record-label{inset:calc(50% - 46px)}.label-brand{font-size:8px;letter-spacing:1px}.label-caption{font-size:4px}.label-moon{transform:rotate(-25deg) scale(.75);margin-bottom:-5px}}