/* غلاف brand-strategy-book — مستخرج آليًّا من styles.css الكاتب بـimport-standalone-book.php. لا يُحرَّر يدويًّا. */
@font-face{font-family:'Fira Code';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/FiraCode-latin.woff2') format('woff2');unicode-range:U+0000-00FF}
.qtc-brand-strategy-book{--space-8:2rem;--color-text-muted:#8a8a8a;--color-primary:#b8912f;--font-sans:var(--font-family);--font-family:'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-sans,'Cairo',system-ui,sans-serif);direction:rtl}
.qtc-brand-strategy-book .landing__cover{display: flex; justify-content: center; margin-bottom: var(--space-8);}
.qtc-brand-strategy-book .landing__cover{margin: 0 auto 1.75rem; display: flex; flex-direction: column; align-items: center; gap: .9rem;}
.qtc-brand-strategy-book .cover{--cover-w: 214px; --cover-h: 296px; position: relative; width: var(--cover-w); height: var(--cover-h); perspective: 1100px;}
.qtc-brand-strategy-book .cover__book{position: relative; width: 100%; height: 100%; transform: rotateY(15deg) rotateX(4deg); transform-style: preserve-3d; transition: transform .7s cubic-bezier(.22,1,.36,1);}
.qtc-brand-strategy-book .cover:hover .cover__book{transform: rotateY(0) rotateX(0) translateY(-6px);}
.qtc-brand-strategy-book .cover__spine{position: absolute; top: 0; right: -12px; width: 13px; height: 100%; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, #e8e2d6, #d8d0bf 55%, #c4bba7); box-shadow: inset 3px 0 6px rgba(0,0,0,.12);}
.qtc-brand-strategy-book .cover__face{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 10px 3px 3px 10px; background: linear-gradient(160deg, #fffdf8 0%, #f6f2e9 100%); box-shadow: 0 20px 42px -14px rgba(26,22,12,.35), inset 0 0 0 1px rgba(184,145,47,.3); padding: 1.3rem 1.1rem 1.1rem; display: flex; flex-direction: column; color: #1a1a1a;}
.qtc-brand-strategy-book .cover__frame{position: absolute; inset: 9px; border: 1px solid rgba(184,145,47,.45); border-radius: 6px; pointer-events: none;}
.qtc-brand-strategy-book .cover__label{font-size: .58rem; letter-spacing: .3em; color: #8f6f21; direction: ltr; text-align: right; margin-bottom: auto;}
.qtc-brand-strategy-book .cover__title{font-size: 2.05rem; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .3rem; color: #17150f;}
.qtc-brand-strategy-book .cover__sub{font-size: .74rem; color: #6b6455; line-height: 1.7; margin-bottom: .9rem;}
.qtc-brand-strategy-book .cover__grid12{display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; padding-top: .7rem; border-top: 1px solid rgba(184,145,47,.35);}
.qtc-brand-strategy-book .cover__grid12 span{height: 9px; border-radius: 2px; background: rgba(184,145,47,.18); animation: qtc-brand-strategy-book-cell-fill 9s ease-in-out infinite;}
.qtc-brand-strategy-book .cover__shadow{position: absolute; bottom: -16px; left: 8%; width: 84%; height: 20px; border-radius: 50%; background: rgba(26,22,12,.22); filter: blur(13px); transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .7s;}
.qtc-brand-strategy-book .cover:hover .cover__shadow{transform: scale(.92); opacity: .7;}
.qtc-brand-strategy-book .cover__note{font-size: .78rem; color: var(--color-text-muted); display: flex; align-items: center; gap: .4rem;}
.qtc-brand-strategy-book .cover__note i{color: var(--color-primary);}
@media (prefers-reduced-motion: reduce){.qtc-brand-strategy-book .cover__grid12 span{animation: none; background: #b8912f;}.qtc-brand-strategy-book .cover__book{transition: none;}}
@keyframes qtc-brand-strategy-book-cell-fill{0%, 8% { background: rgba(184,145,47,.18); } 22%, 88% { background: #b8912f; } 100% { background: rgba(184,145,47,.18); }}