.book{width:100%;padding:clamp(4rem, 8vw, 7rem) var(--container-pad);max-width:var(--container-width);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);margin:0 auto;display:grid}.book--reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.book--reverse .book__media{order:2}.book__media{background:#f5f5ef;border-radius:24px;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.book__frame{aspect-ratio:1;background:#fff;width:min(100%,540px);position:relative;overflow:hidden}.book__placeholder{color:#b3b3a8;background:#ecece4;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.book__placeholder i{height:1em}.book__body{flex-direction:column;display:flex}.book__label{align-self:flex-start;margin-bottom:1.25rem}.book__audience{color:var(--foreground);align-items:center;gap:.6rem;margin:0 0 .75rem;font-weight:600;display:flex}.book__audience i{height:1em;color:var(--accent);font-size:1.25rem}.book__title{margin:0}.book__subtitle{color:var(--foreground);margin:.75rem 0 0;font-size:1.25rem;font-weight:600;line-height:1.4}.book__rule{background:var(--accent);border-radius:3px;width:72px;height:3px;margin:1.25rem 0;display:block}.book__author{margin:0}.book__quote{gap:.9rem;margin:1.75rem 0 0;display:flex}.book__quote i{height:1em;color:var(--accent);flex:none;font-size:1.75rem;line-height:1}.book__quote p{margin:0;font-style:italic}.book__inside{margin:2rem 0 1rem}.book__points{border-bottom:1px solid #e5e5e5;padding-bottom:1.75rem}.book__points li{align-items:flex-start;line-height:1.5}.book__points li i{flex:none;height:1em;margin-top:.15em}@media (max-width:900px){.book,.book--reverse{grid-template-columns:1fr}.book--reverse .book__media{order:0}.book__frame{width:min(100%,460px)}}