/*
Theme Name: ALonder Publishing
Theme URI: https://alonderpublishing.com
Author: ALonder Publishing, LLC
Description: A custom, accessible multimedia publishing theme for ALonder Publishing.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: alonder
*/

:root{
  --ink:#11100e;
  --paper:#f4f0e7;
  --cream:#eee8dc;
  --gold:#d8ad34;
  --gold-dark:#765500;
  --red:#7b161d;
  --muted:#514b43;
  --white:#ffffff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Lato,Arial,sans-serif;
  font-size:18px;
  line-height:1.65;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}
button,input,select,textarea{font:inherit}
:focus-visible{outline:4px solid #f2c84b;outline-offset:4px}

.skip-link{
  position:absolute;
  left:-9999px;
  top:10px;
  z-index:1000;
  background:#fff;
  color:#111;
  padding:14px 20px;
}
.skip-link:focus{left:10px}

.site-header{
  background:var(--paper);
  border-bottom:1px solid #29251f;
}
.concept-notice{
  padding:10px 4vw;
  background:#17130e;
  color:#f2c84b;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}
.concept-notice span{
  float:right;
  color:#eee8dc;
  font-weight:600;
}
.site-header-inner{
  min-height:112px;
  padding:14px 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  font-family:Montserrat,Lato,Arial,sans-serif;
  letter-spacing:.14em;
}
.brand-mark{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  background:#111;
  color:#e7be50;
  font:29px Georgia,serif;
}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.brand-title{
  font-weight:900;
  letter-spacing:.16em;
}
.brand-subtitle{
  margin-top:5px;
  color:var(--gold-dark);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.site-nav{
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
}
.site-nav a{
  text-decoration:none;
  font-weight:800;
  font-size:16px;
}
.site-nav a:hover{color:var(--gold-dark)}

.button,
.wp-block-button__link{
  display:inline-block;
  border:0;
  padding:13px 20px;
  text-decoration:none;
  font-weight:800;
  line-height:1.2;
  border-radius:0;
}
.button.dark{background:#111;color:#fff}
.button.gold{background:var(--gold);color:#111}
.button.outline{border:2px solid #111;background:transparent;color:#111}
.button:hover{filter:brightness(.94)}

main{display:block}

.page-hero{
  padding:82px 8vw;
  background:#11100e;
  color:#fff;
}
.page-hero .kicker{
  margin:0 0 10px;
  color:var(--gold);
}
.page-hero h1,
.page-hero h2{
  max-width:920px;
  margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:1.04;
}
.page-hero h1{font-size:clamp(46px,7vw,92px)}
.page-hero h2{font-size:clamp(34px,5vw,64px)}
.page-hero p{
  max-width:900px;
  margin:0 0 16px;
  font-size:20px;
}

.kicker{
  color:var(--gold-dark);
  font-size:14px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.division-detail,
.content-split{
  padding:72px 7vw;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:72px;
  align-items:center;
}
.division-detail{background:var(--paper)}
.division-detail img{
  width:100%;
  max-height:560px;
  object-fit:cover;
}
.division-detail h2,
.content-split h2{
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,66px);
  line-height:1.04;
  font-weight:500;
}
.division-detail p,
.content-split p{margin:0 0 18px}
.division-detail ul{
  margin:18px 0 28px;
  padding-left:22px;
}
.division-detail li{margin:7px 0}

.content-split{
  border-top:1px solid rgba(17,16,14,.18);
  align-items:start;
}
.content-split:nth-of-type(even){background:#f8f4ec}
.content-split em{
  font-weight:400;
  color:var(--gold-dark);
}
.content-split strong{font-weight:900}

.entry-content{
  max-width:980px;
  margin:0 auto;
  padding:64px 7vw 90px;
}
.entry-content h2,
.entry-content h3{
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.1;
}
.entry-content h2{font-size:44px}
.entry-content h3{font-size:30px}

.contact-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  padding:72px 7vw;
}
.contact-panel>div{
  background:#fff;
  border:1px solid rgba(17,16,14,.2);
  padding:34px;
}
.contact-panel h2{
  margin-top:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
}

.audio-sample{
  margin:24px 0 14px;
  padding:22px;
  background:#fff;
  border:1px solid #b9b0a3;
}
.audio-sample h3{
  margin:0 0 2px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  font-weight:500;
}
.audio-sample p{
  margin:0 0 14px;
  font-size:15px;
}
.audio-sample audio{width:100%}
.audio-note{
  font-size:16px;
  color:var(--muted);
}

.site-footer{
  background:#111;
  color:#fff;
  padding:28px 5vw;
}
.site-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  flex-wrap:wrap;
}
.site-footer a{color:#fff}
.site-footer nav{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.site-footer .brand-title{color:#fff}
.site-footer .brand-subtitle{color:var(--gold)}

.home-hero{
  padding:72px 7vw;
  background:#11100e;
  color:#fff;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:60px;
  align-items:center;
}
.home-hero h1{
  margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,7vw,96px);
  font-weight:500;
  line-height:.98;
}
.home-hero .accent{color:var(--red)}
.home-hero p{max-width:700px;font-size:20px}

.section{
  padding:72px 7vw;
}
.section-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,60px);
  line-height:1.05;
  margin:0 0 28px;
}
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.card{
  background:#fff;
  border:1px solid rgba(17,16,14,.18);
}
.card-body{padding:22px}
.card h3{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1.1;
}

@media (max-width: 980px){
  .site-header-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .site-nav{gap:16px}
  .division-detail,
  .content-split,
  .contact-panel,
  .home-hero{
    grid-template-columns:1fr;
    gap:34px;
  }
  .card-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 680px){
  body{font-size:17px}
  .concept-notice span{display:none}
  .site-header-inner{padding:14px 20px}
  .site-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .page-hero,
  .division-detail,
  .content-split,
  .contact-panel,
  .entry-content,
  .section,
  .home-hero{
    padding-left:22px;
    padding-right:22px;
  }
  .page-hero{padding-top:56px;padding-bottom:56px}
  .division-detail,
  .content-split,
  .contact-panel{padding-top:48px;padding-bottom:48px}
  .card-grid{grid-template-columns:1fr}
  .site-footer-inner{align-items:flex-start;flex-direction:column}
}