/* HOUSE OF VALE — CINEMATIC STORY READER */
.hov-reader{margin:0;background:#111011;color:#EAE1D3;overflow:hidden}.hov-reader a{text-decoration:none}
.reader-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:92vh;padding:130px 6vw 100px;overflow:hidden;background:#080808;color:#EAE1D3;text-align:center}.reader-hero-background{position:absolute;inset:0;z-index:1}.reader-hero-background img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.03);filter:brightness(.34) contrast(1.08) saturate(.78)}.reader-hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#111011 0%,rgba(17,16,17,.72) 22%,rgba(17,16,17,.30) 55%,rgba(8,8,8,.55) 100%),linear-gradient(90deg,rgba(8,8,8,.50),transparent 45%,rgba(8,8,8,.50))}.reader-hero-glow{position:absolute;z-index:3;top:50%;left:50%;width:800px;height:600px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(85,28,37,.22) 0%,rgba(85,28,37,.08) 38%,transparent 72%);pointer-events:none}.reader-hero-inner{position:relative;z-index:6;width:min(1050px,100%);margin:0 auto}.reader-presents{margin-bottom:35px;color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;letter-spacing:.34em}.reader-title{max-width:1050px;margin:0 auto;color:#EAE1D3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(65px,8vw,125px);font-weight:400;line-height:.88;letter-spacing:-.05em;text-wrap:balance}.reader-gold-rule{width:70px;height:1px;margin:43px auto 30px;background:#B59763}.reader-tags{display:flex;justify-content:center;flex-wrap:wrap;color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;letter-spacing:.22em}.reader-tags span:not(:last-child)::after{content:"/";display:inline-block;margin:0 13px;color:rgba(234,225,211,.35)}.reader-excerpt{max-width:610px;margin:30px auto 0;color:rgba(234,225,211,.78);font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.8vw,24px);font-style:italic;line-height:1.55}.reader-begin{display:inline-flex;flex-direction:column;align-items:center;gap:14px;margin-top:58px;color:rgba(234,225,211,.72)!important;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:.30em;transition:color .3s ease}.reader-begin-arrow{color:#B59763;font-size:18px;transition:transform .4s ease}.reader-begin:hover{color:#EAE1D3!important}.reader-begin:hover .reader-begin-arrow{transform:translateY(6px)}.reader-hero-mark{position:absolute;z-index:3;right:-45px;bottom:-150px;color:rgba(181,151,99,.035);font-family:Georgia,"Times New Roman",serif;font-size:520px;font-weight:400;line-height:1;pointer-events:none}
.reader-introduction{position:relative;background:#111011;padding:75px 6vw 55px}.reader-introduction-inner{width:min(900px,100%);margin:0 auto}.reader-story-meta{display:flex;justify-content:center;gap:70px;padding-bottom:55px;border-bottom:1px solid rgba(181,151,99,.18)}.reader-meta-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.reader-meta-label{color:rgba(234,225,211,.35);font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:.25em}.reader-meta-value{color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;letter-spacing:.18em}.reader-opening-mark{margin-top:60px;text-align:center}.reader-opening-mark span{color:rgba(181,151,99,.65);font-family:Georgia,"Times New Roman",serif;font-size:31px}
.reader-story{background:#111011;padding:30px 6vw 150px}.reader-story-inner{width:min(760px,100%);margin:0 auto}.reader-content{color:rgba(234,225,211,.88);font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.9}.reader-content>p{margin:0 0 1.55em}.reader-content>p:first-of-type::first-letter{float:left;margin:.09em .13em 0 0;color:#B59763;font-family:Georgia,"Times New Roman",serif;font-size:4.3em;line-height:.72}.reader-content h1,.reader-content h2{margin:110px 0 48px;color:#EAE1D3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1;letter-spacing:-.035em;text-align:center}.reader-content h3{margin:75px 0 35px;color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.28em;text-align:center;text-transform:uppercase}.reader-content hr{width:60px;height:1px;margin:75px auto;border:0;background:#B59763}.reader-content blockquote{position:relative;margin:65px -55px;padding:35px 55px;border-left:1px solid #B59763;color:#EAE1D3;font-size:25px;font-style:italic;line-height:1.6}.reader-content a{color:#B59763;border-bottom:1px solid rgba(181,151,99,.40);transition:border-color .3s ease}.reader-content a:hover{border-color:#B59763}.reader-content figure{margin-top:65px;margin-bottom:65px}.reader-content img{width:100%;height:auto}.reader-content figcaption{margin-top:14px;color:rgba(234,225,211,.38);font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:.12em;text-align:center}.reader-content .kg-width-wide{width:min(1000px,calc(100vw - 60px));margin-left:50%;transform:translateX(-50%)}.reader-content .kg-width-full{width:100vw;margin-left:50%;transform:translateX(-50%)}.reader-content .kg-card{margin-top:60px;margin-bottom:60px}
.reader-ending{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(85,28,37,.14),transparent 45%),#090909;padding:150px 6vw;text-align:center}.reader-ending-inner{position:relative;z-index:3;width:min(900px,100%);margin:0 auto}.reader-ending-mark{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(181,151,99,.025);font-family:Georgia,"Times New Roman",serif;font-size:600px;line-height:.7;pointer-events:none}.reader-ending-label{margin-bottom:30px;color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;letter-spacing:.30em}.reader-ending h2{margin:0;color:#EAE1D3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,7vw,92px);font-weight:400;line-height:.91;letter-spacing:-.045em}.reader-ending-rule{width:70px;height:1px;margin:42px auto 35px;background:#B59763}.reader-ending p{max-width:580px;margin:0 auto;color:rgba(234,225,211,.60);font-family:Georgia,"Times New Roman",serif;font-size:18px;font-style:italic;line-height:1.65}.reader-ending-actions{display:flex;justify-content:center;align-items:center;gap:38px;flex-wrap:wrap;margin-top:55px}.reader-ending-primary{display:inline-flex;align-items:center;gap:22px;padding:19px 25px;border:1px solid #B59763;color:#EAE1D3!important;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:.22em;transition:background .4s ease,color .4s ease,transform .4s ease}.reader-ending-primary:hover{background:#B59763;color:#111011!important;transform:translateY(-3px)}.reader-ending-secondary{padding-bottom:7px;border-bottom:1px solid rgba(181,151,99,.55);color:rgba(234,225,211,.70)!important;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:.22em;transition:color .3s ease}.reader-ending-secondary:hover{color:#B59763!important}.reader-ending-secondary span{margin-left:8px}
.reader-dispatch{position:relative;background:#111011;padding:125px 6vw 135px;text-align:center}.reader-dispatch-inner{width:min(750px,100%);margin:0 auto}.reader-dispatch-label{margin-bottom:27px;color:#B59763;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;letter-spacing:.30em}.reader-dispatch h2{margin:0;color:#EAE1D3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,6vw,75px);font-weight:400;line-height:.94;letter-spacing:-.04em}.reader-dispatch p{max-width:570px;margin:30px auto 0;color:rgba(234,225,211,.57);font-family:Georgia,"Times New Roman",serif;font-size:17px;font-style:italic;line-height:1.65}.reader-dispatch-button{display:inline-flex;align-items:center;gap:22px;margin-top:42px;padding:19px 25px;border:1px solid #B59763;color:#EAE1D3!important;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:.22em;transition:background .4s ease,color .4s ease,transform .4s ease}.reader-dispatch-button:hover{background:#B59763;color:#111011!important;transform:translateY(-3px)}
@media(max-width:700px){.reader-hero{min-height:88vh;padding:110px 24px 75px}.reader-hero-background img{object-position:center}.reader-presents{margin-bottom:28px;font-size:8px;letter-spacing:.27em}.reader-title{font-size:clamp(48px,15vw,72px);line-height:.90}.reader-gold-rule{margin:32px auto 25px}.reader-tags{font-size:7px;line-height:2;letter-spacing:.17em}.reader-tags span:not(:last-child)::after{margin:0 8px}.reader-excerpt{margin-top:23px;font-size:17px}.reader-begin{margin-top:45px}.reader-hero-mark{right:-55px;bottom:-80px;font-size:280px}.reader-introduction{padding:60px 25px 35px}.reader-story-meta{flex-direction:column;gap:28px;padding-bottom:45px}.reader-opening-mark{margin-top:45px}.reader-story{padding:20px 25px 100px}.reader-content{font-size:18px;line-height:1.85}.reader-content>p{margin-bottom:1.45em}.reader-content h1,.reader-content h2{margin:80px 0 38px;font-size:40px}.reader-content h3{margin-top:60px}.reader-content blockquote{margin:50px 0;padding:25px 0 25px 25px;font-size:21px}.reader-content .kg-width-wide{width:calc(100vw - 30px)}.reader-ending{padding:105px 25px}.reader-ending h2{font-size:clamp(45px,13vw,62px)}.reader-ending-mark{font-size:330px}.reader-ending-actions{flex-direction:column;gap:30px;margin-top:45px}.reader-dispatch{padding:95px 25px 105px}.reader-dispatch h2{font-size:clamp(42px,12vw,58px)}}


/* =========================================================
   HOUSE OF VALE — PREMIUM READER UPGRADES
   Automatic scene breaks + reading progress
   ========================================================= */

/* Thin antique-gold reading progress line */
.reader-progress {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(234,225,211,.06);
    pointer-events: none;
}

.reader-progress-bar {
    width: 100%;
    height: 100%;
    background: #B59763;
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
}

/* Ghost's horizontal-rule card becomes the House of Vale scene break */
.reader-content .kg-card.kg-horizontal-rule-card,
.reader-content hr {
    position: relative;
    width: 100%;
    height: 70px;
    margin: 70px auto;
    border: 0;
    background: transparent !important;
    overflow: visible;
}

.reader-content .kg-card.kg-horizontal-rule-card::before,
.reader-content hr::before {
    content: "V";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-54%);
    color: #B59763;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

.reader-content .kg-card.kg-horizontal-rule-card::after,
.reader-content hr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 1px;
    transform: translate(-50%,-50%);
    background:
        linear-gradient(
            90deg,
            rgba(181,151,99,0),
            rgba(181,151,99,.32) 34%,
            rgba(181,151,99,0) 34%,
            rgba(181,151,99,0) 66%,
            rgba(181,151,99,.32) 66%,
            rgba(181,151,99,0)
        );
}

/* Chapter-opening treatment */
.reader-content > h1:first-child,
.reader-content > h2:first-child {
    margin-top: 0;
    margin-bottom: 65px;
    color: #EAE1D3;
    font-size: clamp(48px,6vw,72px);
}

.reader-content > h1:first-child::before,
.reader-content > h2:first-child::before {
    content: "HOUSE OF VALE";
    display: block;
    margin-bottom: 24px;
    color: #B59763;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .30em;
}

/* Prevent the first-letter drop cap from affecting non-story utility text */
.reader-content > h1:first-child + p::first-letter,
.reader-content > h2:first-child + p::first-letter {
    float: left;
    margin: .09em .13em 0 0;
    color: #B59763;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 4.3em;
    line-height: .72;
}

/* Slightly stronger scene-opening rhythm after a divider */
.reader-content hr + p,
.reader-content .kg-horizontal-rule-card + p {
    margin-top: 0;
}

/* Selection styling inside the reader */
.hov-reader ::selection {
    background: rgba(181,151,99,.28);
    color: #EAE1D3;
}

@media (max-width:700px) {
    .reader-progress {
        height: 2px;
    }

    .reader-content .kg-card.kg-horizontal-rule-card,
    .reader-content hr {
        height: 58px;
        margin: 52px auto;
    }

    .reader-content > h1:first-child,
    .reader-content > h2:first-child {
        margin-bottom: 48px;
        font-size: 42px;
    }
}