/*
 * Katniss Wild — Velvet Editorial: compact desktop & mobile refinements.
 * Draft only: 2026-10-30. Loaded AFTER the base, catalog and page styles.
 *
 * Keeps the original concept while reducing excessive vertical travel.
 * Hero image comes from the existing WordPress Media Library.
 */
.kwv-page .kwv-hero-art{
  background:
    linear-gradient(90deg,
      #23050d 0%,
      rgba(35,5,13,.97) 8%,
      rgba(35,5,13,.80) 20%,
      rgba(35,5,13,.36) 42%,
      rgba(24,3,9,.07) 73%),
    linear-gradient(0deg,rgba(27,3,9,.72) 0%,transparent 25%),
    url('https://katnisswild.com/wp-content/uploads/2026/10/Warme-Dreier-Szene-im-Loft-Licht.png') 54% 43%/cover no-repeat;
}
.kwv-page .kwv-hero-art::before{
  z-index:0;
  background:radial-gradient(ellipse at 100% 90%,rgba(35,4,13,.58),transparent 58%);
}
.kwv-page .kwv-hero-quote{
  z-index:1;
  top:auto;
  bottom:22px;
  right:3.5%;
  max-width:160px;
  padding:8px 10px 8px 13px;
  border-left:1px solid rgba(226,179,138,.52);
  background:linear-gradient(90deg,rgba(32,4,12,.57),rgba(32,4,12,.16));
  text-shadow:0 2px 10px #170308;
}
.kwv-page .kwv-hero-quote span{font-size:29px;line-height:.65;}

/* Desktop and tablet landscape: smaller, tighter individual sections */
@media (min-width:821px){
  .kwv-page .kwv-nav,
  .kwv-page .kwv-nav-inner{min-height:65px;}
  .kwv-page .kwv-nav-inner{padding-block:4px;}
  .kwv-page .kwv-brand{font-size:40px!important;}
  .kwv-page .kwv-brand-flower{font-size:26px;width:26px;height:26px;}

  .kwv-page .kwv-hero{min-height:365px;grid-template-columns:47% 53%;}
  .kwv-page .kwv-hero-copy{padding:35px 4% 36px 7%;display:flex;flex-direction:column;justify-content:center;}
  .kwv-page .kwv-hero-art{min-height:365px;}
  .kwv-page .kwv-hero .kwv-eyebrow{margin-bottom:11px;font-size:9px;letter-spacing:.21em;}
  .kwv-page .kwv-hero h1{font-size:clamp(52px,5.3vw,78px);line-height:.94;margin-bottom:14px;}
  .kwv-page .kwv-hero h1 em{font-size:clamp(57px,5.6vw,80px);margin-top:2px;}
  .kwv-page .kwv-intro{font-size:16px;line-height:1.46;margin-bottom:19px;max-width:470px;}
  .kwv-page .kwv-hero .kwv-button{align-self:flex-start;}
  .kwv-page .kwv-button{padding:11px 18px;font-size:10px;}

  .kwv-page .kwv-traits{padding-top:12px;padding-bottom:12px;}
  .kwv-page .kwv-trait{padding:0 10px;}
  .kwv-page .kwv-trait-symbol{font-size:27px;line-height:1;margin-bottom:1px;}
  .kwv-page .kwv-trait strong{font-size:9px;line-height:1.4;}
  .kwv-page .kwv-trait small{font-size:13px;line-height:1.23;margin-top:2px;}

  .kwv-page .kwv-spotlight{min-height:310px;padding:22px 5%;grid-template-columns:29% 47% 24%;}
  .kwv-page .kwv-spotlight-cover img{height:265px;max-height:265px;}
  .kwv-page .kwv-new-tag{width:52px;height:52px;font-size:9px;left:1%;}
  .kwv-page .kwv-spotlight-copy{padding:0 3% 0 3%;}
  .kwv-page .kwv-spotlight h2{font-size:clamp(42px,3.6vw,54px);margin:11px 0 5px;}
  .kwv-page .kwv-spotlight h2 em{font-size:38px;margin-top:0;}
  .kwv-page .kwv-spotlight-copy p{font-size:16px;line-height:1.3;margin:7px 0 13px;}
  .kwv-page .kwv-spotlight .kwv-rule{font-size:9px;}
  .kwv-page .kwv-spotlight-side{font-size:14px;line-height:1.57;letter-spacing:.11em;padding-top:10px;padding-bottom:10px;}
  .kwv-page .kwv-store-list{margin-top:9px;}

  .kwv-page .kwv-books{padding:30px 5% 35px;}
  .kwv-page .kwv-heading{margin-bottom:17px;}
  .kwv-page .kwv-heading h2{font-size:clamp(40px,3.7vw,51px);}
  .kwv-page .kwv-heading .kwv-eyebrow{margin-bottom:2px;font-size:9px;}
  .kwv-page .kwv-all-books{right:5%;top:37px;font-size:9px;}
  .kwv-page .kwv-book-grid{max-width:940px;gap:clamp(16px,3vw,40px);}
  .kwv-page .kwv-book>a.kwv-book-image{height:191px;margin-bottom:5px;}
  .kwv-page .kwv-book-image img{max-height:185px;}
  .kwv-page .kwv-book h3{font-size:20px;line-height:1.04;}
  .kwv-page .kwv-book p{font-size:11px;margin:2px 0 0;}
  .kwv-page .kwv-book .kwv-book-cta{margin-top:4px;font-size:9px;}

  .kwv-page .kwv-genres{padding:32px 5% 36px;}
  .kwv-page .kwv-genres .kwv-heading{margin-bottom:17px;}
  .kwv-page .kwv-genres h2{font-size:clamp(39px,3.7vw,50px);}
  .kwv-page .kwv-genres h2 em{font-size:43px;}
  .kwv-page .kwv-genres-grid{gap:13px;}
  .kwv-page .kwv-genre{min-height:58px;font-size:10px;}
  .kwv-page .kwv-genre span{font-size:19px;line-height:1;margin-top:0;}

  .kwv-page .kwv-newsletter{padding:31px max(5%,calc((100% - 1250px)/2));gap:18px;}
  .kwv-page .kwv-newsletter h2{font-size:clamp(38px,3.7vw,50px);margin:4px 0 7px;}
  .kwv-page .kwv-newsletter p{font-size:15px;line-height:1.45;}
  .kwv-page .kwv-mail-form input[type=email]{padding:10px 12px!important;}
  .kwv-page .kwv-footer{padding:20px 5%;}
  .kwv-page .kwv-footer .kwv-brand{font-size:32px!important;}
  .kwv-page .kwv-footer-note{margin-top:8px;}
  .kwv-page .kwv-socials a{width:30px;height:30px;}

  /* Book catalog and editorial subpages have the same compact rhythm. */
  .kwv-page .kwv-catalog-hero{min-height:290px;}
  .kwv-page .kwv-catalog-intro{padding:38px 6% 40px 8%;}
  .kwv-page .kwv-catalog-jump{padding:12px 4%;}
  .kwv-page .kwv-catalog-featured{padding:37px 5%;}
  .kwv-page .kwv-catalog-category{padding:35px 5% 40px;}
  .kwv-page .kwv-catalog-category-header{margin-bottom:22px;}
  .kwv-page .kwv-subpage{padding-top:44px!important;padding-bottom:48px!important;}
  .kwv-page .kwv-subpage-lead>p:last-child{margin-bottom:23px;}
  .kwv-page .kwv-subpage .kwv-alternate{margin-top:25px;padding-top:30px;padding-bottom:30px;}
}

/* Smaller viewports keep readable touch targets without giant vertical blocks. */
@media (max-width:820px){
  .kwv-page .kwv-hero{min-height:0;}
  .kwv-page .kwv-hero-copy{padding:35px 6% 28px;}
  .kwv-page .kwv-hero h1{margin-bottom:12px;}
  .kwv-page .kwv-hero h1 em{margin-top:0;}
  .kwv-page .kwv-hero .kwv-eyebrow{margin-bottom:10px;}
  .kwv-page .kwv-intro{margin-bottom:18px;line-height:1.48;}
  .kwv-page .kwv-hero-art{min-height:240px;background-position:50% 44%;}
  .kwv-page .kwv-hero-quote{bottom:14px;right:4%;font-size:19px;max-width:130px;}
  .kwv-page .kwv-traits{padding:15px 3%;row-gap:13px;}
  .kwv-page .kwv-trait-symbol{font-size:27px;margin-bottom:2px;}
  .kwv-page .kwv-spotlight{padding:26px 5%;}
  .kwv-page .kwv-spotlight-cover img{height:245px;}
  .kwv-page .kwv-spotlight-copy p{margin-bottom:14px;}
  .kwv-page .kwv-books{padding:35px 5%;}
  .kwv-page .kwv-heading{margin-bottom:20px;}
  .kwv-page .kwv-genres{padding:35px 5% 38px;}
  .kwv-page .kwv-genres-grid{gap:10px;}
  .kwv-page .kwv-genre{min-height:61px;}
  .kwv-page .kwv-newsletter{padding:36px 6%;gap:17px;}
  .kwv-page .kwv-newsletter h2{margin:5px 0 8px;}
  .kwv-page .kwv-footer{padding:22px 5%;}
  .kwv-page .kwv-catalog-category,.kwv-page .kwv-catalog-featured{padding-top:35px;padding-bottom:38px;}
  .kwv-page .kwv-subpage{padding-top:39px!important;padding-bottom:44px!important;}
}
@media (max-width:580px){
  .kwv-page .kwv-hero h1{font-size:clamp(48px,13vw,58px);}
  .kwv-page .kwv-hero h1 em{font-size:clamp(53px,13.3vw,62px);}
  .kwv-page .kwv-hero-art{min-height:215px;}
  .kwv-page .kwv-hero-quote{font-size:17px;max-width:118px;}
  .kwv-page .kwv-trait small{font-size:12px;}
  .kwv-page .kwv-spotlight-cover img{height:240px;}
  .kwv-page .kwv-books .kwv-book>a.kwv-book-image{height:210px;}
  .kwv-page .kwv-books .kwv-book-image img{max-height:205px;}
  .kwv-page .kwv-genres h2{font-size:42px;}
  .kwv-page .kwv-genres h2 em{font-size:40px;}
}