*{margin:0;padding:0;box-sizing:border-box;font:16px "DM Sans",sans-serif;scroll-padding-top:50px}body{display:flex;flex-direction:column;min-height:100vh}a{color:#034a7c;text-decoration:none}strong{font-weight:bold}header,footer{width:100%;background:#034a7c;padding:10px clamp(24px,7vw,100px);color:#fff}header a,footer a{color:#fff}header{display:flex;justify-content:space-between;align-items:center;gap:0 24px;position:fixed;height:50px;z-index:4}header .logo a{display:inline-block;font-family:"Nunito Sans",sans-serif;font-weight:700;font-size:18px;letter-spacing:.04em;line-height:1em;transition:color 180ms ease}header .logo a:hover{color:#b9e2ff}header nav{display:flex;align-items:center;gap:clamp(18px,3vw,38px)}header nav a{position:relative;padding:8px 0;color:hsla(0,0%,100%,.78);font-size:14px;font-weight:500;letter-spacing:.02em;transition:color 180ms ease}header nav a::after{position:absolute;right:0;bottom:2px;left:0;height:2px;background:#b9e2ff;content:"";transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}header nav a:hover,header nav a:focus-visible{color:#fff}header nav a:hover::after,header nav a:focus-visible::after{transform:scaleX(1)}footer{text-align:center;margin-top:auto;padding:10px 10px 30px}footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0 40px}footer li{display:block;width:170px;background:#cbebf6;border-radius:5px}footer li a{display:flex;flex-direction:column;align-items:center;padding:5px 10px;color:#034a7c;height:100%}footer li a span{margin-top:auto}footer img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:5px;max-width:100%;padding:10px 0}.hero,.book-hero{margin-top:50px;height:357px;background-size:cover}.hero{background:url("/images/hero.webp") no-repeat top right;background-size:cover}.hero h1,.hero p{font-family:"Nunito Sans",sans-serif;color:#063658;text-shadow:0 0 10px #fff;line-height:1.2em}.hero h1{font-weight:800;font-size:clamp(32px,5vw,65px);opacity:.8}.hero p{font-weight:400;font-size:clamp(20px,3vw,30px);opacity:.6}.book-hero{background:url("/images/book-hero.webp") no-repeat top right;background-size:cover;display:flex}.book-hero img{border-radius:10px}.book-hero h1{font-family:"Nunito Sans",sans-serif;color:#063658;font-weight:800;font-size:32px;opacity:.8}.book-hero p{line-height:1.7em;font-size:15px}.book-hero p.book-subtitle{color:#063658;font-size:18px;margin-bottom:15px}.book-hero-content{height:100%;margin:0 auto;padding:0 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.book-hero-content div:first-child{justify-self:end}.book-hero-content div:last-child{justify-self:start}.hero-content{height:100%;margin:0 auto;padding:0 150px 0 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.hero__visual{position:relative;width:100%;max-width:340px;aspect-ratio:1/1;min-width:0;perspective:1000px;justify-self:center}.hero-book{position:absolute;border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:0 15px 25px rgba(43,32,22,.22),3px 3px 0 hsla(0,0%,100%,.3) inset;transition:transform .4s ease}.book--left{top:35px;left:0;transform:rotate(-20deg) translate(-8px, 5px);z-index:1}.book--middle{top:35px;left:27%;transform:rotate(3deg);z-index:2}.book--right{top:30px;right:0;transform:rotate(13deg) translate(18px, -5px);z-index:3}.hero__visual:hover .book--right{transform:rotate(16deg) translate(25px, -10px)}.hero__visual:hover .book--left{transform:rotate(-13deg) translate(-14px, 0)}.hero__visual:hover .book--middle{transform:rotate(0deg) translateY(-8px)}.dark-section{background:#f6f9fa;display:flow-root}h2{font-size:clamp(24px,4vw,36px);margin-bottom:20px}.author-info,.books-section{max-width:1000px}.books-section{margin:0 auto;padding:25px 0}.author-info{margin:30px auto;padding:25px 50px 20px;border-radius:10px;background:#fff;overflow:auto}.author-info img{border-radius:10px;float:left;margin-right:40px}.author-info p{line-height:1.6em;margin-bottom:10px}.author-info ul{margin:1rem 0;padding-left:1.5rem}.author-info ol{margin:1rem 0;padding-left:1.5rem}.author-info li{margin-bottom:.5rem;padding-left:.25rem}.book-hero-details{display:grid;grid-template-columns:max-content 1fr;gap:0 10px}.books{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;text-align:center}a.book{background:#f6f9fa;border-radius:10px;padding:20px;color:#555}a.book p{font-size:14px}a.book img{max-width:100%;border-radius:10px}a.book h3{font-weight:bold;margin:15px 0;color:#063658}.book-availability{display:flex;align-items:center;gap:28px;padding:32px 36px;margin:50px auto;max-width:1000px;background:#f4f3eb;border:1px solid #e5e4d9;border-radius:12px}.book-availability__cover img{width:120px;border-radius:10px}.book-availability__content{flex:1}.book-availability__eyebrow{display:block;margin-bottom:6px;color:#668071;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.book-availability__content h3{margin:0 0 10px;color:#193c32;font-family:Georgia,serif;font-size:25px;font-weight:600}.book-availability__content p{max-width:560px;color:#62675f;font-size:15px;line-height:1.7}.book-availability__action{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:9px}.book-availability__action a{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;background:#245541;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;font-weight:600}.book-availability__action a:hover{background:#173e30}@media(max-width: 700px){.book-availability{flex-direction:column;align-items:flex-start;padding:26px 22px;gap:18px}.book-availability__action{width:100%;align-items:stretch}.book-availability__action a{justify-content:center}}@media(max-width: 900px){.hero-content{padding:0 50px 0 20px}.hero-content h1,.hero-content p{color:#fff;text-shadow:none;opacity:1}}@media(max-width: 640px){header{flex-direction:column;align-items:flex-start;gap:0;height:auto;padding:5px 10px 0}header nav{flex-wrap:wrap;gap:0 10px}.book-hero-content{grid-template-columns:1fr;padding:20px}.hero-content{grid-template-columns:1fr;padding:20px}.hero,.book-hero{height:auto}.book-hero div:first-child,.book-hero div:last-child{place-self:center}.book-availability__cover{text-align:center;width:100%}.hero__visual{display:none}.books-section{padding:25px}.books{grid-template-columns:1fr}}/*# sourceMappingURL=app.css.map */