.about-page{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--color-primary:#4a90e2;--color-text-dark:#333;--color-text-medium:#555;--color-bg-white:#fff;--color-bg-light:#f8f9fa}[data-theme=dark] .about-page{--color-primary:#60a5fa;--color-text-dark:#e2e8f0;--color-text-medium:#94a3b8;--color-bg-white:#111a2e;--color-bg-light:#18223a;--shadow-sm:0 1px 3px rgba(0,0,0,.4)}.about-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;background:var(--color-bg-white);overflow-x:hidden;width:100%;box-sizing:border-box}.about-page img{max-width:100%;height:auto;box-sizing:border-box}.about-page__header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-primary)}.about-page__title{font-size:2.5rem;color:var(--color-text-dark);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.about-page__subtitle{font-size:1.125rem;color:var(--color-text-medium);line-height:1.8}.about-section{margin-bottom:var(--spacing-xl);background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #f0f0f0;overflow:visible;width:100%;box-sizing:border-box}.about-section__title{font-size:1.75rem;color:var(--color-text-dark);font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.about-section__title:before{content:"";display:inline-block;width:6px;height:1.75rem;background:var(--color-primary);border-radius:3px;flex-shrink:0}.about-page .bookmat{width:100%;overflow:visible;min-height:28rem;display:flex;align-items:center}.about-page .bookmat,.about-page .preface{box-sizing:border-box;position:relative;z-index:1}.about-page .preface{font-size:1.05rem;line-height:1.6;font-weight:500;color:var(--color-text-medium);padding:var(--spacing-md);background:var(--color-bg-light);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);width:38%;margin:0 5%;pointer-events:none}.about-page .book{counter-reset:pagecounter;position:absolute;pointer-events:auto;top:0;bottom:0;left:0;right:0;margin:auto;width:36rem;max-width:calc(100% - 2rem);height:24rem;perspective:75rem;transform:rotate(20deg) scale(.5);transition:transform 1s 3s;background-color:transparent;box-shadow:none;font:.8em/1.2 Inter,Georgia,serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:10}.about-page .book:before{content:none}.about-page .opened.book{transform:rotate(0);transition:transform 3s}.about-page .bookpage{counter-increment:pagecounter;position:absolute;top:.5em;bottom:.5em;margin:0;padding:0;width:50%;line-height:1.2;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;box-shadow:inset 3px 0 20px rgba(0,0,0,.1);transform-style:preserve-3d;transition:transform 3s;overflow:hidden;color:#392013;background-color:#f9f0ec;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.about-page .back{transform-origin:100% 0;transform:rotateY(180deg);left:0}.about-page .front{transform-origin:0 0;right:0}.about-page .back.flipped,.about-page .front{transform:rotateY(0deg)}.about-page .front.flipped{transform:rotateY(-180deg)}.about-page .clickable{pointer-events:all!important;cursor:pointer}.about-page .cover,.about-page .lastpage{top:0;bottom:0;width:calc(50% + .5em);border-color:#204360;border-style:solid}.about-page .front.cover{pointer-events:all!important;right:-.5em;border:none;margin-left:-.1em;padding:.5em .25em;color:#d1cac7;background-color:#204360;box-shadow:inset 3em 0 #000;border-radius:0 5px 5px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;touch-action:manipulation;z-index:100}.about-page .back.cover{left:-.5em;border-width:.5em 0 .5em .5em;border-radius:5px 0 0 5px}.about-page .lastpage{right:-.5em;border-width:.5em .5em .5em 0;border-radius:0 5px 5px 0}.about-page .bookpage .booktitle{font-size:2em;text-align:center;padding:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;pointer-events:none}.about-page .bookpage .booktitle .titles-text,.about-page .bookpage .booktitle span{display:block;font-size:1.2em;padding:0 1rem;line-height:1.2;color:#d1cac7;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word;white-space:normal;pointer-events:none}.about-page .bookpage footer,.about-page .bookpage p{padding:.3em 2em;-webkit-hyphens:auto;hyphens:auto;text-align:justify}.about-page .bookpage div:not(.booktitle),.about-page .bookpage li,.about-page .bookpage p,.about-page .bookpage ul{pointer-events:none}.about-page .pagetext:first-letter{font-size:2em}.about-page .bookpage footer{position:absolute;bottom:.5em;left:0;right:0;margin:0 1em;padding:.5em;font-size:.9em;display:flex;flex-direction:column;gap:.5em;width:auto;box-sizing:border-box}.about-page .bookpage footer hr{width:100%;border:none;border-top:1px solid rgba(57,32,19,.2);margin:.3em 0}.about-page .bookpage footer a{color:#392013;text-decoration:underline;transition:color .3s ease}.about-page .bookpage footer a:hover{color:#204360}.about-page .bookpage:nth-child(n+3):before{content:counter(pagecounter);display:block;padding:1em 2em}.about-page .bookpage:nth-child(odd):before{text-align:right}.about-page .pagetext-li{list-style-position:inside;padding:0 1.5em;margin:0;font:.8em/1.2 Georgia,serif;pointer-events:none}.about-page .pagetext-li li{margin-bottom:.5em;text-align:left;-webkit-hyphens:auto;hyphens:auto;color:#392013}.about-page .link-button{background:none;border:none;color:#392013;cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline;margin-bottom:.5em;width:100%;transition:color .3s ease;font-family:Georgia,serif}.about-page .link-button:hover{color:#204360}.about-page .flipped .bookpage footer,.about-page .opened .bookpage footer{opacity:1;pointer-events:all}@media (min-width:901px){.about-page[dir=rtl] .bookmat:has(>.book){flex-direction:column;align-items:center;min-height:auto}.about-page[dir=rtl] .bookmat:has(>.book) .preface{width:90%;margin:0 auto 1.5rem;pointer-events:auto}.about-page[dir=rtl] .book{position:relative;inset:auto;width:100%;max-width:520px;height:22rem;margin:0 auto}.about-page[dir=rtl] .book,.about-page[dir=rtl] .opened.book{transform:rotate(0) scale(.85)}}@media (max-width:900px) and (min-width:700px){.about-page .bookmat{flex-direction:column;align-items:center;min-height:24rem}.about-page .preface{width:90%;margin:0 auto 1rem;pointer-events:auto}.about-page .book{position:relative;width:100%;max-width:500px;height:20rem;margin:0 auto}.about-page .book,.about-page .opened.book{transform:rotate(0) scale(.8)}}@media (max-width:699px){.about-page .bookmat{display:flex;flex-direction:column;align-items:center;overflow:visible;padding:.5em;width:100%;box-sizing:border-box;min-height:auto}.about-page .preface{width:100%;margin:1em 0;font-size:.9em;box-sizing:border-box;pointer-events:auto}.about-page .book{position:relative;width:100%;max-width:320px;height:220px;perspective:1000px;transform:none;transition:none;margin:1em auto;box-sizing:border-box;font-size:.75em;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:10}.about-page .opened.book{transform:none}.about-page .bookpage{font-size:1em;width:50%;height:100%;overflow-y:auto;box-sizing:border-box;pointer-events:auto!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.about-page .cover,.about-page .lastpage{width:calc(50% + .3em)}.about-page .front.cover{right:-.3em;padding:.3em;box-shadow:inset 2em 0 #000;pointer-events:auto!important;cursor:pointer}.about-page .back.cover{left:-.3em;border-width:.3em 0 .3em .3em}.about-page .lastpage{right:-.3em;border-width:.3em .3em .3em 0;pointer-events:auto!important}.about-page .bookpage .booktitle{padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-page .bookpage .booktitle .titles-text,.about-page .bookpage .booktitle span{font-size:1em;padding:0 .5rem;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:normal;word-wrap:break-word}.about-page .bookpage footer,.about-page .bookpage p{padding:.2em .8em;font-size:.85em}.about-page .bookpage footer{position:absolute;bottom:.3em;left:0;right:0;margin:0 .5em;padding:.3em;font-size:.8em;gap:.3em}.about-page .bookpage:nth-child(n+3):before{padding:.5em .8em;font-size:.9em}.about-page .pagetext-li{padding:0 .8em;font-size:.75em}}@media (max-width:480px){.about-page{padding:var(--spacing-xs);max-width:100vw}.about-page__title{font-size:1.35rem}.about-page__subtitle{font-size:.875rem}.about-section{padding:var(--spacing-xs);margin-left:0;margin-right:0;width:100%;max-width:100%;overflow:visible}.about-section__title{font-size:1.15rem}.about-section__title:before{height:1.15rem;min-width:4px;width:4px}.about-page .preface{font-size:.85em;padding:var(--spacing-sm)}.about-page .book{max-width:280px;height:190px;font-size:.7em}.about-page .bookpage .booktitle .titles-text,.about-page .bookpage .booktitle span{font-size:.95em}.about-page .bookpage footer,.about-page .bookpage p{padding:.15em .6em;font-size:.8em}.about-page .bookpage footer{bottom:.2em;margin:0 .4em;padding:.2em;font-size:.75em}}@media (max-width:768px){.about-page{padding:var(--spacing-sm);overflow-x:hidden;max-width:100vw}.about-page__header{padding-bottom:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.about-page__title{font-size:1.5rem;word-wrap:break-word}.about-page__subtitle{font-size:.95rem;word-wrap:break-word}.about-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-md);margin-left:0;margin-right:0;border-radius:var(--radius-lg);width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.about-section__title{font-size:1.35rem;flex-direction:row;align-items:flex-start}.about-section__title:before{min-width:4px;width:4px;height:1.35rem;margin-top:.2rem}}