.books{display:block;margin:auto;padding:var(--space-m);max-width:var(--max-width)}.book{display:block;position:relative;margin-bottom:var(--space-m)}.book:last-of-type{margin-bottom:0}.book_link{user-select:none}.book_images{position:relative;aspect-ratio:4/3;width:100%}.book_images picture{border-radius:var(--border-radius);overflow:hidden}.book_images picture:nth-child(2){position:absolute;top:0;left:0;opacity:0;transition:opacity var(--anim-speed) var(--anim-ease);width:100%;height:100%}@media (hover:hover){.book_link:hover .book_images picture:nth-child(2){opacity:1}}.book_images img{object-fit:cover;object-position:center}.book_title{margin-top:var(--space-gap);margin-bottom:2px}@media (min-width:640px){.books{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-m)}.book{margin-bottom:5px}}@media (min-width:992px){.books{grid-template-columns:repeat(3,1fr);padding:0 var(--space-m)}}#header{z-index:2;margin:auto;width:100%;max-width:var(--max-width);user-select:none}body.tpl-home #header,body.tpl-error #header{display:none}.header-inner{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--space-m) calc(var(--space-m) * 2)}#site-title{width:60%}#site-title .image-mobile{display:block}#site-title .images-desktop{display:none}#site-title a{display:block;position:relative}#site-title img{display:none;position:absolute;top:0;left:0;background:unset;max-width:100%}#site-title img:first-of-type{display:block;position:relative;z-index:0}@media (hover:hover){#site-title img{display:block;opacity:0;transition:opacity var(--anim-speed) var(--anim-ease)}#site-title img:first-of-type{opacity:1}#site-title img.is-active{opacity:1;z-index:1}}.nav{display:flex;column-gap:var(--space-m);row-gap:5px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:var(--space-m);color:var(--color-navigation,#000);list-style-type:none}.nav a{color:inherit}@media (hover:hover){.nav a{transition:color 300ms ease-in-out}.nav a:hover{color:var(--color-black)}}@media (min-width:640px){.header-inner{display:flex;flex-direction:row;gap:var(--space-m)}#site-title{flex:0 1 20%;width:auto}#site-title .image-mobile{display:none}#site-title .images-desktop{display:block}.nav{column-gap:var(--space-m);flex-direction:row;justify-content:flex-end;align-items:baseline;padding-top:0;list-style-type:none}}@media (min-width:992px){#site-title{flex:0 1 20%}.nav{flex:0 1 85%}}@font-face{font-style:normal;font-weight:normal;font-stretch:normal;src:url(../../templates/assets/fonts/Darumadrop/darumadrop-regular.woff) format('woff'),url(../../templates/assets/fonts/Darumadrop/darumadrop-regular.woff2) format('woff2');font-family:'Darumadrop'}@font-face{font-style:normal;font-weight:normal;font-stretch:normal;src:url(../../templates/assets/fonts/Pangolin/pangolin-regular.woff) format('woff'),url(../../templates/assets/fonts/Pangolin/pangolin-regular.woff2) format('woff2');font-family:'Pangolin'}:root{--space-xs:5px;--space-s:10px;--space-m:20px;--space-l:65px;--space-block:30px;--space-gap:10px;--space-bottom:7vw;--max-width:1600px;--max-text-width:450px;--max-media-width:900px;--border-radius:5px;--anim-speed:300ms;--anim-ease:ease-in-out;--color-black:rgb(20,20,20);--color-white:#fff;--color-gray:#a9a9a9;--image-shadow:rgba(149,157,165,.05) 0 8px 24px;--plyr-color-main:var(--color-accent,#00b3ff)}@media (min-width:992px){:root{--max-text-width:625px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--color-selection-bg,#000);color:var(--color-selection-fg,#fff)}html,body{height:100%;font-size:16px}body{margin:auto;background:var(--bg,#fff);color:var(--color-black)}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:inherit;text-decoration:none}picture,picture img{display:block;width:100%;height:100%;user-select:none}.page picture{box-shadow:var(--image-shadow);border-radius:var(--border-radius);overflow:hidden}body{text-size-adjust:none;line-height:1.25;font-family:'Pangolin';text-rendering:optimizeLegibility}#header{font-size:6vw;line-height:1;font-family:'Darumadrop'}#page-title{font-size:30px;line-height:1;font-family:'Darumadrop';text-align:center}.modal-nav{color:var(--color-gray);font-size:18px;line-height:1;font-family:'Darumadrop';user-select:none}.book_title{font-size:inherit;text-transform:uppercase}.caption,.book_caption{font-size:12px}@media (min-width:640px){#header{font-size:20px}}@media (min-width:992px){body{font-size:18px}#header{font-size:25px}#page-title{font-size:50px}.modal-nav{font-size:24px}.caption,.book_caption{font-size:15px;line-height:1.15}.illu_caption{font-size:13px}}.text-accent{color:var(--color-accent,#000)}#main{transition:opacity var(--anim-speed) var(--anim-ease)}#main.main-is-hidden{opacity:0}body.tpl-home #main{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.page{padding:var(--space-m) 0;padding-bottom:var(--space-l)}#modal .page,body.tpl-book .page{padding-top:calc(var(--space-l) * 1.5)}#page-title{margin-bottom:var(--space-m)}#modal #page-title,body.tpl-book #page-title{margin-bottom:0}@media (min-width:992px){.page{padding-bottom:calc(var(--space-l) * 2)}#modal .page,body.tpl-book .page{padding-top:calc(var(--space-l) * 2)}#page-title{margin-bottom:var(--space-l)}#modal #page-title,body.tpl-book #page-title{margin:auto;max-width:80%}}#modal{display:block;position:fixed;top:0;left:0;opacity:0;z-index:2;transition:opacity var(--anim-speed) var(--anim-ease);background:var(--bg,#fff);width:100%;height:100%;max-height:100vh;pointer-events:none}#modal-wrapper{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}body.modal-is-open{overflow:hidden}body.modal-is-open #modal{opacity:1;pointer-events:all}#modal-wrapper{transition:opacity var(--anim-speed) var(--anim-ease)}#modal-wrapper.modal-is-hidden{opacity:0}.modal-nav{position:fixed;top:0;left:0;z-index:3;padding:var(--space-m) 0 15px 0;width:100%;color:var(--color-navigation,#000);user-select:none}.modal-nav>a,.modal-nav>.close-modal{display:block;margin-right:var(--space-block);margin-left:auto;width:fit-content}@media (hover:hover){.modal-nav>.close-modal{transition:color var(--anim-speed) var(--anim-ease)}.modal-nav>.close-modal:hover{color:var(--color-black)}}body.tpl-error #main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}body.tpl-error #main #page-title{margin-bottom:var(--space-m)}body.tpl-error #main a{color:inherit}