.book-mock{position:relative;width:min(350px,82vw);min-height:500px;padding:38px 30px;border-radius:7px;background:linear-gradient(145deg,#f7f4ec 0%,#eef4ef 55%,#dceadf 100%);color:#07100a;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:rotate(1deg);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.7)}.book-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 22%,rgba(23,136,77,.26),transparent 28%),linear-gradient(135deg,transparent 55%,rgba(4,40,21,.09));pointer-events:none}.book-brand,.book-title,.book-sub,.book-rule,.book-copy,.book-mark{position:relative}.book-brand{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:.68rem;color:#42624f}.book-title{margin-top:78px;font-size:3.35rem;font-weight:950;letter-spacing:-.07em;line-height:.95}.book-title span{color:var(--forest2)}.book-sub{font-size:1.7rem;font-weight:800;margin-top:12px;color:var(--forest)}.book-rule{width:56px;height:5px;background:var(--forest2);border-radius:999px;margin:22px 0}.book-copy{font-size:.88rem;line-height:1.5;color:#3f5146;max-width:250px}.book-mark{margin-top:auto;width:48px;height:48px;border-radius:14px;background:#07100a;color:#74d49a;display:grid;place-items:center;font-weight:950;letter-spacing:-.05em}@media(max-width:650px){.book-mock{width:min(245px,70vw);min-height:350px;padding:26px 22px}.book-brand{font-size:.55rem}.book-title{margin-top:50px;font-size:2.45rem}.book-sub{font-size:1.25rem}.book-copy{font-size:.72rem}.book-mark{width:38px;height:38px;border-radius:11px}}