/* Penwood Press, shared styles */
@property --beam{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{
  --ink:#14211C; --moss:#2F4A3E; --paper:#F6F5F0; --stone:#E8E6DE; --line:#D9D6CB; --brass:#A0742B; --brass-soft:#F1E7D3; --gold:#D0B070;
  --text:#1C2420; --muted:#5B6660; --white:#FFFFFF;
  --serif:'Newsreader',Georgia,'Times New Roman',serif; --sans:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--moss)}
img{max-width:100%}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ink);text-wrap:balance;margin:0}
h1{font-size:clamp(40px,5.6vw,64px);line-height:1.05;letter-spacing:-.015em}
h2{font-size:clamp(30px,3.8vw,42px);line-height:1.12;letter-spacing:-.01em}
h3{font-size:22px;line-height:1.25}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:24px}
.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.lede{font-size:19px;color:var(--muted);max-width:62ch}
.fill{background:var(--brass-soft);color:#6B4A12;border-radius:4px;padding:0 5px;font-weight:600}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 16px var(--sans);text-decoration:none;border:0;cursor:pointer;text-align:center}
.btn:hover{background:var(--moss)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.light{background:var(--paper);color:var(--ink)}
.btn.light:hover{background:var(--brass-soft)}
.btn.shine{position:relative;overflow:hidden;isolation:isolate}
.btn.shine::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-130%);animation:sheen 4.2s ease-in-out infinite;pointer-events:none}
@keyframes sheen{55%,100%{transform:translateX(130%)}}
.link{font-weight:600;color:var(--moss);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.link:hover{color:var(--brass)}
.link::after{content:"→";transition:transform .2s}
.link:hover::after{transform:translateX(3px)}

/* Header */
.site-head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:26px;height:74px;position:relative}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.logo svg{width:28px;height:28px}
.logo span{font:500 23px var(--serif);letter-spacing:.01em;white-space:nowrap}
.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu > a,.menu > .has-mega > button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--text);text-decoration:none;font:500 15px var(--sans);cursor:pointer}
.menu > a:hover,.menu > .has-mega > button:hover,.menu > a[aria-current="page"]{color:var(--brass)}
.has-mega{position:static}
.has-mega.mini{position:relative}
.has-mega > button svg{width:12px;height:12px;transition:transform .2s}
.mega{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);width:min(860px,92vw);background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(20,33,28,.16);padding:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
.has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
.has-mega.mini .mega{left:0;transform:translate(0,8px);width:300px;grid-template-columns:1fr}
.has-mega.mini:hover .mega,.has-mega.mini:focus-within .mega,.has-mega.mini.open .mega{transform:none}
.has-mega:hover > button svg,.has-mega.open > button svg{transform:rotate(180deg)}
.mega h4{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}
.mega a{display:block;padding:8px 10px;margin:0 -10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.mega a:hover{background:var(--paper)}
.mega a b{display:block;font:500 17px var(--serif)}
.mega a small{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.mega .all{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.tel{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.tel svg{width:18px;height:18px;color:var(--brass)}
.tel:hover{color:var(--brass)}
.nav .btn{min-height:44px;padding:0 20px;font-size:15px;white-space:nowrap;flex:none}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--white);align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:22px;height:22px}
.drawer{display:none}
@media (max-width:1100px){.nav .tel{display:none}}
@media (max-width:960px){
  .menu{display:none}.burger{display:inline-flex}.nav .btn{display:none}
  .drawer{position:fixed;inset:74px 0 0;z-index:29;background:var(--paper);overflow:auto;padding:18px 24px 120px;display:block;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
  body.menu-open .drawer{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  body.menu-open{overflow:hidden}
  .drawer h4{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:22px 0 6px}
  .drawer a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font:500 19px var(--serif)}
  .drawer .btn{display:flex;margin-top:24px;font-family:var(--sans);border:0;color:var(--paper)}
}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:72px 88px}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;z-index:-1}
.hero::before{width:520px;height:520px;right:-120px;top:-140px;background:radial-gradient(circle,#E9DCC0,transparent 65%);animation:drift 18s ease-in-out infinite alternate}
.hero::after{width:460px;height:460px;left:-160px;bottom:-200px;background:radial-gradient(circle,#D5E0D8,transparent 65%);animation:drift 22s ease-in-out infinite alternate-reverse}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.12)}}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero.solo .grid{grid-template-columns:1fr;max-width:860px}
.hero h1{margin-top:14px}
.hero h1 em{font-style:italic;color:var(--moss)}
.hero .lede{margin-top:22px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.assure{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;color:var(--muted)}
.assure span{display:inline-flex;align-items:center;gap:8px}
.assure svg{width:18px;height:18px;color:var(--moss);flex:none}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brass)}
@media (max-width:900px){.hero{padding-block:44px 60px}.hero .grid{grid-template-columns:1fr}.book-stage{order:-1}}

/* The book */
.book-stage{display:grid;place-items:center;perspective:1400px;min-height:420px}
.book{position:relative;width:260px;height:390px;transform:rotateY(-24deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:settle 1.4s cubic-bezier(.2,.7,.2,1) both}
.book .cover{position:absolute;inset:0;border-radius:3px 8px 8px 3px;background:linear-gradient(135deg,#1E3A2F 0%,#14211C 70%);box-shadow:24px 30px 50px rgba(20,33,28,.28),inset 4px 0 0 rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:space-between;padding:38px 30px;color:#EDE6D3;overflow:hidden}
.book .cover::before{content:"";position:absolute;inset:16px;border:1px solid rgba(208,176,112,.55);border-radius:2px}
.book .cover small{font:600 11px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.book .cover .t{font:italic 400 40px/1.05 var(--serif)}
.book .cover .a{font:500 17px var(--serif);color:var(--gold)}
.book .spine{position:absolute;top:0;left:0;width:34px;height:100%;transform:rotateY(90deg) translateZ(-17px) translateX(-17px);transform-origin:left;background:linear-gradient(90deg,#0F1915,#1B2F27);border-radius:3px 0 0 3px}
.book .pages{position:absolute;top:6px;right:-14px;width:16px;height:calc(100% - 12px);background:repeating-linear-gradient(90deg,#FBFAF5 0 2px,#E4E0D3 2px 3px);transform:rotateY(90deg) translateZ(252px);transform-origin:left;border-radius:0 2px 2px 0}
.book-note{margin-top:22px;font-size:13px;color:var(--muted);text-align:center}
@keyframes settle{from{opacity:0;transform:rotateY(-40deg) rotateX(8deg) translateY(20px)}}

/* Sections */
section{padding-block:88px}
.band{background:var(--white);border-block:1px solid var(--line)}
.dark{background:var(--ink);color:#C9CFC8}
.dark h2,.dark h3{color:var(--paper)}
.head{max-width:740px;margin-bottom:44px}
.head .eyebrow{margin-bottom:12px}
.head p{margin-top:16px;color:var(--muted);font-size:18px}
.dark .head p{color:#AEB6AF}
.head.center{margin-inline:auto;text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}

/* Cards and grids */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:16px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.band .card{background:var(--paper)}
a.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,33,28,.10);border-color:#CFC9B8}
.card .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brass-soft);color:#6B4A12}
.card .ic svg{width:22px;height:22px}
.card h3{font-size:22px}
.card p{font-size:15.5px;color:var(--muted)}
.card .link{margin-top:auto;padding-top:6px;font-size:15px}
@media (max-width:980px){.cards,.cards.four{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards,.cards.four,.cards.two{grid-template-columns:1fr}}
.spot{background-image:radial-gradient(380px circle at var(--mx,-50%) var(--my,-50%),rgba(160,116,43,.11),transparent 45%)}

/* Promise */
.promise{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}
.promise > div{padding:28px 24px;border-right:1px solid var(--line)}
.promise > div:last-child{border-right:0}
.promise b{display:block;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}
.promise h3{font-size:21px;margin-bottom:8px}
.promise p{font-size:15.5px;color:var(--muted)}
@media (max-width:900px){.promise{grid-template-columns:1fr 1fr}.promise > div:nth-child(2){border-right:0}.promise > div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.promise{grid-template-columns:1fr}.promise > div{border-right:0;border-bottom:1px solid var(--line)}.promise > div:last-child{border-bottom:0}}

/* Lists */
.checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.checks li{display:grid;grid-template-columns:24px 1fr;gap:12px}
.checks li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--brass-soft);box-shadow:inset 0 0 0 2px var(--brass)}
.checks b{color:var(--ink)}
.checks.two{grid-template-columns:1fr 1fr;gap:14px 32px}
@media (max-width:760px){.checks.two{grid-template-columns:1fr}}
.panel{padding:30px;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.band .panel{background:var(--paper)}

/* Steps */
.steps{list-style:none;margin:0;padding:0;display:grid;counter-reset:s}
.steps li{display:grid;grid-template-columns:72px 1fr 1.2fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);align-items:baseline;counter-increment:s}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 30px var(--serif);color:var(--brass)}
.steps h3{font-size:22px}
.steps p{color:var(--muted);font-size:16px}
@media (max-width:760px){.steps li{grid-template-columns:48px 1fr;gap:6px 16px}.steps li p{grid-column:2}}

/* Questions table */
.qa{width:100%;border-collapse:collapse;font-size:16px}
.qa th,.qa td{text-align:left;padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.qa th{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.qa td:first-child{font:500 19px var(--serif);color:var(--ink);width:42%}
.qa td:last-child{color:var(--muted)}
.qa td:last-child b{color:var(--moss)}
@media (max-width:700px){.qa,.qa tbody,.qa tr,.qa td{display:block;width:100%}.qa thead{display:none}.qa td{border:0;padding:6px 0}.qa tr{padding:16px 0;border-bottom:1px solid var(--line)}}

/* FAQ */
.faq{max-width:860px}
.faq details{border-top:1px solid var(--line);padding:6px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font:500 21px var(--serif);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px var(--sans);color:var(--brass);line-height:1}
.faq details[open] summary::after{content:"×"}
.faq details p{padding:0 0 20px;color:var(--muted);max-width:70ch}

/* Formats */
.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.formats > div{padding:22px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.formats h3{font-size:20px;margin-bottom:6px}
.formats p{font-size:15px;color:var(--muted)}
@media (max-width:900px){.formats{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.formats{grid-template-columns:1fr}}

/* CTA band */
.cta-band{position:relative;overflow:hidden;border-radius:26px;background:var(--ink);color:#C9CFC8;padding:60px 56px;display:grid;grid-template-columns:1.3fr auto;gap:32px;align-items:center}
.cta-band::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(208,176,112,.35),transparent 65%);filter:blur(30px)}
.cta-band h2{color:var(--paper);position:relative}
.cta-band p{margin-top:12px;position:relative;max-width:56ch}
.cta-band .ctas{margin-top:0;position:relative;justify-content:flex-end}
.cta-band .tel{color:var(--paper)}
@media (max-width:860px){.cta-band{grid-template-columns:1fr;padding:40px 28px}.cta-band .ctas{justify-content:flex-start}}

/* Forms */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.contact-grid ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;color:var(--muted)}
.contact-grid li b{color:var(--ink);font-weight:600}
form.lead{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px;display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form.lead label{display:grid;gap:6px;font-size:14.5px;font-weight:600;color:var(--ink)}
form.lead label .opt{font-weight:400;color:var(--muted)}
form.lead input,form.lead select,form.lead textarea{font:400 16px var(--sans);color:var(--text);background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;width:100%}
form.lead input:focus,form.lead select:focus,form.lead textarea:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 4px rgba(47,74,62,.12)}
form.lead textarea{min-height:110px;resize:vertical}
form.lead .consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-weight:400;font-size:13.5px;color:var(--muted);line-height:1.5}
form.lead .consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--moss)}
.hp{position:absolute;left:-9999px}
.form-note{font-size:13px;color:var(--muted)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}
.beam{position:relative}
.beam::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--beam),transparent 0 62%,var(--gold) 78%,#F3E2B8 84%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 6s linear infinite;pointer-events:none}
@keyframes beam{to{--beam:360deg}}

/* Footer */
footer{background:var(--ink);color:#B9C1BB;padding-block:64px 40px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
footer .logo{color:var(--paper)}
footer h4{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{color:#DCE2DD;text-decoration:none}
footer a:hover{color:var(--gold)}
footer .legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.6;color:#98A29B}
@media (max-width:980px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid > div:first-child{grid-column:1/-1}}

/* Always visible calls to action */
.float-cta{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(20,33,28,.92);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(20,33,28,.28);color:var(--paper);transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease}
.float-cta.show{transform:none;opacity:1}
.float-cta .t{font-size:14px;color:#C9CFC8;white-space:nowrap}
.float-cta .t a{color:var(--paper);text-decoration:none;font-weight:600}
.float-cta .btn{min-height:42px;padding:0 18px;font-size:14.5px}
.mobile-cta{display:none}
@media (max-width:720px){
  .float-cta{display:none}
  .mobile-cta{display:grid;grid-template-columns:auto 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:28;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(246,245,240,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .mobile-cta .btn{min-height:48px;font-size:15px}
  .mobile-cta .call{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 16px}
  .mobile-cta .call svg{width:18px;height:18px}
  body{padding-bottom:76px}
  .ctas .btn{width:100%}
  .logo span{font-size:20px}
}

/* Reveal */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}

/* Hero signup form (every page) */
@media (min-width:901px){.hero .grid{grid-template-columns:1.08fr .92fr;align-items:start}}
.hero .grid > div:first-child{padding-top:18px}
form.quick{padding:26px;gap:13px;box-shadow:0 30px 70px rgba(20,33,28,.12);scroll-margin-top:100px}
form.quick .q-head h2{font-size:26px;line-height:1.15}
form.quick .q-head p{margin-top:6px;font-size:14.5px;color:var(--muted)}
form.quick input,form.quick select{padding:11px 13px}
form.quick .consent{font-size:12.5px}
form.quick .btn{width:100%}
.hero .ctas .tel{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);text-decoration:none}
@media (max-width:900px){.hero .grid > div:first-child{padding-top:0}form.quick{padding:22px}}
@media (min-width:901px) and (max-width:1100px){form.quick .row2{grid-template-columns:1fr}}

/* Sample cover concepts */
.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:34px 26px;margin-top:40px}
.cv{margin:0;container-type:inline-size}
.cv figcaption{margin-top:12px;font-size:13px;color:var(--muted)}
.cv figcaption b{color:var(--ink);font-weight:600}
.cv-art{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:3px 7px 7px 3px;display:flex;flex-direction:column;justify-content:flex-end;gap:3cqi;padding:10cqi 10cqi 9cqi 13cqi;box-shadow:0 1px 2px rgba(0,0,0,.18),0 18px 34px rgba(20,33,28,.22);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.cv-art::before{content:"";position:absolute;inset:0 auto 0 0;width:5cqi;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.14) 55%,rgba(0,0,0,.08));z-index:3}
.cv-art::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-100%);transition:transform .8s;z-index:3;pointer-events:none}
.cv:hover .cv-art{transform:translateY(-8px) rotate(-1deg);box-shadow:0 2px 4px rgba(0,0,0,.18),0 30px 50px rgba(20,33,28,.28)}
.cv:hover .cv-art::after{transform:translateX(100%)}
.cv-art i{position:absolute;display:block;pointer-events:none}
.cv-art span{position:relative;z-index:2}
.cv-kick{font:600 5.4cqi var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.cv-title{font:500 15cqi/1 var(--serif)}
.cv-sub{font:400 6cqi/1.3 var(--sans);opacity:.85}
.cv-author{margin-top:5cqi;font:600 5.6cqi var(--sans);letter-spacing:.22em;text-transform:uppercase}

.cv-memoir{background:linear-gradient(180deg,#E9C58E 0%,#C98B4F 58%,#6E4127 100%);color:#FFF6E6;justify-content:flex-end}
.cv-memoir .d1{width:46cqi;height:46cqi;border-radius:50%;background:radial-gradient(circle,#FFF1CF,#F5CF8A 70%);top:16cqi;right:12cqi;opacity:.9}
.cv-memoir .d2{inset:auto 0 30% 0;height:22cqi;background:#8E5634;clip-path:polygon(0 60%,20% 30%,42% 55%,65% 20%,100% 50%,100% 100%,0 100%)}
.cv-memoir .d3{inset:auto 0 0 0;height:32%;background:linear-gradient(180deg,rgba(60,32,18,.2),rgba(60,32,18,.75))}
.cv-memoir .cv-title,.cv-literary .cv-title,.cv-cook .cv-title,.cv-faith .cv-title{font-family:'Cormorant Garamond',var(--serif);font-style:italic;font-size:17cqi}

.cv-river{background:#1F4B4E;color:#EAF3EF}
.cv-river .d1,.cv-river .d2,.cv-river .d3{left:-10%;right:-10%;height:30cqi;border-radius:50%;border-top:1.2cqi solid rgba(234,243,239,.35)}
.cv-river .d1{top:14cqi}.cv-river .d2{top:26cqi;border-color:rgba(208,176,112,.7)}.cv-river .d3{top:38cqi}

.cv-biz{background:#F4F1E8;color:#111;justify-content:flex-start;padding-top:14cqi}
.cv-biz .d1{left:13cqi;top:8cqi;width:18cqi;height:1.6cqi;background:#A0742B}
.cv-biz .d2{right:-22cqi;top:80cqi;width:70cqi;height:70cqi;border-radius:50%;border:9cqi solid #14211C}
.cv-biz .cv-title,.cv-biz2 .cv-title,.cv-thriller .cv-title{font-family:'Bebas Neue',var(--sans);font-weight:400;font-size:21cqi;letter-spacing:.01em;line-height:.92}
.cv-biz .cv-author{margin-top:auto}

.cv-biz2{background:#132238;color:#fff}
.cv-biz2 .d1,.cv-biz2 .d2,.cv-biz2 .d3{top:auto;bottom:88cqi;width:13cqi;background:#D0B070}
.cv-biz2 .d1{left:13cqi;height:14cqi;opacity:.45}.cv-biz2 .d2{left:31cqi;height:26cqi;opacity:.7}.cv-biz2 .d3{left:49cqi;height:40cqi}

.cv-thriller{background:radial-gradient(120% 70% at 50% 20%,#2A2A2E,#0B0B0D);color:#F2F2F2}
.cv-thriller .d1{top:0;bottom:0;left:58%;width:2cqi;background:#C4262E;transform:rotate(14deg);box-shadow:0 0 6cqi #C4262E}
.cv-thriller .d2{top:18cqi;left:22cqi;width:32cqi;height:44cqi;border:1cqi solid rgba(255,255,255,.18);border-bottom:0;border-radius:16cqi 16cqi 0 0}
.cv-thriller .cv-title{font-size:24cqi}
.cv-thriller .cv-sub{color:#E86A6F}

.cv-literary{background:#C9D3C4;color:#1E2B24;justify-content:center;text-align:center;padding:12cqi}
.cv-literary .d1{inset:6cqi;border:.8cqi solid rgba(30,43,36,.55)}
.cv-literary .d2{left:50%;top:20cqi;width:14cqi;height:14cqi;margin-left:-7cqi;border-radius:50%;background:#A0742B}

.cv-fantasy{background:radial-gradient(90% 60% at 50% 30%,#3B2A5E,#140F24);color:#F0D99A;text-align:center;justify-content:flex-end;align-items:center}
.cv-fantasy .d1{top:16cqi;left:50%;width:40cqi;height:40cqi;margin-left:-20cqi;border:1.2cqi solid #D0B070;transform:rotate(45deg);box-shadow:0 0 10cqi rgba(208,176,112,.45)}
.cv-fantasy .d2{top:27cqi;left:50%;width:18cqi;height:18cqi;margin-left:-9cqi;border-radius:50%;background:radial-gradient(circle,#FFF6D8,#D0B070)}
.cv-fantasy .d3{inset:0;background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 80% 15%,#fff,transparent),radial-gradient(1px 1px at 65% 55%,#fff,transparent),radial-gradient(1px 1px at 30% 70%,#fff,transparent)}
.cv-fantasy .cv-title{font-family:'Cinzel',var(--serif);font-weight:600;font-size:15cqi}

.cv-kids{background:linear-gradient(180deg,#3D6FB6,#86B5E8);color:#fff;justify-content:flex-start}
.cv-kids .d1{bottom:48cqi;right:12cqi;width:26cqi;height:26cqi;border-radius:50%;background:#FFE7A0;box-shadow:0 0 12cqi rgba(255,231,160,.7)}
.cv-kids .d2{bottom:20cqi;left:24cqi;width:22cqi;height:22cqi;background:#F26B5B;transform:rotate(45deg);border-radius:2cqi}
.cv-kids .d3{bottom:0;left:35cqi;width:.8cqi;height:22cqi;background:#fff;transform:rotate(-12deg);transform-origin:top}
.cv-kids .cv-title,.cv-kids2 .cv-title{font-family:'Fredoka',var(--sans);font-weight:600;font-size:15cqi;line-height:1.02}
.cv-kids .cv-author,.cv-kids2 .cv-author{margin-top:0;letter-spacing:.12em}

.cv-kids2{background:#FFF1C9;color:#2E5B35;justify-content:flex-start}
.cv-kids2 .d1{bottom:-20cqi;left:-20cqi;width:90cqi;height:60cqi;border-radius:50%;background:#7FB069}
.cv-kids2 .d2{bottom:-26cqi;right:-30cqi;width:90cqi;height:60cqi;border-radius:50%;background:#4E8B4A}
.cv-kids2 .d3{bottom:30cqi;right:16cqi;width:16cqi;height:16cqi;border-radius:50%;background:#F26B5B;box-shadow:-9cqi 6cqi 0 -2cqi #F4B63F}

.cv-faith{background:linear-gradient(180deg,#F7D9B5 0%,#EFA98A 45%,#6F6A9A 100%);color:#fff;text-align:center;align-items:center}
.cv-faith .d1{left:50%;top:34cqi;width:56cqi;height:56cqi;margin-left:-28cqi;border-radius:50%;background:radial-gradient(circle,#FFF7E6,#FFD9A0 60%,transparent 72%)}
.cv-faith .d2{inset:auto 0 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(40,36,80,.55))}

.cv-faith2{background:#DDE8EE;color:#20384A;justify-content:flex-start}
.cv-faith2 .d1,.cv-faith2 .d2,.cv-faith2 .d3{left:0;right:0;height:1cqi;background:#7FA3BA}
.cv-faith2 .d1{bottom:34cqi}.cv-faith2 .d2{bottom:26cqi;left:14cqi;opacity:.6}.cv-faith2 .d3{bottom:18cqi;left:30cqi;opacity:.35}
.cv-faith2 .cv-author{margin-top:auto}

.cv-cook{background:#B5532F;color:#FFF3E6;justify-content:flex-start}
.cv-cook .d1{bottom:-24cqi;right:-24cqi;width:70cqi;height:70cqi;border-radius:50%;background:#F4ECE0;box-shadow:inset 0 0 0 7cqi #E6DACA}
.cv-cook .d2{bottom:-3cqi;right:-3cqi;width:28cqi;height:28cqi;border-radius:50%;background:radial-gradient(circle at 40% 40%,#6B8F3A,#3E5A24)}
.cv-cook .cv-author{margin-top:auto;position:absolute!important;left:13cqi;bottom:9cqi}
@media (max-width:560px){.covers{grid-template-columns:1fr 1fr;gap:26px 16px}.cv figcaption{font-size:12px}}