﻿/* An editorial book presentation on a single light surface.
   The original animated scene, copy and subscription behavior are preserved. */
.book-section { padding: clamp(3rem, 6vw, 6rem) 0; isolation: isolate; }
.book-section::before { content: none; }
.ebook-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.ebook-scene { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.ebook-scene::before { content: ''; position: absolute; inset: -5%; background: url('../img/cta_book_background.jpg') center / cover no-repeat; animation: newsletterBgLoop 16s ease-in-out infinite; }
.book-section .newsletter-bg-overlay { background: rgba(var(--color-overlay-dark-1-rgb), .25); }
.ebook-edition {
    position: relative;
    z-index: 3;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    background: rgba(var(--color-bg-main-rgb), .96);
    border: 1px solid rgba(var(--color-white-rgb), .7);
    border-radius: 4px;
    box-shadow: 0 16px 50px rgba(var(--color-black-rgb), .16);
    color: var(--color-text-main);
}
.ebook-edition-header { padding-bottom: 1.75rem; border-bottom: 1px solid var(--color-border); }
.ebook-eyebrow { display: block; margin-bottom: 1rem; font: 600 .65rem/1.8 var(--font-sans); letter-spacing: .13em; color: var(--color-text-muted); }
.ebook-title { font: 400 clamp(2.1rem, 3.3vw, 3.15rem)/1.22 var(--font-serif); letter-spacing: -.035em; color: var(--color-primary); text-wrap: balance; overflow-wrap: break-word; }
.ebook-cover-stage { display: flex; align-items: center; justify-content: center; min-width: 0; }
.ebook-cover {
    display: block;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
    width: 138%;
    max-width: 670px;
    height: auto;
    transform: perspective(1400px) rotate(-15deg) rotateY(-6deg);
    filter: drop-shadow(0 24px 28px rgba(var(--color-black-rgb), .35));
    transition: transform .6s cubic-bezier(.2, .65, .3, 1), filter .6s ease;
}
.ebook-reading { position: relative; min-width: 0; padding-block: 1.5rem; }
.ebook-reading .book-statement { margin: 0 0 1.5rem; font: 400 clamp(1rem, 1.3vw, 1.15rem)/1.85 var(--font-serif); color: var(--color-text-main); text-wrap: pretty; }
.ebook-reading .book-statement strong { font-weight: inherit; }
.ebook-reading .book-statement-after { margin-bottom: 1.6rem; padding-left: 1.25rem; border-left: 2px solid var(--color-accent-light); font-style: italic; color: var(--color-primary); }
.ebook-description { max-width: 49ch; margin-bottom: 1.75rem; font: 300 .93rem/1.9 var(--font-serif); color: var(--color-text-muted); text-wrap: pretty; }
.ebook-reading .book-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.ebook-reading .book-actions .btn { width: 100%; min-width: 0; min-height: 52px; padding: .9rem .8rem; gap: .5rem; font: 600 .8rem/1.5 var(--font-sans); letter-spacing: 0; text-transform: none; border-radius: 2px; }
.ebook-reading .book-actions .btn-icon { width: 16px; height: 16px; flex-shrink: 0; }
.ebook-reading .book-fragment-link { grid-column: 1 / -1; }
.book-pdf-label { font: 500 .6rem/1.5 var(--font-sans); letter-spacing: .04em; color: inherit; white-space: nowrap; }
.ebook-edition :focus-visible { outline-color: var(--color-primary); }
@media (hover: hover) and (pointer: fine) {
    .ebook-cover-stage:hover .ebook-cover { transform: perspective(1400px) translate3d(5px, -7px, 0) rotate(-11deg) rotateY(-2deg); filter: drop-shadow(0 30px 36px rgba(var(--color-black-rgb), .4)); }
}
@media (min-width: 992px) {
    .book-section { padding-block: clamp(1rem, 2.5vh, 1.5rem); }
    .ebook-layout {
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: clamp(1.5rem, 4vw, 4rem);
        align-items: center;
    }
    .ebook-edition { display: contents; }
    .ebook-cover-stage { grid-column: 1; grid-row: 1; height: clamp(500px, calc(100svh - 160px), 740px); }
    .ebook-cover { width: 138%; max-width: min(670px, calc(100svh - 210px)); transform: perspective(1600px) rotate(-8deg) rotateY(-5deg); }
    .ebook-details { grid-column: 2; grid-row: 1; }
    .ebook-details {
        position: relative;
        z-index: 3;
        min-width: 0;
        padding: clamp(1.5rem, 2.5vw, 2rem);
        background: rgba(var(--color-bg-main-rgb), .96);
        border: 1px solid rgba(var(--color-white-rgb), .7);
        border-radius: 4px;
        box-shadow: 0 16px 50px rgba(var(--color-black-rgb), .16);
        color: var(--color-text-main);
    }
    .ebook-details .ebook-reading { padding-bottom: 0; }
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .ebook-cover-stage:hover .ebook-cover { transform: perspective(1600px) translateY(-4px) rotate(-5deg) rotateY(-2deg); }
}
@media (min-width: 992px) and (max-height: 800px) {
    .book-section { padding-block: 1rem; }
    .ebook-details { padding: 1.5rem; }
    .ebook-title { font-size: 2.15rem; }
    .ebook-edition-header { padding-bottom: .85rem; }
    .ebook-details .ebook-reading { padding-top: .85rem; }
    .ebook-reading .book-statement { margin-bottom: .85rem; font-size: 1rem; line-height: 1.65; }
    .ebook-reading .book-statement-after { margin-bottom: 1rem; }
    .ebook-description { margin-bottom: 1rem; font-size: .85rem; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .ebook-layout { gap: 1.5rem; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
    .ebook-cover { width: 155%; }
    .ebook-reading .book-statement { font-size: .93rem; }
    .ebook-description { font-size: .85rem; }
}
@media (max-width: 767px) {
    .book-section { padding: 2.5rem 0; background: var(--color-bg-alt); }
    .ebook-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .ebook-scene { border-radius: 4px 4px 0 0; }
    .book-section .newsletter-bg-overlay { background: rgba(var(--color-overlay-dark-1-rgb), .2); }
    .ebook-edition { padding: 1.75rem 1.25rem; }
    .ebook-edition { z-index: 2; border-radius: 0 0 4px 4px; border-top: 0; background: var(--color-bg-main); }
    .ebook-edition-header { padding-bottom: 1.4rem; }
    .ebook-eyebrow { font-size: .55rem; letter-spacing: .08em; margin-bottom: .8rem; }
    .ebook-title { font-size: clamp(1.9rem, 7.7vw, 3rem); }
    .ebook-cover-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 2rem auto 0; }
    .ebook-cover-stage::after { content: ''; position: absolute; z-index: 2; left: 28%; bottom: 8%; width: 44%; height: 8%; background: rgba(var(--color-black-rgb), .35); border-radius: 50%; filter: blur(10px); pointer-events: none; }
    .ebook-cover { position: absolute; top: -26%; width: 78%; max-width: none; transform: perspective(1000px) rotate(-9deg) rotateY(-8deg) rotateX(3deg); filter: drop-shadow(8px 16px 14px rgba(var(--color-black-rgb), .38)); }
    .ebook-reading { padding: 1.25rem 0 1.5rem; }
    .ebook-reading .book-statement { font-size: .93rem; margin-bottom: 1.2rem; }
    .ebook-reading .book-statement-after { padding-left: 1rem; }
    .ebook-description { font-size: .84rem; margin-bottom: 1.4rem; }
    .ebook-reading .book-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .ebook-scene::before { animation: none; }
    .ebook-cover, .ebook-edition .btn { transition: none; }
}
