@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#08070b;--ink:#f7f3f7;--muted:#c7bac6;--orange:#ff721b;--pink:#ed188e;--purple:#8731ed;--gradient:linear-gradient(102deg,var(--orange) 0%,var(--pink) 52%,var(--purple) 100%);font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(100% - 8vw,1480px);margin-inline:auto}.skip-link{position:absolute;left:10px;top:-80px;background:white;color:#111;padding:12px;z-index:20}.skip-link:focus{top:10px}.topline{height:3px;background:var(--gradient)}.header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.wordmark{display:flex;gap:11px;align-items:center;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:.095em;line-height:1.07;font-size:13px}.wordmark img{width:56px;height:56px}.wordmark strong{font-size:18px}.wordmark small{font-size:9px;letter-spacing:.43em;display:block;margin-top:4px;color:#cbbccc}.header-contact{border:1px solid #946277;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.15em;white-space:nowrap;transition:background .2s}.header-contact:hover{background:#3a1d31}.header-contact span{font-size:18px;margin-left:25px;color:#ff8656}.hero{min-height:min(770px,calc(100svh - 190px));display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3vw;position:relative;padding-block:65px 95px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.23em;color:#eccbd8}.line{height:2px;width:35px;background:var(--gradient)}.dot{color:#fe785d}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(3.7rem,6.75vw,8.1rem);line-height:.99;letter-spacing:-.065em;font-weight:800;margin:30px 0 32px;white-space:nowrap}h1 em{font-style:normal;background:var(--gradient);color:transparent;background-clip:text}.period{color:#f69a63}.intro{font-family:Manrope,Arial,sans-serif;font-size:clamp(18px,1.55vw,25px);font-weight:700;margin-bottom:11px}.details{font-size:16px;line-height:1.75;color:var(--muted);max-width:530px;margin-bottom:0}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:62px;padding:17px 23px;background:var(--gradient);font-size:11px;font-weight:800;letter-spacing:.12em;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.13)}.button span{font-size:18px}.secondary-link{border-bottom:1px solid #a1758e;padding:14px 0;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.secondary-link:hover{color:#ff9abb}.secondary-link span{font-size:16px;margin-left:17px}.hero-art{height:min(42vw,610px);min-height:400px;position:relative;display:grid;place-items:center}.glow{position:absolute;inset:8%;background:radial-gradient(circle,rgba(222,30,150,.18) 0%,rgba(147,30,198,.08) 41%,transparent 72%);filter:blur(8px)}.record-ring{width:min(100%,560px);aspect-ratio:1;display:grid;place-items:center;position:relative}.record-ring:before,.record-ring:after{content:'';position:absolute;border:1px solid rgba(228,78,165,.27);border-radius:50%;inset:-4%}.record-ring:after{inset:6%;border-color:rgba(255,144,105,.2)}.record-ring img{width:90%;mix-blend-mode:screen;filter:drop-shadow(0 0 36px rgba(237,25,136,.16))}.art-caption{position:absolute;right:0;bottom:3%;font-size:10px;letter-spacing:.25em;color:#bd9bb6;writing-mode:vertical-rl}.lower{border-block:1px solid #3d2a39;background:#130e15}.lower-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px}.lower p{margin:0;font-size:12px;letter-spacing:.19em;font-weight:700}.lower p span{color:#ed338e;padding-inline:20px}.lower a{font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.lower a:hover,.footer a:hover{color:#f686b8}.lower a span{color:#f67a62;margin-left:8px;font-size:18px}.footer{min-height:95px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.15em;color:#a596a6}.footer a{color:#e3cddc}:focus-visible{outline:2px solid #ffac63;outline-offset:4px}@media(max-width:1200px){h1{font-size:clamp(3.1rem,6.4vw,6.2rem)}.hero{grid-template-columns:1fr .8fr}}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:unset;padding-block:35px 70px;gap:20px}.hero-art{grid-row:1;height:300px;min-height:unset}.record-ring{width:300px}.record-ring img{width:90%;height:auto;aspect-ratio:1;object-fit:contain}.art-caption{right:8%;bottom:0}.hero-copy{grid-row:2}h1{font-size:clamp(3.6rem,9.5vw,6rem)}.lower-inner{display:block;text-align:center}.lower a{display:inline-block;margin-top:18px}.footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:25px;line-height:1.5}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header{height:75px}.wordmark{font-size:9px;gap:5px}.wordmark img{width:44px;height:44px}.wordmark strong{font-size:13px}.wordmark small{font-size:7px;letter-spacing:.35em}.header-contact{font-size:8px;letter-spacing:.11em;padding:10px 9px}.header-contact span{margin-left:5px;font-size:13px}.hero{padding-top:3px;padding-bottom:68px}.hero-art{height:265px}.record-ring{width:235px}.art-caption{font-size:7px;right:0}.eyebrow{font-size:8px;gap:8px;letter-spacing:.14em}.line{width:20px}h1{font-size:clamp(2.55rem,11vw,4rem);margin:19px 0 26px;line-height:1.06}.intro{font-size:18px}.details{font-size:15px;line-height:1.65}.actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:27px}.button{width:100%;font-size:10px;padding:15px 17px;min-height:57px}.secondary-link{align-self:flex-start}.lower p{font-size:9px;letter-spacing:.12em;line-height:2.5}.lower p span{padding-inline:5px}.lower a{font-size:11px}.footer{font-size:8px;gap:8px}.footer span{flex-basis:100%}}@media(max-width:380px){h1{font-size:2.2rem}.wordmark img{width:38px;height:38px}.wordmark{font-size:8px}.wordmark strong{font-size:12px}.header-contact{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-contact{transition:none}}