/* America's Golden Music — Victrola Gold theme */

:root{
  --cream:#FBFAF5;
  --cream-deep:#F0F2F6;
  --navy:#14213D;
  --navy-deep:#0B132B;
  --gold:#C8972B;
  --gold-bright:#E0B24A;
  --rust:#B22234;
  --line: rgba(20,33,61,0.18);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--cream);color:var(--navy);font-family:'Lora',serif;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}

/* header */
header{padding:22px 0 18px;border-bottom:3px double var(--navy);}
.headerrow{display:flex;justify-content:space-between;align-items:flex-end;}
.logo{height:108px;width:auto;display:block;}
nav a{color:var(--navy);text-decoration:none;margin-left:26px;font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;}
.flagline{height:5px;background:repeating-linear-gradient(90deg, var(--rust) 0 40px, var(--cream) 40px 44px, var(--navy) 44px 84px, var(--cream) 84px 88px);}
.dateline{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--rust);text-align:center;padding:8px 0;font-size:.95rem;letter-spacing:.04em;}

/* hero */
.hero{padding:56px 0 40px;text-align:center;position:relative;}
.eyebrow{font-family:'Cormorant Garamond',serif;letter-spacing:.32em;text-transform:uppercase;color:var(--rust);font-size:.8rem;margin-bottom:14px;}
h1{font-family:'Abril Fatface',serif;font-size:4rem;margin:0 0 18px;color:var(--navy);line-height:1.08;}
h1 em{font-style:normal;color:var(--gold);}
.sub{max-width:560px;margin:0 auto 30px;font-size:1.15rem;color:#3a4360;}
.dial{width:200px;height:200px;margin:0 auto 30px;position:relative;}
.dial svg{width:100%;height:100%;}
.cta{display:inline-block;background:var(--navy);color:var(--cream);padding:14px 34px;font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.15em;font-weight:600;text-decoration:none;font-size:.9rem;border:1px solid var(--navy);}
.cta.ghost{background:transparent;color:var(--navy);margin-left:14px;}

/* groove divider */
.grooves{height:34px;background:repeating-linear-gradient(180deg, var(--cream) 0 2px, var(--cream-deep) 2px 4px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

/* generic sections */
section{padding:60px 0;}
.section-title{font-family:'Abril Fatface',serif;font-size:2rem;text-align:center;margin-bottom:8px;}
.section-sub{text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--rust);margin-bottom:40px;}

/* record / post cards */
.records{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.record{background:var(--cream-deep);border:1px solid var(--line);padding:0;display:block;text-decoration:none;color:inherit;}
.record-art{aspect-ratio:1;background:radial-gradient(circle at center, var(--navy-deep) 0 18%, var(--navy) 19% 58%, var(--rust) 59% 61%, var(--cream) 62% 63%, var(--navy) 64% 100%);position:relative;}
.record-art-img{width:100%;object-fit:contain;background:var(--cream);display:block;}
.post-featured-image{display:block;max-width:560px;width:100%;margin:0 auto 40px;border-radius:2px;object-fit:contain;background:var(--cream);}
.record-body{padding:20px 22px 26px;}
.record-tag{font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.14em;color:var(--rust);font-size:.75rem;margin-bottom:6px;}
.record h3{font-family:'Abril Fatface',serif;font-size:1.3rem;margin:0 0 8px;}
.record p{font-size:.95rem;color:#3a4360;margin:0;}

/* about block (reused on home + about page) */
.about{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;background:var(--navy);color:var(--cream);border-radius:2px;}
.about-img{aspect-ratio:4/5;width:100%;display:block;object-fit:cover;background:linear-gradient(160deg,var(--navy-deep),var(--navy) 55%, var(--rust) 165%);}
.about-text{padding:50px 50px 50px 0;}
.about-text .eyebrow{color:var(--gold-bright);}
.about-text h2{font-family:'Abril Fatface',serif;font-size:2.1rem;margin:0 0 16px;}
.about-text p{color:#D9D2BC;font-size:1rem;}

/* blog archive list */
.post-list{display:flex;flex-direction:column;gap:0;}
.post-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;}
.post-row:first-child{border-top:1px solid var(--line);}
.post-row-thumb{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:2px;}
.post-row-thumb--fallback{background:radial-gradient(circle at center, var(--navy-deep) 0 18%, var(--navy) 19% 58%, var(--rust) 59% 61%, var(--cream) 62% 63%, var(--navy) 64% 100%);}
.post-row-text{flex:1;min-width:0;}
.post-row h3{font-family:'Abril Fatface',serif;font-size:1.3rem;margin:0 0 4px;}
.post-row .record-tag{margin-bottom:4px;}
.post-row .date{font-family:'Cormorant Garamond',serif;font-style:italic;color:#3a4360;white-space:nowrap;}

.pagination{display:flex;justify-content:center;gap:14px;margin-top:40px;}
.pagination a, .pagination span{font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;padding:8px 16px;border:1px solid var(--navy);text-decoration:none;color:var(--navy);}
.pagination .current{background:var(--navy);color:var(--cream);}

/* single post */
.post-header{text-align:center;max-width:720px;margin:0 auto 40px;}
.post-header .record-tag{justify-content:center;display:block;text-align:center;}
.post-header h1{font-size:2.6rem;}
.post-body{max-width:720px;margin:0 auto;font-size:1.08rem;}
.post-body p{margin:0 0 1.4em;}
.post-body h2,.post-body h3{font-family:'Abril Fatface',serif;color:var(--navy);margin:1.6em 0 .6em;}
.post-body blockquote{border-left:3px solid var(--rust);margin:1.6em 0;padding:.4em 0 .4em 1.4em;font-style:italic;color:#3a4360;}

/* contact / forms */
.form-wrap{max-width:560px;margin:0 auto;}
.field{margin-bottom:22px;}
.field label{display:block;font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--rust);margin-bottom:6px;}
.field input, .field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--cream-deep);font-family:'Lora',serif;font-size:1rem;color:var(--navy);}
.field textarea{min-height:140px;resize:vertical;}
.form-submit{background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:14px 34px;font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.15em;font-weight:600;font-size:.9rem;cursor:pointer;}
.notice{padding:14px 18px;margin-bottom:24px;font-family:'Cormorant Garamond',serif;font-size:.95rem;}
.notice.success{background:#E7EFE2;color:#345A2A;border:1px solid #B7CCA8;}
.notice.error{background:#F6E3E1;color:var(--rust);border:1px solid #E6B7B0;}

/* Honeypot bot-trap field — invisible to real visitors, left in the DOM for
   bots that auto-fill every input without rendering CSS. Never set
   display:none or visibility:hidden here; some bots specifically skip
   fields hidden that way, so this uses off-screen positioning instead. */
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}

footer{border-top:3px double var(--navy);padding:30px 0;text-align:center;font-family:'Cormorant Garamond',serif;letter-spacing:.08em;font-size:.85rem;color:#5a6280;}

@media(max-width:760px){
  h1{font-size:2.6rem;}
  .records{grid-template-columns:1fr;}
  .about{grid-template-columns:1fr;}
  .about-text{padding:0 30px 40px;}
  .about-img{width:calc(100% - 60px);margin:0 30px;}
  nav{display:none;}
  .post-row{flex-direction:column;}
}