.elementor-812 .elementor-element.elementor-element-58108da{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;top:0px;}body:not(.rtl) .elementor-812 .elementor-element.elementor-element-58108da{left:0px;}body.rtl .elementor-812 .elementor-element.elementor-element-58108da{right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-812 .elementor-element.elementor-element-e586657 .elementor-menu-toggle{margin:0 auto;}.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu .elementor-item{font-family:"Times New Roman", Sans-serif;font-size:12.48px;font-weight:400;text-transform:uppercase;letter-spacing:3.12px;}.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu--main .elementor-item{color:#E8D9B8;fill:#E8D9B8;}.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-812 .elementor-element.elementor-element-e586657 .elementor-nav-menu--main .elementor-item:focus{color:#D5B16E;fill:#D5B16E;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for heading, class: .elementor-element-d97eca2 */.brand h2{
    display: inline;
    font-family:var(--display)!important;
    font-size:1.15rem;
    letter-spacing:.35em;
    color:var(--gold-soft)!important;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
  }
  .brand::before,.brand::after{
    content:'✦';
    margin:0 .6rem;
    color:var(--gold);
    font-size:.7em;
    vertical-align:middle;
  }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e586657 */.menu-item a::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-4px;
    width:0;
    height:1px;
    background:var(--gold)!important;
    transition:width .3s ease, left .3s ease;
  }
.menu-item a:hover{color:var(--gold-soft)}
.menu-item a:hover::after{width:100%;left:0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58108da */#main-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;

    display:flex;
    justify-content:space-between;align-items:center;
    background:rgba(26,20,16,.55);
    backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
    border-bottom:1px solid rgba(184,137,63,.18);
    transition:padding .4s ease, background .4s ease;
  }
  #main-header.scrolled{padding:.7rem 3rem;background:rgba(15,10,7,.85)}
  
  
/* All code is below */

#hero::after {
    content: "abc";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: ;
    background-color: red ;
    background-image: url('https://project-stagingsite.com/wp20/wp-content/uploads/2026/06/97f52849808745e68035b82eddb35eeb-1.jpg');
    background-size: cover;
    z-index: -1;
    animation: heroZoom 10s ease-in-out infinite alternate;
    
}

@keyframes heroZoom {
    0% {
    transform: scale(1);
    }
    100% {
    transform: scale(1.08);
    }
}

#hero * {
    z-index: 1;
}

#hero::before {
    content: ""
    position: absolute;
    background-color:; 
    position:absolute;
    inset:0;
    z-index:2;
    background: radial-gradient(ellipse at center, transparent 0%, rgb(15 10 7 / 20%) 60%, rgb(15 10 7 / 25%) 100%), linear-gradient(180deg, rgba(26, 20, 16, .4) 0%, rgb(15 10 7 / 75%) 100%)!important;
    z-index: 0;
  }
  
  
.button-anim .elementor-button-text::after {
    content: "→";
    display: inline;
    position: absolute;
    margin-left: 5px;
    transition: all 0.25s ease;
}

.button-anim:hover .elementor-button-text::after {
    margin-left: 10px;
}  
  
 :root{
    --bg-color: #1a1410;
    --bg-deep: #0f0a07;
    --bg-warm: #2a1f17;
    --parchment: #f4e8d0;
    --parchment-soft: #e8d9b8;
    --ink: #1c1410;
    --ink-soft: #3a2e26;
    --moss: #4a5d3a;
    --moss-deep: #2e3a25;
    --gold: #b8893f;
    --gold-soft: #d4af6a;
    --gold-glow: #e8c87a;
    --burgundy: #6b2737;
    --cream: #faf3e3;
    --shadow-deep: rgba(0,0,0,.55);
    --serif: 'Cormorant Garamond', 'Crimson Pro', Georgia, serif;
    --display: 'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
    --body: 'Crimson Pro', Georgia, serif;
  }
  
  
  /* -- */
  

  .corner {
    position:absolute;width:90px;height:90px;z-index:3;
    border:2px solid var(--gold);
    opacity:0;animation:cornerIn 1.2s ease forwards .8s;
  }
  .corner.tl{top:6rem;left:2rem;border-right:none;border-bottom:none}
  .corner.tr{top:6rem;right:2rem;border-left:none;border-bottom:none}
  .corner.bl{bottom:2rem;left:2rem;border-right:none;border-top:none}
  .corner.br{bottom:2rem;right:2rem;border-left:none;border-top:none}
  @keyframes cornerIn{to{opacity:.85}}
  .corner::before{
    content:'';position:absolute;width:14px;height:14px;
    border:2px solid var(--gold);background:var(--bg-deep);
  }
  .corner.tl::before{top:-2px;left:-2px}
  .corner.tr::before{top:-2px;right:-2px}
  .corner.bl::before{bottom:-2px;left:-2px}
  .corner.br::before{bottom:-2px;right:-2px}
  
  
/* --- */

.author-img {
    position: relative;
    aspect-ratio: 3 / 4;
    background: linear-gradient(160deg, var(--bg-warm), var(--bg-deep));
    padding: 28px;
    border: 1px solid var(--gold);
    box-shadow: 0 20px 60px var(--shadow-deep), inset 0 0 30px rgba(184, 137, 63, .12);
}

.author-img img {
    aspect-ratio: 3/4.175;
    object-fit: cover;
}
.author-img::before {
    top: -6px;
    left: -6px;
    border-right: none!important;
    border-bottom: none!important;
}

.author-img::after {
    bottom: -6px;
    right: -6px;
    border-left: none!important;
    border-top: none!important;
}

.author-img::before, .author-img::after {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    border: 2px solid var(--gold);
}


/* --- */

.keywords-book .elementor-icon-list-text {
    background-color: rgba(184, 137, 63, .08);
    padding: 8px 17.6px 8px 17.6px;
    border: 1px solid var(--gold);
}

/* --- */
.trailer-stage {
    opacity: 1!important;
}

.play-btn:hover, .play-btn:active,  .play-btn:focus {
    background-color: rgba(255,255,255,0.25)!important;
    border-radius: 100px;
}

.btn-quill:hover::before {
    z-index: -1;
}

.portrait-frame img {
    padding: 10px;
    aspect-ratio: 3/4.075;
    object-fit: cover;
}

.cover {
    padding: 10px!important;
}

.cover-frame img {
    filter: drop-shadow(2px 2px 5px rgba(235, 201, 117, 0.25));
}

.book-text h2 {
    font-size: 48px;
}

.author-text h2 {
    font-size: 48px;
}

/* -- */
.author-p:first-letter {
    color: #d4af6a;
    font-family: var(--display);
    font-size: 3.2rem;
    float: left;
    line-height: .9;
    color: var(--gold-soft);
    padding: .2rem .6rem 0 0;
}/* End custom CSS */