/* Books-First Discovery / Visual Shelf Pass · 2026-08-28 */
.bf-hero-shelf{overflow:hidden;position:relative;background:linear-gradient(155deg,rgba(25,51,43,.94),rgba(8,18,15,.98));border-color:rgba(209,171,99,.62)}
.bf-hero-shelf h2{color:#fff6e8;font-size:clamp(2rem,4vw,3.25rem);line-height:.98;margin:.18em 0 .3em}.bf-hero-shelf>p:not(.eyebrow){color:#d9cdb9;line-height:1.55}
.bf-hero-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin:26px 0 22px;perspective:900px}
.bf-hero-cover{display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#e8dcc5;box-shadow:0 18px 35px rgba(0,0,0,.38);transition:transform .22s ease,box-shadow .22s ease}.bf-hero-cover:nth-child(1){transform:rotate(-4deg) translateY(8px)}.bf-hero-cover:nth-child(2){transform:translateY(-5px) scale(1.04);z-index:2}.bf-hero-cover:nth-child(3){transform:rotate(4deg) translateY(8px)}.bf-hero-cover:hover,.bf-hero-cover:focus-visible{transform:translateY(-10px) scale(1.04);box-shadow:0 26px 48px rgba(0,0,0,.48);z-index:4}.bf-hero-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bf-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.bf-hero-shelf .text-button{color:#f0d69b}.bf-hero-foot{font-family:var(--ui);font-size:.82rem!important;border-top:1px solid rgba(209,171,99,.25);padding-top:16px;margin-top:20px!important}
.bf-shelf-section{padding:70px 0 64px;background:linear-gradient(180deg,#f8efdf 0%,#f1e4ce 100%);border-bottom:1px solid #d6c09b}.bf-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.bf-section-head>div{max-width:780px}.bf-section-head h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98;margin:.16em 0 .2em;color:#17382f}.bf-section-head p:not(.eyebrow){max-width:700px;color:#645d52}.bf-book-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,190px);gap:22px;overflow-x:auto;padding:8px 4px 28px;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-inline:contain}.bf-book-card{scroll-snap-align:start;text-decoration:none;color:#17382f;display:flex;flex-direction:column;gap:9px;min-width:0}.bf-cover{display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#ded0b9;box-shadow:0 15px 30px rgba(48,37,22,.22);transition:transform .22s ease,box-shadow .22s ease}.bf-book-card:hover .bf-cover,.bf-book-card:focus-visible .bf-cover{transform:translateY(-7px);box-shadow:0 22px 38px rgba(48,37,22,.3)}.bf-cover img{width:100%;height:100%;object-fit:cover;display:block}.bf-book-card strong{font-family:var(--display);font-size:1.06rem;line-height:1.08}.bf-book-card small{font-family:var(--ui);color:#71695d;font-size:.76rem}
.bf-librarian-strip{margin-top:20px;border:1px solid #cbb48d;border-radius:20px;padding:20px 22px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.7fr) auto;gap:20px;align-items:center;background:rgba(255,252,245,.7);box-shadow:0 10px 32px rgba(75,55,31,.08)}.bf-librarian-strip strong{display:block;font-family:var(--display);font-size:1.35rem;color:#17382f}.bf-mood-links{display:flex;gap:8px;flex-wrap:wrap}.bf-mood-links a{font-family:var(--ui);font-weight:700;font-size:.76rem;text-decoration:none;color:#17382f;border:1px solid #bca57d;border-radius:999px;padding:9px 13px;background:#fffaf0}.bf-mood-links a:hover,.bf-mood-links a:focus-visible{background:#17382f;color:#fff6e8;border-color:#17382f}
.bf-blind-section{padding:68px 0 72px;background:#0e1d18;color:#f8eddb;border-block:1px solid rgba(184,145,78,.45)}.bf-blind-head{max-width:780px;margin-bottom:28px}.bf-blind-head h2{color:#fff6e8;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.98;margin:.15em 0 .22em}.bf-blind-head p:not(.eyebrow){color:#d6c9b4;font-size:1.08rem}.bf-blind-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.bf-blind-card{position:relative;display:block;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:#17241f;box-shadow:0 18px 34px rgba(0,0,0,.32);transition:transform .22s ease,box-shadow .22s ease}.bf-blind-card img{width:100%;height:100%;object-fit:cover;display:block}.bf-blind-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,10,8,.94));opacity:.3;transition:opacity .2s}.bf-blind-reveal{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;transform:translateY(8px);opacity:0;transition:.22s;color:#fff6e8}.bf-blind-reveal strong{display:block;font-family:var(--display);font-size:1rem;line-height:1.05}.bf-blind-reveal small{font-family:var(--ui);color:#decda9}.bf-blind-card:hover,.bf-blind-card:focus-visible{transform:translateY(-9px);box-shadow:0 28px 46px rgba(0,0,0,.46)}.bf-blind-card:hover:after,.bf-blind-card:focus-visible:after{opacity:1}.bf-blind-card:hover .bf-blind-reveal,.bf-blind-card:focus-visible .bf-blind-reveal{opacity:1;transform:none}.bf-blind-cta{display:inline-block;margin-top:26px;color:#f0d69b!important}
/* keep the visual book identity immediately legible on mobile */
@media(max-width:900px){.bf-librarian-strip{grid-template-columns:1fr}.bf-librarian-strip .btn{justify-self:start}.bf-blind-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,42vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.bf-blind-card{scroll-snap-align:start}.bf-blind-reveal{opacity:1;transform:none}.bf-blind-card:after{opacity:.8}}
@media(max-width:760px){.bf-shelf-section{padding:50px 0 48px}.bf-section-head{display:block}.bf-section-head .text-button{display:inline-block;margin-top:10px}.bf-section-head h2{font-size:clamp(2.45rem,10.8vw,3.5rem)}.bf-book-rail{grid-auto-columns:minmax(132px,39vw);gap:15px;margin-right:calc(var(--gutter,20px) * -1);padding-right:var(--gutter,20px)}.bf-librarian-strip{padding:18px}.bf-blind-section{padding:50px 0 54px}.bf-blind-head h2{font-size:clamp(2.35rem,10.4vw,3.35rem)}.bf-hero-covers{gap:9px}.bf-hero-shelf{padding:24px}.bf-hero-shelf h2{font-size:clamp(2rem,9vw,2.7rem)}}
@media(max-width:480px){.bf-hero-cover:nth-child(1){transform:rotate(-3deg) translateY(5px)}.bf-hero-cover:nth-child(2){transform:scale(1.02)}.bf-hero-cover:nth-child(3){transform:rotate(3deg) translateY(5px)}.bf-book-card strong{font-size:.98rem}.bf-mood-links{gap:6px}.bf-mood-links a{font-size:.72rem;padding:8px 10px}}