:root{
  --ink:#2f261f; --muted:#6e6257; --paper:#f7f0e4; --paper-2:#efe3d1;
  --terracotta:#a8543f; --gold:#c89b4b; --gold-soft:#e7c98a; --sage:#65745e;
  --night:#171b24; --cream:#fffaf1; --line:rgba(47,38,31,.14);
  --shadow:0 18px 50px rgba(42,31,23,.13); --radius:24px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea,select{font:inherit} button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--terracotta)}
.display{font-family:Georgia,"Times New Roman",serif;line-height:1.02;font-weight:500}.serif{font-family:Georgia,"Times New Roman",serif}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,240,228,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:700}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);position:relative}.brand-mark:after{content:"✦";font-size:18px}.nav-links{display:flex;align-items:center;gap:22px;font-size:.92rem}.nav-links a{padding:8px 2px;color:#51463c}.nav-links a.active,.nav-links a:hover{color:var(--terracotta)}.menu-btn{display:none;border:0;background:none;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--terracotta);color:white;box-shadow:0 8px 20px rgba(168,84,63,.25)}.btn-outline{border-color:rgba(47,38,31,.2);background:rgba(255,255,255,.35)}.btn-gold{background:var(--gold);color:#20170e}.btn-dark{background:var(--night);color:white}
.hero{padding:76px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.hero h1{font-size:clamp(3.2rem,7vw,6.4rem);margin:14px 0 22px}.hero p{font-size:1.1rem;max-width:650px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;min-height:520px}.book-frame{position:absolute;inset:10px 28px 10px 50px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#c6a06b}.book-frame img{width:100%;height:100%;object-fit:cover}.book-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.32))}.floating-note{position:absolute;right:-5px;top:34px;width:170px;padding:18px;background:var(--cream);box-shadow:var(--shadow);border-radius:18px;font-family:Georgia,serif;transform:rotate(4deg)}.floating-note strong{display:block;font-size:1.25rem}.floating-note small{color:var(--muted)}
.section{padding:86px 0}.section.alt{background:#f1e8da}.section.dark{background:var(--night);color:white}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}.section h2{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 0}.section-head p{max-width:540px;color:var(--muted)}.dark .section-head p{color:#c9c2b8}
.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.book-card{display:grid;grid-template-columns:.78fr 1fr;overflow:hidden;background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.book-cover{min-height:390px;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{padding:30px}.book-info h3{font:500 2rem/1.1 Georgia,serif;margin:8px 0 10px}.book-info p{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{font-size:.75rem;font-weight:800;border-radius:999px;padding:6px 10px;background:#eee2d1;color:#5a4c40}.price-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.price{font-weight:900}.price small{display:block;font-weight:600;color:var(--muted)}
.story-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px}.story-card{position:relative;min-height:350px;border-radius:var(--radius);overflow:hidden;color:white}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.75))}.story-content{position:absolute;z-index:1;left:26px;right:26px;bottom:24px}.story-content h3{font:500 2.2rem/1.1 Georgia,serif;margin:7px 0}.story-content p{max-width:580px;margin:0;color:#eee}
.quote{padding:54px 30px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote blockquote{font:500 clamp(1.7rem,3vw,2.7rem)/1.25 Georgia,serif;max-width:860px;margin:0 auto 18px}.quote cite{font-style:normal;color:var(--muted);font-size:.9rem}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.portrait{min-height:480px;border-radius:var(--radius);background:linear-gradient(135deg,#e8d5b7,#b98365);position:relative;overflow:hidden;box-shadow:var(--shadow)}.portrait:before{content:"THE WIDOW\A PEREZ";white-space:pre;text-align:center;position:absolute;inset:0;display:grid;place-items:center;font:500 clamp(3rem,8vw,6rem)/.9 Georgia,serif;color:rgba(255,250,241,.82);padding:30px}.bio p{font-size:1.05rem;color:#55493f}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.fact{padding:18px;background:rgba(255,255,255,.4);border:1px solid var(--line);border-radius:16px}.fact strong{display:block;font-family:Georgia,serif;font-size:1.3rem}.fact span{font-size:.85rem;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:#211f1e;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);color:white}.video-thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.85}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:0;background:rgba(255,250,241,.94);color:var(--terracotta);font-size:22px}.video-card-body{padding:18px}.video-card h3{font:500 1.35rem Georgia,serif;margin:0 0 4px}.video-card p{margin:0;color:#c9c2b8;font-size:.9rem}
.store-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px;font-weight:700}.filter button.active{background:var(--ink);color:white}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.edition-card{background:var(--cream);border-radius:20px;padding:22px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(42,31,23,.07)}.edition-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.edition-card h3{font:500 1.5rem Georgia,serif;margin:0}.edition-card .type{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta);font-weight:900}.edition-price{font-size:1.45rem;font-weight:900}.edition-card ul{padding-left:18px;color:var(--muted);font-size:.9rem}.edition-card .btn{width:100%;margin-top:8px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px}.contact-panel{background:var(--night);color:white;border-radius:var(--radius);padding:34px}.contact-panel p{color:#cbc4ba}.contact-list{display:grid;gap:18px;margin-top:28px}.contact-list div strong{display:block}.contact-list div span{color:#c3b9ae}.form{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.85rem}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid rgba(47,38,31,.18);background:white;border-radius:12px;outline:none}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(168,84,63,.1)}
.footer{padding:42px 0;background:#151414;color:#d9d0c6}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer a{color:#d9d0c6}.footer small{color:#8f877f}
.modal{position:fixed;inset:0;background:rgba(10,9,9,.72);backdrop-filter:blur(8px);z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(920px,100%);background:#111;border-radius:22px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.4)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:white}.close{background:none;border:0;color:white;font-size:28px}.video-shell{aspect-ratio:16/9;background:#000;display:grid;place-items:center;color:#aaa}.video-shell iframe{width:100%;height:100%;border:0}.placeholder-video{padding:40px;text-align:center}.placeholder-video strong{display:block;color:white;font:500 2rem Georgia,serif;margin-bottom:10px}.placeholder-video span{color:#aaa}
.cart-fab{position:fixed;right:22px;bottom:22px;z-index:60;border:0;border-radius:999px;padding:14px 18px;background:var(--terracotta);color:white;font-weight:900;box-shadow:0 15px 35px rgba(168,84,63,.35)}.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:white;color:var(--terracotta);margin-left:4px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#171515;color:white;padding:13px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav-links{display:none;position:absolute;left:20px;right:20px;top:70px;background:var(--cream);padding:14px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:470px}.book-grid,.store-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr 1fr}.story-strip{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:42px}.hero h1{font-size:3.4rem}.hero-art{min-height:390px}.book-frame{inset:10px 20px}.floating-note{right:-2px;width:145px}.video-grid{grid-template-columns:1fr}.book-card{grid-template-columns:1fr}.book-cover{min-height:360px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{flex-direction:column;align-items:flex-start}.section{padding:62px 0}}