/* A quiet, fabric-textured story landing with a single watercolor hero. */
.about-back-collection{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:#755f3d!important;font:500 .76rem/1.2 "Avenir Next",Arial,sans-serif;letter-spacing:.07em}
.about-back-collection span{width:25px;height:25px;display:inline-block;background:url('/assets/pinecone-antique-gold-branch-v596.png') center/contain no-repeat}
.about-page .site-nav .brand{transform:scale(1.08);transform-origin:left center}
.about-page .story-cover{background-size:cover;background-position:center 44%}
.about-page .story-work-teaser{background:rgba(250,247,239,.94);border:1px solid rgba(165,137,91,.4);box-shadow:0 16px 48px rgba(37,43,32,.15)}
.about-page .story-work-teaser h2{font-size:clamp(2.15rem,3.2vw,3.35rem);line-height:1.02}
.about-page .story-house-painting img{border:1px solid rgba(123,102,69,.25)}
.about-topics{padding:clamp(34px,5vw,70px) 0;background:linear-gradient(140deg,#f2ecdf,#e6ddcc 52%,#f4eee3)}
.about-topics-heading{max-width:1180px;margin:0 auto 24px;padding:0 24px;text-align:center;color:#455342}
.about-topics-heading small{font:600 .66rem "Avenir Next",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#947a4c}
.about-topics-heading h2{margin:9px 0 0;font:400 clamp(2rem,3.2vw,3.3rem)/1.05 Georgia,serif}
.about-topics .story-entry-links{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-topics .story-entry-card{min-height:210px;padding:25px 24px;background:linear-gradient(135deg,rgba(250,247,239,.97),rgba(231,222,204,.94)),repeating-linear-gradient(45deg,transparent 0 5px,rgba(116,99,67,.07) 5px 6px);border:1px solid #b9a77f;box-shadow:inset 0 0 0 5px rgba(255,255,255,.4),0 9px 22px rgba(39,48,39,.1);color:#283d31;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.about-topics .story-entry-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 5px rgba(255,255,255,.5),0 14px 25px rgba(39,48,39,.14)}
.about-topics .story-entry-card .story-tab-copy{display:flex;flex-direction:column;min-height:160px}
.about-topics .story-entry-card small{font:600 .61rem "Avenir Next",Arial,sans-serif;letter-spacing:.12em;color:#a06a51}
.about-topics .story-entry-card strong{margin:25px 0 8px;font:400 clamp(1.5rem,2vw,2.05rem)/1.05 Georgia,serif}
.about-topics .story-entry-card p{margin:0;color:#5d6658;font-size:.96rem;line-height:1.45}
.about-topics .story-entry-card .story-door-label{margin-top:auto;padding-top:16px;color:#8b7047;font:600 .62rem "Avenir Next",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.book-approved-nav a{color:#795f3b!important}
@media(max-width:760px){.about-topics .story-entry-links{grid-template-columns:1fr}.about-topics .story-entry-card{min-height:155px}.about-topics .story-entry-card .story-tab-copy{min-height:112px}}