:root{--ink:#252522;--paper:#f7f4eb;--wine:#622d39;--line:#d8d3c6;--muted:#66665f;--gold:#cbb079}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--wine);outline-offset:5px}button{font:inherit;cursor:pointer}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:3}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:28px;letter-spacing:3px;font-weight:800;line-height:1.1}.brand span{font-size:9px;display:block;letter-spacing:2.7px;margin-top:10px;font-weight:400}nav{display:flex;gap:27px;font-size:13px}nav [aria-current]{color:var(--wine);text-decoration:underline;text-underline-offset:6px}section{padding:72px 6%;max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding-top:76px;padding-bottom:80px;min-height:670px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--wine);margin:0 0 20px}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0 0 24px}h1{font-size:clamp(46px,5.5vw,80px);letter-spacing:-2.8px}h1 em,h2 em{font-weight:400;color:var(--wine)}h2{font-size:44px;letter-spacing:-1.2px}h3{font-size:28px}p{margin:0 0 22px}.lede{font-size:19px;max-width:490px;color:var(--muted);line-height:1.65}.by{font-size:10px;letter-spacing:2px;margin-top:27px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;gap:25px;align-items:center;background:var(--wine);color:#fffaf1;padding:14px 22px;font-size:12px;letter-spacing:.3px;border:1px solid var(--wine)}.button:hover{background:#48232b;text-decoration:none}.text-link,.arrow{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-shelf{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;padding-bottom:25px}.cover{width:245px;min-height:340px;padding:28px 25px 24px;display:flex;flex-direction:column;gap:24px;box-shadow:9px 12px 16px #24211c20,inset 5px 0 4px #0002;border:1px solid #0002;flex-shrink:0;position:relative}.cover:after{content:'';height:1px;background:currentColor;opacity:.4;position:absolute;left:25px;right:25px;bottom:57px}.cover>span{font-size:9px;letter-spacing:1.8px}.cover strong{font:38px/1.04 Georgia,serif;font-weight:400;letter-spacing:-1px}.cover em{font:italic 13px/1.5 Georgia,serif}.cover i{font:8px Arial,sans-serif;letter-spacing:2px;margin-top:auto;padding-top:20px}.gold{background:#d4ba85;color:#3e3321}.wine{background:#642f3d;color:#f8efd8}.blue{background:#344c59;color:#f7eedc}.hero-shelf .gold{transform:rotate(-9deg) translate(28px,12px);z-index:1}.hero-shelf .wine{transform:rotate(8deg) translate(-10px,-12px)}.shelf-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:2.5px;color:var(--muted)}.ribbon{text-align:center;background:#e9e4d7;padding:18px;font:italic 20px Georgia,serif;border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-head h2{margin:0}.section-head p{font-size:13px;color:var(--muted)}.article-card{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center;max-width:1000px}.article-card h3{font-size:37px}.article-card p{color:var(--muted);font-size:15px;max-width:430px}.art-mark{padding:30px;background:#e7dfcc;display:flex;flex-direction:column;gap:25px;min-height:300px;border-left:6px solid var(--wine)}.art-mark span{font-size:9px;letter-spacing:2px}.art-mark b{font:46px/1.04 Georgia,serif;font-weight:400;color:var(--wine)}.paper{background:#eeeade;max-width:none}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.channel{padding:30px 25px 35px 0;border-top:1px solid var(--line);margin-right:30px}.channel:hover{text-decoration:none}.channel h3{font-size:30px;margin:12px 0 17px}.channel p{font-size:14px;color:var(--muted);max-width:320px}.channel .eyebrow{font-size:9px}.channel:hover .arrow{color:var(--wine)}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px}.split p{max-width:470px;color:var(--muted)}blockquote{font-size:32px;color:var(--wine);padding:25px 0 0 35px;border-left:1px solid var(--line);line-height:1.35;margin:0}cite{display:block;font:9px/2 Arial,sans-serif;letter-spacing:1.2px;margin-top:30px}cite a{letter-spacing:0;font-size:11px}footer{border-top:1px solid var(--line);padding:45px 6%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;max-width:1440px;margin:auto}footer .brand{font-size:20px}footer p,footer a,footer small{font-size:11px;color:var(--muted)}footer div:nth-child(2) a{display:block;margin-bottom:8px}.page-intro{padding-bottom:30px}.page-intro h1{max-width:900px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:35px}.book-grid .cover{margin-bottom:38px;width:100%;max-width:260px;min-height:365px}.book-grid h2{font-size:30px}.book-grid p{font-size:14px;color:var(--muted)}.book-grid .eyebrow{font-size:9px}.book-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;padding-block:90px}.book-detail .cover{width:300px;min-height:430px;margin:auto}.book-detail .cover strong{font-size:49px}.book-detail h1{font-size:55px}.meta{font-size:11px;color:var(--muted)}.availability{font-size:13px;border-left:2px solid var(--gold);padding:12px 18px;background:#eeeade}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.filter-row button{border:1px solid var(--line);padding:9px 17px;background:transparent;border-radius:30px;font-size:12px}.filter-row .selected{background:var(--wine);color:white;border-color:var(--wine)}#empty-state{padding:40px;background:#eeeade}#article-results{margin-bottom:40px}[hidden]{display:none!important}.longform{max-width:920px;padding:65px 30px;margin:auto}.longform>.eyebrow{margin-top:45px}.longform h1{font-size:58px;line-height:1.12;letter-spacing:-1.8px}.author{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:30px}.article-body{max-width:690px;margin:40px auto;font:19px/1.85 Georgia,serif}.article-body h2{font-size:33px;line-height:1.2;margin:45px 0 25px}.article-body p{margin-bottom:25px}.watch{display:block;background:#eeeade;border-left:3px solid var(--wine);font:14px/1.5 Arial,sans-serif;padding:20px;margin:30px 0;color:var(--wine)}.watch span{display:block;font-size:11px;margin-top:8px}.article-body aside{font:12px/1.7 Arial,sans-serif;border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.article-body aside h3{font-size:23px}.article-body a:not(.watch){text-decoration:underline}.related{background:#e9e4d7;max-width:none}.related h2{font-size:35px}.workshop{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding-top:40px}.workshop-art{background:var(--wine);color:#eadab8;display:flex;flex-direction:column;justify-content:center;padding:40px;gap:24px}.workshop-art span{font:29px Georgia,serif;border-bottom:1px solid #eadab855;padding-bottom:20px}.editorial-note{padding:45px;background:#eeeade}.editorial-note p{max-width:640px}html{scroll-behavior:smooth}@media(min-width:1600px){body{font-size:17px}}@media(max-width:900px){header{align-items:start}nav{gap:14px;flex-wrap:wrap;justify-content:end;max-width:400px}.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-shelf .cover{width:175px;min-height:280px;padding:20px 18px}.hero-shelf .cover strong{font-size:29px}.hero-shelf{min-height:370px}.split{gap:45px}.book-grid{gap:25px}.channel-grid{grid-template-columns:repeat(2,1fr)}.book-detail{gap:35px}.book-detail .cover{width:240px;min-height:350px}.book-detail h1{font-size:43px}}@media(max-width:650px){header{padding:24px 6%;display:block}.brand{font-size:25px}nav{margin-top:25px;justify-content:start;gap:12px 19px;font-size:12px;max-width:none}section{padding:45px 6%}.hero{display:block;padding-top:45px}.hero h1{font-size:59px}.hero-shelf{margin-top:45px;min-height:360px}.hero-shelf .cover{width:185px;min-height:290px}.hero-shelf .gold{transform:rotate(-7deg) translate(12px,12px)}.hero-shelf .wine{transform:rotate(7deg) translate(-8px,-5px)}.lede{font-size:17px}.ribbon{font-size:17px;padding:20px 25px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:20px}h2{font-size:35px}.article-card,.split,.workshop,.book-detail{display:block}.article-card>div+div{margin-top:27px}.article-card h3{font-size:31px}.channel-grid{grid-template-columns:1fr}.channel{margin-right:0;padding-right:0}.channel p{max-width:none}blockquote{margin-top:40px;font-size:28px}.book-grid{grid-template-columns:1fr}.book-grid article{padding-bottom:35px;border-bottom:1px solid var(--line)}.book-grid .cover{margin-inline:auto}.book-detail .cover{margin-bottom:45px}.book-detail h1{font-size:43px}.longform{padding:45px 6%}.longform h1{font-size:39px}.article-body{font-size:18px}.article-body h2{font-size:29px}.workshop-art{margin-top:30px;padding:30px}.split>div+div{margin-top:35px}footer{grid-template-columns:1fr;gap:20px}.page-intro h1{font-size:48px}.page-intro{padding-bottom:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* VALUESMAN brand: blue, red, white, charcoal. Original artwork remains unchanged. */
:root{--wine:#242b85;--paper:#fff;--ink:#25282d;--line:#dedfe5;--muted:#5d616b;--gold:#bd101b;--brand-red:#c50009}header{background:#fff;padding-top:24px;padding-bottom:24px;flex-wrap:wrap}.brand-image{display:block;flex:0 0 245px;width:245px;line-height:0;letter-spacing:0}.brand-image img{display:block;width:100%;height:auto;clip-path:polygon(0 0,100% 0,100% 75%,19% 75%,19% 100%,0 100%)}nav{gap:20px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:12px}.hero h1 em{color:#242b85}.eyebrow{color:#242b85}.ribbon{background:#f0f2f8;border-color:#e1e4ee;color:#292f55}.paper{background:#f5f6fa}.art-mark{background:#eef0f8;border-color:var(--brand-red)}.art-mark b{color:#242b85}.button{background:#242b85;border-color:#242b85}.button:hover{background:#151b62}.cover.wine{background:#253b62;color:#fff}.cover.gold{background:#e6e9ee;color:#202a43}.cover.blue{background:#4c596b;color:#fff}.hero-shelf .gold{border-top:5px solid var(--brand-red)}.hero-shelf .wine{border-top:5px solid #9eabbc}.availability,.editorial-note,.related{background:#f0f2f7}.watch{background:#f0f2f8;border-color:var(--brand-red)}blockquote{color:#242b85}.workshop-art{background:#253b62;color:#fff}.workshop-art span{border-color:#ffffff44}.footer-logo{width:200px;max-width:100%}.section-logo{margin-bottom:32px;background:white}.section-logo img{display:block;width:100%;height:auto}.selfsmith-logo{max-width:680px}.catholic-logo{max-width:320px}.card-logo{height:100px;display:flex;align-items:center;margin:10px 0 20px;background:#fff;padding:10px}.card-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.catholic-card-logo img{max-width:180px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){header .brand-image{width:230px}nav{justify-content:flex-start}.section-logo{margin-top:16px}.selfsmith-logo{max-width:100%}.catholic-logo{max-width:260px}.hero h1{font-size:55px}.card-logo{max-width:320px}}
/* Author signature within the VALUESMAN wordmark. */
.brand-image{position:relative}.brand-image .brand-author{position:absolute;left:22%;top:78%;width:78%;margin:0;font-family:Arial,sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:.35px;color:#353944;text-align:center;white-space:nowrap}.footer-logo .brand-author{font-size:9px}
.brand-image .brand-author{left:22%;width:78%;letter-spacing:0}.brand-author svg{display:block;width:100%;height:auto;overflow:visible}.brand-author text{font-family:Arial,sans-serif;font-size:58px;font-weight:500;fill:#353944}

.brand-image .brand-author{left:22%;width:78%;text-align:right;letter-spacing:.1px;word-spacing:normal;font-size:11px}.footer-logo .brand-author{font-size:9px}
/* Geometric capitals echo the supplied wordmark, without forced stretching. */
@font-face{font-family:ValuesmanSignature;src:url('/assets/valuesman-signature.otf') format('opentype');font-display:swap;font-weight:600}
.brand-image .brand-author{font-family:ValuesmanSignature,'Century Gothic',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.25px;word-spacing:1.4px;text-align:right;color:#000}.footer-logo .brand-author{font-size:9.8px;letter-spacing:1px}
/* A broader sans-serif face gives the author name more natural width. */
@font-face{font-family:ValuesmanWide;src:url('/assets/valuesman-signature-wide.ttf') format('truetype');font-display:swap;font-weight:400}
.brand-image .brand-author{font-family:ValuesmanWide,sans-serif;font-size:13px;font-weight:400;letter-spacing:1.25px;word-spacing:1.4px;color:#000;text-align:right}.footer-logo .brand-author{font-size:10.6px;letter-spacing:1px}
/* Supplied book artwork replaces the typographic cover placeholders. */
.cover.real-cover{padding:0;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:2/3}.cover.real-cover:after{display:none}.cover.real-cover img{display:block;width:100%;height:100%;object-fit:contain}.hero-shelf .real-cover{transform:none;width:50%;max-width:260px;min-height:0;border:0;position:relative}.hero-shelf{gap:8px;padding-bottom:30px}.book-grid .real-cover{height:auto;min-height:0}.book-detail .real-cover{height:auto;min-height:0}@media(max-width:650px){.hero-shelf .real-cover{width:48%;min-height:0}.book-detail .real-cover{width:100%;max-width:300px}}
/* Normalize visible book height, accounting for each PNG's transparent margins. */
.cover.real-cover{position:relative;overflow:hidden;aspect-ratio:2/3;flex-shrink:0}.cover.real-cover img{position:absolute;max-width:none;object-fit:fill}.cover.gold.real-cover img{width:123.05%;height:123.05%;left:-16.61%;top:-10.01%}.cover.wine.real-cover img{width:153.43%;height:102.28%;left:-29.72%;top:-2.28%}.hero-shelf{align-items:center}
/* The full author name stays comfortably within the wordmark width. */
.brand-image .brand-author{font-size:12px;letter-spacing:.7px;word-spacing:1px}.footer-logo .brand-author{font-size:9.8px;letter-spacing:.55px}
.brand-image .brand-author{letter-spacing:.45px}.footer-logo .brand-author{letter-spacing:.35px}
@media(max-width:650px){header .brand-image .brand-author{font-size:11.25px;letter-spacing:.4px}}
/* Three headline colors drawn from the VALUESMAN palette. */
.hero h1 .hero-ideas{color:#244763}.hero h1 .hero-roots{color:#874536}.hero h1 em{color:#35634b}
/* Center the footer motto within the logo's width. */
footer .footer-logo + p{width:200px;max-width:100%;text-align:center;margin-left:0;margin-right:0}

.hero h1 .hero-lives{color:#35634b;font-style:normal}
/* A compact introductory paragraph beneath the homepage headline. */
.hero .lede{width:100%;max-width:34ch;line-height:1.6;text-wrap:pretty}
.hero .lede .common-good-phrase{white-space:nowrap}
/* Bring the homepage introduction closer to the navigation divider. */
.hero{padding-top:40px;min-height:0}@media(max-width:650px){.hero{padding-top:28px}}
/* Lift the desktop bookshelf toward the headline without changing cover size. */
@media(min-width:651px){.hero-shelf{transform:translateY(-32px)}}
/* Keep browsing links with the books in the homepage right column. */
.hero-books{min-width:0}.hero-books .hero-shelf{transform:none}.hero-books .actions{justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.hero-books .actions .button,.hero-books .actions .text-link{font-size:12px}@media(min-width:651px){.hero-books{transform:translateY(-32px)}}