.library-home .reader-hero.hero-ngang{--ngang-chu: #f6ebd1;--ngang-phu: #e3d5b8;--ngang-vang: #d9b968;height:auto;min-height:0;max-height:480px;aspect-ratio:2.6 / 1;padding:0;border-radius:12px;background:#1d1813;color:var(--ngang-chu)}.library-home .reader-hero.hero-ngang:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 35%,#140f0ba6 70%,#140f0beb),linear-gradient(90deg,#140f0bb3,#140f0b4d 40%,#0000 62%)}.hero-ngang :is(.hero-scenery,.hero-paper){display:none}.library-home .hero-ngang .hero-body{display:block;height:100%}.library-home .hero-ngang .hero-visual--banner{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0}.library-home .hero-ngang .hero-visual--banner .hero-banner-art{width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover;object-position:center 40%;-webkit-mask-image:none;mask-image:none}.library-home .hero-ngang .hero-visual--banner[data-doc]{left:-5%;right:-5%;width:auto}.library-home .hero-ngang .hero-visual--banner[data-doc] .hero-banner-art{object-position:center calc((var(--y, .4) - .1166) / .767 * 100%)}.library-home .hero-ngang .hero-chuyen{border-radius:0;-webkit-mask-image:none;mask-image:none}.library-home .hero-ngang .hero-chuyen b{background-position:center 40%}.library-home .hero-ngang .hero-chuyen b[data-doc]{background-position:center calc((var(--y, .4) - .1166) / .767 * 100%)}.library-home .hero-ngang .hero-visual:not(.hero-visual--banner):not(.hero-qua){display:none}.library-home .hero-ngang .hero-copy{position:absolute;z-index:2;left:48px;right:48px;bottom:64px;max-width:580px;margin:0;display:block}.library-home .hero-ngang .hero-copy :is(h1,.hero-author,.hero-summary,.eyebrow){text-shadow:0 1px 2px #0009}.library-home .hero-ngang .hero-copy .eyebrow{color:var(--ngang-vang)}.library-home .hero-ngang .hero-copy h1{color:var(--ngang-chu);font-size:clamp(28px,3.4vw,46px);margin:6px 0 8px}.library-home .hero-ngang .hero-copy :is(.hero-author,.hero-summary){color:var(--ngang-phu)}.library-home .hero-ngang .hero-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-home .hero-ngang .hero-actions>a:not(.button){color:var(--ngang-chu);border-color:currentColor}.library-home .hero-ngang .hero-switcher{left:40px;bottom:14px;z-index:3}.library-home .hero-ngang .hero-switcher button{color:var(--ngang-phu)}.library-home .hero-ngang .hero-qua{position:absolute;z-index:2;top:32px;right:32px;max-width:420px;height:auto}@media(max-width:767px){.library-home .reader-hero.hero-ngang{aspect-ratio:auto;max-height:none;padding:0 0 44px;border-radius:0;background:transparent;overflow:visible}.library-home .reader-hero.hero-ngang:after{content:none}.library-home .hero-ngang .hero-body{position:relative;height:auto;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;isolation:isolate;background:#1d1813}.library-home .hero-ngang .hero-body:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 45%,#140f0bd9)}.library-home .hero-ngang .hero-visual--banner{order:0;height:100%}.library-home .hero-ngang .hero-visual--banner[data-doc] .hero-banner-art{object-position:center calc((var(--y, .4) - .1705) / .659 * 100%)}.library-home .hero-ngang .hero-chuyen b[data-doc]{background-position:center calc((var(--y, .4) - .1705) / .659 * 100%)}.library-home .kind-tabs--trang{display:none}.library-home .hero-ngang .hero-copy{left:14px;right:14px;bottom:10px;max-width:none;flex:none;min-height:0}.library-home .hero-ngang .hero-copy h1{font-size:21px;margin:0 0 2px;-webkit-line-clamp:1}.library-home .hero-ngang .hero-copy :is(.eyebrow,.hero-summary,.hero-actions>.button){display:none}.library-home .hero-ngang .hero-copy .hero-author{font-size:13px;margin:0}.library-home .hero-ngang .hero-actions{margin:0}.library-home .hero-ngang .hero-actions>a:not(.button){font-size:0;border:0}.library-home .hero-ngang .hero-actions>a:not(.button):after{content:"";position:absolute;inset:-400px -40px -20px}.library-home .hero-ngang .hero-switcher{left:50%;bottom:4px}.library-home .hero-ngang .hero-switcher button{color:var(--accent, #825e2c)}.library-home .hero-ngang .hero-qua{top:12px;left:12px;right:12px;max-width:none;margin:0}}