.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);gap:clamp(28px,4vw,70px);align-items:start}.hero-copy{min-width:0}.hero .genre{margin-bottom:26px}.hero #book-title .title-the{font-size:clamp(42px,5vw,70px)}.hero #book-title .title-remote{font-size:clamp(76px,10vw,148px)}.hero .hero-bottom{display:block;margin-top:36px}.hero .invitation{margin-top:28px}.hero-cover{width:100%;max-width:390px;margin:0;justify-self:end}.hero-cover img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 16px 40px rgba(35,37,31,.2)}.hero-cover figcaption{margin-top:14px;font-size:12px;text-align:center;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px}.hero-copy{display:contents}.hero .genre{grid-row:1;margin:0;max-width:none}.hero #book-title{grid-row:2}.hero #book-title .title-the{font-size:44px}.hero #book-title .title-remote{font-size:clamp(74px,15vw,120px)}.hero-cover{grid-row:3;justify-self:center;max-width:360px}.hero .hero-bottom{grid-row:4;margin-top:8px}.hero .invitation{margin-top:26px}}@media(max-width:400px){.hero-cover{max-width:300px}.hero #book-title .title-remote{font-size:74px}}