.hero{isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.portrait-stage{aspect-ratio:1;width:min(300px,62vw);margin-inline:auto;position:relative}.glow-ring{background:conic-gradient(from 0deg, var(--color-accent-main), var(--color-secondary-main), var(--color-accent-main));-webkit-mask-composite:xor;border-radius:50%;padding:3px;animation:14s linear infinite ring-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ring-spin{to{transform:rotate(360deg)}}.portrait-breath{background:var(--color-neutral-surface);border-radius:50%;position:absolute;inset:10px;overflow:hidden}.portrait-breath img{object-fit:cover;object-position:top;width:100%;height:100%}.portrait-glow{z-index:-1;will-change:opacity;border-radius:50%;position:absolute;inset:-12%}.portrait-glow-gold{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent-main) 45%, transparent) 40%, transparent 72%);animation:6s ease-in-out infinite glow-a}.portrait-glow-teal{background:radial-gradient(circle, color-mix(in srgb, var(--color-secondary-main) 50%, transparent) 40%, transparent 72%);animation:6s ease-in-out infinite glow-b}@keyframes glow-a{0%,to{opacity:.85}50%{opacity:.15}}@keyframes glow-b{0%,to{opacity:.15}50%{opacity:.9}}.orbit{border:1px dashed color-mix(in srgb, var(--color-neutral-border) 60%, transparent);pointer-events:none;border-radius:50%;animation:16s linear infinite orbit-spin;position:absolute;inset:-34px}.orbit-item{width:40px;height:40px;transform:rotate(var(--angle)) translateX(calc(min(300px, 62vw) / 2 + 34px)) rotate(calc(-1 * var(--angle)));background:color-mix(in srgb, var(--color-neutral-surface) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-secondary-main) 35%, transparent);color:var(--color-neutral-text-primary);pointer-events:auto;border-radius:50%;place-items:center;margin:-20px;transition:box-shadow .3s,color .3s;animation:16s linear infinite orbit-counter;display:grid;position:absolute;top:50%;left:50%}.orbit-item:hover{color:var(--color-accent-main);box-shadow:0 0 22px -4px var(--color-accent-main)}.orbit-item svg{fill:currentColor;width:18px;height:18px}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(calc(var(--angle) - 360deg)) translateX(calc(min(300px, 62vw) / 2 + 34px)) rotate(calc(-1 * var(--angle) + 360deg))}}.hero-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:2rem;width:min(1180px,92vw);padding-block:4rem;display:grid;position:relative}.hero-grid>aside{order:2}.hero-grid>[data-depth="6"]{order:1}@media (min-width:1024px){.hero-grid{grid-template-columns:260px 1fr 260px;gap:1rem}.hero-grid>aside,.hero-grid>[data-depth="6"]{order:0}}.hero-side-card{will-change:transform;padding:1.1rem 1.2rem}.hero-side-card h3{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-neutral-text-secondary);margin-bottom:.75rem}.hero-side-card .item{border-top:1px solid color-mix(in srgb, var(--color-neutral-border) 55%, transparent);padding-block:.5rem}.hero-side-card .item:first-of-type{border-top:0}.hero-side-card .item p{font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.hero-side-card .item time{font-size:var(--text-xs);color:var(--color-neutral-text-secondary)}.hero-title-block{text-align:center;margin-top:2.2rem}.hero-name{font-size:clamp(2.6rem,7vw,4.4rem);font-weight:var(--font-weight-bold);line-height:1.1}.hero-name-latin{font-size:var(--text-sm);letter-spacing:.42em;color:var(--color-neutral-text-secondary);text-transform:uppercase;margin-top:.5rem}.hero-role{color:var(--color-neutral-text-secondary);margin-top:.9rem;font-size:clamp(1rem,2.4vw,1.2rem)}.live-badge{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-neutral-text-primary);align-items:center;gap:.5rem;margin-top:1.4rem;padding:.45rem 1rem;display:inline-flex}.live-badge .pulse{background:var(--color-secondary-main);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite badge-pulse}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-secondary-main) 60%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.total-counter{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:var(--font-weight-bold)}.total-counter-label{font-size:var(--text-xs);color:var(--color-neutral-text-secondary)}
.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;cursor:grab;touch-action:pan-y;width:min(250px,58vw)}.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(calc(var(--thickness) / 2))}.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)}.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);font-size:var(--text-xs);opacity:.8}