@font-face{font-family:ReaderDisplay;src:url(assets/fonts/playfair-cyrillic.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:ReaderDisplay;src:url(assets/fonts/playfair-latin.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:ReaderDisplay;src:url(assets/fonts/playfair-i-cyrillic.woff2) format('woff2');font-style:italic;font-weight:400 700;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:ReaderDisplay;src:url(assets/fonts/playfair-i-latin.woff2) format('woff2');font-style:italic;font-weight:400 700;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:ReaderBook;src:url(assets/fonts/lora-cyrillic.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:ReaderBook;src:url(assets/fonts/lora-latin.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:ReaderUI;src:url(assets/fonts/onest-cyrillic.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:ReaderUI;src:url(assets/fonts/onest-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
.hero-contents{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:center;margin:0 30px 34px}
.hero-contents .photo-books{display:block;min-width:0}
.hero-contents .book-links{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 0;max-width:none;text-align:left}
.hero-contents .book-links a{display:block;padding:0 0 0 18px;min-height:80px;color:#383039;position:relative;border:0}
.hero-contents .book-links a:before{content:'';position:absolute;left:0;top:4px;bottom:5px;width:1px;background:#cebcc9;transform:rotate(4deg);transition:background .2s,transform .2s}
.hero-contents .book-links a:hover:before{background:#8d5c7d;transform:rotate(0)}
.hero-contents .book-links span{display:block;font:400 13px/1.4 ReaderBook,Georgia,serif;color:#6c596a;margin-bottom:8px}
.hero-contents .book-links b{display:block;font:400 29px/1.08 ReaderDisplay,Georgia,serif!important;text-decoration:none!important;border:0;letter-spacing:-.035em}
.hero-contents .book-links b em{font-weight:400}
.hero-contents .book-links a:hover b{color:#8d5c7d}
.hero-contents .hero-heading{display:block;margin-top:0;animation:none;min-width:0}
.hero-contents .hero-heading h1{font:400 clamp(34px,3.2vw,47px)/1.14 ReaderDisplay,Georgia,serif!important;letter-spacing:-.05em;margin:0!important;color:#322c35}
.hero-contents .hero-heading h1 em{margin-left:16px;color:#8d5c7d;white-space:nowrap;letter-spacing:-.045em}
.hero-contents .story-contents{display:flex;gap:26px;flex-wrap:nowrap;align-items:start;justify-content:flex-end;margin-top:28px}
.hero-contents .story-contents a{border:0;border-radius:0;min-height:0;padding:0;display:flex;flex-direction:column;gap:10px;justify-content:start;align-items:center;background:none;transform:none;text-decoration:none;flex:none;color:#544451}
.hero-contents .story-contents a:hover{background:none;transform:none}
.contents-photo{width:104px;height:104px;display:block;border-radius:50%;padding:5px;background:conic-gradient(from 30deg,#cdaabd 0deg,#8d5c7d 130deg,#eee6ee 210deg,#cdaabd 360deg);transition:transform .3s ease}
.contents-photo img{display:block;width:100%;height:100%;border:5px solid #fff;border-radius:50%;object-fit:contain;background:#fff}
.story-contents a:hover .contents-photo{transform:translateY(-4px) rotate(-4deg)}
.contents-label{font:400 14px/1.3 ReaderUI,Arial,sans-serif;border-bottom:1px solid transparent;padding-bottom:2px}
.story-contents a:hover .contents-label{border-color:#b892a7}
.hero-contents a:focus-visible{outline:2px solid #8d5c7d;outline-offset:6px}
.section-head h2:focus{outline:none}
.section-head h2.section-arrived{position:relative}
.section-head h2.section-arrived:after{content:'';position:absolute;left:0;bottom:-10px;width:140px;height:2px;background:#b583a1;transform-origin:left;animation:section-mark 1.1s ease-out both}
@keyframes section-mark{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){
 .hero-contents{display:block!important;margin:0 20px 28px}
 .hero-contents .photo-books{display:block}
 .hero-contents .book-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:17px 0 0;text-align:left}
 .hero-contents .book-links a{min-height:0;padding-left:12px}
 .hero-contents .book-links span{font-size:13px;line-height:1.4;margin:0 0 6px;white-space:nowrap}
 .hero-contents .book-links b{font-size:23px!important;line-height:1.06!important}
 .hero-contents .hero-heading{display:block;margin-top:25px}
 .hero-contents .hero-heading h1{font-size:37px!important;line-height:1.14!important;letter-spacing:-.055em}
 .hero-contents .hero-heading h1 em{margin-left:18px;letter-spacing:-.055em}
 .hero-contents .story-contents{gap:32px;justify-content:flex-end;margin-top:22px;padding-right:18px}
 .contents-photo{width:86px;height:86px;padding:4px}.contents-photo img{border-width:4px}
 .contents-label{font-size:13px}
}
@media(max-width:359px){.hero-contents .hero-heading h1{font-size:32px!important}.hero-contents .book-links b{font-size:20px!important}.hero-contents .book-links span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.contents-photo{transition:none;transform:none!important}.section-head h2.section-arrived:after{animation:none}}

/* Keep the slanted book markers visible outside the hero bounds. */
.hero.hero-contents{overflow:visible}