.book-feature{position:relative;overflow:hidden;background:linear-gradient(125deg,#003a63 0%,#004274 46%,#007db7 100%);color:#fff}
.book-feature::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.12) 50%,transparent 64%);pointer-events:none}
.book-feature-inner{position:relative;z-index:1;display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:52px;max-width:980px;padding-block:30px}
.book-feature-cover{position:relative;display:block;width:142px;padding:0;border:0;border-radius:2px;background:#063f69;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.32),2px 3px 0 #0b314f,10px 16px 26px -14px rgba(0,18,38,.8);transition:transform .3s ease,box-shadow .3s ease}
.book-feature-cover::before{content:"";position:absolute;top:0;bottom:0;left:4px;z-index:1;width:5px;background:rgba(0,18,38,.26);box-shadow:2px 0 4px rgba(255,255,255,.08);pointer-events:none}
.book-feature-cover img{display:block;width:100%;height:auto;aspect-ratio:212/300;object-fit:cover;border-radius:2px}
.book-feature-cover:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 0 0 1px rgba(255,255,255,.46),2px 3px 0 #0b314f,14px 21px 30px -14px rgba(0,18,38,.82)}
.book-feature-copy{min-width:0}
.book-feature-eyebrow{display:block;margin-bottom:6px;color:var(--sky);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.book-feature-copy h2{color:#fff;font-family:"Cormorant Garamond","Spectral",Georgia,serif;font-size:clamp(2.25rem,3.4vw,3.05rem);font-weight:700;letter-spacing:0;line-height:1.02}
.book-feature-copy p{margin-top:12px;color:#e5f3fa;font-size:1rem;line-height:1.45}
.book-feature-open{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;margin-top:20px;padding:10px 21px;border:1px solid #fff;border-radius:6px;background:#fff;color:var(--blue);font:700 .86rem/1.3 "Libre Franklin",system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.book-feature-open:hover{background:var(--sky);border-color:var(--sky);transform:translateY(-2px);box-shadow:0 12px 20px -14px rgba(0,18,38,.6)}
.book-feature-open span:last-child{font-size:1.2rem;font-weight:400;line-height:1}
.book-feature-cover:focus-visible,.book-feature-open:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
@media(max-width:620px){
  .book-feature-inner{grid-template-columns:94px minmax(0,1fr);gap:19px;padding-block:28px}
  .book-feature-cover{width:94px}
  .book-feature-eyebrow{font-size:.6rem;line-height:1.4}
  .book-feature-copy h2{font-size:clamp(1.55rem,6vw,2rem)}
  .book-feature-copy p{margin-top:7px;font-size:.8rem;line-height:1.45}
  .book-feature-open{gap:8px;min-height:40px;margin-top:13px;padding:8px 11px;font-size:.75rem}
}
@media(max-width:360px){.book-feature-inner{grid-template-columns:78px minmax(0,1fr);gap:13px;padding-inline:14px}.book-feature-cover{width:78px}.book-feature-copy h2{font-size:1.45rem}.book-feature-open{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.book-feature-cover,.book-feature-open{transition:none}.book-feature-cover:hover,.book-feature-open:hover{transform:none}}