@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
:root{--paper:#f7f5ef;--ink:#172b36;--gold:#9c7543;--muted:#67716f;--line:#dbddd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b18b55;outline-offset:5px}header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-family:'Playfair Display',serif;font-size:25px;letter-spacing:3px;line-height:1.2}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.3px;margin-top:10px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{font-size:13px;border-bottom:1px solid;padding-bottom:4px}.wrap{max-width:1180px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.03fr 1fr;min-height:650px;align-items:center;gap:65px;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold);margin-bottom:22px}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:400;line-height:1.13}h1{font-size:clamp(48px,5.6vw,77px);letter-spacing:-2.8px;margin:0 0 25px}h1 em,h2 em{font-weight:400;color:var(--gold)}.lede{font-size:16px;color:var(--muted);max-width:440px;line-height:1.9}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--ink);color:#fff;padding:14px 25px;font-size:13px;border:1px solid var(--ink);cursor:pointer}.button:hover{background:#304958}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:4px}.hero-stage{position:relative;min-height:460px;background:#e7e7dc;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-stage:before{content:'';position:absolute;border:1px solid #c3c4b6;border-radius:50%;height:350px;width:350px;z-index:-1}.hero-stage:after{content:'';height:1px;background:#b7b9a9;position:absolute;left:0;right:0;bottom:59px;z-index:-1}.hero-stage img{height:325px;width:auto;max-width:48%;object-fit:contain;box-shadow:12px 18px 25px #24312235;transform:rotate(-8deg)}.hero-stage img+img{height:280px;transform:rotate(9deg);margin-left:-32px;margin-top:70px;z-index:-1}.stage-label{position:absolute;left:25px;top:19px;font-size:9px;letter-spacing:2px;color:#57635c}.hero-foot{font-size:11px;color:var(--muted);margin-top:26px;letter-spacing:.5px}.genre-strip{border-block:1px solid var(--line);padding:20px;text-align:center;display:flex;justify-content:center;gap:35px;font-size:11px;letter-spacing:1.4px}.genre-strip b{color:var(--gold);font-weight:400}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}h2{font-size:clamp(35px,4vw,51px);letter-spacing:-1.3px;margin:0 0 15px}.section-head p{font-size:14px;color:var(--muted);margin:0}.search{border:0;border-bottom:1px solid #a9afa7;padding:10px 0;background:none;width:210px;border-radius:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 38px}.filter{border:1px solid var(--line);padding:7px 17px;background:none;font-size:12px;cursor:pointer;border-radius:25px;color:var(--ink)}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 27px}.cover-wrap{background:#eae9e2;height:300px;padding:28px;display:flex;align-items:center;justify-content:center;margin-bottom:19px;overflow:hidden}.cover-wrap img{max-width:100%;height:100%;object-fit:contain;box-shadow:7px 9px 13px #172b3628;transition:transform .25s}.card:hover img{transform:translateY(-5px) rotate(-1deg)}.category{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);font-weight:700}.card h3{font-size:20px;margin:8px 0 12px;line-height:1.3}.card .text-link{font-size:11px}.notebook-section{background:#e9ede5;border-block:1px solid #d8dfd2}.notebook-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:80px;align-items:center}.notebook-layout p{color:var(--muted);font-size:15px}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.notebook-grid .cover-wrap{background:#dce3d7;height:300px}.about{display:grid;grid-template-columns:.85fr 1.2fr;gap:100px;align-items:center}.monogram{background:var(--ink);height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e4cfaa;position:relative}.monogram:before{content:'';position:absolute;inset:20px;border:1px solid #e4cfaa55}.monogram strong{font-family:'Playfair Display',serif;font-weight:400;font-size:115px;line-height:1.2}.monogram span{font-size:10px;letter-spacing:4px}.about p{font-size:15px;color:var(--muted)}.spanish{padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.contact{background:var(--ink);color:var(--paper);padding:65px 0}.contact .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.contact p{color:#bdc6c6;font-size:14px;max-width:530px}.contact .eyebrow{color:#d7bb8f}.contact a.button{background:#e8d9bd;color:var(--ink);border:0;font-size:13px;word-break:break-all}.contact h2{font-size:42px}footer{max-width:1180px;margin:auto;padding:55px 28px 30px}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.empty{text-align:center;padding:30px}.detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:70px;padding-bottom:90px;align-items:center;min-height:600px}.detail .cover-wrap{height:500px;margin:0;padding:35px}.detail h1{font-size:48px;letter-spacing:-1px}.detail p{color:var(--muted)}.breadcrumb{font-size:12px;color:var(--muted);padding-top:30px}.note{font-size:12px;color:var(--muted)}
@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:30px}.hero-stage{min-height:390px}.hero-stage img{height:280px}.hero-stage img+img{height:235px}.hero-stage:before{width:280px;height:280px}.about,.notebook-layout{gap:40px}.nav-contact{display:none}}
@media(max-width:680px){header{height:auto;padding:24px;align-items:start;flex-direction:column;gap:22px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:15px;font-size:13px}.wrap{padding-inline:23px}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}h1{font-size:57px}.hero-stage{min-height:390px}.genre-strip{gap:12px;flex-wrap:wrap;font-size:9px}.section{padding-block:60px}.section-head{align-items:start;flex-direction:column;gap:15px}.search{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.cover-wrap{height:240px;padding:20px}.card h3{font-size:18px}.notebook-layout,.about,.contact .wrap,.detail{grid-template-columns:1fr;gap:35px}.notebook-grid{gap:18px}.notebook-grid .cover-wrap{height:240px;padding:18px}.monogram{height:280px}.contact h2{font-size:35px}.detail{padding-top:30px;padding-bottom:50px}.detail .cover-wrap{height:390px}.detail h1{font-size:38px}.filter{padding:6px 13px}.contact a.button{font-size:12px;padding:14px}footer>div{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.author-portrait{margin:0;align-self:center}.author-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:59% center;border:1px solid var(--line)}.author-portrait figcaption{font-size:10px;letter-spacing:1px;color:var(--muted);padding-top:12px}@media(max-width:680px){.author-portrait{max-width:440px;width:100%;margin:auto}.author-portrait img{aspect-ratio:4/3;object-position:58% center}}

.book-showcase{padding:35px 0 30px;border-top:1px solid var(--line);overflow:hidden}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.showcase-heading h2{font-size:36px;margin:0}.showcase-heading .eyebrow{margin-bottom:10px}.motion-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 16px;font-size:12px;cursor:pointer;white-space:nowrap}.motion-toggle:hover{background:var(--ink);color:white}.showcase-window{overflow:hidden;padding:12px 0 18px}.showcase-track{display:flex;width:max-content;animation:books-right 65s linear infinite;will-change:transform}.showcase-group{display:flex;gap:24px;padding-right:24px}.showcase-book{display:block;flex:0 0 150px;width:150px;color:var(--ink)}.showcase-book img{display:block;width:150px;height:220px;object-fit:contain;background:#eae9e2;padding:9px;box-shadow:3px 5px 9px #172b3615}.showcase-book span{display:block;font-size:11px;line-height:1.45;padding-top:12px;max-width:150px}.showcase-book:hover img{outline:1px solid var(--gold);outline-offset:4px}.book-showcase.paused .showcase-track,.showcase-window:hover .showcase-track,.showcase-window:focus-within .showcase-track{animation-play-state:paused}@keyframes books-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.showcase-track{animation:none!important;transform:none!important;will-change:auto}.showcase-group[aria-hidden]{display:none}.showcase-window{overflow-x:auto}.motion-toggle{display:none}}@media(max-width:680px){.showcase-heading h2{font-size:29px}.showcase-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.motion-toggle{padding:8px 10px;font-size:11px}}

.hero>div{min-width:0}.animated-stage{padding:70px 0 25px;display:flex;align-items:center;min-height:460px;overflow:hidden;border:0}.animated-stage:before,.animated-stage:after{display:none}.animated-label{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.animated-label .stage-label{position:static;font-size:8px}.animated-label .motion-toggle{font-size:10px;padding:6px 9px;border-color:#b9c0b2}.animated-stage .showcase-window{width:100%;padding:10px 0 20px}.animated-stage .showcase-book img{width:150px;height:235px;max-width:none;transform:none;margin:0;padding:0;background:none;box-shadow:5px 8px 12px #172b3620}.animated-stage .showcase-book span{font-size:11px;padding-inline:3px}.animated-stage .showcase-group{gap:28px;padding-right:28px}.animated-stage .showcase-track{animation-duration:65s}@media(max-width:680px){.animated-stage{min-height:390px}.animated-stage .showcase-book img{height:220px}}

.reader-support{padding:42px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.reader-support-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.reader-support .eyebrow{display:block;font-size:9px;margin-bottom:9px}
.reader-support h2{font-size:28px;margin:0 0 8px}
.reader-support p{font-size:13px;color:var(--muted);margin:0}
.coffee-button{white-space:nowrap;background:#e8d9bd;color:var(--ink);border-color:#d4c09d}
.coffee-button:hover{background:#dbc59e}
@media(max-width:680px){.reader-support-inner{align-items:flex-start;flex-direction:column}.reader-support h2{font-size:25px}}

.coffee-options{display:flex;align-items:center;gap:25px}.coffee-qr{margin:0;text-align:center;flex-shrink:0}.coffee-qr img{display:block;width:140px;height:140px;box-sizing:content-box;padding:14px;background:white;border:1px solid var(--line)}.coffee-qr figcaption{font-size:10px;color:var(--muted);margin-top:7px}@media(max-width:680px){.coffee-options{flex-wrap:wrap;gap:20px}.coffee-qr img{width:120px;height:120px}}

.language-selector{display:flex;gap:18px;justify-content:flex-end;max-width:1180px;margin:0 auto;padding:10px 28px;font-size:12px}.language-selector a{padding:3px 0}.language-selector a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}.edition-language{font-size:13px;font-weight:600}@media(max-width:680px){.language-selector{justify-content:center;padding:9px 23px}header nav{flex-wrap:wrap}}