:root{--paper:#f4efdf;--ink:#172db0;--accent:#a42d13;--rule:#b7b79b;--body:Arial,sans-serif;--display:Arial,sans-serif}.longplay h1,.longplay h2{font-weight:700;letter-spacing:-.045em}.longplay .brand{font-weight:800;letter-spacing:-.04em;font-size:30px}.lp-hero{text-align:center;padding:58px 6% 50px}.lp-hero h1{position:relative;z-index:2;font-size:clamp(48px,6vw,88px)}.lp-hero>img{width:100%;height:510px;object-fit:cover;object-position:center;margin-top:-32px}.lp-hero>a{margin-top:8px}.lp-sides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12%;border-top:1px solid var(--rule)}.lp-sides p{margin-top:0}.lp-sides fieldset{margin:28px 0;border:0;padding:0}.lp-sides legend{margin-bottom:16px}.lp-sleeve-story{background:#172db0;color:#f4efdf;padding:64px 6%}.lp-sticky{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:36px;align-items:center}.lp-extract{position:relative;aspect-ratio:1.3;display:flex;align-items:center;justify-content:center}.sleeve{aspect-ratio:1;width:56%;position:relative;z-index:2;box-shadow:4px 12px 32px #172db029}.sleeve svg{display:block;width:100%;height:100%}.record{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1c1c1a 0 2px,#393935 3px 4px);display:grid;place-items:center}.record span{width:30%;height:30%;border-radius:50%;background:#e5572f;border:8px solid #171715}.lp-reveal-copy{grid-column:1/-1;font-size:26px;max-width:none}.lp-ritual ol{list-style:none;padding:0;margin:48px 0 0}.lp-ritual li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);border-top:1px solid var(--rule);padding:28px 0;gap:12%}.lp-ritual strong{font-size:24px}.lp-ritual p{margin:0}.lp-quiet{background:#e5572f;color:#101835;display:flex;justify-content:space-between;gap:12%;align-items:center}.lp-quiet p{font-size:32px;line-height:1.5;margin:0}.lp-two>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;margin-top:56px}.lp-two article{border-top:1px solid var(--ink);padding-top:24px}.lp-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:15%;border-top:1px solid var(--rule)}.lp-last{background:#172db0;color:#f4efdf;display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:50px}.lp-last .sleeve{width:100%;transform:rotate(-8deg)}.lp-last>a{grid-column:2;justify-self:start}.longplay.login{background:#172db0;color:#f4efdf}.longplay.login .header{border-color:#b6b9db}.longplay.login main{padding:64px 10% 290px;min-height:820px}.longplay.login .auth{margin:0 auto;position:relative;z-index:2}.longplay.login .auth .solid{background:#f4efdf;color:#172db0}.lp-login-scene{position:absolute;bottom:26px;left:20%;width:60%;height:240px;display:flex;align-items:center;justify-content:center;gap:0}.lp-login-scene .sleeve{width:200px;flex:none}.lp-login-scene .sleeve-0{rotate:-10deg;z-index:1}.lp-login-scene .sleeve-1{z-index:2;translate:0 -10px}.lp-login-scene .sleeve-2{rotate:10deg;z-index:1}.lp-login-scene .record{right:2%;width:210px}.enhanced .lp-sleeve-story{height:195vh}.enhanced .lp-sticky{position:sticky;top:30px;min-height:calc(100vh - 60px)}@media(max-width:1100px),(prefers-reduced-motion:reduce){.enhanced .lp-sleeve-story{height:auto}.enhanced .lp-sticky{position:relative;top:auto;min-height:0}.lp-extract .record{transform:translateX(52%) rotate(90deg)}}@media(max-width:767px){.lp-hero{padding:48px 6% 44px}.lp-hero h1{font-size:48px}.lp-hero>img{height:350px;margin-top:16px}.lp-sides,.lp-sticky,.lp-note{display:block}.lp-sides>div,.lp-note>div{margin-top:32px}.lp-ritual li{display:block}.lp-ritual p{margin-top:12px}.lp-quiet{display:block}.lp-quiet p{font-size:24px;margin-top:32px}.lp-two>div{gap:28px}.lp-last{grid-template-columns:100px minmax(0,1fr);gap:24px}.lp-last h2{font-size:36px}.lp-last>a{grid-column:1/-1}.lp-login-scene{left:3%;width:94%;height:200px}.lp-login-scene .sleeve{width:32%}.lp-login-scene .record{width:34%;right:0}.longplay.login main{padding:50px 6% 250px}.longplay.login .brand{font-size:26px}}
.lp-extract{overflow:visible}.lp-extract .record{width:48%}.lp-extract .sleeve{width:48%}