/* Σελίδα «Λευκάδιος Χερν»: μελάνι, βερμιγιόν, χαρτί, σινική γραμμή. */
.hearn{--h-ink:#14151a;--h-paper:#f7f2e8;--h-red:#c8371e;--h-sea:#0fa3b1;--h-gold:#d9a441}
.hearn-hero{background:var(--h-ink);color:var(--h-paper);padding:72px 0 0;overflow:hidden;position:relative}
.hearn-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
@media(max-width:800px){.hearn-hero .wrap{grid-template-columns:1fr}}
.hearn-hero__kicker{font-family:var(--l4y-serif);font-style:italic;color:var(--h-gold);font-size:1.1rem;margin:0 0 10px}
.hearn-hero h1{font-family:var(--l4y-serif);font-weight:700;font-size:clamp(2.6rem,7vw,5rem);line-height:.98;color:var(--h-paper);margin:0 0 18px}
.hearn-hero h1 span{display:block;color:var(--h-red);font-size:.45em;font-family:var(--l4y-sans);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}
.hearn-hero p{font-size:1.15rem;max-width:32em;color:#d8d3c7;margin:0 0 28px;line-height:1.55}
.hearn-hero__dates{display:flex;gap:28px;margin-bottom:36px;font-family:var(--l4y-serif)}
.hearn-hero__dates b{display:block;font-size:1.6rem;color:var(--h-paper)}.hearn-hero__dates span{font-size:.85rem;color:#a9a397;font-family:var(--l4y-sans);text-transform:uppercase;letter-spacing:.1em}
.hearn-hero__portrait{position:relative;justify-self:center;width:min(100%,380px)}
.hearn-hero__portrait img{display:block;width:100%;border:6px solid var(--h-paper);box-shadow:0 30px 60px rgba(0,0,0,.5);filter:sepia(.25) contrast(1.05)}
.hearn-hero__portrait figcaption{font-size:.72rem;color:#8b867b;margin-top:8px;text-align:center}
.hearn-hero__seal{position:absolute;top:-22px;left:-22px;width:84px;height:84px;border-radius:50%;background:var(--h-red);color:#fff;display:grid;place-items:center;font-size:1.9rem;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.4);transform:rotate(-8deg)}
.hearn-nav{position:sticky;top:68px;z-index:40;background:var(--h-paper);border-bottom:2px solid var(--h-ink);border-top:2px solid var(--h-ink)}
.hearn-nav .wrap{display:flex;gap:4px;overflow-x:auto;padding:8px 20px;scrollbar-width:none}
.hearn-nav a{white-space:nowrap;text-decoration:none;color:var(--h-ink);font-weight:800;padding:8px 14px;border-radius:999px;font-size:.92rem}
.hearn-nav a:hover{background:var(--h-ink);color:var(--h-paper)}
.hearn-nav a.is-cta{background:var(--h-red);color:#fff;margin-left:auto}
.hearn-section{padding:64px 0}
.hearn-section--paper{background:var(--h-paper)}
.hearn-section--ink{background:var(--h-ink);color:var(--h-paper)}.hearn-section--ink h2{color:var(--h-paper)}
.hearn-section h2{font-family:var(--l4y-serif);font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem)}
.hearn-lead{font-family:var(--l4y-serif);font-size:1.3rem;line-height:1.5;max-width:36em;color:#2a2c33}
.hearn-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:800px){.hearn-cols{grid-template-columns:1fr}}
.hearn-quote{border-left:6px solid var(--h-red);padding:8px 24px;font-family:var(--l4y-serif);font-size:1.25rem;font-style:italic;margin:24px 0;color:#2a2c33}
.hearn-quote cite{display:block;font-style:normal;font-size:.85rem;font-family:var(--l4y-sans);color:#6b675d;margin-top:8px}
/* Timeline */
.timeline{list-style:none;padding:0;margin:32px 0 0;position:relative;display:grid;gap:0}
.timeline::before{content:"";position:absolute;left:78px;top:0;bottom:0;width:2px;background:var(--h-ink)}
@media(max-width:560px){.timeline::before{left:12px}}
.timeline li{display:grid;grid-template-columns:60px 1fr;gap:36px;padding:16px 0;position:relative}
@media(max-width:560px){.timeline li{grid-template-columns:1fr;gap:6px;padding-left:36px}}
.timeline li::before{content:"";position:absolute;left:72px;top:26px;width:14px;height:14px;border-radius:50%;background:var(--h-paper);border:3px solid var(--h-red)}
@media(max-width:560px){.timeline li::before{left:6px}}
.timeline b{font-family:var(--l4y-serif);font-size:1.4rem;color:var(--h-red);line-height:1.2}
.timeline h3{margin:0 0 4px;font-size:1.1rem}.timeline p{margin:0;color:#3f4149}
.timeline .is-lefkada h3::after{content:" · Λευκάδα";color:var(--h-sea);font-weight:800}
/* Works */
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:28px}
.book{display:flex;flex-direction:column;background:var(--h-paper);color:var(--h-ink);text-decoration:none;border-radius:6px 14px 14px 6px;padding:22px 20px 18px 26px;border-left:10px solid var(--h-red);min-height:170px;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform .12s}
.book:nth-child(3n+2){border-left-color:var(--h-sea)}.book:nth-child(3n){border-left-color:var(--h-gold)}
.book:hover{transform:translateY(-4px)}
.book b{font-family:var(--l4y-serif);font-size:1.15rem;line-height:1.2;flex:1}
.book i{font-style:normal;font-size:.85rem;color:#6b675d;margin-top:6px}
.book small{margin-top:10px;font-weight:800;color:var(--h-red);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
/* Material grid */
.material{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:28px}
.material a{display:block;background:#fff;border:2px solid var(--h-ink);border-radius:14px;padding:18px;text-decoration:none;color:var(--h-ink);box-shadow:4px 4px 0 var(--h-ink)}
.material a:hover{box-shadow:4px 4px 0 var(--h-red)}
.material b{display:block;font-size:1.05rem;margin-bottom:4px}.material span{display:block;font-size:.9rem;color:#4a4c55}.material small{display:block;margin-top:8px;font-weight:800;color:var(--h-sea);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
/* Contest block */
.hearn-contest{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
@media(max-width:900px){.hearn-contest{grid-template-columns:1fr}}
.hearn-contest .l4y-form{border-color:var(--h-ink);box-shadow:6px 6px 0 var(--h-red)}
.hearn-tasks{display:grid;gap:12px;margin:20px 0}
.hearn-tasks div{background:#fff;border:2px solid var(--h-ink);border-radius:12px;padding:14px 16px}
.hearn-tasks b{display:block;color:var(--h-red)}
.hearn-rules{font-size:.95rem;background:rgba(255,255,255,.6);border-radius:12px;padding:16px 20px}
.hearn-rules ul{padding-left:1.2em;margin:8px 0 0}
.hearn-ai{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:24px}
.hearn-ai div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:18px}
.hearn-ai b{display:block;color:var(--h-gold);margin-bottom:4px}.hearn-ai p{margin:0;font-size:.93rem;color:#cfc9bc}
.hearn-ai code{display:block;margin-top:10px;font-size:.8rem;background:rgba(0,0,0,.35);padding:8px 10px;border-radius:8px;color:#f7f2e8;white-space:normal}
@media(max-width:560px){.hearn-hero__seal{left:-6px;top:-14px;width:64px;height:64px;font-size:1.4rem}.hearn-hero__dates{flex-wrap:wrap;gap:18px 24px}.hearn-hero__portrait{width:min(100%,300px)}}