@font-face{font-family:Cooper;font-weight:700;font-display:swap;src:url(/assets/Cooper-Bold.woff2) format("woff2")}
@font-face{font-family:Cooper;font-weight:500;font-style:italic;font-display:swap;src:url(/assets/Cooper-Medium-Italic.woff2) format("woff2")}
@font-face{font-family:Besley;font-weight:400;font-display:swap;src:url(/assets/Besley-400.woff2) format("woff2")}
@font-face{font-family:Besley;font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/Besley-italic-variable.woff2) format("woff2")}
:root{--ground:#CFE5CC;--ink:#0E2A1C;--muted:#264032;--panel:#E0F0DD;--rule:#A9C4A8;--hole:#CFE5CC;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--ground:#12332A;--ink:#EFEAD9;--muted:#CFD6C4;--panel:#1B4437;--rule:#3B5C50;--hole:#12332A}
.q{content:url(/assets/quote-pale.png)}.disc .vinyl{box-shadow:0 0 0 1.5px #CFD6C4;border-radius:50%}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 18px/1.6 Besley,Georgia,serif}
.page{position:relative;overflow:hidden;min-height:100vh}
a{color:inherit;text-underline-offset:2px}
.sans{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.hero{position:relative}
.disc{--d:clamp(360px,62vw,720px);position:absolute;top:calc(var(--d)*-.47);right:calc(var(--d)*-.14);width:var(--d);height:var(--d)}
.disc .vinyl,.disc .label,.disc .hole{position:absolute;border-radius:50%}
.disc .vinyl{inset:0;background:url(/assets/vinyl.webp) center/100% no-repeat}
.disc .label{left:21.1%;top:21.1%;width:57.8%;height:57.8%;background:url(/assets/label.webp) center/100% no-repeat;animation:spin 1.92s linear infinite}
.disc .hole{left:47.95%;top:47.95%;width:4.1%;height:4.1%;background:var(--hole)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.disc .label{animation:none}}
.wrap{max-width:640px;margin:0 auto;padding:0 22px}
.mast{padding-top:calc(clamp(360px,62vw,720px)*.40);position:relative}
.home .mast{padding-top:calc(clamp(360px,62vw,720px)*.5)}
.word{display:inline-block;font-family:Cooper,Georgia,serif;text-decoration:none;line-height:.98;color:var(--ink)}
.word b{display:block;font-weight:700}.word i{display:block;font-weight:500;font-style:italic;margin-top:.03em}
.home .word{font-size:clamp(68px,16vw,104px)}
.small .word{font-size:clamp(48px,11vw,64px)}
.small .disc{--d:clamp(280px,48vw,520px)}.small .mast{padding-top:calc(clamp(280px,48vw,520px)*.34)}
.eyebrow{margin:30px 0 0;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
h1{margin:8px 0 0;font:700 clamp(28px,6vw,38px)/1.2 Besley,Georgia,serif}
h2{margin:40px 0 0;font:700 clamp(24px,5vw,30px)/1.2 Besley,Georgia,serif}
.sub{margin:14px 0 0;font-size:19px;line-height:1.55;color:var(--muted)}
form{display:flex;gap:8px;margin:22px 0 0;flex-wrap:wrap}
input{flex:1 1 220px;min-width:0;height:50px;padding:0 14px;border:1.5px solid var(--ink);background:var(--panel);color:var(--ink);font:16px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;border-radius:0}
button{height:50px;padding:0 22px;border:0;background:var(--ink);color:var(--ground);font:600 16px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;border-radius:0;cursor:pointer}
.fine{margin:10px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.rule{height:1px;background:var(--rule);margin:36px 0 0;border:0}
.item{padding:36px 0 0}
.q{display:block;width:34px;height:27px}
.line{margin:14px 0 0;font:italic 600 clamp(26px,5.4vw,32px)/1.32 Besley,Georgia,serif}
.line+.line{margin-top:8px}
.credit{margin:26px 0 0;font-size:16px;line-height:24px}.credit b{font-weight:600}
.album{font-size:15px;line-height:22px;color:var(--muted);display:block}
.panel{margin:20px 0 0;padding:15px 18px 16px;background:var(--panel)}
.panel .lab{margin:0;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.panel .w{margin:7px 0 0;font-size:18px;line-height:1.55}
.panel .src{margin:7px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.rep{margin:18px 0 0;font-size:18px;line-height:1.55}
.links{margin:18px 0 0;font-size:16px;line-height:26px;font-weight:600}.links a{margin-right:14px;white-space:nowrap}
.issue-head{margin:26px 0 0;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.first{margin:12px 0 0;font-size:18px;line-height:1.55;color:var(--muted)}
.list{margin:30px 0 0;padding:0;list-style:none}.list li{padding:16px 0;border-top:1px solid var(--rule)}.list a{text-decoration:none;display:block}
.list .n{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:block}.list .l{font:italic 600 21px/1.35 Besley,Georgia,serif;display:block;margin-top:4px}
.prose p{margin:18px 0 0}.pull{margin:30px 0 0;padding:16px 18px;background:var(--panel)}.pull p{margin:0;font-size:19px;line-height:1.5}.pull cite{display:block;margin-top:8px;font-style:normal;font-size:14px;line-height:20px;color:var(--muted)}
@media (min-width:1180px){.home .mast,.small .mast{padding-top:64px}.disc{--d:620px;top:-291px;right:-87px}.small .disc{--d:480px;top:-226px;right:-67px}}
.foot{margin:52px 0 0;padding:22px 0 36px;border-top:1px solid var(--rule);font-size:14px;line-height:22px;color:var(--muted)}.foot nav a{margin-right:16px}.foot p{margin:10px 0 0}

.prose h2{margin:30px 0 0;font:700 21px/1.3 Besley,Georgia,serif}.prose h2+p{margin-top:6px}
.stamp{margin:30px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.ask-form{display:block;margin:26px 0 0}.ask-form label{display:block;margin:20px 0 0;font-weight:600;font-size:16px;line-height:22px}
.ask-form .hint{margin:2px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.ask-form input[type=text],.ask-form input[type=email],.ask-form textarea{display:block;width:100%;margin:6px 0 0;padding:12px 14px;border:1.5px solid var(--ink);background:var(--panel);color:var(--ink);font:16px/1.4 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;border-radius:0}
.ask-form input[type=text],.ask-form input[type=email]{height:50px;flex:none}
.ask-form .tick{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:24px}.ask-form .tick input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink)}.ask-form .tick small{display:block;margin-top:2px;font-size:14px;line-height:20px;color:var(--muted)}
.ask-form button{margin-top:24px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}