:root{--bg:#170f0a;--bg2:#24150d;--ink:#2c2119;--cream:#f4ead5;--paper:#e9d5af;--gold:#d3a75b;--gold-light:#ead09a;--red:#7d1722;--red-bright:#be291e;--white:#fffaf0;--muted:#a9967d;--line:rgba(234,208,154,.18);--shadow:0 32px 90px rgba(0,0,0,.34);--section:clamp(82px,10vw,145px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:var(--bg);font-family:"Manrope",Arial,sans-serif;overflow-x:hidden}body.nav-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{color:#fff;background:var(--red)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#embers{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.55}.page-grain{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}main,.site-footer{position:relative;z-index:1}.section{width:min(1220px,calc(100% - 42px));margin-inline:auto;padding-block:var(--section)}
.site-header{position:fixed;top:0;left:0;z-index:60;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:84px;padding:14px clamp(22px,5vw,72px);color:var(--white);transition:.3s ease}.site-header.scrolled,.inner-page .site-header{min-height:68px;background:rgba(17,10,6,.92);box-shadow:0 12px 40px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(234,208,154,.5);border-radius:50%;color:var(--gold-light);background:rgba(125,23,34,.38);font-family:"Cinzel",serif;font-size:.95rem;font-weight:700;box-shadow:0 0 0 6px rgba(211,167,91,.05)}.brand-copy{display:grid}.brand-copy strong{font-family:"Cinzel",serif;font-size:.96rem;letter-spacing:.08em;text-transform:uppercase}.brand-copy small{color:var(--gold);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,35px)}.main-nav a{position:relative;color:rgba(255,250,240,.67);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s ease}.main-nav a:hover,.main-nav a.active{color:var(--white)}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.main-nav .nav-cta{padding:11px 17px;border:1px solid rgba(234,208,154,.35)}.nav-toggle{display:none;width:45px;height:45px;padding:10px;border:0;background:none;cursor:pointer}.nav-toggle span{display:block;height:1px;margin:6px 0;background:var(--white);transition:.25s ease}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow::before{content:"";width:38px;height:1px;background:currentColor}.eyebrow.light{color:var(--gold-light)}.section-heading{max-width:900px;margin-bottom:clamp(45px,6vw,78px)}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.overview-grid h2,.catalog-copy h2,.life-copy h2,.contact-details h2{margin:0;font-family:"Cinzel",serif;font-size:clamp(2.5rem,5vw,5.1rem);font-weight:600;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}.section-heading h2 em,.purchase h2 em{color:var(--gold-light);font-family:"Libre Baskerville",serif;font-weight:400}.section-heading>p:last-child{max-width:720px;margin-top:20px;color:#8f7f6a;font-family:"Libre Baskerville",serif;line-height:1.8}.section-heading.centered>p:last-child{margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 25px;border:1px solid transparent;cursor:pointer;font-size:.69rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.button:hover{transform:translateY(-3px)}.button-primary{color:#21130c;background:linear-gradient(135deg,#e6c37e,var(--gold));box-shadow:0 16px 36px rgba(211,167,91,.2)}.button-ghost{color:var(--white);border-color:rgba(234,208,154,.3);background:rgba(255,255,255,.03)}.button-dark{color:var(--white);background:var(--red)}.button-light{color:#25150c;background:var(--gold-light)}.button-outline-light{color:var(--white);border-color:rgba(255,255,255,.3)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.text-link span{transition:transform .25s ease}.text-link:hover span{transform:translateX(5px)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.72,.2,1)}.reveal.visible{opacity:1;transform:none}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);align-items:center;min-height:100svh;width:100vw;padding:126px clamp(24px,7vw,105px) 80px;color:var(--white);background:radial-gradient(circle at 75% 35%,rgba(141,51,34,.38),transparent 28%),linear-gradient(125deg,#100a06 0%,#24150d 52%,#4e1017 100%);overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.3;background-image:linear-gradient(rgba(234,208,154,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(234,208,154,.025) 1px,transparent 1px);background-size:120px 120px}.hero::after{content:"";position:absolute;right:-12%;bottom:-42%;z-index:-1;width:68vw;height:68vw;border-radius:50%;background:radial-gradient(circle,rgba(190,41,30,.35),transparent 62%);filter:blur(18px)}.hero-copy{max-width:740px}.hero h1{margin:0;font-family:"Cinzel",serif;font-size:clamp(4rem,7vw,8rem);font-weight:600;letter-spacing:-.06em;line-height:.9}.hero h1 span{display:block}.hero h1 em{color:var(--gold-light);font-family:"Libre Baskerville",serif;font-weight:400}.hero-subtitle{margin:20px 0 0;color:var(--gold);font-family:"Cinzel",serif;font-size:clamp(.85rem,1.4vw,1.2rem);letter-spacing:.25em;text-transform:uppercase}.hero-intro{max-width:670px;color:rgba(255,250,240,.64);font-family:"Libre Baskerville",serif;font-size:1.04rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-meta{display:flex;flex-wrap:wrap;gap:24px 42px;margin-top:45px;padding-top:26px;border-top:1px solid rgba(234,208,154,.13)}.hero-meta div{display:grid;gap:4px}.hero-meta strong{color:var(--gold-light);font-family:"Cinzel",serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.hero-meta span{color:rgba(255,255,255,.4);font-size:.69rem}.hero-halo{position:absolute;z-index:-1;border:1px solid rgba(234,208,154,.12);border-radius:50%;pointer-events:none}.halo-one{top:13%;right:7%;width:42vw;height:42vw;animation:haloSpin 28s linear infinite}.halo-two{top:21%;right:13%;width:30vw;height:30vw;animation:haloSpin 18s linear infinite reverse}.halo-one::before,.halo-two::before{content:"✦";position:absolute;top:-11px;left:50%;color:rgba(234,208,154,.5);font-size:20px}@keyframes haloSpin{to{transform:rotate(360deg)}}
.scripture-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;padding:48px clamp(25px,7vw,105px);color:var(--gold-light);text-align:center;background:#0e0906;border-block:1px solid rgba(234,208,154,.12)}.scripture-band blockquote{margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(1.25rem,2.4vw,2.15rem);font-style:italic;line-height:1.55}.ornament{color:var(--gold);font-size:1.2rem}
.book-overview,.library,.author,.identity-intro,.story-chapters,.life-now,.catalog,.contact-main{color:var(--ink);background:#f4ead5}.book-overview.section,.library.section,.author.section,.identity-intro.section,.story-chapters.section,.life-now.section,.catalog.section,.contact-main.section{width:100%;max-width:none;margin:0;padding-inline:max(21px,calc((100vw - 1220px)/2))}.overview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(50px,8vw,110px)}.overview-copy p,.life-copy p,.story-chapter p,.contact-details p{color:#5f5141;font-family:"Libre Baskerville",serif;line-height:1.86}.overview-copy .lead,.catalog-copy .lead{color:var(--ink);font-size:1.12rem}.callout{margin-top:30px;padding:26px;border-left:3px solid var(--red);background:#fff9ed;box-shadow:0 15px 35px rgba(55,36,22,.08)}.callout span{color:var(--red);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.parchment-card{position:relative;padding:clamp(38px,5vw,64px);background:linear-gradient(135deg,#ead8b6,#f9efd9);border:1px solid rgba(81,54,33,.16);box-shadow:0 26px 70px rgba(45,28,18,.17);transform:rotate(1.2deg)}.chapter-label{color:var(--red);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.parchment-card h3{margin:19px 0;font-family:"Cinzel",serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}.parchment-card p{color:#665644;font-family:"Libre Baskerville",serif;line-height:1.8}.seal{display:grid;width:75px;height:75px;place-items:center;margin:28px 0 0 auto;border:2px solid var(--red);border-radius:50%;color:var(--red);font-family:"Cinzel",serif;font-weight:700}
.insights{width:100%;max-width:none!important;padding-inline:max(21px,calc((100vw - 1220px)/2));background:linear-gradient(135deg,#1b100a,#3a1712);color:var(--white)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.insight-card{position:relative;min-height:330px;padding:38px 34px;border:1px solid rgba(234,208,154,.16);background:rgba(255,255,255,.03)}.insight-card.featured{background:linear-gradient(145deg,rgba(125,23,34,.72),rgba(50,19,13,.72));transform:translateY(-18px)}.card-number{color:rgba(234,208,154,.25);font-family:"Cinzel",serif;font-size:2.5rem}.insight-card h3{margin:35px 0 14px;color:var(--gold-light);font-family:"Cinzel",serif;font-size:1.55rem}.insight-card p{color:rgba(255,255,255,.55);line-height:1.75}
.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.library-card{background:#fffaf0;box-shadow:0 18px 50px rgba(49,31,19,.1);overflow:hidden;transition:transform .3s ease}.library-card:hover{transform:translateY(-8px)}.library-cover{position:relative;padding:34px 34px 0}.library-cover img{width:100%;aspect-ratio:.64;object-fit:cover;box-shadow:0 18px 35px rgba(25,14,9,.26)}.book-badge{position:absolute;top:48px;right:20px;padding:8px 12px;color:#fff;background:var(--red);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.library-info{padding:28px 34px 35px}.book-type{color:var(--red);font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.library-info h3{margin:10px 0;font-family:"Cinzel",serif;font-size:1.45rem;line-height:1.2}.library-info>p:not(.book-type){color:#756451;font-family:"Libre Baskerville",serif;line-height:1.65}
.author-card{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(50px,8vw,110px)}.author-portrait-wrap{position:relative;max-width:440px;margin-inline:auto}.author-photo-frame{padding:14px;background:#fff9ed;box-shadow:0 30px 75px rgba(46,29,19,.2);transform:rotate(-1.5deg)}.author-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}.author-caption{position:absolute;right:-16px;bottom:34px;padding:12px 17px;color:#fff;background:var(--red);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.author-copy h2{margin:0;font-family:"Cinzel",serif;font-size:clamp(3rem,5.6vw,5.9rem);line-height:1}.author-role{color:var(--red)!important;font-weight:700}.author-copy p{color:#655543;font-family:"Libre Baskerville",serif;line-height:1.85}.author-copy .button{margin-top:14px}.purchase{width:100%;max-width:none!important;padding-inline:max(21px,calc((100vw - 1220px)/2));background:#120b07}.purchase-panel{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:clamp(45px,8vw,105px);padding:clamp(40px,6vw,75px);background:linear-gradient(135deg,#6b141c,#2b100d);border:1px solid rgba(234,208,154,.15)}.mini-book img{max-height:400px;margin:auto;box-shadow:20px 25px 45px rgba(0,0,0,.35);transform:perspective(900px) rotateY(-18deg)}.purchase-copy h2{margin:0;font-family:"Cinzel",serif;font-size:clamp(2.5rem,5vw,5.3rem);line-height:1.03}.purchase-copy p{max-width:720px;color:rgba(255,255,255,.6);font-family:"Libre Baskerville",serif;line-height:1.8}.purchase-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.inner-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;min-height:720px;padding:135px clamp(24px,7vw,105px) 80px;color:var(--white);background:radial-gradient(circle at 78% 35%,rgba(125,23,34,.42),transparent 28%),linear-gradient(135deg,#100906,#29150e 55%,#591019);overflow:hidden}.inner-hero::after{content:"";position:absolute;right:-15%;bottom:-50%;width:60vw;height:60vw;border:1px solid rgba(234,208,154,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(234,208,154,.025),0 0 0 110px rgba(234,208,154,.018)}.inner-hero-copy{position:relative;z-index:2;max-width:780px}.inner-hero h1{margin:0;font-family:"Cinzel",serif;font-size:clamp(3.4rem,6vw,6.7rem);font-weight:600;letter-spacing:-.05em;line-height:.98;text-wrap:balance}.inner-hero-copy>p:last-child{max-width:680px;color:rgba(255,255,255,.6);font-family:"Libre Baskerville",serif;font-size:1.02rem;line-height:1.8}.hero-portrait,.hero-stack,.contact-symbol{position:relative;z-index:2}.portrait-frame{position:relative;max-width:430px;margin:auto;padding:13px;border:1px solid rgba(234,208,154,.24);background:rgba(255,255,255,.04);box-shadow:0 30px 70px rgba(0,0,0,.35)}.portrait-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}.portrait-frame span{position:absolute;right:-18px;bottom:28px;padding:12px 16px;color:#21130c;background:var(--gold);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.identity-intro{padding-bottom:50px}.story-chapters{display:grid;gap:1px;padding-top:30px}.story-chapter{display:grid;grid-template-columns:130px minmax(0,1fr);gap:45px;padding:70px 0;border-top:1px solid rgba(67,43,27,.13)}.story-chapter.reversed>div{max-width:880px;margin-left:auto}.chapter-no{color:rgba(125,23,34,.18);font-family:"Cinzel",serif;font-size:4rem}.story-chapter h2{margin:0 0 22px;font-family:"Cinzel",serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08}.story-chapter blockquote{margin:30px 0;padding:22px 27px;border-left:3px solid var(--red);background:#fff8eb;color:#4d3c2d;font-family:"Libre Baskerville",serif;font-style:italic;line-height:1.8}.ministry-map{padding:var(--section) clamp(21px,7vw,105px);background:linear-gradient(135deg,#1b100a,#5b1219)}.place-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(1100px,100%);margin:auto}.place-grid span{padding:12px 17px;border:1px solid rgba(234,208,154,.2);color:rgba(255,255,255,.72);background:rgba(255,255,255,.035);font-size:.69rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.life-now-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(50px,8vw,110px)}.life-photo{position:relative;max-width:430px;margin:auto}.life-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;box-shadow:var(--shadow)}.life-photo span{position:absolute;left:20px;bottom:20px;padding:12px 15px;color:#fff;background:rgba(36,17,10,.85);font-size:.65rem;text-transform:uppercase}.closing-invitation{margin-top:28px;padding:26px;border-left:3px solid var(--red);background:#fff9ed}.closing-invitation strong{color:var(--red);font-family:"Cinzel",serif}.about-cta,.books-closing{display:grid;place-items:center;min-height:500px;padding:90px 24px;text-align:center;background:linear-gradient(rgba(18,8,5,.74),rgba(18,8,5,.88)),url('assets/man-from-tishbe-full-wrap.jpg') center/cover}.about-cta>div,.books-closing>div{max-width:950px}.about-cta h2,.books-closing h2{margin:0 0 30px;font-family:"Cinzel",serif;font-size:clamp(2.6rem,5.5vw,5.6rem);line-height:1.04}
.books-hero{min-height:690px}.hero-stack{display:flex;align-items:center;justify-content:center}.hero-stack img{width:180px;box-shadow:18px 25px 55px rgba(0,0,0,.35);border:1px solid rgba(234,208,154,.2)}.hero-stack img:nth-child(1){transform:translateX(55px) rotate(-7deg)}.hero-stack img:nth-child(2){z-index:2;width:220px}.hero-stack img:nth-child(3){transform:translateX(-55px) rotate(7deg)}.catalog{padding-block:110px}.catalog.alt{background:#e8d8b9}.catalog-row{display:grid;grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(55px,8vw,110px);width:min(1220px,100%);margin:auto}.catalog-row.reversed{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}.catalog-row.reversed .catalog-model{order:2}.catalog-row.reversed .catalog-copy{order:1}.catalog-model{display:grid;place-items:center;min-height:650px;padding:30px;background:radial-gradient(circle,rgba(255,255,255,.72),transparent 45%),linear-gradient(135deg,#bba47c,#7d5c3c);overflow:hidden}.catalog-copy h2{margin:0 0 12px}.book-subtitle{margin:0 0 24px;color:var(--red);font-family:"Cinzel",serif;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.catalog-copy p{color:#665442;font-family:"Libre Baskerville",serif;line-height:1.82}.catalog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.amazon-note{color:#89735e;font-size:.68rem}
.contact-hero{min-height:670px}.direct-email{display:inline-block;margin-top:20px;color:var(--gold-light);border-bottom:1px solid rgba(234,208,154,.35);font-family:"Libre Baskerville",serif;font-size:1.1rem}.contact-symbol{display:grid;width:320px;height:320px;place-items:center;margin:auto;border:1px solid rgba(234,208,154,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(234,208,154,.025)}.contact-symbol span{color:var(--gold-light);font-family:"Cinzel",serif;font-size:5rem}.contact-symbol i{position:absolute;top:25px;right:48px;color:var(--gold);font-style:normal;font-size:1.5rem;animation:twinkle 2.7s ease-in-out infinite}@keyframes twinkle{50%{opacity:.28;transform:scale(.7) rotate(25deg)}}.contact-main{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,110px)}.contact-details h2{font-size:clamp(2.5rem,4.5vw,4.7rem)}.contact-card{display:grid;gap:7px;margin-top:18px;padding:22px;background:#fff9ed;border:1px solid rgba(76,48,29,.1)}.contact-card span{color:var(--red);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.contact-card a,.contact-card strong{font-family:"Libre Baskerville",serif}.contact-note{margin-top:24px;padding:24px;border-left:3px solid var(--red);background:#ead8b8}.contact-note strong{color:var(--red);font-family:"Cinzel",serif}.contact-form{display:grid;gap:19px;padding:clamp(30px,5vw,58px);background:#fffaf0;box-shadow:0 28px 75px rgba(47,30,18,.17)}.form-heading span{color:var(--red);font-size:.63rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.form-heading h3{margin:8px 0 12px;color:var(--ink);font-family:"Cinzel",serif;font-size:2rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{display:grid;gap:8px;color:var(--ink)}.contact-form label>span{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px 16px;color:var(--ink);border:1px solid #ccb998;background:#fffdf7;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(125,23,34,.08)}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start}.form-help{margin:0;color:#8c7761;font-size:.7rem;line-height:1.5}.form-status{min-height:20px;color:var(--red);font-size:.75rem}.contact-quote{display:grid;place-items:center;min-height:450px;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#180d08,#5b1118)}.contact-quote>div{max-width:900px}.contact-quote>div>span{color:var(--gold);font-family:"Libre Baskerville",serif;font-size:6rem;line-height:.5}.contact-quote blockquote{margin:20px 0 25px;font-family:"Libre Baskerville",serif;font-size:clamp(1.5rem,3vw,2.9rem);font-style:italic;line-height:1.45}.contact-quote strong{color:var(--gold);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:55px clamp(22px,6vw,90px);color:rgba(255,255,255,.53);background:#0d0705;border-top:1px solid rgba(234,208,154,.1)}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand strong{color:#fff;font-family:"Cinzel",serif}.footer-brand p{margin:4px 0 0;font-size:.74rem}.footer-links{display:flex;gap:20px}.footer-links a{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-links a:hover{color:var(--gold)}.copyright{font-size:.67rem}
/* Full 3D model */
.book-model{--book-w:280px;--cover-ratio:.648;--book-h:calc(var(--book-w)/var(--cover-ratio));--book-d:68px;position:relative;display:grid;justify-items:center;width:100%;min-width:0;perspective:2700px;isolation:isolate}.book-model.hero-book-model{--book-w:clamp(285px,25vw,385px);--book-d:clamp(70px,5vw,92px)}.book-model.catalog-book-model{--book-w:clamp(235px,23vw,320px);--book-d:clamp(58px,4.5vw,78px)}.book-aura{position:absolute;top:44%;left:50%;width:calc(var(--book-w)*1.72);aspect-ratio:1;border:1px solid rgba(234,208,154,.13);border-radius:50%;background:radial-gradient(circle,rgba(211,167,91,.28),rgba(125,23,34,.09) 45%,transparent 70%);box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.01);transform:translate(-50%,-50%);animation:bookAura 5.5s ease-in-out infinite;pointer-events:none}@keyframes bookAura{50%{transform:translate(-50%,-50%) scale(1.045);opacity:.73}}.book-stage{position:relative;display:grid;place-items:center;width:min(100%,calc(var(--book-w) + var(--book-d) + 110px));height:calc(var(--book-h) + 125px);perspective:2600px;perspective-origin:50% 44%;cursor:grab;touch-action:none;user-select:none;overflow:visible}.book-stage:active{cursor:grabbing}.book-3d{position:relative;width:var(--book-w);height:var(--book-h);transform-style:preserve-3d!important;transform-origin:50% 50%;will-change:transform;filter:none!important;overflow:visible!important}.book-face{position:absolute;display:block;transform-style:preserve-3d}.book-face img{width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.book-front,.book-back{inset:0;width:var(--book-w);height:var(--book-h);overflow:hidden;border:2px solid rgba(24,14,8,.42);border-radius:4px 8px 8px 4px;background:#d4bd91;backface-visibility:hidden}.book-front{transform:translateZ(calc((var(--book-d)/2) + 4px));box-shadow:inset 13px 0 18px rgba(0,0,0,.17),inset -4px 0 7px rgba(255,255,255,.24)}.book-back{transform:rotateY(180deg) translateZ(calc((var(--book-d)/2) + 4px));box-shadow:inset -13px 0 18px rgba(0,0,0,.17),inset 4px 0 7px rgba(255,255,255,.18)}.book-front::after,.book-back::after{content:"";position:absolute;inset:0;pointer-events:none}.book-front::after{background:linear-gradient(105deg,rgba(255,255,255,.23),transparent 17%,transparent 72%,rgba(0,0,0,.18));mix-blend-mode:soft-light}.book-back::after{background:linear-gradient(75deg,rgba(0,0,0,.17),transparent 24%,rgba(255,255,255,.1))}.book-spine{top:0;left:50%;width:var(--book-d);height:var(--book-h);margin-left:calc(var(--book-d)/-2);overflow:hidden;border-block:2px solid rgba(25,20,15,.36);background:#8e7047;transform:rotateY(-90deg) translateZ(calc(var(--book-w)/2));box-shadow:inset 11px 0 15px rgba(0,0,0,.29),inset -5px 0 9px rgba(255,255,255,.12)}.book-spine img{width:100%;height:100%;object-fit:fill}.book-pages-right{top:8px;left:50%;width:calc(var(--book-d) - 14px);height:calc(var(--book-h) - 16px);margin-left:calc((var(--book-d) - 14px)/-2);transform:rotateY(90deg) translateZ(calc((var(--book-w)/2) - 8px));background:linear-gradient(90deg,rgba(89,62,30,.38),rgba(255,255,255,.1) 12%,transparent 22%,transparent 80%,rgba(89,62,30,.26)),repeating-linear-gradient(0deg,#fffaf0 0 1px,#e5d8bb 1px 2px,#f8f1e3 2px 4px)}.book-pages-top,.book-pages-bottom{top:50%;left:7px;width:calc(var(--book-w) - 14px);height:calc(var(--book-d) - 14px);margin-top:calc((var(--book-d) - 14px)/-2);background:linear-gradient(90deg,rgba(91,64,33,.34),transparent 9%,transparent 91%,rgba(91,64,33,.25)),repeating-linear-gradient(90deg,#fffaf0 0 3px,#e3d5b7 3px 4px)}.book-pages-top{transform:rotateX(90deg) translateZ(calc((var(--book-h)/2) - 8px))}.book-pages-bottom{transform:rotateX(-90deg) translateZ(calc((var(--book-h)/2) - 8px))}.book-page-sheet{position:absolute;top:7px;left:8px;width:calc(var(--book-w) - 16px);height:calc(var(--book-h) - 14px);pointer-events:none;background:linear-gradient(90deg,rgba(118,88,52,.16),#fbf5e8 10%,#f6eedf 92%,rgba(115,83,46,.16));border-right:1px solid rgba(112,84,49,.2);transform-style:preserve-3d}.book-shadow{position:absolute;bottom:18px;left:50%;z-index:-1;width:calc(var(--book-w)*1.42);height:clamp(58px,calc(var(--book-w)*.22),90px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.58),rgba(0,0,0,.32) 42%,transparent 75%);filter:blur(25px);transform:translateX(-50%);pointer-events:none}.book-controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:17px;margin-top:-10px;color:rgba(255,255,255,.72)}.book-controls button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;color:inherit;border:1px solid rgba(234,208,154,.24);background:rgba(18,12,8,.55);cursor:pointer;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.book-controls svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7}.book-controls .play-icon{display:none}.book-controls button[aria-pressed=true] .pause-icon{display:none}.book-controls button[aria-pressed=true] .play-icon{display:block}.book-controls p{display:flex;align-items:center;gap:8px;margin:0;font-size:.65rem}.drag-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(211,167,91,.13)}.book-showcase{position:relative;display:grid;place-items:center;min-height:680px}
@media(max-width:1050px){.hero,.inner-hero{grid-template-columns:1fr;text-align:center;padding-inline:34px}.hero .eyebrow,.inner-hero .eyebrow{justify-content:center}.hero-copy,.inner-hero-copy{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.book-showcase{min-height:620px}.overview-grid,.author-card,.life-now-grid,.catalog-row,.catalog-row.reversed,.contact-main{grid-template-columns:1fr;text-align:center}.catalog-row.reversed .catalog-model,.catalog-row.reversed .catalog-copy{order:initial}.overview-copy p,.catalog-copy p,.life-copy p,.contact-details p{margin-inline:auto}.insight-grid{grid-template-columns:1fr}.insight-card.featured{transform:none}.book-grid{grid-template-columns:1fr 1fr}.author-caption{right:10px}.hero-portrait,.hero-stack,.contact-symbol{margin-top:45px}.story-chapter{grid-template-columns:90px 1fr}.catalog-copy,.life-copy{max-width:760px;margin:auto}.catalog-actions{justify-content:center}.contact-form .button{justify-self:center}.footer-links{flex-wrap:wrap;justify-content:center}}
@media(max-width:850px){:root{--section:88px}.site-header{min-height:68px;padding-inline:20px;background:rgba(17,10,6,.92);backdrop-filter:blur(16px)}.nav-toggle{display:block}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:68px 0 auto;display:grid;gap:0;padding:20px;background:rgba(17,10,6,.98);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s ease}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.07)}.main-nav .nav-cta{border:0}.site-footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.copyright{margin:0}.field-row{grid-template-columns:1fr}}
@media(max-width:650px){:root{--section:74px}.section{width:min(100% - 30px,1220px)}.hero,.inner-hero{padding:118px 18px 72px}.hero h1,.inner-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.hero-actions .button{width:100%}.hero-meta{display:grid;gap:14px}.scripture-band{grid-template-columns:1fr}.scripture-band .ornament{display:none}.book-grid{grid-template-columns:1fr}.purchase-panel{grid-template-columns:1fr;text-align:center}.purchase-art{display:none}.purchase-actions{justify-content:center}.story-chapter{grid-template-columns:1fr;gap:10px;padding:55px 0}.chapter-no{font-size:2.8rem}.hero-stack img{width:120px}.hero-stack img:nth-child(2){width:150px}.hero-stack img:nth-child(1){transform:translateX(35px) rotate(-7deg)}.hero-stack img:nth-child(3){transform:translateX(-35px) rotate(7deg)}.catalog-model{min-height:490px;padding-inline:10px}.book-model.hero-book-model{--book-w:min(265px,66vw);--book-d:60px}.book-model.catalog-book-model{--book-w:min(230px,65vw);--book-d:54px}.book-stage{width:min(100%,calc(var(--book-w) + var(--book-d) + 58px));height:calc(var(--book-h) + 100px)}.book-controls{display:grid;justify-items:center;gap:7px}.place-grid span{width:100%;text-align:center}.contact-symbol{width:250px;height:250px}.contact-symbol span{font-size:4rem}.contact-form{padding:28px 18px}.about-cta,.books-closing{min-height:430px}.portrait-frame span{right:0}.footer-links{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
/* Contact hero portrait */

.contact-portrait {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
}

.contact-portrait-frame {
  position: relative;
  width: min(420px, 88%);
  padding: 14px;
  border: 1px solid rgba(234, 208, 154, 0.25);
  background: rgba(255, 255, 255, 0.045);
  box-shadow:
    0 35px 80px rgba(0, 0, 0, 0.42),
    0 0 0 10px rgba(211, 167, 91, 0.025);
  transform: rotate(1.5deg);
  overflow: visible;
}

.contact-portrait-frame::before {
  content: "";
  position: absolute;
  inset: 28px -24px -24px 28px;
  z-index: -1;
  border: 1px solid rgba(211, 167, 91, 0.22);
  background:
    linear-gradient(
      145deg,
      rgba(125, 23, 34, 0.48),
      rgba(211, 167, 91, 0.1)
    );
}

.contact-portrait-frame img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 20%;
  filter:
    contrast(1.03)
    brightness(1.04)
    saturate(0.95);
}

.contact-portrait-frame span {
  position: absolute;
  right: -18px;
  bottom: 30px;
  z-index: 2;
  padding: 13px 18px;
  color: #21130c;
  background: var(--gold);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.contact-portrait-frame i {
  position: absolute;
  top: -16px;
  right: 24px;
  color: var(--gold-light);
  font-style: normal;
  font-size: 1.8rem;
  animation: contactPortraitTwinkle 2.8s ease-in-out infinite;
}

@keyframes contactPortraitTwinkle {
  50% {
    opacity: 0.35;
    transform: scale(0.72) rotate(30deg);
  }
}

@media (max-width: 1050px) {
  .contact-portrait {
    margin-top: 45px;
  }

  .contact-portrait-frame {
    width: min(410px, 82vw);
  }
}

@media (max-width: 650px) {
  .contact-portrait-frame {
    width: min(330px, 88vw);
  }

  .contact-portrait-frame span {
    right: 0;
    bottom: 18px;
    max-width: calc(100% - 28px);
  }
}

/* ============================================================
   WORKING CONTACT FORM
   ============================================================ */

.form-heading {
  margin-bottom: 8px;
}

.form-heading > span {
  color: var(--red);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.form-heading h3 {
  margin: 8px 0 10px;
  color: var(--ink);
  font-family: "Cinzel", serif;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  line-height: 1.15;
}

.form-heading p {
  margin: 0;
  color: #806d59;
  font-family: "Libre Baskerville", serif;
  font-size: 0.8rem;
  line-height: 1.7;
}

/* Hidden spam-protection field */

.form-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Status messages */

.form-message {
  display: none;
  gap: 4px;
  padding: 17px 19px;
  border-left: 3px solid;
  font-family: "Libre Baskerville", serif;
  line-height: 1.6;
}

.form-message.show {
  display: grid;
  animation: formMessageIn 0.35s ease;
}

.form-message strong {
  font-family: "Cinzel", serif;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
}

.form-message span {
  font-size: 0.76rem;
}

.form-success {
  color: #355c36;
  border-color: #638a61;
  background: #edf5e9;
}

.form-error {
  color: var(--red);
  border-color: var(--red);
  background: #f8e9e5;
}

@keyframes formMessageIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* Invalid fields */

.contact-form input.invalid,
.contact-form select.invalid,
.contact-form textarea.invalid {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(125, 23, 34, 0.08);
}

/* Submit button */

.form-submit-button {
  position: relative;
  min-width: 230px;
  overflow: hidden;
}

.submit-default,
.submit-loading {
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.submit-default {
  display: inline-flex;
}

.submit-default b {
  font-size: 1rem;
  transition: transform 0.25s ease;
}

.form-submit-button:hover .submit-default b {
  transform: translateX(4px);
}

.submit-loading {
  display: none;
}

.form-submit-button.is-loading {
  cursor: wait;
  opacity: 0.78;
  pointer-events: none;
}

.form-submit-button.is-loading .submit-default {
  display: none;
}

.form-submit-button.is-loading .submit-loading {
  display: inline-flex;
}

.submit-spinner {
  display: block;
  width: 17px;
  height: 17px;
  border: 2px solid rgba(33, 19, 12, 0.25);
  border-top-color: #21130c;
  border-radius: 50%;
  animation: submitSpinner 0.8s linear infinite;
}

@keyframes submitSpinner {
  to {
    transform: rotate(360deg);
  }
}

.form-help {
  margin: 0;
  color: #8c7761;
  font-size: 0.7rem;
  line-height: 1.6;
}

@media (max-width: 650px) {
  .form-submit-button {
    width: 100%;
  }

  .form-message {
    text-align: left;
  }
}


/* ============================================================
   BLOG — CLEAN INDEX + SEPARATE ARTICLE PAGES
   Existing website styling remains unchanged.
   ============================================================ */

.blog-page .inner-hero {
  min-height: 730px;
}

.blog-hero {
  background:
    radial-gradient(circle at 82% 32%, rgba(211,167,91,.14), transparent 24%),
    radial-gradient(circle at 72% 42%, rgba(125,23,34,.42), transparent 31%),
    linear-gradient(135deg, #100906 0%, #25110c 54%, #511018 100%);
}

.blog-hero h1 em {
  display: block;
  margin-top: 7px;
  color: var(--gold-light);
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

.blog-hero-portrait {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
}

.blog-portrait-frame {
  position: relative;
  width: min(390px, 82vw);
  padding: 13px;
  border: 1px solid rgba(234,208,154,.24);
  background: rgba(255,255,255,.035);
  box-shadow: 0 35px 80px rgba(0,0,0,.42);
  transform: rotate(1.2deg);
}

.blog-portrait-frame::before {
  content: "";
  position: absolute;
  inset: 28px -22px -22px 28px;
  z-index: -1;
  border: 1px solid rgba(211,167,91,.19);
  background: linear-gradient(145deg, rgba(125,23,34,.55), rgba(211,167,91,.08));
}

.blog-portrait-frame img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 18%;
}

.blog-portrait-caption {
  position: absolute;
  left: 32px;
  right: -18px;
  bottom: 30px;
  padding: 14px 17px;
  color: #fff;
  background: rgba(17,9,7,.84);
  border-left: 3px solid var(--gold);
  backdrop-filter: blur(12px);
}

.blog-portrait-caption span,
.blog-portrait-caption strong {
  display: block;
}

.blog-portrait-caption span {
  color: var(--gold);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.blog-portrait-caption strong {
  margin-top: 4px;
  font-family: "Cinzel", serif;
  font-size: 1rem;
}

.blog-portrait-frame > i {
  position: absolute;
  top: -14px;
  right: 22px;
  color: var(--gold-light);
  font-style: normal;
  font-size: 1.7rem;
  animation: blogPortraitTwinkle 3s ease-in-out infinite;
}

@keyframes blogPortraitTwinkle {
  50% { opacity: .35; transform: rotate(25deg) scale(.75); }
}

/* Blog index */

.blog-listing-section {
  color: var(--ink);
  background: #f4ead5;
}

.blog-listing-section.section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: max(21px, calc((100vw - 1220px) / 2));
}

.blog-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.blog-list-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(62,40,26,.12);
  background: #fffaf0;
  box-shadow: 0 20px 55px rgba(54,34,21,.1);
  transition: transform .3s ease, box-shadow .3s ease;
}

.blog-list-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 30px 70px rgba(54,34,21,.16);
}

.blog-list-card-number {
  position: relative;
  min-height: 105px;
  padding: 22px 28px;
  color: rgba(255,255,255,.2);
  background:
    radial-gradient(circle at 86% 22%, rgba(211,167,91,.14), transparent 27%),
    linear-gradient(135deg, #1c0d08, #4d1016);
  font-family: "Cinzel", serif;
  font-size: 3.2rem;
  line-height: 1;
}

.blog-list-card-content {
  display: flex;
  flex-direction: column;
  padding: 30px 28px 28px;
}

.blog-list-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--red);
  font-size: .57rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.blog-list-card h2 {
  margin: 27px 0 17px;
  color: #2b1d15;
  font-family: "Cinzel", serif;
  font-size: clamp(1.3rem, 1.75vw, 1.8rem);
  line-height: 1.32;
}

.blog-list-card p {
  margin: 0;
  color: #665746;
  font-family: "Libre Baskerville", serif;
  font-size: .86rem;
  line-height: 1.78;
}

.blog-list-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding-top: 26px;
  border-top: 1px solid rgba(67,43,27,.1);
}

.blog-list-card-footer > span {
  color: #907c66;
  font-size: .61rem;
  text-transform: uppercase;
}

.blog-list-card-footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--red);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-list-card-footer a b {
  transition: transform .25s ease;
}

.blog-list-card-footer a:hover b {
  transform: translateX(5px);
}

.blog-bottom-cta,
.blog-next-section {
  display: grid;
  place-items: center;
  min-height: 460px;
  padding: 82px 25px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 38%, rgba(125,23,34,.32), transparent 35%),
    linear-gradient(135deg, #120906, #351014);
}

.blog-bottom-cta > div,
.blog-next-section > div {
  max-width: 900px;
}

.blog-bottom-cta .eyebrow,
.blog-next-section .eyebrow {
  justify-content: center;
}

.blog-bottom-cta h2,
.blog-next-section h2 {
  margin: 0;
  font-family: "Cinzel", serif;
  font-size: clamp(2.4rem, 4.7vw, 4.8rem);
  line-height: 1.08;
}

.blog-bottom-cta p {
  max-width: 670px;
  margin: 18px auto 0;
  color: rgba(255,255,255,.55);
  font-family: "Libre Baskerville", serif;
  line-height: 1.8;
}

.blog-closing-actions {
  display: flex;
  justify-content: center;
  gap: 13px;
  flex-wrap: wrap;
  margin-top: 27px;
}

/* Individual blog pages */

.blog-detail-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(260px, .78fr);
  align-items: center;
  gap: clamp(45px, 7vw, 95px);
  min-height: 650px;
  padding: 135px clamp(24px, 7vw, 105px) 78px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 30%, rgba(211,167,91,.12), transparent 23%),
    linear-gradient(135deg, #100906 0%, #26110c 50%, #501019 100%);
  overflow: hidden;
}

.blog-detail-hero::after {
  content: "";
  position: absolute;
  right: -140px;
  bottom: -250px;
  width: 570px;
  height: 570px;
  border: 1px solid rgba(234,208,154,.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(234,208,154,.013),
    0 0 0 100px rgba(234,208,154,.008);
}

.blog-detail-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 930px;
}

.blog-back-link {
  display: inline-flex;
  margin-bottom: 28px;
  color: var(--gold-light);
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-detail-kicker {
  display: flex;
  gap: 18px;
  align-items: center;
  color: var(--gold);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.blog-detail-kicker i {
  color: rgba(255,255,255,.42);
  font-style: normal;
}

.blog-detail-hero h1 {
  max-width: 980px;
  margin: 24px 0 23px;
  font-family: "Cinzel", serif;
  font-size: clamp(2.5rem, 5vw, 5.3rem);
  font-weight: 600;
  line-height: 1.08;
}

.blog-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  color: rgba(255,255,255,.48);
  font-size: .62rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.blog-detail-meta span + span::before {
  content: "•";
  margin-right: 14px;
  color: var(--gold);
}

.blog-detail-author {
  position: relative;
  z-index: 2;
  width: min(300px, 75vw);
  margin: auto;
}

.blog-detail-author img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 18%;
  padding: 9px;
  border: 1px solid rgba(234,208,154,.22);
  background: rgba(255,255,255,.04);
  box-shadow: 0 25px 65px rgba(0,0,0,.38);
}

.blog-detail-author span {
  position: absolute;
  right: -14px;
  bottom: 22px;
  padding: 10px 14px;
  color: #21130c;
  background: var(--gold);
  font-size: .59rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-reading-page {
  padding: clamp(65px, 8vw, 110px) 21px;
  color: #42362d;
  background: #f4ead5;
}

.blog-reading-card {
  width: min(1020px, 100%);
  margin: auto;
  overflow: hidden;
  border: 1px solid rgba(67,43,27,.12);
  background: #fffaf0;
  box-shadow: 0 24px 70px rgba(54,34,21,.1);
}

.blog-reading-body {
  max-width: 850px;
  margin: auto;
  padding: clamp(45px, 7vw, 82px) clamp(24px, 7vw, 72px);
  font-family: "Libre Baskerville", serif;
  font-size: clamp(.96rem, 1.15vw, 1.06rem);
  line-height: 1.95;
}

.blog-reading-body p {
  margin: 0 0 1.65em;
}

.blog-reading-body strong {
  color: #281b14;
}

.blog-reading-body em {
  color: #5e4035;
}

.blog-reading-body a {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-reading-body blockquote {
  margin: 38px 0;
  padding: 24px 28px;
  border-left: 3px solid var(--red);
  background: #f3e6cc;
  color: #4e392d;
  font-style: italic;
}

.blog-reading-body h2,
.blog-reading-body h3 {
  margin: 45px 0 17px;
  color: #2f2118;
  font-family: "Cinzel", serif;
  line-height: 1.3;
}

.blog-reading-body h2 {
  font-size: 2rem;
}

.blog-reading-body h3 {
  font-size: 1.4rem;
}

.blog-reading-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 22px clamp(24px, 7vw, 72px);
  border-top: 1px solid rgba(67,43,27,.1);
  background: #f0e1c5;
}

.blog-reading-footer a {
  color: var(--red);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 1050px) {
  .blog-list-grid {
    grid-template-columns: 1fr;
    width: min(780px, 100%);
    margin-inline: auto;
  }

  .blog-list-card {
    min-height: 390px;
  }

  .blog-detail-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .blog-detail-kicker,
  .blog-detail-meta {
    justify-content: center;
  }

  .blog-detail-author {
    margin-top: 12px;
  }

  .blog-hero-portrait {
    margin-top: 45px;
  }
}

@media (max-width: 650px) {
  .blog-portrait-frame {
    width: min(325px, 82vw);
  }

  .blog-list-card-content {
    padding: 25px 21px 24px;
  }

  .blog-list-card-meta {
    display: grid;
  }

  .blog-list-card-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .blog-detail-hero {
    padding: 116px 18px 65px;
  }

  .blog-detail-kicker {
    display: grid;
    justify-items: center;
  }

  .blog-detail-meta {
    display: grid;
  }

  .blog-detail-meta span + span::before {
    display: none;
  }

  .blog-reading-body {
    padding: 42px 21px;
  }

  .blog-reading-footer {
    display: grid;
  }

  .blog-closing-actions {
    display: grid;
  }

  .blog-closing-actions .button {
    width: 100%;
  }
}


/* Full blog articles must always remain visible.
   These pages are much taller than a viewport, so they should not use
   the standard whole-element IntersectionObserver reveal animation. */
.blog-detail-page .blog-reading-card,
.blog-detail-page .blog-reading-card.reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}