/* Katniss Wild — Velvet Editorial preview. Draft theme only. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&family=Great+Vibes&display=swap');
:root{--kw-oxblood:#160307;--kw-deep:#23050d;--kw-bordeaux:#490b1b;--kw-wine:#650f27;--kw-rose:#b7737c;--kw-gold:#d6b78c;--kw-cream:#f5e8df;--kw-pearl:#e8d7ce;--kw-ink:#270d15}
html{scroll-behavior:smooth}body.kwv-page{margin:0!important;background:var(--kw-oxblood)!important;color:var(--kw-cream)!important;font:400 16px/1.65 'DM Sans',sans-serif!important;-webkit-font-smoothing:antialiased}
body.kwv-page *{box-sizing:border-box}body.kwv-page a{color:inherit;text-decoration:none}body.kwv-page button,body.kwv-page input{font:inherit}
body.kwv-page .wp-site-blocks{display:none}
.kwv-site{overflow:hidden;min-height:100vh;background:#170308}.kwv-site .kwv-inner{width:min(100%,1450px);margin:0 auto}
.kwv-nav{position:relative;z-index:40;background:rgba(18,2,6,.95);border-bottom:1px solid #d8b58b43;min-height:76px}
.kwv-nav-inner{max-width:1480px;margin:auto;padding:0 4%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.kwv-brand{font:clamp(32px,3.4vw,49px)/1 'Great Vibes',cursive!important;color:#e6c28f!important;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;text-shadow:0 0 24px #e9a86925}
.kwv-brand-flower{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;font:31px/1 Georgia,serif;color:#d6b181}
.kwv-nav-links{display:flex;align-items:center;gap:clamp(14px,1.6vw,28px);justify-content:center;flex-wrap:wrap}
.kwv-nav-links a{font:500 10px/1.3 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#eee0da;white-space:nowrap;transition:color .2s}
.kwv-nav-links a:hover,.kwv-nav-links a:focus-visible{color:#e5b88e}
.kwv-nav-right{display:flex;align-items:center;gap:15px;white-space:nowrap}
.kwv-language{display:flex;align-items:center;gap:5px;font:600 10px 'DM Sans',sans-serif;letter-spacing:.11em;color:#a98e88}
.kwv-language a{color:#b9a6a0}.kwv-language [aria-current=page]{color:#ffe0b9!important;text-decoration:underline;text-underline-offset:5px}
.kwv-strap{font:23px 'Great Vibes',cursive;color:#d3afab;white-space:nowrap}
.kwv-menu-button{display:none;background:transparent;border:1px solid #c4a27766;padding:8px 10px;color:var(--kw-cream);cursor:pointer}
.kwv-hero{position:relative;min-height:535px;display:grid;grid-template-columns:49% 51%;background:radial-gradient(ellipse at 48% 45%,#54162588 0,transparent 50%),linear-gradient(115deg,#160308,#29040e 72%,#100206);border-bottom:1px solid #bb826c55}
.kwv-hero-copy{padding:77px 5% 78px 9%;position:relative;z-index:3}
.kwv-eyebrow{margin:0 0 22px;color:#d5bfb2;font:600 10px/1.7 'DM Sans',sans-serif;letter-spacing:.27em;text-transform:uppercase}
.kwv-hero h1{font:400 clamp(53px,6vw,94px)/.93 'Cormorant Garamond',Georgia,serif;letter-spacing:-.032em;margin:0 0 26px;color:#f3dfd5}
.kwv-hero h1 em{font:400 clamp(54px,5.7vw,91px)/1 'Great Vibes',cursive;color:#dfaa8c;letter-spacing:.005em;display:block;margin:8px 0 0}
.kwv-intro{max-width:480px;margin:0 0 30px;color:#e7d1c5;font:17px/1.65 'Cormorant Garamond',serif}
.kwv-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:linear-gradient(130deg,#e4c59f,#f8e6ca 65%,#d2a984);border:1px solid #fff1d7;color:#32111c!important;padding:13px 21px;font:700 11px/1.3 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 0 23px #dfb18e60,0 4px 16px #0500027a;transition:transform .2s,box-shadow .2s}
.kwv-button:hover,.kwv-button:focus-visible{transform:translateY(-2px);box-shadow:0 0 32px #edc29b8a}
.kwv-hero-art{position:relative;isolation:isolate;background:linear-gradient(90deg,#20050e 0%,#20050e2b 38%,#2309142b 80%),url('https://katnisswild.com/wp-content/uploads/2026/10/Verbotene-Naehe-am-Fenster.png') center 42%/cover no-repeat;min-height:535px}
.kwv-hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#290710 0,transparent 40%),linear-gradient(0deg,#210409 0,transparent 36%),radial-gradient(ellipse at 76% 35%,transparent 30%,#19020762 80%);z-index:-1}
.kwv-hero-quote{position:absolute;right:5%;top:26%;font:italic 25px/1.16 'Cormorant Garamond',serif;text-align:center;color:#ffe8dd;text-shadow:0 3px 12px #000;max-width:140px}
.kwv-hero-quote span{display:block;font-size:45px;color:var(--kw-gold);line-height:.55}
.kwv-traits{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(105deg,#3a0715,#4c0d20 52%,#23030c);border-bottom:1px solid #a7686b66;padding:23px max(3%,calc((100% - 1350px)/2))}
.kwv-trait{padding:0 14px;text-align:center;border-right:1px solid #a774715c}.kwv-trait:last-child{border-right:0}
.kwv-trait-symbol{font:36px/.9 'Cormorant Garamond',serif;color:#e6cab5;margin-bottom:8px}.kwv-trait strong{display:block;font:700 10px/1.6 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#f4e2db}.kwv-trait small{display:block;font:14px/1.4 'Cormorant Garamond',serif;color:#ddc1bd}
.kwv-spotlight{position:relative;display:grid;grid-template-columns:29% 45% 26%;align-items:center;gap:0;min-height:420px;background:radial-gradient(ellipse at 74% 15%,#6a12327a,transparent 50%),linear-gradient(100deg,#26050e,#460717 45%,#23020c);padding:38px 5%;overflow:hidden}
.kwv-spotlight:before{content:'';position:absolute;inset:0;background:url('https://katnisswild.com/wp-content/uploads/2026/08/rotersamt-scaled.jpeg') center/cover;opacity:.15;pointer-events:none}
.kwv-spotlight-cover{display:flex;justify-content:center;position:relative}
.kwv-spotlight-cover img{display:block;height:340px;max-width:90%;object-fit:contain;filter:drop-shadow(12px 14px 14px #000b);transition:transform .3s}
.kwv-spotlight-cover img:hover{transform:translateY(-5px) rotate(-1deg)}
.kwv-new-tag{position:absolute;left:0;top:38%;display:grid;place-items:center;border-radius:50%;width:66px;height:66px;background:linear-gradient(120deg,#9a4c5e,#c47d7b);box-shadow:0 5px 15px #0009;border:1px solid #e8b5a2;color:#fff6ee;font:700 10px 'DM Sans',sans-serif;letter-spacing:.1em}
.kwv-spotlight-copy{padding:5px 3% 5px 6%;position:relative}
.kwv-rule{display:flex;align-items:center;gap:12px;color:#ebdbcc;font:600 10px 'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase}.kwv-rule:before,.kwv-rule:after{content:'';height:1px;background:#cfa7865e;width:52px}
.kwv-spotlight h2{font:400 clamp(42px,4vw,64px)/.98 'Cormorant Garamond',serif;color:#f5e3da;margin:19px 0 8px}.kwv-spotlight h2 em{display:block;font:400 43px/1.1 'Great Vibes',cursive;color:#e2b38a;margin-top:4px}
.kwv-spotlight-copy p{font:18px/1.42 'Cormorant Garamond',serif;color:#f0d9d0;max-width:470px;margin:10px 0 24px}
.kwv-spotlight-side{position:relative;border-left:1px solid #bf897260;padding:30px 8% 30px 16%;font:16px/1.8 'Cormorant Garamond',serif;letter-spacing:.14em;text-transform:uppercase;color:#dec09b}
.kwv-spotlight-side span{display:block}
.kwv-store-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:#e2c6b3}.kwv-store-list>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.11em;margin-right:3px}
.kwv-store-list a{display:inline-flex;justify-content:center;align-items:center;min-width:32px;min-height:30px;border:1px solid #cba7829b;padding:4px 7px;color:#f3e1ca;font:700 11px 'DM Sans',sans-serif;transition:background .2s}
.kwv-store-list a:hover{background:#6e2434}
.kwv-books{padding:60px 6% 65px;background:radial-gradient(ellipse at 1% 80%,#e1baae66,transparent 35%),radial-gradient(ellipse at 100% 4%,#e3b4ae33,transparent 35%),linear-gradient(130deg,#f7eee8,#ebd7cf 54%,#f6e7e0);color:#230910;position:relative}
.kwv-books:before,.kwv-newsletter:before{content:'❦';position:absolute;color:#b37e8660;font:150px/1 Georgia,serif;left:-26px;bottom:-55px;transform:rotate(-23deg);pointer-events:none}
.kwv-heading{position:relative;text-align:center;margin:0 auto 37px;max-width:750px}.kwv-heading .kwv-eyebrow{color:#854b56;margin:0 0 5px}.kwv-heading h2{color:#270c15;margin:0;font:400 clamp(39px,4vw,59px)/1 'Cormorant Garamond',serif}.kwv-heading h2 em{font-weight:normal}
.kwv-all-books{position:absolute;right:0;top:16px;text-decoration:underline;text-underline-offset:5px;color:#3c1724!important;font:700 10px 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.kwv-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,70px);max-width:1000px;margin:0 auto;position:relative}
.kwv-book{min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center}
.kwv-book>a.kwv-book-image{height:245px;display:grid;place-items:center;margin-bottom:11px}.kwv-book-image img{display:block;max-height:238px;max-width:100%;box-shadow:6px 12px 22px #3e132750;transition:transform .2s;object-fit:contain}.kwv-book-image:hover img{transform:translateY(-5px)}
.kwv-book h3{font:600 22px/1.05 'Cormorant Garamond',serif;margin:0;color:#260a15}.kwv-book p{font:12px/1.4 'DM Sans',sans-serif;color:#955767;margin:4px 0 0}.kwv-book .kwv-book-cta{margin-top:9px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #8d4757;padding-bottom:4px}
.kwv-genres{position:relative;padding:65px 5% 72px;text-align:center;background:radial-gradient(ellipse at 73% 48%,#75152b7d,transparent 55%),linear-gradient(100deg,#22030c,#4a0b20 55%,#20030b);border-top:1px solid #d0a78355;border-bottom:1px solid #b7847755}
.kwv-genres:after{content:'';position:absolute;inset:0;background:url('https://katnisswild.com/wp-content/uploads/2026/08/rotersamt-scaled.jpeg') center/cover;opacity:.12;pointer-events:none}
.kwv-genres .kwv-heading{z-index:2}.kwv-genres h2{font:400 clamp(40px,4vw,57px) 'Cormorant Garamond',serif;color:#f5e5d9}.kwv-genres h2 em{font:400 48px 'Great Vibes',cursive;color:#d9a38c;margin-left:7px}
.kwv-genres .kwv-eyebrow{color:#e0bdb0}.kwv-genres-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1060px;margin:auto;position:relative;z-index:2}
.kwv-genre{min-height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(27,3,9,.53);border:1px solid #d9ae8b80;color:#f6ddd3!important;font:700 11px 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;transition:background .2s,transform .2s}
.kwv-genre span{display:block;margin-top:5px;color:#d8a58a;font:25px/1 'Cormorant Garamond',serif;letter-spacing:0}.kwv-genre:hover{background:#7c263e;transform:translateY(-3px)}
.kwv-newsletter{position:relative;display:grid;grid-template-columns:48% 52%;gap:20px;align-items:center;padding:63px max(5%,calc((100% - 1250px)/2));background:linear-gradient(115deg,#f2dfd6,#f7ece5 55%,#e7c5bf);color:#2d0c17}
.kwv-newsletter:before{right:0;left:auto;bottom:-45px;transform:rotate(30deg)}
.kwv-newsletter h2{font:400 clamp(40px,4.2vw,60px)/1 'Cormorant Garamond',serif;margin:10px 0 14px}.kwv-newsletter p{font:16px/1.6 'Cormorant Garamond',serif;margin:0;max-width:460px}.kwv-newsletter .kwv-eyebrow{color:#9c5d66;margin:0}
.kwv-mail-form{z-index:2;min-width:0}
.kwv-mail-form .eomail-form{color:#411422}.kwv-mail-form .eomail-form input,.kwv-mail-form input[type=email]{background:#ffffffb0!important;color:#38101c!important;border:1px solid #b78789!important;padding:13px 15px!important;border-radius:2px!important;max-width:100%!important}
.kwv-mail-form .eomail-form button,.kwv-mail-form button[type=submit]{background:#4b0d22!important;border:1px solid #4b0d22!important;color:#fff0e7!important;padding:12px 20px!important;font:700 11px 'DM Sans',sans-serif!important;letter-spacing:.12em!important;cursor:pointer}
.kwv-mail-form .eomail-form label{color:#411422!important}
.kwv-mail-fallback{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.kwv-mail-fallback a{background:#4b0d22;color:#ffeae4;padding:15px 21px;font:700 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em}
.kwv-privacy-note{margin-top:11px!important;font:12px/1.6 'DM Sans',sans-serif!important;color:#72565e}
.kwv-privacy-note a{text-decoration:underline!important;text-underline-offset:2px}
.kwv-footer{background:linear-gradient(100deg,#1a0309,#2b0510 55%,#150207);border-top:1px solid #d6ae9873;padding:34px 5%}
.kwv-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1430px;margin:auto}.kwv-footer .kwv-brand{font-size:35px}
.kwv-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px}.kwv-footer-links a{font:500 10px 'DM Sans',sans-serif;letter-spacing:.04em;color:#ead9d2}
.kwv-socials{display:flex;gap:11px;align-items:center}.kwv-socials a{border:1px solid #b7877b8c;border-radius:50%;display:grid;place-items:center;width:35px;height:35px;color:#f7e4db;font:700 11px 'DM Sans',sans-serif;transition:background .2s}.kwv-socials a:hover{background:#812441}
.kwv-footer-note{max-width:1430px;margin:15px auto 0;font:10px 'DM Sans',sans-serif;letter-spacing:.07em;color:#be9e95}
.kwv-age{position:fixed;inset:0;z-index:999999;background:#160307ed;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
.kwv-age[hidden]{display:none}.kwv-age-panel{border:1px solid #d1a97a;background:linear-gradient(135deg,#2a0812,#140208);width:min(100%,520px);padding:44px 34px;text-align:center;box-shadow:0 20px 70px #000d}.kwv-age-panel h2{font:400 47px 'Cormorant Garamond',serif;margin:0 0 10px}.kwv-age-panel p{font:17px/1.5 'Cormorant Garamond',serif;margin:0 auto 24px}.kwv-age-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.kwv-age-actions button{cursor:pointer}.kwv-age-actions a{border:1px solid #bd968e;padding:12px 18px;color:#f8e5da;font:700 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.kwv-subpage{background:linear-gradient(120deg,#1d030a,#470d21);min-height:55vh;padding:80px 6%}.kwv-subpage-inner{max-width:1120px;margin:auto}.kwv-subpage h1{font:400 clamp(51px,6vw,83px)/1 'Cormorant Garamond',serif;margin:0 0 20px}.kwv-subpage p{font:18px/1.6 'Cormorant Garamond',serif}.kwv-subpage .kwv-alternate{margin:35px auto;border-top:1px solid #d0aa9555;padding-top:30px;max-width:950px}
.kwv-preview-label{position:fixed;bottom:10px;left:10px;z-index:99;padding:6px 10px;border:1px solid #caa99377;background:#180509e9;color:#e5c2ae;font:9px 'DM Sans',sans-serif;letter-spacing:.1em;pointer-events:none}
@media(max-width:1150px){.kwv-nav-inner{gap:14px;padding:13px 3%}.kwv-nav-links{gap:13px}.kwv-strap{display:none}.kwv-hero-copy{padding-left:6%}.kwv-spotlight{grid-template-columns:33% 49% 18%}.kwv-spotlight-side{padding-left:10%}.kwv-book-grid{gap:20px}}
@media(max-width:820px){.kwv-menu-button{display:block}.kwv-nav-inner{flex-wrap:wrap;justify-content:space-between}.kwv-nav-links{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;padding:16px 0;border-top:1px solid #cfb08755}.kwv-nav-links.is-open{display:flex}.kwv-nav-links a{padding:8px 3px}.kwv-hero{grid-template-columns:1fr}.kwv-hero-copy{padding:57px 7% 45px}.kwv-hero-art{min-height:350px;background-position:center 38%}.kwv-traits{grid-template-columns:repeat(2,1fr);row-gap:22px}.kwv-trait:nth-child(2){border-right:0}.kwv-spotlight{grid-template-columns:42% 58%;padding:35px 5%}.kwv-spotlight-side{display:none}.kwv-spotlight-cover img{height:310px}.kwv-book-grid{grid-template-columns:repeat(3,1fr)}.kwv-genres-grid{grid-template-columns:repeat(2,1fr)}.kwv-newsletter{grid-template-columns:1fr;gap:28px}}
@media(max-width:580px){.kwv-nav{min-height:64px}.kwv-nav-inner{min-height:64px}.kwv-brand{font-size:32px!important}.kwv-brand-flower{font-size:25px}.kwv-hero h1{font-size:58px}.kwv-hero h1 em{font-size:61px}.kwv-hero-art{min-height:255px}.kwv-hero-quote{top:20%;font-size:20px}.kwv-hero-copy{padding:45px 6% 42px}.kwv-intro{font-size:17px}.kwv-traits{padding:20px 2%}.kwv-trait{padding:0 9px}.kwv-trait small{font-size:12px}.kwv-spotlight{display:flex;flex-direction:column;text-align:center;padding:34px 6%;gap:22px}.kwv-spotlight-cover img{height:275px}.kwv-new-tag{left:-15px;width:50px;height:50px}.kwv-spotlight-copy{padding:0}.kwv-spotlight .kwv-rule{justify-content:center}.kwv-spotlight h2{font-size:45px}.kwv-spotlight h2 em{font-size:35px}.kwv-spotlight-copy p{font-size:19px}.kwv-spotlight .kwv-store-list{justify-content:center}.kwv-books{padding:48px 5%}.kwv-all-books{position:static;display:block;text-align:center;margin:20px auto 0}.kwv-book-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:25px;padding:6px 12px 16px}.kwv-book{flex:0 0 60%;scroll-snap-align:center}.kwv-book>a.kwv-book-image{height:223px}.kwv-book-image img{max-height:215px}.kwv-genres{padding:55px 5%}.kwv-genre{min-height:78px;font-size:10px}.kwv-genres-grid{gap:9px}.kwv-newsletter{padding:55px 6%}.kwv-footer-inner{justify-content:center;text-align:center}.kwv-footer-links{gap:12px}.kwv-preview-label{font-size:8px;bottom:5px;left:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kwv-button,.kwv-book-image img,.kwv-genre,.kwv-socials a{transition:none}}