.section{width:min(1180px,92vw);margin-inline:auto;padding-block:3.5rem;scroll-margin-top:84px;position:relative}#books .books-stage{margin-bottom:-2.4rem}.section-title{text-align:center;font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:var(--font-weight-bold);margin-bottom:3rem}.section-title:after{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);width:72px;height:3px;margin:.8rem auto 0;display:block}.media-card,.article-row,.stat-card,.timeline-card{-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--color-neutral-surface) 78%, transparent)}.reveal-pending{opacity:0;transform:translateY(34px)}.reveal-in{opacity:1;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:none}.books-stage{place-items:center;gap:2.2rem;display:grid}.book-scene{perspective:1400px;aspect-ratio:940/1520;touch-action:pan-y;width:min(230px,40vw)}.book-stage-solo .book-scene{cursor:grab;width:min(320px,66vw)}.book-stage-solo .book-scene:active{cursor:grabbing}.book-float{width:100%;height:100%;transform-style:preserve-3d;animation:7s ease-in-out infinite book-bob}@keyframes book-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.book3d{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;--thickness:34px;position:relative;transform:rotateY(-24deg)}.book-face{backface-visibility:hidden;border-radius:6px 10px 10px 6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 70px -25px #000000a6}.book-face img{object-fit:cover;width:100%;height:100%}.book-front{transform:translateZ(.5px)}.book-hinge{transform-style:preserve-3d;transform-origin:100%;transform:translateZ(calc(var(--thickness) / 2));will-change:transform;position:absolute;inset:0}.book-front-inner{background:linear-gradient(90deg,#f4f1e8,#fbfaf5);transform:rotateY(180deg)}.book-back{transform:rotateY(180deg) translateZ(calc(var(--thickness) / 2))}.book-spine{width:var(--thickness);top:0;bottom:0;right:calc(var(--thickness) / -2);background:linear-gradient(180deg, var(--color-primary-light), var(--color-primary-dark));border-block:1px solid color-mix(in srgb, var(--color-accent-main) 30%, transparent);position:absolute;transform:rotateY(90deg)}.book-pages{width:calc(var(--thickness) - 6px);top:4px;bottom:4px;left:calc((var(--thickness) - 6px) / -2);background:repeating-linear-gradient(#e8e4da 0 2px,#cfc9bb 2px 3px);position:absolute;transform:rotateY(90deg)}.book-cover-standin{text-align:center;background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--color-primary-light) 70%, transparent), transparent), var(--color-primary-dark);border:1px solid color-mix(in srgb, var(--color-accent-main) 35%, transparent);place-content:center;gap:.6rem;padding:1.4rem;display:grid}.book-cover-standin strong{font-size:var(--text-2xl);line-height:1.4}.book-cover-standin small{color:var(--color-neutral-text-secondary);font-size:var(--text-xs)}.book-platform{background:color-mix(in srgb, var(--color-neutral-surface) 60%, transparent);width:min(430px,80vw);height:20px;box-shadow:0 0 34px -4px color-mix(in srgb, var(--color-secondary-main) 45%, transparent), 0 0 60px -10px color-mix(in srgb, var(--color-accent-main) 35%, transparent);border:1px solid color-mix(in srgb, var(--color-secondary-main) 30%, transparent);border-radius:50%;margin-top:-.6rem}.book-switch{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.book-switch button{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-neutral-text-secondary);border:1px solid color-mix(in srgb, var(--color-neutral-border) 70%, transparent);cursor:pointer;background:0 0;padding:.55rem 1.25rem;transition:all .3s}.book-switch button[aria-pressed=true]{color:var(--color-neutral-text-primary);background:linear-gradient(var(--color-neutral-surface), var(--color-neutral-surface)) padding-box, var(--gradient-brand) border-box;border-color:#0000}.book-meta{text-align:center}.book-meta .latest-tag{font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--color-accent-light);border:1px solid color-mix(in srgb, var(--color-accent-main) 45%, transparent);margin-bottom:.7rem;padding:.25rem .8rem;display:inline-block}.book-meta h3{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.book-meta p{color:var(--color-neutral-text-secondary);margin-top:.3rem}.book-meta a{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary-dark);background:var(--gradient-brand);font-weight:var(--font-weight-semibold);margin-top:1rem;padding:.6rem 1.6rem;transition:box-shadow .3s,transform .3s;display:inline-block}.book-meta a:hover{box-shadow:0 0 30px -6px var(--color-accent-main);transform:translateY(-2px)}.media-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;display:grid}.media-card{transition:box-shadow .35s,border-color .35s,transform .35s;position:relative;overflow:hidden}.media-card:hover{border-color:color-mix(in srgb, var(--color-accent-main) 55%, transparent);box-shadow:0 0 40px -10px color-mix(in srgb, var(--color-accent-main) 50%, transparent);transform:translateY(-4px)}.media-thumb{aspect-ratio:16/9;background:radial-gradient(85% 85% at 50% 20%, color-mix(in srgb, var(--color-primary-light) 80%, transparent), var(--color-primary-dark));place-items:center;display:grid;position:relative}.media-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-btn{z-index:1;width:56px;height:56px;color:var(--color-neutral-text-primary);background:color-mix(in srgb, var(--color-neutral-surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--color-secondary-main) 45%, transparent);border-radius:50%;place-items:center;transition:transform .3s;display:grid;position:relative}.media-card:hover .play-btn{animation:1.6s ease-out infinite play-pulse}@keyframes play-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-main) 55%, transparent)}70%{box-shadow:0 0 0 16px #0000}to{box-shadow:0 0 #0000}}.play-btn svg{fill:currentColor;width:20px;height:20px;margin-inline-start:3px}.media-card figcaption{font-size:var(--text-sm);padding:.9rem 1rem;line-height:1.5}.media-card figcaption span{color:var(--color-neutral-text-secondary);font-size:var(--text-xs);margin-top:.3rem;display:block}.articles-list{gap:.9rem;display:grid}.article-row{align-items:center;gap:1rem;padding:1.05rem 1.3rem;transition:border-color .35s,box-shadow .35s;display:flex}.article-row:hover{border-color:color-mix(in srgb, var(--color-accent-main) 50%, transparent);box-shadow:0 0 32px -12px color-mix(in srgb, var(--color-accent-main) 45%, transparent)}.article-cat{font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--color-accent-light);border:1px solid color-mix(in srgb, var(--color-accent-main) 45%, transparent);flex-shrink:0;padding:.28rem .75rem}.article-title{min-width:0;font-size:var(--text-base);flex:1;position:relative}.article-title em{background-image:var(--gradient-brand);background-position:100% 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:3px;font-style:normal;transition:background-size .45s}.article-row:hover .article-title em{background-size:100% 2px}.article-side{color:var(--color-neutral-text-secondary);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:.9rem;display:flex}.article-arrow{transition:transform .35s;display:inline-block}.article-row:hover .article-arrow{transform:translate(-6px)}@media (max-width:640px){.article-row{flex-wrap:wrap;gap:.6rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;display:grid}.stat-card{text-align:center;padding:1.5rem 1rem;transition:box-shadow .35s,border-color .35s}.stat-card:hover{border-color:color-mix(in srgb, var(--color-secondary-main) 55%, transparent);box-shadow:0 0 34px -10px color-mix(in srgb, var(--color-secondary-main) 50%, transparent)}.stat-card svg{width:22px;height:22px;fill:var(--color-neutral-text-secondary);margin-bottom:.7rem}.stat-num{font-size:clamp(1.5rem,3.4vw,2rem);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-neutral-text-secondary);font-size:var(--text-sm);margin-top:.25rem}.stat-asof{color:var(--color-neutral-text-secondary);font-size:var(--text-xs);opacity:.75;margin-top:.45rem}.stats-total{text-align:center;margin-top:2.4rem}.stats-total strong{font-size:clamp(3.2rem,8vw,5.2rem);font-weight:var(--font-weight-bold);display:block}.stats-total>span{color:var(--color-neutral-text-secondary);font-size:var(--text-sm);margin-top:.4rem;display:block}.stats-total strong span{font-size:inherit;font-weight:inherit}.timeline{max-width:720px;margin-inline:auto;padding-inline-start:2.2rem;position:relative}.timeline-rail{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-neutral-border) 55%, transparent);width:3px;position:absolute;inset-block:0;inset-inline-start:8px;overflow:hidden}.timeline-fill{inset-inline:0;background:var(--gradient-brand);height:0%;position:absolute;top:0}.timeline-station{padding-block:1.6rem;position:relative}.timeline-dot{inset-inline-start:-2.2rem;background:var(--color-neutral-surface);border:2px solid color-mix(in srgb, var(--color-neutral-border) 80%, transparent);border-radius:50%;width:15px;height:15px;margin-inline-start:2px;transition:border-color .4s,box-shadow .4s;position:absolute;top:2rem}.timeline-station.lit .timeline-dot{border-color:var(--color-accent-main);box-shadow:0 0 16px -2px var(--color-accent-main)}.timeline-year{font-size:var(--text-sm);color:var(--color-accent-light);font-weight:var(--font-weight-semibold)}.timeline-card{margin-top:.5rem;padding:1.1rem 1.3rem}.timeline-card h3{font-weight:var(--font-weight-bold);margin-bottom:.35rem}.timeline-card p{color:var(--color-neutral-text-secondary);font-size:var(--text-sm);line-height:1.7}.site-footer{text-align:center;border-top:1px solid color-mix(in srgb, var(--color-neutral-border) 45%, transparent);margin-top:3rem;padding:3rem 1rem 2.2rem}.site-footer h2{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:1.3rem}.footer-social{justify-content:center;gap:.9rem;margin-bottom:2rem;display:flex}.footer-social a{width:44px;height:44px;color:var(--color-neutral-text-secondary);border:1px solid color-mix(in srgb, var(--color-neutral-border) 70%, transparent);border-radius:50%;place-items:center;transition:all .3s;display:grid}.footer-social a:hover{color:var(--color-accent-main);border-color:color-mix(in srgb, var(--color-accent-main) 55%, transparent);box-shadow:0 0 22px -6px var(--color-accent-main);transform:translateY(-3px)}.footer-social svg{fill:currentColor;width:18px;height:18px}.footer-kaaf{color:var(--color-neutral-text-secondary)}.section-note{text-align:center;color:var(--color-neutral-text-secondary);font-size:var(--text-sm);margin-top:-2rem;margin-bottom:2rem}.report-cat{color:var(--color-secondary-light);border-color:color-mix(in srgb, var(--color-secondary-main) 50%, transparent)}.section-title .x-mark{fill:currentColor;vertical-align:-.02em;width:.78em;height:.78em;margin-inline-start:.18em}.x-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-width:1080px;margin-inline:auto;display:grid}.x-card{min-width:0;transition:transform .4s var(--ease-out,ease), border-color .4s ease;flex-direction:column;gap:.55rem;padding:1.15rem 1.25rem 1rem;display:flex}.x-card:hover{border-color:color-mix(in oklab, var(--color-brand-gold) 45%, transparent);transform:translateY(-4px)}.x-card-head{color:var(--color-neutral-text-secondary);font-size:var(--text-sm);align-items:center;gap:.5rem;display:flex}.x-card-head .x-mark{fill:currentColor;opacity:.85;width:1em;height:1em}.x-card-title{font-size:1.12rem;font-weight:var(--font-weight-bold);line-height:1.5}.x-card-line{color:var(--color-neutral-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.85;display:-webkit-box;overflow:hidden}.x-card-go{font-size:var(--text-sm);color:var(--color-brand-gold);margin-top:.15rem}.footer-archive{flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin-top:1.6rem;display:flex}.footer-archive a{font-size:var(--text-sm);color:var(--color-neutral-text-secondary);transition:color .3s}.footer-archive a:hover{color:var(--color-brand-gold)}.book-moment{align-items:center;gap:1.1rem;width:min(680px,92%);margin:1.8rem auto 0;padding:.85rem 1rem;transition:transform .4s,border-color .4s;display:flex}.book-moment:hover{border-color:color-mix(in srgb, var(--color-brand-gold) 45%, transparent);transform:translateY(-3px)}.book-moment img{aspect-ratio:3/2;object-fit:cover;object-position:center 28%;border-radius:var(--radius-md,12px);flex-shrink:0;width:132px}.book-moment span{flex-direction:column;gap:.3rem;min-width:0;display:flex}.book-moment strong{font-size:1rem;line-height:1.6;font-weight:var(--font-weight-medium,500)}.book-moment small{font-size:var(--text-sm);color:var(--color-brand-gold)}.books-row{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(.8rem,4vw,3.4rem);display:flex}.book-card{border-radius:var(--radius-lg,16px);flex-direction:column;flex:0 auto;align-items:center;gap:1.4rem;min-width:0;padding:.6rem;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.book-card:hover{transform:translateY(-6px)}.book-card:hover .book3d{transform:rotateY(-16deg)}.book-card .book3d{transition:transform .6s cubic-bezier(.22,1,.36,1)}.book-card-meta{text-align:center;min-width:0;max-width:min(22ch,100%)}.book-card-meta h3{overflow-wrap:break-word;font-size:clamp(.98rem,3.6vw,1.18rem);line-height:1.5}.book-card-meta p{font-size:var(--text-sm);color:var(--color-neutral-text-secondary);margin-top:.35rem;line-height:1.7}.book-card-go{font-size:var(--text-sm);color:var(--color-brand-gold);opacity:.85;margin-top:.7rem;display:inline-block}.book-card:hover .book-card-go{opacity:1}.book-leaves{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:4px 6px}.book-leaves span{transform-origin:100%;transform-style:preserve-3d;transform:translateZ(calc((var(--thickness) / 2) - 3px - (var(--i) * 3px)));will-change:transform;background:linear-gradient(90deg,#efece3 0%,#fdfcf8 22%,#f2efe6 100%);border-radius:2px 6px 6px 2px;position:absolute;inset:0;box-shadow:-2px 0 6px -2px #00000059}