/* Christiana v3 — compact, luxury literary UI; scope only the darkromance WordPress demo. */
:root{--ccv3-gold:#cba66d;--ccv3-wine:#5a122c;--ccv3-ink:#100d12;--ccv3-ivory:#f2e7da}
html{scroll-padding-top:85px}
.ccv3-hero{position:relative;overflow:hidden;width:100%;height:clamp(425px,39vw,545px);background:#100b12;color:#fff}
.ccv3-stage{position:relative;width:100%;height:calc(100% - 44px)}
.ccv3-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s;overflow:hidden}
.ccv3-slide.active{opacity:1;visibility:visible}
.ccv3-hero-image,.ccv3-video{width:100%;height:100%;object-fit:cover;object-position:50% 43%;position:absolute;inset:0}
.ccv3-hero-image{filter:contrast(1.06) brightness(.79)}
.ccv3-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,11,.96) 0%,rgba(14,8,14,.82) 21%,rgba(13,10,17,.2) 65%,rgba(6,4,8,.18) 100%)}
.ccv3-hero-copy{position:relative;z-index:2;width:min(680px,62%);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding:25px clamp(28px,7vw,110px)}
.ccv3-kicker{font:600 11px/1.6 var(--cc-sans,Arial,sans-serif);letter-spacing:.24em;color:var(--ccv3-gold);text-transform:uppercase}
.ccv3-hero-copy h1,.ccv3-hero-copy h2{font:500 clamp(44px,5vw,77px)/.99 var(--cc-serif,Georgia,serif);letter-spacing:.002em;color:#f7e9d7;margin:0;max-width:670px;text-shadow:0 2px 18px #100811}
.ccv3-hero-copy p{font:italic 22px/1.4 var(--cc-serif,Georgia,serif);color:#e8d5c3;margin:0;max-width:480px}
.ccv3-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px}
.ccv3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 17px;border-radius:2px;font:700 11px var(--cc-sans,Arial,sans-serif);letter-spacing:.08em;text-decoration:none!important}
.ccv3-btn.primary{background:#781c37;color:#fff;border:1px solid #d4ad7b}
.ccv3-btn.secondary{background:#100e12c4;color:#e9ce9f;border:1px solid #a88967}
.ccv3-btn:hover{filter:brightness(1.15)}
.ccv3-slide-footnote{position:absolute;right:22px;bottom:15px;color:#ddbd9b;font:10px var(--cc-sans,Arial,sans-serif);opacity:.75}
.ccv3-hero-controls{height:44px;display:flex;align-items:center;gap:18px;justify-content:center;background:#171015;color:#d7b586}
.ccv3-hero-controls button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:38px;min-width:35px;font-size:23px}
.ccv3-dots{display:flex;gap:8px;align-items:center}
.ccv3-dots button{min-width:10px;width:10px;height:10px;min-height:10px;padding:0;border-radius:50%;border:1px solid #ad916f;background:transparent}
.ccv3-dots button.active{background:#d7b586}
.ccv3-hero-controls button:focus-visible,.ccv3-languages a:focus-visible{outline:2px solid #efcc8e;outline-offset:3px}
.ccv3-hero-controls .ccv3-toggle{margin-left:10px;font:13px var(--cc-sans,Arial,sans-serif)}
.ccv3-languages{display:flex;align-items:center;gap:5px;color:#d9c2a0;border:1px solid #97754d;border-radius:24px;padding:6px 9px;white-space:nowrap;margin:0 10px}
.ccv3-languages a{font:700 11px var(--cc-sans,Arial,sans-serif);color:#bca58b;text-decoration:none}
.ccv3-languages a[aria-current="page"]{color:#fff}
.ccv3-languages span{font-size:9px}
.cc-header{position:relative}
.cc-intro{padding-top:38px!important;padding-bottom:34px!important}
.cc-intro h2{line-height:1.05!important}
.cc-books{padding-top:44px!important;padding-bottom:35px!important}
.cc-books h2{margin-bottom:23px!important}
.ccv3-books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 17px;max-width:1240px;margin:20px auto}
.ccv3-book{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.ccv3-book-cover{position:relative;width:100%;max-width:210px;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:#261320;border:1px solid #9f7655;box-shadow:0 9px 20px #0004;overflow:hidden}
.ccv3-book-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ccv3-book-cover:hover img{transform:scale(1.035)}
.ccv3-book-cover span{position:absolute;top:9px;right:7px;background:#180c13bd;color:#efcd9a;border:1px solid #aa8a5c;font:9px var(--cc-sans,Arial,sans-serif);padding:3px 6px;letter-spacing:.07em}
.ccv3-book h3{font:500 clamp(19px,1.7vw,25px)/1.1 var(--cc-serif,Georgia,serif);color:#f0dbbd;min-height:2.15em;margin:12px 0 5px}
.ccv3-book h3 a{color:inherit;text-decoration:none}
.ccv3-book-price{font:600 14px var(--cc-sans,Arial,sans-serif);color:#dfbf8b;margin:0 0 10px}
.ccv3-book-action{font:700 10px var(--cc-sans,Arial,sans-serif);border:1px solid #9e795b;color:#e8cfaa;text-decoration:none!important;letter-spacing:.06em;padding:10px 8px;width:100%;max-width:180px}
.ccv3-book-action:hover{background:#742d48}
.ccv3-note{font:italic 13px var(--cc-serif,Georgia,serif);color:#dfcbb6;text-align:center;margin:15px auto 0}
.ccv3-myths{background:linear-gradient(100deg,#180d15,#451326,#1c1016);display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:0;color:#efdabc;border-top:1px solid #765137;border-bottom:1px solid #765137;min-height:116px}
.ccv3-myth-lead,.ccv3-myth{padding:22px 18px;border-right:1px solid #96714b77;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}
.ccv3-myth-lead strong{font:500 22px var(--cc-serif,Georgia,serif);color:#f0c78f}
.ccv3-myth strong{font:500 20px var(--cc-serif,Georgia,serif);color:#eed0aa}
.ccv3-myth small,.ccv3-myth-lead small{color:#c7aca7;font:12px/1.45 var(--cc-sans,Arial,sans-serif)}
.ccv3-myth>span{font-size:23px;color:#bb8d60;line-height:1}
.cc-excerpt{padding:36px 20px!important}
.cc-excerpt h2{font-size:clamp(36px,4vw,52px)!important}
.cc-about{padding:35px 20px!important}
.cc-about .cc-author-art{height:340px!important;max-width:340px!important;object-fit:cover!important;object-position:center 38%!important}
.cc-journal{padding-top:35px!important;padding-bottom:35px!important}
.cc-contact{padding:40px 20px!important}
.cc-footer-extra{padding-top:30px!important;padding-bottom:22px!important}
.ccv3-author-bio{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:clamp(22px,5vw,70px);align-items:start;max-width:1140px;margin:auto}
.ccv3-bio-photo img{width:100%;max-height:660px;object-fit:cover;object-position:center top;box-shadow:12px 12px 0 #e3d2c2}
.ccv3-bio-text>span{letter-spacing:.18em;color:#8e5d43;font:700 11px var(--cc-sans,Arial,sans-serif)}
.ccv3-bio-text h2{font:500 clamp(38px,4vw,62px)/1.05 var(--cc-serif,Georgia,serif);margin:17px 0}
.ccv3-bio-text p{font:19px/1.55 var(--cc-serif,Georgia,serif)}
.ccv3-sign{font:italic 32px var(--cc-serif,Georgia,serif)!important;color:#72354b}
.ccv3-bio-text>strong{font:700 12px var(--cc-sans,Arial,sans-serif);letter-spacing:.15em;color:#73364a}
@media(max-width:980px){.ccv3-books{grid-template-columns:repeat(3,minmax(0,1fr))}.ccv3-myths{grid-template-columns:repeat(2,1fr)}.ccv3-myth-lead{grid-column:span 2;text-align:center}.ccv3-hero-copy{width:72%}.ccv3-languages{margin-right:0}}
@media(max-width:680px){.ccv3-hero{height:490px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.ccv3-stage{height:calc(100% - 43px)}.ccv3-hero-image{object-position:63% center}.ccv3-hero-overlay{background:linear-gradient(0deg,#160d17f4 0%,#150d18bc 32%,#120d17a8 65%,#15101973 100%)}.ccv3-hero-copy{width:100%;padding:26px 22px;justify-content:flex-end;gap:10px}.ccv3-hero-copy h1,.ccv3-hero-copy h2{font-size:clamp(38px,9.4vw,56px)}.ccv3-hero-copy p{font-size:18px;line-height:1.32}.ccv3-hero-buttons{gap:8px}.ccv3-btn{font-size:10px;padding:12px 11px}.ccv3-slide-footnote{right:10px;top:10px;bottom:auto}.ccv3-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px}.ccv3-book h3{font-size:20px}.ccv3-myths{grid-template-columns:repeat(2,1fr)}.ccv3-myth-lead{grid-column:span 2}.ccv3-myth{min-height:105px;padding:12px}.ccv3-author-bio{grid-template-columns:1fr}.ccv3-bio-photo{max-width:430px;margin:auto}.ccv3-bio-text p{font-size:18px}.cc-header .cc-brand strong{font-size:14px}.ccv3-languages{position:absolute;right:63px;top:50%;transform:translateY(-50%);padding:4px 5px}.ccv3-languages a{font-size:10px}.ccv3-note{font-size:12px}}
@media(max-width:360px){.ccv3-languages{right:56px}.ccv3-hero{height:465px}.ccv3-hero-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ccv3-slide,.ccv3-book-cover img{transition:none!important}}