/*
Theme Name: Clara Vennick
Theme URI: https://claravennick.com/
Author: Mark Kiernan
Description: A bespoke atmospheric WordPress theme for the Clara Vennick Mysteries.
Version: 0.1.1
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: clara-vennick
*/

:root{
  --cv-ivory:#f4efe6;
  --cv-paper:#fbf8f2;
  --cv-ink:#202320;
  --cv-muted:#6f756f;
  --cv-green:#294f49;
  --cv-green-dark:#193a35;
  --cv-line:#d8d0c3;
  --cv-white:#fff;
  --cv-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,serif;
  --cv-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --cv-shadow:0 22px 60px rgba(31,42,38,.12);
  --cv-radius:2px;
  --cv-wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cv-paper);color:var(--cv-ink);font-family:var(--cv-sans);line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
.cv-wrap{width:min(var(--cv-wrap),calc(100% - 40px));margin-inline:auto}
.cv-site-header{position:relative;z-index:20;background:rgba(251,248,242,.96);border-bottom:1px solid rgba(32,35,32,.11)}
.cv-header-inner{min-height:86px;display:flex;align-items:center;gap:32px}
.cv-brand{display:flex;align-items:center;gap:15px;margin-right:auto}.cv-brand-copy{text-decoration:none}
.cv-brand .custom-logo{max-height:50px;width:auto}
.cv-brand-text{font-family:var(--cv-serif);font-size:28px;letter-spacing:.035em;font-weight:600;line-height:1}
.cv-tag{display:block;margin-top:6px;font-family:var(--cv-sans);font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--cv-muted);font-weight:700}
.cv-nav ul{display:flex;align-items:center;gap:27px;margin:0;padding:0;list-style:none}
.cv-nav a{text-decoration:none;font-size:14px;font-weight:650;letter-spacing:.035em}
.cv-nav a:hover,.cv-nav .current-menu-item>a{color:var(--cv-green)}
.cv-menu-toggle{display:none;border:0;background:transparent;padding:10px;font-size:14px;font-weight:700}
.cv-hero{position:relative;min-height:780px;display:grid;align-items:end;overflow:hidden;background:linear-gradient(120deg,#213832 0%,#365b54 48%,#aab2a5 100%)}
.cv-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,23,20,.82) 0%,rgba(11,23,20,.70) 34%,rgba(11,23,20,.38) 52%,rgba(11,23,20,.10) 72%,rgba(11,23,20,0) 100%);z-index:1}
.cv-hero.has-header-image{background-size:cover;background-position:center 20%}
.cv-hero-inner{position:relative;z-index:2;padding:120px 0 88px;color:#fff;max-width:850px}
.cv-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;margin:0 0 20px;opacity:.85}
.cv-hero h1{font-family:var(--cv-serif);font-size:clamp(58px,8vw,116px);line-height:.88;margin:0;letter-spacing:-.035em;font-weight:500}
.cv-hero-sub{font-family:var(--cv-serif);font-size:clamp(24px,3vw,40px);line-height:1.15;margin:24px 0 16px;max-width:760px}
.cv-hero-copy{font-size:17px;max-width:660px;color:rgba(255,255,255,.86);margin:0 0 34px}
.cv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--cv-green);background:var(--cv-green);color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s ease}
.cv-btn:hover{background:var(--cv-green-dark);border-color:var(--cv-green-dark);transform:translateY(-1px)}
.cv-btn-light{background:#fff;color:var(--cv-ink);border-color:#fff}
.cv-btn-light:hover{background:var(--cv-ivory);border-color:var(--cv-ivory)}
.cv-section{padding:96px 0}
.cv-section-alt{background:var(--cv-ivory)}
.cv-eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--cv-green);margin:0 0 14px}
.cv-section h2,.cv-content h1,.cv-content h2,.cv-content h3{font-family:var(--cv-serif);font-weight:500;letter-spacing:-.015em;line-height:1.08}
.cv-section h2{font-size:clamp(42px,5vw,67px);margin:0 0 24px}
.cv-lead{font-family:var(--cv-serif);font-size:24px;line-height:1.45;color:#39403c;max-width:760px}
.cv-book-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:82px;align-items:center}
.cv-book-cover{position:relative;background:#d7d0c4;min-height:560px;box-shadow:var(--cv-shadow);overflow:hidden}
.cv-book-cover img{width:100%;height:100%;object-fit:cover}
.cv-cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:52px;text-align:center;background:linear-gradient(155deg,#173b35,#52706a);color:#fff}
.cv-cover-placeholder small{display:block;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.cv-cover-placeholder strong{display:block;font-family:var(--cv-serif);font-size:49px;line-height:1}
.cv-book-meta{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--cv-green);margin-bottom:18px}
.cv-book-copy h2{font-size:clamp(48px,5vw,74px)}
.cv-book-copy p{max-width:700px;font-size:17px}
.cv-quote{border-left:2px solid var(--cv-green);padding:4px 0 4px 25px;margin:30px 0;font-family:var(--cv-serif);font-size:25px;line-height:1.35}
.cv-two-col{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:start}
.cv-panel{background:var(--cv-paper);border:1px solid var(--cv-line);padding:38px}
.cv-panel h3{font-family:var(--cv-serif);font-size:34px;margin:0 0 14px;font-weight:500}
.cv-world-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:stretch}
.cv-world-image{min-height:450px;background:linear-gradient(145deg,#8d9c95,#d7d0c4);position:relative;overflow:hidden}
.cv-world-image:after{content:"MINEHEAD · SOMERSET";position:absolute;left:28px;bottom:24px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em}
.cv-world-copy{display:flex;flex-direction:column;justify-content:center;padding:24px 0}
.cv-series{background:var(--cv-green-dark);color:#fff}
.cv-series .cv-eyebrow{color:#b7d0ca}
.cv-series .cv-lead{color:rgba(255,255,255,.8)}
.cv-series-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.cv-series-card{border:1px solid rgba(255,255,255,.18);padding:30px;min-height:230px;background:rgba(255,255,255,.035)}
.cv-series-card span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;opacity:.7}
.cv-series-card h3{font-family:var(--cv-serif);font-size:34px;margin:32px 0 12px;font-weight:500}
.cv-author{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.cv-author-mark{aspect-ratio:1;background:linear-gradient(145deg,#d8d2c8,#eee9e0);display:grid;place-items:center;font-family:var(--cv-serif);font-size:88px;color:var(--cv-green)}
.cv-site-footer{background:#171b19;color:#d8ddd9;padding:58px 0 32px}
.cv-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
.cv-footer-title{font-family:var(--cv-serif);font-size:31px;color:#fff;margin:0 0 12px}
.cv-footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.cv-footer-nav a{text-decoration:none}
.cv-footer-small{border-top:1px solid rgba(255,255,255,.13);margin-top:46px;padding-top:22px;font-size:12px;color:#9fa8a2;display:flex;justify-content:space-between;gap:20px}
.cv-content{width:min(820px,calc(100% - 40px));margin:0 auto;padding:80px 0 110px}
.cv-content h1{font-size:clamp(48px,7vw,82px);margin:0 0 24px}
.cv-content h2{font-size:38px;margin-top:54px}.cv-content h3{font-size:29px;margin-top:40px}
.cv-post-meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cv-muted);margin-bottom:30px}
.cv-content p,.cv-content li{font-size:17px}
.cv-content blockquote{margin:35px 0;padding-left:25px;border-left:2px solid var(--cv-green);font-family:var(--cv-serif);font-size:25px}
.cv-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}
.cv-card{background:#fff;border:1px solid var(--cv-line);padding:26px}.cv-card h2{font-size:30px;margin:10px 0 12px}.cv-card a{text-decoration:none}
@media (max-width:900px){
 .cv-header-inner{min-height:72px}.cv-brand-text{font-size:24px}.cv-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--cv-paper);border-bottom:1px solid var(--cv-line);padding:24px 20px}.cv-nav.is-open{display:block}.cv-nav ul{display:grid;gap:16px}.cv-menu-toggle{display:block}.cv-tag{display:none}
 .cv-hero{min-height:680px}.cv-hero.has-header-image{background-position:58% 20%}.cv-hero-inner{padding:100px 0 72px}
 .cv-book-grid,.cv-two-col,.cv-world-grid,.cv-author{grid-template-columns:1fr;gap:48px}.cv-book-cover{max-width:430px}.cv-series-cards,.cv-archive-grid{grid-template-columns:1fr}.cv-footer-grid{grid-template-columns:1fr 1fr}.cv-author-mark{max-width:330px}
}
@media (max-width:600px){
 .cv-wrap{width:min(100% - 28px,var(--cv-wrap))}.cv-brand-text{font-size:21px}.cv-section{padding:70px 0}.cv-hero{min-height:610px}.cv-hero.has-header-image{background-position:64% 18%}.cv-hero h1{font-size:59px}.cv-hero-sub{font-size:27px}.cv-book-cover{min-height:480px}.cv-cover-placeholder strong{font-size:41px}.cv-panel{padding:27px}.cv-footer-grid{grid-template-columns:1fr}.cv-footer-small{display:block}.cv-footer-small span{display:block;margin-top:7px}.cv-content{width:min(100% - 28px,820px)}
}