/* Layers of Meta — Ghost theme
   Replicates the original WordPress design (palette + Barlow Condensed display type). */

:root{
  --cream:#fff6ed;
  --navy:#002e5d;
  --charcoal:#2d3035;
  --blue:#a0cee5;
  --blue-bright:#8bd3e6;
  --rust:#b53508;
  --rust-dark:#99310c;
  --sand:#c8ba7b;
  --rule:rgba(45,48,53,.28);
  --maxw:1180px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"Barlow",sans-serif;
  font-size:20px;
  line-height:1.55;
  color:var(--navy);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.wrap.narrow{max-width:880px;}
a{color:var(--rust);text-decoration:none;}
a:hover{color:var(--rust-dark);text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}

/* ---------- shared display type ---------- */
.big-title,.album-title,.archive-head h1,.brand,.f-brand strong{
  font-family:"Barlow Condensed",sans-serif;
  text-transform:uppercase;
  color:var(--charcoal);
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
}

/* ---------- header ---------- */
.lom-header{background:var(--cream);border-bottom:1px solid var(--rule);}
.lom-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;}
.brand{font-size:1.7rem;letter-spacing:.02em;}
.brand:hover{text-decoration:none;color:var(--charcoal);}
.topnav{display:flex;align-items:center;gap:26px;}
.topnav a{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  font-weight:600;font-size:1.05rem;color:var(--charcoal);letter-spacing:.04em;
}
.topnav a:hover{color:var(--rust);text-decoration:none;}
.topnav a.btn{background:var(--navy);color:#fff;padding:9px 16px;}
.topnav a.btn:hover{background:var(--rust);color:#fff;}

/* home header: stacked nav on blue, ruled */
.lom-header--home{background:var(--blue);border-bottom:none;}
.lom-header--home .wrap{display:block;padding-top:28px;}
.lom-header--home .brand{display:block;font-size:2.1rem;padding-bottom:14px;border-bottom:1px solid var(--rule);}
.stacknav a{
  display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  font-weight:600;font-size:1.55rem;color:var(--charcoal);letter-spacing:.03em;
  padding:13px 0;border-bottom:1px solid var(--rule);
}
.stacknav a:hover{color:var(--rust);text-decoration:none;}

/* blue cover-art band on inner pages */
.cover-band{background:var(--blue);text-align:center;padding:26px 20px;}
.cover-band img{height:120px;width:auto;margin:0 auto;}

/* ---------- home hero ---------- */
body.home{background:var(--blue);}
.home-hero{background:var(--blue);}
.home-hero .wrap{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px 28px;}
.album-title{font-size:clamp(3.2rem,11vw,8.6rem);font-weight:800;margin:0;flex:1 1 auto;}
.cover{margin:0;flex:0 0 320px;max-width:36%;}
.cover img{width:100%;}
.home-links{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;
  max-width:var(--maxw);margin:0 auto;padding:22px 28px 64px;
  border-top:1px solid var(--rule);
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:600;font-size:1.2rem;letter-spacing:.03em;
}
.home-links a{color:var(--charcoal);}
.home-links a:hover{color:var(--rust);text-decoration:none;}
.home-links a:not(:last-child)::after{content:"/";margin-left:20px;color:var(--rule);}

/* ---------- content (pages + posts) ---------- */
.site-main{min-height:28vh;}
.lom-page,.lom-post{background:var(--cream);padding:40px 0 66px;}
.big-title{font-size:clamp(2.2rem,5vw,3.5rem);margin:0 0 20px;}
.post-meta{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;
  color:var(--rust);font-size:1rem;margin:0 0 20px;
}
.feat{margin:0 0 26px;}
.content{font-size:1.05rem;line-height:1.7;}
.content p{margin:0 0 1.15em;}
.content a{color:var(--rust);text-decoration:underline;}
.content h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--charcoal);font-weight:700;font-size:2rem;line-height:1.05;margin:1.7em 0 .5em;}
.content h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--charcoal);font-weight:600;font-size:1.45rem;margin:1.5em 0 .4em;}
.content img{margin:1.3em 0;}
.content hr{border:none;border-top:1px solid var(--rule);margin:1.9em 0;}
.content blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--rust);color:var(--charcoal);}
.content figure{margin:1.4em 0;}
.content iframe{max-width:100%;}

/* ---------- archive / card grid ---------- */
.archive-head{background:var(--cream);padding:40px 0 6px;}
.archive-desc{color:var(--navy);margin:.4em 0 0;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:28px;padding:26px 0 64px;}
.card{display:block;color:var(--navy);}
.card:hover{text-decoration:none;}
.card-img{display:block;aspect-ratio:3/2;background:var(--blue) center/cover no-repeat;margin-bottom:12px;}
.card-img--empty{background:var(--blue-bright);}
.card h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--charcoal);font-size:1.45rem;font-weight:700;line-height:1.05;margin:0 0 4px;}
.card:hover h2{color:var(--rust);}
.card time{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--rust);font-size:.92rem;letter-spacing:.04em;}

/* ---------- footer ---------- */
.lom-footer{background:var(--cream);border-top:1px solid var(--rule);padding:42px 0 64px;}
.lom-footer .wrap{display:flex;flex-wrap:wrap;gap:44px;}
.f-brand{flex:1 1 260px;}
.f-brand strong{display:block;font-size:1.7rem;}
.f-brand span{color:var(--navy);}
.f-col{flex:0 0 auto;min-width:190px;}
.f-col h4{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--charcoal);font-size:1rem;letter-spacing:.06em;margin:0 0 10px;}
.f-col a{display:block;color:var(--rust);padding:4px 0;}

/* ---------- pagination ---------- */
.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 0 50px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;}

/* ---------- responsive ---------- */
@media (max-width:760px){
  body{font-size:18px;}
  .lom-header .wrap{flex-wrap:wrap;gap:12px;}
  .topnav{gap:16px;}
  .home-hero .wrap{flex-direction:column;align-items:flex-start;gap:24px;}
  .cover{max-width:72%;flex-basis:auto;}
  .album-title{font-size:clamp(3rem,15vw,6rem);}
}