/* Winterbloed / experimental editorial homepage v1.
 * Scoped under .home-editorial-page to avoid changing the production pages.
 * Uses font families, colors and frame geometry already defined in site.css.
 */
.home-editorial-page {
  background: var(--frame-background);
}
.home-editorial-page .home-shell {
  width: min(1470px, calc(100% - 64px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 clamp(22px, 4.7vw, 80px);
  background: var(--background);
  overflow: hidden;
}
.home-topbar {
  min-height: 93px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  border-bottom: 1px solid var(--border);
}
.home-brand {font-family: var(--font-display); font-size: clamp(23px,2.5vw,30px); letter-spacing:-.035em; text-decoration: none; font-weight:400;}
.home-brand-dot {color: #b07857;}
.home-nav {display:flex; flex-wrap:wrap; gap:clamp(16px,2vw,29px); align-items:center;}
.home-nav a, .home-footer-links a {font-family:var(--font-text);font-size:13px; text-decoration:none; color:var(--foreground); transition:color .18s;}
.home-nav a:hover, .home-footer-links a:hover {color:#a36e50;}
.home-nav a:focus-visible, .home-editorial-page a:focus-visible, .home-archive-page a:focus-visible {outline:2px solid #b07857; outline-offset:4px;}
.home-hero {display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(24px,4vw,75px); align-items:stretch; margin:clamp(58px,8vw,125px) 0 clamp(130px,16vw,220px);}
.home-hero-copy {display:flex;flex-direction:column;min-width:0; padding:clamp(10px,2vw,25px) 0 8px;}
.home-kicker, .home-section-label {font:400 11px/1.5 var(--font-text);text-transform:uppercase;letter-spacing:.16em;color:var(--muted);}
.home-kicker {display:flex;align-items:center;gap:12px;}
.home-kicker-line {display:inline-block; width:25px;height:1px;background:#a97a5e;}
.home-hero-prefix {margin:clamp(50px,8vw,110px) 0 12px;font-family:var(--font-text);font-size:clamp(13px,1.3vw,15px);color:var(--muted);}
.home-hero h1 {font:400 clamp(49px,6.3vw,94px)/.99 var(--font-display);letter-spacing:-.045em;text-transform:none;margin:0;max-width:680px;}
.home-hero h1 em {font-weight:400;font-style:italic;}
.home-intro {font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:#59554e;max-width:375px;margin:32px 0 29px;}
.home-text-link {display:inline-flex;gap:14px;align-items:center; align-self:flex-start; border-bottom:1px solid var(--foreground);padding:0 0 7px; font:400 13px/1.4 var(--font-text); text-decoration:none; transition:gap .2s;}
.home-text-link:hover {gap:24px;}
.home-hero-index {display:flex;justify-content:space-between;align-items:center; gap:15px; margin-top:auto; padding-top:90px;color:var(--subtle);font:400 10px var(--font-text);letter-spacing:.13em;}
.home-hero-art {min-width:0; align-self:center;}
.home-feature-link {position:relative;display:block; color:inherit; text-decoration:none;}
.home-feature-link .home-art-image {aspect-ratio: 1/1.06; background:#e8e3dc;overflow:hidden;}
.home-art-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease, filter .5s ease;}
.home-feature-link:hover .home-art-image img, .home-work-link:hover .home-art-image img {transform:scale(1.025);}
.home-feature-ordinal {position:absolute;top:17px;left:17px; color:#f7f5f0; background:rgba(18,18,18,.76); padding:9px 12px; font:400 10px/1.2 var(--font-text);letter-spacing:.13em;}
.home-feature-caption {display:flex;justify-content:space-between;gap:16px;padding:15px 1px; font:400 12px/1.5 var(--font-text);border-bottom:1px solid var(--border);}
.home-feature-caption span:last-child {font-size:18px;}
.home-section {scroll-margin-top:35px; margin:0 0 clamp(115px,14vw,200px);}
.home-section-heading {display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:26px;margin-bottom:clamp(36px,5.5vw,75px);border-bottom:1px solid var(--border);}
.home-section-heading h2, .home-inspiration-intro h2 {margin:15px 0 0; font:400 clamp(38px,5.1vw,74px)/1.05 var(--font-display);text-transform:none;letter-spacing:-.035em;}
.home-section-muted {font-size:.50em;font-style:italic;color:var(--muted);}
.home-italic {font-style:italic;color:#ab745a;}
.home-section-link {margin-bottom:8px;flex-shrink:0;}
.home-work-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(30px,5vw,70px) clamp(13px,2.6vw,42px);align-items:start;}
.home-work {min-width:0;}
.home-work-link {display:block;color:inherit;text-decoration:none;}
.home-work .home-art-image {overflow:hidden;background:#ede9e2;}
.home-work .home-art-image img {aspect-ratio:inherit;}
.home-work-1 {grid-column:1/span 7;grid-row:1;}
.home-work-1 .home-art-image {aspect-ratio:1.12/1;}
.home-work-2 {grid-column:9/span 4;grid-row:1; margin-top:clamp(60px,9vw,144px);}
.home-work-2 .home-art-image {aspect-ratio:1/1.2;}
.home-work-3 {grid-column:2/span 4;grid-row:2;margin-top:clamp(30px,6vw,85px);}
.home-work-3 .home-art-image {aspect-ratio:1/1;}
.home-work-4 {grid-column:7/span 6;grid-row:2;}
.home-work-4 .home-art-image {aspect-ratio:1.2/1;}
.home-work-5 {grid-column:1/span 7;grid-row:3;}
.home-work-5 .home-art-image {aspect-ratio:1.1/1;}
.home-work-6 {grid-column:9/span 4;grid-row:3;margin-top:clamp(36px,7vw,115px);}
.home-work-6 .home-art-image {aspect-ratio:1/1;}
.home-work-7 {grid-column:4/span 7;grid-row:4;margin-top:clamp(30px,6vw,90px);}
.home-work-7 .home-art-image {aspect-ratio:1.7/1;}
.home-work-meta {display:grid;grid-template-columns:25px 1fr auto;align-items:baseline;gap:8px;padding-top:12px;color:var(--foreground);font:400 12px/1.4 var(--font-text);}
.home-work-number {font-size:10px;color:var(--subtle);}
.home-work-title {min-width:0;}
.home-work-kind {font-size:10px;color:var(--muted);text-align:right;}
.home-fallback-title {display:flex;justify-content:center;align-items:center;width:100%;height:100%; min-height:180px; padding:24px;text-align:center;font:400 clamp(22px,3vw,38px)/1.2 var(--font-display);}
.home-section-aside {color:var(--muted);font:400 14px/1.6 var(--font-text);text-align:right;margin:0;}
.home-books-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4.5vw,78px);align-items:start;padding:15px clamp(4px,2vw,28px) 0;}
.home-book {display:block;max-width:330px;text-decoration:none;color:inherit;min-width:0;}
.home-book:nth-child(2) {margin-top:clamp(25px,6vw,75px);}
.home-book:nth-child(3) {margin-top:clamp(65px,11vw,145px);}
.home-book-jacket {position:relative; aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between; padding:clamp(17px,2.6vw,33px);overflow:hidden;background:#c4cfc1;color:#1b2a24; border:1px solid rgba(31,28,24,.14);box-shadow:8px 12px 18px rgba(38,33,24,.07);transition:transform .28s,box-shadow .28s;}
.home-book:hover .home-book-jacket {transform:translateY(-7px);box-shadow:12px 18px 25px rgba(38,33,24,.11);}
.home-book-2 .home-book-jacket {background:#cfbdab;color:#34261f;}
.home-book-3 .home-book-jacket {background:#a7afb7;color:#1d2a34;}
.home-book-eyebrow,.home-book-author {font:400 clamp(8px,.8vw,10px)/1.4 var(--font-text);letter-spacing:.14em;}
.home-book-jacket-center {display:flex;flex-direction:column; gap:10px;}
.home-book-jacket-title {font:400 clamp(23px,2.8vw,41px)/1.1 var(--font-display);letter-spacing:-.035em;overflow-wrap:break-word;}
.home-book-jacket-subtitle {font:400 clamp(11px,1.1vw,14px)/1.35 var(--font-text);max-width:230px;}
.home-book-description {display:grid;grid-template-columns:1fr auto; gap:8px; border-top:1px solid var(--border);padding:14px 0; margin-top:23px;}
.home-book-number {grid-column:1/-1;font-size:10px;color:var(--muted);letter-spacing:.08em;}
.home-book-name {font:400 clamp(17px,1.6vw,21px)/1.2 var(--font-display);}
.home-book-arrow {font-size:19px;}
.home-inspiration-section {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,9vw,150px); border-top:1px solid var(--border);padding-top:38px;}
.home-inspiration-intro h2 {font-size:clamp(38px,5vw,68px);}
.home-inspiration-intro p {max-width:320px;color:var(--muted);font:400 15px/1.7 var(--font-text);margin-top:26px;}
.home-inspiration-list {display:flex;flex-direction:column;}
.home-inspiration-entry {display:block;color:inherit;text-decoration:none;padding:20px 0 26px;border-bottom:1px solid var(--border);}
.home-inspiration-entry:first-child {padding-top:0;}
.home-inspiration-top,.home-inspiration-bottom {display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:var(--muted);font:400 10px/1.4 var(--font-text);letter-spacing:.08em;}
.home-inspiration-title {margin:30px 0 20px;font:400 clamp(24px,3.2vw,44px)/1.08 var(--font-display);letter-spacing:-.02em;text-transform:none;transition:color .2s;}
.home-inspiration-entry:hover .home-inspiration-title {color:#a66d4f;}
.home-inspiration-excerpt {max-width:480px; margin:-1px 0 25px;color:#625d56;font:400 15px/1.65 var(--font-text);}
.home-inspiration-bottom {letter-spacing:0;font-size:12px;}
.home-inspiration-bottom span:last-child {font-size:19px;color:var(--foreground);}
.home-inspiration-media {width:100%;height:165px;margin-top:18px;overflow:hidden;}
.home-inspiration-media img {display:block;width:100%;height:100%;object-fit:cover;}
.home-inspiration-empty {font:400 16px var(--font-text);color:var(--muted);}
.home-footer {border-top:1px solid var(--border);margin-top:clamp(80px,10vw,130px);padding:40px 0 55px;display:flex;justify-content:space-between;gap:30px;align-items:start;}
.home-footer>div:first-child {display:flex;align-items:start;gap:18px;color:var(--muted);font:400 12px/1.6 var(--font-text);}
.home-footer-mark {font:400 38px/1 var(--font-display);color:var(--foreground);}
.home-footer-links {display:flex;flex-wrap:wrap;gap:22px;}
/* Archive page leaves production gallery markup and JavaScript intact. */
.home-archive-page .home-archive-header {margin-bottom:65px;}
.home-archive-page .home-archive-header p {font:400 13px var(--font-text);color:var(--muted);margin:13px 0 0;}
.home-archive-page .home-archive-return {display:inline-block;color:var(--muted);font:400 13px var(--font-text);text-decoration:none;margin-bottom:40px;}
@media (max-width:1020px) {
 .home-hero {gap:35px;margin-bottom:120px;}
 .home-hero h1 {font-size:clamp(46px,6.5vw,68px);}
 .home-hero-prefix {margin-top:45px;}
 .home-work-meta {grid-template-columns:20px 1fr;}
 .home-work-kind {grid-column:2;text-align:left;}
 .home-book-jacket-title {font-size:clamp(22px,3vw,32px);}
}
@media (max-width:720px) {
 .home-editorial-page .home-shell {width:calc(100% - 24px); padding:0 20px;}
 .home-topbar {padding:21px 0;min-height:80px;display:block;}
 .home-brand {display:inline-block;margin-bottom:17px;}
 .home-nav {gap:13px 19px;}
 .home-nav a {font-size:12px;}
 .home-hero {grid-template-columns:1fr;gap:45px;margin:55px 0 110px;}
 .home-hero-copy {padding:0;}
 .home-hero h1 {font-size:clamp(52px,10vw,78px);}
 .home-hero-prefix {margin-top:50px;}
 .home-hero-index {display:none;}
 .home-intro {margin:25px 0;}
 .home-section {margin-bottom:110px;}
 .home-section-heading {align-items:start;flex-direction:column; gap:25px;}
 .home-section-heading h2 {font-size:43px;}
 .home-section-muted {display:block;margin-top:7px;}
 .home-work-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 15px;}
 .home-work {grid-row:auto!important;margin:0!important;}
 .home-work:nth-child(odd){grid-column:1/span 5!important;}
 .home-work:nth-child(even){grid-column:2/span 5!important;}
 .home-work-7 {grid-column:1/span 6!important;}
 .home-books-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:0;}
 .home-book {margin:0!important;}
 .home-book:last-child {grid-column:1/span 1;}
 .home-book-jacket {padding:17px;}
 .home-book-jacket-title {font-size:clamp(18px,3.9vw,28px);}
 .home-book-jacket-subtitle {font-size:11px;}
 .home-inspiration-section {grid-template-columns:1fr;gap:30px;}
 .home-inspiration-title {font-size:34px;}
 .home-footer {flex-direction:column;}
}
@media (max-width:420px) {
 .home-editorial-page .home-shell {padding:0 15px;}
 .home-nav {gap:12px;}
 .home-nav a {font-size:11px;}
 .home-book-jacket-title {font-size:18px;}
 .home-book-jacket-subtitle {display:none;}
 .home-book-eyebrow,.home-book-author {font-size:8px;}
 .home-book-jacket {padding:11px;}
 .home-work-kind {display:none;}
}
@media (prefers-reduced-motion:reduce) {
 .home-editorial-page *, .home-editorial-page *::before, .home-editorial-page *::after {transition:none!important;scroll-behavior:auto!important;}
}


/* ================================================================
   Edition v3: book-cloth green accents
   Based on the quiet, deep green of the Viewing Room (#242f2a).
   White editorial canvas and existing artwork layout are preserved.
   ============================================================== */
.home-editorial-page {
  --home-cloth: #28372e;
  --home-cloth-rule: #64766a;
  --home-cloth-light: #f3f1e8;
  --home-cloth-muted: #b9c7b9;
  --home-sage-paper: #e6ebe3;
  --home-sage-ink: #344d3c;
}
.home-editorial-page .home-shell {
  --home-page-inset: clamp(22px, 4.7vw, 80px);
}
.home-editorial-page .home-kicker-line {background:#657e67;}
.home-editorial-page .home-hero-index span:first-child {color:#526a57;}
.home-editorial-page .home-section-label {color:#586e5b;}
.home-editorial-page .home-feature-ordinal {background:rgba(35,53,41,.91);}
.home-editorial-page .home-work-number {color:#667c69;}
.home-editorial-page .home-footer-mark {color:#385341;}

/* A single deep-green architectural moment: the library, not the hero. */
.home-editorial-page .home-books-section {
  position:relative;
  background:var(--home-cloth);
  color:var(--home-cloth-light);
  margin-left:calc(-1 * var(--home-page-inset));
  margin-right:calc(-1 * var(--home-page-inset));
  padding:clamp(40px,5.8vw,88px) var(--home-page-inset) clamp(54px,7.4vw,106px);
  border-top:3px solid #687d6a;
}
.home-editorial-page .home-books-section .home-section-heading {
  border-color:rgba(224,232,217,.25);
}
.home-editorial-page .home-books-section .home-section-label {color:var(--home-cloth-muted);}
.home-editorial-page .home-books-section .home-section-heading h2 {color:var(--home-cloth-light);}
.home-editorial-page .home-books-section .home-section-aside {color:#c5cfc3;}
.home-editorial-page .home-books-section .home-book-description {
  border-color:rgba(227,234,220,.29);
}
.home-editorial-page .home-books-section .home-book-name,
.home-editorial-page .home-books-section .home-book-arrow {color:var(--home-cloth-light);}
.home-editorial-page .home-books-section .home-book-number {color:var(--home-cloth-muted);}
.home-editorial-page .home-books-section .home-book-jacket {
  box-shadow:10px 16px 28px rgba(8,17,11,.26);
}
.home-editorial-page .home-books-section .home-book:hover .home-book-jacket {
  box-shadow:12px 21px 33px rgba(8,17,11,.34);
}

/* A quiet sage marginal note for inspiration posts. */
.home-editorial-page .home-inspiration-section {
  border-top:0;
  padding-top:0;
  gap:clamp(28px,6vw,98px);
}
.home-editorial-page .home-inspiration-intro {
  align-self:start;
  background:var(--home-sage-paper);
  border-left:3px solid #697e6b;
  padding:clamp(24px,3.5vw,49px) clamp(20px,3.3vw,46px) clamp(31px,4.3vw,60px);
}
.home-editorial-page .home-inspiration-intro .home-section-label {color:#536c58;}
.home-editorial-page .home-inspiration-intro h2 {color:#273a2d;}
.home-editorial-page .home-inspiration-intro p {color:#536157;}
.home-editorial-page .home-inspiration-list {
  border-top:1px solid var(--border);
  padding-top:20px;
}
.home-editorial-page .home-inspiration-entry:hover .home-inspiration-title {color:#365b44;}

@media (max-width:720px) {
  .home-editorial-page .home-shell {--home-page-inset:20px;}
  .home-editorial-page .home-books-section {padding-top:38px;padding-bottom:58px;}
  .home-editorial-page .home-inspiration-intro {padding:27px;}
}
@media (max-width:420px) {
  .home-editorial-page .home-shell {--home-page-inset:15px;}
  .home-editorial-page .home-inspiration-intro {padding:24px 20px 28px;}
}

/* ================================================================
   Edition v4: Calendas Plus display ligatures — editorial accents.
   Inspired by the striking uppercase ARCHIVE in the original site.
   Never applied to Novela body text or small functional navigation.
   ============================================================== */
.home-editorial-page .home-brand,
.home-editorial-page .home-hero h1,
.home-editorial-page .home-section-heading h2,
.home-editorial-page .home-inspiration-intro h2,
.home-editorial-page .home-footer-mark {
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  font-feature-settings: "liga" 1, "dlig" 1, "salt" 1, "swsh" 1;
}
/* The uppercase words borrow precisely the treatment of ARCHIVE.
   Only two headline words are set in caps; the surrounding text
   remains the familiar quiet mixed-case editorial composition. */
.home-editorial-page .home-calendas-ornament {
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: normal;
  font-feature-settings: "liga" 1, "dlig" 1, "salt" 1, "swsh" 1;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  letter-spacing: -0.037em;
}
/* Swashes can extend below a glyph. Leave a little breathing room. */
.home-editorial-page .home-section-heading h2 {line-height: 1.13;}
.home-editorial-page .home-books-section .home-section-heading h2 {line-height: 1.17;}
@media (max-width: 720px) {
  .home-editorial-page .home-section-heading h2 {font-size: clamp(35px, 9vw, 43px);}
  .home-editorial-page .home-calendas-ornament {letter-spacing: -0.044em;}
}

/* ==================================================================
   Edition v5: hero headline harmonized with Selected WORKS.
   RULE and LINE use the same Calendas Plus swashes as the section title;
   the italic conjunction is intentionally smaller and quieter.
   ================================================================== */
.home-editorial-page .home-hero h1 {
  font-size: clamp(48px, 5.45vw, 80px);
  line-height: 1.14;
  letter-spacing: -0.035em;
}
.home-editorial-page .home-hero-title-line {
  display: block;
  white-space: nowrap;
}
.home-editorial-page .home-hero h1 .home-calendas-ornament {
  letter-spacing: -0.035em;
}
.home-editorial-page .home-hero-conjunction {
  color: #777168;
  font-style: italic;
  font-size: .70em;
  font-weight: 400;
  margin-right: .06em;
}
.home-editorial-page .home-hero-final-dot {
  color: #ad785a;
  font-size: .84em;
}
@media (max-width: 720px) {
  .home-editorial-page .home-hero h1 {
    font-size: clamp(44px, 9vw, 64px);
  }
}
@media (max-width: 360px) {
  .home-editorial-page .home-hero h1 {
    font-size: 41px;
  }
}