@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";*{margin:0;padding:0}body{font-family:"Source Serif 4",serif}h1,h2,h3,p{all:unset;display:block;margin:0;color:#000;line-height:1.2}button{all:unset;display:inline-block;cursor:pointer;text-align:center;font:inherit}h1{font-size:clamp(1.1rem,4vw,3rem);font-weight:700}h2{font-size:clamp(1.25rem,3.5vw,2rem);font-weight:600}h3{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:500}p,span{font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:400}a{color:#ffeded;text-decoration:none;transition:color .3s ease}a:hover{color:#fff5f5;text-decoration:underline}.hero{background-image:url(/assets/heroImage-Ce9i5q8N.png);background-size:cover;background-position:center;width:100%;height:clamp(400px,70vh,600px)}.hero h1{color:#fff}.hero-content{width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:10%;justify-content:center;align-items:center;text-align:center}.hero-buttons{display:flex;gap:40%;justify-content:center}.hero-buttons button{padding:.75em 1.5em;border:none;border-radius:8px;cursor:pointer;background-color:#ffe1a9;transition:background .2s;flex-shrink:1}.hero-buttons button h2{font-size:clamp(.6rem,3.5vw,2rem)}.hero-buttons button:hover{opacity:.9}@media screen and (max-width:680px){.hero{height:300px}.hero-content{justify-content:flex-end}.hero-buttons{margin-bottom:20px;margin-top:50px}}.about{padding:3% 10%;background-color:#fefff0;display:flex;flex-direction:column;gap:10px}@media screen and (max-width:1024px){.about{padding:3% 1rem}}.shop{background-color:#f5f1db;padding-bottom:50px}.shop h2{text-align:center;padding:60px 0}.books{display:flex;justify-content:space-evenly;align-items:center;gap:16px;overflow:hidden;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;flex:1;padding:0 20px;scrollbar-width:none}.books::-webkit ::-webkit-scrollbar{display:none}.carousel{display:flex;justify-content:center;align-items:center;width:100%}.scroll-button{background-color:#00000080;color:#fff;border:none;padding:8px 12px;cursor:pointer;border-radius:4px;z-index:10;transition:background .2s ease}.scroll-button:hover{background-color:#000000b3}@media screen and (max-width:780px){.books{flex-direction:column}.scroll-button{display:none}}.book{flex:0 0 auto;display:grid;width:210px;grid-template-columns:210px 0fr}.book>.text{margin-top:10px;width:0;height:0;overflow:hidden;opacity:0;transition:opacity .3s ease}.book.show{grid-template-columns:210px 1fr;min-width:850px}.book.show>.text{margin-top:0;padding:15px;width:600px;height:auto;overflow:visible;opacity:1;display:flex;justify-content:center;align-items:center;text-align:center}.book img{width:210px;box-shadow:3px 0 4px #0000001a}.visible-info button{width:100%;text-align:center;box-sizing:border-box;padding:8px 16px;background-color:#ffe1a9;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.visible-info button:hover{opacity:.85}@media screen and (max-width:780px){.book{grid-template-columns:210px;grid-template-rows:1fr 0fr}.book>.text{margin-top:0;width:0;height:0;overflow:hidden;opacity:0;transition:opacity .3s ease}.book.show{grid-template-columns:210px;grid-template-rows:.5fr 1fr;min-width:210px}.book.show>.text{margin-top:0;padding:15px;width:180px;height:auto;overflow:visible;opacity:1;text-align:center}}.contact h2{text-align:center;padding-top:60px}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;background-color:#fefff0}.cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(30px,5vw,80px);flex-shrink:1}.visit h2{padding:0;margin-top:30px}.visit{background-color:#d0272766;width:80%;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px;flex-shrink:1;min-width:290px}.sub-script{width:80%;font-size:clamp(.6rem,.9vw,1.1rem);margin-bottom:40px;text-align:center;opacity:.7}@media screen and (max-width:768px){.cards{flex-direction:column;gap:0}.visit{width:50%}}.card{background-color:#f5f1db;width:332px;height:228px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.icon{width:32px;margin-bottom:12px}.text{padding:5px}@media screen and (max-width:1024px){.card{transform:scale(.8)}}.footer{background-color:#7c1d1d;color:#fff;text-align:center;height:90px;display:flex;justify-content:center;align-items:center;margin-top:60px}.back-to-top{position:fixed;bottom:2rem;right:2rem;padding:.5rem 1rem;font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:400;border-radius:.25rem;background-color:#000;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.back-to-top.show{opacity:1;visibility:visible}@media(max-width:1024px){.back-to-top{padding:.5rem;font-size:1.2rem}.back-to-top:after{content:"↑"}.back-to-top span{display:none}}.saint{padding:.5rem 1rem;background-color:#7c1d1d;text-align:center;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .3s ease}
