@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap");:root{--ink:#242522;--char:#202522;--paper:#f4efe4;--line:#cfc5b5;--muted:#6e695f;--wood:#4a3626}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{height:88px;position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(24,27,25,.9);display:flex;align-items:center;padding:0 4vw;color:#f8f2e7}.brand{display:flex;align-items:center;gap:13px}.brand img{width:47px;height:58px}.brand b{display:block;font:600 24px/.85 "Cormorant Garamond",Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.brand i{display:block;font:italic 13px "Cormorant Garamond",Georgia,serif;margin-top:7px}.links{margin-left:auto;display:flex;gap:34px;font:500 16px "Cormorant Garamond",Georgia,serif}.links a:hover{opacity:.65}.hero{min-height:760px;height:92vh;background:linear-gradient(90deg,rgba(20,22,21,.83),rgba(20,22,21,.36) 53%,rgba(20,22,21,.08)),url("assets/hero-library.jpg") center/cover;position:relative;color:#fff}.hero .copy{max-width:760px;padding:220px 6vw}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1,.pagehero h1{font:500 clamp(58px,7vw,98px)/.86 "Cormorant Garamond",Georgia,serif;margin:18px 0}.hero p,.pagehero p{font:20px/1.4 "Cormorant Garamond",Georgia,serif;max-width:670px}.btn{display:inline-block;margin-top:18px;padding:13px 21px;border:1px solid currentColor;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.cream{background:var(--paper);color:var(--ink)}.section{padding:70px 5vw}.dark{background:#292b26;color:#eee8dc}.shelfhead{display:flex;justify-content:space-between;align-items:end;gap:30px}.shelfhead h2{font:500 54px "Cormorant Garamond",Georgia,serif;margin:0}.shelfhead p{font:italic 20px "Cormorant Garamond",Georgia,serif}.shelf{margin-top:28px;padding:30px 25px 20px;background:linear-gradient(#543c29,#30231a);display:flex;align-items:flex-end;gap:13px;overflow:auto;box-shadow:inset 0 0 30px #19130f}.book{height:300px;min-width:115px;padding:25px 10px;background:linear-gradient(90deg,#151816,#363b38 52%,#171a18);color:#efe8db;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;box-shadow:5px 8px 12px #17110e}.book span{font:600 18px/1 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}.book small{position:absolute;bottom:16px;font-size:8px;letter-spacing:.15em}.book:after{content:"SMH";position:absolute;top:12px;font-size:8px;letter-spacing:.15em}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.panel{height:285px;position:relative;color:white;overflow:hidden}.panel img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:.4s}.panel:hover img{transform:scale(1.04)}.panel div{position:absolute;inset:0;padding:27px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,rgba(15,16,15,.8))}.panel h3{font:500 34px "Cormorant Garamond",Georgia,serif;margin:0}.panel p{font:18px "Cormorant Garamond",Georgia,serif;margin:4px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro h2{font:500 65px/.9 "Cormorant Garamond",Georgia,serif;margin:0}.intro p{font:20px/1.55 "Cormorant Garamond",Georgia,serif;color:var(--muted)}.band{background:#e6dfd1}.footer{padding:45px 5vw;background:#202522;color:#d9d1c3;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h3{font:500 29px "Cormorant Garamond",Georgia,serif;margin:0}.footer a,.footer p{font:15px "Cormorant Garamond",Georgia,serif}.pagehero{min-height:540px;padding:205px 6vw 70px;color:#fff;background:linear-gradient(90deg,rgba(18,21,19,.82),rgba(18,21,19,.22)),url("assets/library-room.jpg") center/cover}.pagehero.mountain{background-image:linear-gradient(90deg,rgba(18,21,19,.78),rgba(18,21,19,.15)),url("assets/mountain-valley.jpg")}.pagehero.house{background-image:linear-gradient(90deg,rgba(18,21,19,.72),rgba(18,21,19,.18)),url("assets/house-exterior.jpg")}.content{max-width:1000px;margin:auto}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{background:#fff;border:1px solid var(--line);padding:30px}.card h2{font:500 38px "Cormorant Garamond",Georgia,serif;margin:5px 0}.card p{font:18px/1.45 "Cormorant Garamond",Georgia,serif;color:var(--muted)}.bookdetail{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:start}.spine{height:520px;background:linear-gradient(90deg,#151816,#363b38 52%,#171a18);color:#efe8db;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;box-shadow:14px 18px 25px #0002}.spine span{font:500 34px/1 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}.bookdetail h2{font:500 62px/.9 "Cormorant Garamond",Georgia,serif;margin:0}.bookdetail p{font:20px/1.5 "Cormorant Garamond",Georgia,serif;color:var(--muted)}.note{margin-top:30px;padding:22px;min-height:220px;border:1px solid var(--line);background:#fff;background-image:linear-gradient(#d8d0c3 1px,transparent 1px);background-size:100% 31px}.note h3{font:500 30px "Cormorant Garamond",Georgia,serif;margin:0;background:#fff;display:inline-block;padding-right:10px}@media(max-width:800px){.links{display:none}.hero .copy{padding:180px 25px}.hero h1,.pagehero h1{font-size:57px}.panels,.intro,.cards,.bookdetail,.footer{grid-template-columns:1fr}.section{padding:55px 20px}.pagehero{padding:160px 25px 55px}.shelf{justify-content:flex-start}.bookdetail{gap:35px}.spine{height:400px;max-width:220px}.brand b{font-size:18px}.brand i{font-size:10px}}