.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:120px 60px;display:flex;position:relative;overflow-x:hidden}h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:4.5em;font-weight:700;position:relative}h1:before{content:"";background:linear-gradient(90deg,#9370db,orange);border-radius:2px;width:60px;height:4px;transition:width .4s,transform .4s;position:absolute;bottom:-15px;left:0}h1:hover:before{width:120px;transform:translate(10px)}.bookshelf{z-index:15;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;width:100%;max-width:1200px;margin-top:40px;display:grid}.book-item{cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative}.book-item:hover{transform:translateY(-10px);box-shadow:0 10px 20px #9370db33,0 10px 20px #ffa50033}.book-item img{object-fit:cover;border-radius:8px;width:100%;height:280px;display:block}.book-title{text-align:center;opacity:0;color:#fff;background:#000000b3;border-radius:5px;padding:5px 10px;font-size:1.2em;font-weight:600;transition:opacity .3s;position:absolute;bottom:10px;left:10px;right:10px}.book-item a{color:inherit;text-decoration:none;display:block}.book-item a:hover{color:#fff;text-decoration:none}.book-item a:visited{color:inherit;text-decoration:none}.book-item:hover .book-title{opacity:1}.bg-shape{opacity:.1;pointer-events:none;z-index:5;position:absolute}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.purple{background:#9370db}.orange{background:orange}.journal{justify-content:flex-start;min-height:100vh}.story-content{width:100%;max-width:760px;margin:0 auto;padding-bottom:60px}.story-content h1{text-transform:none;letter-spacing:normal;text-align:center;margin-bottom:16px;font-size:clamp(1.8em,4vw,2.8em);line-height:1.25}.story-content h1:before{display:none}.story-content .publish-date,.story-content>.publish-date{color:#aaa;text-align:center;margin-bottom:48px;font-size:.9em;font-style:italic;font-weight:300}.book-content{color:#ccc;overflow-wrap:break-word;word-break:break-word;font-size:clamp(1em,1.5vw,1.1em);line-height:1.75}.book-content p{text-align:left;overflow-wrap:break-word;word-break:break-word;margin-bottom:.85em}.book-content h2,.book-content h3{color:#fff;text-indent:0;margin:2em 0 .75em}.book-content img{border-radius:8px;max-width:100%;margin:16px 0}.chapter-break{background:linear-gradient(90deg,#0000,#9370db80,#ffa50080,#0000);border:none;border-radius:2px;width:40%;height:3px;margin:56px auto}@media only screen and (max-width:767px){.section{padding:80px 20px}.story-content h1{font-size:clamp(1.5em,5vw,2em)}.book-content{font-size:1em}h1{margin-bottom:30px;font-size:2.5em}.bookshelf{grid-template-columns:1fr;gap:20px}.book-item img{height:220px}.book-title{font-size:1em;bottom:5px;left:5px;right:5px}.bg-shape{opacity:.05;transform:scale(.7)}}@media only screen and (max-width:480px){h1{font-size:2.2em}h1:before{width:40px;bottom:-10px}h1:hover:before{width:80px}.bookshelf{grid-template-columns:1fr}.book-item:hover{transform:translateY(-5px)}.book-title{opacity:1;padding:4px 6px;font-size:.9em}}@media only screen and (max-width:320px){.bookshelf{grid-template-columns:1fr}.book-item img{height:250px}}