/* ── HOME ── */
.home-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink);min-height:500px}
@media(min-width:1441px){.home-hero{width:100vw;margin-left:50%;transform:translateX(-50%)}}
.hero-left{padding:4.5rem 3.5rem;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;background:var(--cream);position:relative;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E")}
.hero-label{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:2.5rem}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:68px;font-weight:300;line-height:.97;font-style:italic;letter-spacing:-.015em}
.hero-title em{font-style:normal;color:var(--accent)}
.hero-body{font-size:17px;line-height:1.85;color:var(--ink-mid);max-width:360px;margin-bottom:1.75rem}
.hero-cta{display:inline-block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);cursor:pointer;border-bottom:1px solid var(--accent);padding-bottom:1px;text-decoration:none;transition:opacity .2s;position:relative}
.hero-cta:hover{opacity:.7}
.hero-right{position:relative;overflow:hidden;cursor:pointer;background:var(--cream) url('../images/artaud-portrait.jpg') center 18% / cover no-repeat;display:flex;flex-direction:column;transition:background-position .6s ease}
.hero-right::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(245,241,232,.28) 0%,rgba(245,241,232,.18) 42%,rgba(245,241,232,.82) 78%,rgba(245,241,232,.97) 100%);z-index:0;transition:opacity .4s}
.hero-right::after{content:'';position:absolute;inset:0;background:rgba(26,25,24,.22);z-index:0;pointer-events:none;transition:opacity .4s}
.hero-right:hover::before{opacity:.78}
.hero-right:hover::after{opacity:.14}
.hero-right:hover{background-position:center 14%}
.hero-book-area{flex:1;display:flex;align-items:center;justify-content:center;padding:3.5rem 4rem 2rem;position:relative;z-index:1}
.hero-caption{padding:1.5rem 2.5rem 2rem;border-top:1px solid var(--ink-faint);position:relative;z-index:1}
.book-obj{width:196px;height:274px;background:#f0ece0;border:.5px solid #2a2a2a2a;position:relative;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:9px 9px 0 #1a191812,18px 18px 0 #1a191808;transition:transform .35s cubic-bezier(.22,.68,0,1.2),box-shadow .35s}
.hero-right:hover .book-obj{transform:translateY(-10px) rotate(.6deg);box-shadow:18px 18px 0 #1a191815,34px 34px 0 #1a19180a}
.book-obj-b1{position:absolute;inset:7px;border:.5px solid #1a191820}
.book-obj-b2{position:absolute;inset:11px;border:.5px solid #1a191810}
.book-obj-spine{position:absolute;left:-7px;top:3px;bottom:3px;width:7px;background:#d4d0c4;border:.5px solid #2a2a2a1a}
.book-obj-txt{position:relative;z-index:1;text-align:center;width:100%}
.bt{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#1a1918;line-height:1.45}
.bi{font-size:7.5px;font-style:italic;color:#1a1918;line-height:1.55}
.bo{font-size:9px;color:#1a191840;margin:5px 0}
.bs{font-size:6.5px;text-transform:uppercase;letter-spacing:.1em;color:#1a191870}
.hero-cap-num{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.4rem}
.hero-cap-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;font-style:italic;line-height:1.15;margin-bottom:.25rem}
.hero-cap-author{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid)}
.hero-quote{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:300;font-style:italic;color:var(--ink-mid);line-height:1.65;margin-top:1.5rem;opacity:.82}

@media(min-width:1441px){
  .hero-left{padding-left:calc((100vw - 1440px) / 2 + 3.5rem)}
}

/* Grid */
.section-bar{padding:1rem 2.5rem;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center}
.section-bar-label{font-size:16px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mid)}
.section-bar-link{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);cursor:pointer;text-decoration:none;transition:color .15s}
.section-bar-link:hover{color:var(--ink)}
.home-grid,.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}
.grid-book{padding:2rem 1.75rem 2.5rem;border-right:1px solid var(--ink-faint);border-top:2px solid transparent;cursor:pointer;transition:background .18s,border-top-color .18s;display:flex;flex-direction:column}
.grid-book:last-child{border-right:none}
.grid-book:hover{background:var(--cream);border-top-color:var(--accent)}
.grid-book:hover .grid-title{color:var(--accent)}
.grid-book:hover .grid-num{color:var(--ink-mid)}
.grid-title{transition:color .18s}
.grid-num{transition:color .18s}
.grid-book.dim{opacity:.38;cursor:default}
.grid-book.dim:hover{background:transparent;border-top-color:transparent}
.grid-cover-wrap{margin-bottom:1.25rem;display:flex;justify-content:center}
.grid-cover{width:108px;height:150px;background:var(--cream);border:.5px solid var(--ink-faint);position:relative;display:flex;align-items:center;justify-content:center;padding:10px;transition:box-shadow .2s,transform .2s}
.grid-book:hover .grid-cover{box-shadow:4px 4px 0 #1a191812;transform:translateY(-2px)}
.grid-cover-b{position:absolute;inset:4px;border:.5px solid #1a191812}
.grid-cover-txt{position:relative;z-index:1;text-align:center;width:100%}
.grid-num{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.35rem}
.grid-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;font-style:italic;line-height:1.2;margin-bottom:.2rem}
.grid-author{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.65rem}
.grid-excerpt{font-size:16px;line-height:1.8;color:var(--ink-mid);flex:1}
.grid-tag{margin-top:1rem;font-size:14px;color:var(--accent);font-style:italic}

/* Tesis band */
.home-band{padding:4rem 3.5rem;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:280px 1fr;gap:4rem;align-items:start}
.band-left-col{display:flex;flex-direction:column;gap:1.5rem}
.band-about-cta{display:inline-block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--ink);padding-bottom:2px;text-decoration:none;transition:opacity .15s;align-self:flex-start}
.band-about-cta:hover{opacity:1;color:var(--accent);border-bottom-color:var(--accent)}
.band-quote{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:300;font-style:italic;line-height:1.2;color:var(--ink-mid)}
.band-list{}
.band-item{display:flex;gap:1.5rem;align-items:baseline;padding:.9rem 0;border-top:.5px solid var(--ink-faint);transition:padding-left .2s}
.band-item:hover{padding-left:.75rem;border-top-color:var(--ink)}
.band-item:hover .band-n{opacity:.6}
.band-item:hover .band-t{color:var(--ink)}
.band-n{font-size:14px;color:var(--accent);min-width:1.75rem;font-style:italic;flex-shrink:0;transition:opacity .2s}
.band-t{font-size:16px;line-height:1.75;color:var(--ink-mid);transition:color .2s}