*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#3d2e22;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf7f2;font-family:Inter,sans-serif;overflow-x:hidden}:root{--cream:#faf7f2;--cream-dark:#ede6d6;--parchment:#f5f0e8;--brown-dark:#3d2e22;--brown-mid:#5c4a3a;--brown-light:#8b7765;--brown-muted:#a89685;--accent:#c4956a;--accent-soft:#d4a97a;--rose:#c08b7e;--shadow-soft:#3d2e2214;--shadow-mid:#3d2e2226;--font-hand:"Caveat", cursive;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--section-padding:clamp(4rem, 10vh, 8rem) clamp(1.5rem, 5vw, 4rem)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--brown-muted);border-radius:3px}::selection{background:var(--accent-soft);color:var(--brown-dark)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.nav{z-index:100;justify-content:space-between;align-items:center;padding:1rem clamp(1.5rem,5vw,4rem);transition:background .4s,box-shadow .4s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 20px var(--shadow-soft);background:#faf7f2eb;padding-top:.7rem;padding-bottom:.7rem}.nav-logo{font-family:var(--font-hand);color:var(--brown-dark);letter-spacing:.02em;font-size:1.6rem;font-weight:600}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{letter-spacing:.08em;text-transform:uppercase;color:var(--brown-mid);font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--brown-dark)}.nav-links a:hover:after{width:100%}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;filter:blur(40px)saturate(1.1);opacity:.35;width:100%;height:100%;transform:scale(1.15)}.hero-bg:after{content:"";background:linear-gradient(#faf7f299 0%,#faf7f24d 40%,#faf7f2b3 100%);position:absolute;inset:0}.hero-content{z-index:1;align-items:center;gap:clamp(3rem,6vw,6rem);max-width:1100px;padding:6rem clamp(1.5rem,5vw,4rem) 4rem;display:flex;position:relative}.hero-book{perspective:1000px;flex-shrink:0}.hero-book-inner{border-radius:4px;width:clamp(240px,22vw,320px);transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s;animation:6s ease-in-out infinite bookFloat;position:relative;transform:rotateY(-4deg);box-shadow:8px 8px 30px #3d2e2233,2px 2px 8px #3d2e221a}.hero-book-inner:hover{transform:rotateY(0)translateY(-4px);box-shadow:12px 16px 40px #3d2e2240,4px 4px 12px #3d2e221f}.hero-book-inner img{border-radius:4px;width:100%}.hero-book-inner:before{content:"";z-index:2;background:linear-gradient(90deg,#3d2e221f 0%,#3d2e220a 40%,#0000 100%);border-radius:4px 0 0 4px;width:14px;position:absolute;top:0;bottom:0;left:0}@keyframes bookFloat{0%,to{transform:rotateY(-4deg)translateY(0)}50%{transform:rotateY(-4deg)translateY(-8px)}}.hero-text{max-width:460px}.hero-subtitle{font-family:var(--font-hand);color:var(--accent);opacity:0;margin-bottom:.5rem;font-size:clamp(1.2rem,2vw,1.5rem);animation:.8s .3s forwards fadeUp}.hero-title{font-family:var(--font-serif);color:var(--brown-dark);opacity:0;margin-bottom:.3rem;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.15;animation:.8s .5s forwards fadeUp}.hero-author{font-family:var(--font-hand);color:var(--brown-light);opacity:0;margin-bottom:1.5rem;font-size:clamp(1.3rem,2.2vw,1.7rem);animation:.8s .7s forwards fadeUp}.hero-desc{color:var(--brown-mid);opacity:0;margin-bottom:2rem;font-size:1rem;font-weight:300;line-height:1.75;animation:.8s .9s forwards fadeUp}.hero-cta{background:var(--brown-dark);color:var(--cream);letter-spacing:.1em;text-transform:uppercase;opacity:0;border-radius:50px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.85rem;font-weight:500;transition:all .3s;animation:.8s 1.1s forwards fadeUp;display:inline-flex}.hero-cta:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #c4956a4d}.hero-cta svg{width:16px;height:16px;transition:transform .3s}.hero-cta:hover svg{transform:translateY(2px)}.section-divider{justify-content:center;align-items:center;gap:1rem;padding:0 clamp(1.5rem,5vw,4rem);display:flex}.section-divider .line{background:var(--brown-muted);opacity:.3;flex:1;max-width:120px;height:1px}.section-divider .ornament{font-family:var(--font-hand);color:var(--accent);opacity:.6;font-size:1.5rem}.about{padding:var(--section-padding);max-width:900px;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem}.about-label{font-family:var(--font-hand);color:var(--accent);margin-bottom:.3rem;font-size:1.3rem}.about-title{font-family:var(--font-serif);color:var(--brown-dark);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:600}.about-card{background:var(--parchment);box-shadow:0 2px 20px var(--shadow-soft);border:1px solid #3d2e220f;border-radius:2px;padding:clamp(2rem,4vw,3.5rem);position:relative}.about-card:before{content:"";background:repeating-linear-gradient(#0000 0 31px,#c4956a33 31px 32px);width:1px;position:absolute;top:0;bottom:0;left:clamp(2rem,4vw,3.5rem)}.about-card:after{content:"";background:#c08b7e40;width:1px;position:absolute;top:0;bottom:0;left:calc(clamp(2rem,4vw,3.5rem) - 12px)}.about-text{color:var(--brown-mid);padding-left:1.5rem;font-size:1.05rem;font-weight:300;line-height:2}.about-text p{margin-bottom:1rem}.about-text p:last-child{margin-bottom:0}.about-signature{font-family:var(--font-hand);color:var(--brown-dark);text-align:right;margin-top:2rem;padding-right:1rem;font-size:1.8rem}.purchase{padding:var(--section-padding);background:linear-gradient(180deg, var(--cream) 0%, var(--cream-dark) 100%)}.purchase-inner{text-align:center;max-width:800px;margin:0 auto}.purchase-label{font-family:var(--font-hand);color:var(--accent);margin-bottom:.3rem;font-size:1.3rem}.purchase-title{font-family:var(--font-serif);color:var(--brown-dark);margin-bottom:.8rem;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:600}.purchase-desc{color:var(--brown-light);max-width:500px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1rem;font-weight:300;line-height:1.7}.purchase-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;max-width:700px;margin:0 auto;display:grid}.store-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #3d2e220f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2rem 1.5rem;text-decoration:none;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.store-card:before{content:"";background:linear-gradient(135deg, var(--accent-soft), var(--accent));opacity:0;border-radius:12px;transition:opacity .35s;position:absolute;inset:0}.store-card:hover{border-color:var(--accent-soft);transform:translateY(-4px);box-shadow:0 12px 32px #c4956a33}.store-card:hover:before{opacity:1}.store-card:hover .store-name,.store-card:hover .store-action,.store-card:hover .store-icon{color:#fff}.store-icon{color:var(--accent);z-index:1;font-size:1.8rem;transition:color .35s;position:relative}.store-name{font-family:var(--font-sans);color:var(--brown-dark);z-index:1;font-size:1rem;font-weight:600;transition:color .35s;position:relative}.store-action{letter-spacing:.1em;text-transform:uppercase;color:var(--brown-muted);z-index:1;font-size:.75rem;font-weight:500;transition:color .35s;position:relative}.quote-section{padding:var(--section-padding);text-align:center;max-width:700px;margin:0 auto}.quote-text{font-family:var(--font-serif);color:var(--brown-mid);font-size:clamp(1.3rem,2.5vw,1.7rem);font-style:italic;line-height:1.7;position:relative}.quote-text:before{content:"\"";font-family:var(--font-serif);color:var(--accent-soft);opacity:.5;font-size:4rem;line-height:1;position:absolute;top:-1.5rem;left:-.5rem}.quote-attr{font-family:var(--font-hand);color:var(--accent);margin-top:1.5rem;font-size:1.3rem}.footer{text-align:center;border-top:1px solid #3d2e2214;padding:2.5rem clamp(1.5rem,5vw,4rem)}.footer-text{color:var(--brown-muted);letter-spacing:.05em;font-size:.8rem}.footer-text .heart{color:var(--rose);animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.hero-content{text-align:center;flex-direction:column;gap:2.5rem;padding-top:5rem}.hero-book-inner{width:200px}.hero-text{max-width:100%}.nav-links{gap:1.2rem}.nav-links a{font-size:.75rem}.about-card:before,.about-card:after{display:none}.about-text{padding-left:0}.purchase-grid{grid-template-columns:1fr;max-width:320px}}@media (width<=480px){.nav-logo{font-size:1.3rem}.nav-links{gap:.8rem}.nav-links a{letter-spacing:.05em;font-size:.7rem}}