/* Reference composition, using the original Adventure Cats artwork. */
.story-home{background:#f6eddd}
.story-home .site-header{padding:16px 3%;min-height:94px;gap:28px;background:#f6eddd}
.cover-brand{display:block;flex-shrink:1;min-width:0;width:350px;max-width:calc(100% - 96px);line-height:1}
.cover-brand img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain}
.story-home .site-header nav{gap:26px;font-size:15px;font-weight:700}
.story-home .site-header .language{padding-left:24px;border-left:1px solid #cebda8}
.cover-hero{position:relative;isolation:isolate;overflow:hidden;background:#f6eddd;min-height:700px;height:calc(100svh - 94px);max-height:950px;padding:58px 20px 60px}
.cover-updated{position:absolute;right:4%;top:0;margin:0;color:#98765b;font-size:13px;font-weight:600;letter-spacing:.03em}
.cover-copy{position:relative;z-index:2;text-align:center;margin:auto}
.cover-copy .quiet-label{font-size:21px;letter-spacing:.22em;margin:0 0 14px;color:#b5885e}
.cover-copy h1{white-space:nowrap;font-size:clamp(32px,4.3vw,80px);line-height:1.38;letter-spacing:.015em;color:#34271e;font-weight:900;margin:0}
.cover-portraits{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cover-portraits .character{position:absolute;width:32%;max-width:700px;height:auto;left:-1.5%;top:32%;mix-blend-mode:multiply}
.cover-portraits .character+.character{left:auto;right:-1.5%;top:34%}
.cover-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:40%;max-width:760px;min-width:620px;margin:66px auto 0}
.cover-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:25px 14px;background:#704a30;color:#fff9ef;border-radius:10px;min-height:138px;transition:background .15s,transform .15s}
.cover-choice:hover{background:#55341f;color:#fff;transform:translateY(-2px)}
.cover-choice strong{display:flex;align-items:center;justify-content:center;gap:24px;font-size:clamp(21px,1.55vw,29px);font-weight:800;line-height:1.4;white-space:nowrap}
.cover-choice strong span{font-size:.85em}
.cover-choice>span{font-size:clamp(13px,.98vw,18px);line-height:1.35}
.cover-choice:focus-visible,.cover-brand:focus-visible{outline:3px solid #a5703e;outline-offset:5px}
@media(min-width:1700px){.cover-hero{padding-top:66px}.cover-choices{margin-top:70px}.cover-choice{min-height:144px}.cover-portraits .character{top:31%;width:32%}}
@media(max-width:1200px){.story-home .site-header{gap:15px;padding-inline:24px}.cover-brand{width:280px}.story-home .site-header nav{gap:14px;font-size:12px}.cover-choices{min-width:550px}.cover-choice strong{gap:14px;font-size:22px}.cover-portraits .character{width:39%;left:-10%;top:39%}.cover-portraits .character+.character{right:-10%;left:auto;top:41%}}
@media(max-width:800px){.story-home .site-header{min-height:78px;padding:14px 20px}.cover-brand{width:250px}.cover-hero{height:auto;min-height:820px;max-height:none;padding:62px 18px 255px}.cover-updated{font-size:11px;top:4px;right:20px}.cover-copy .quiet-label{font-size:16.5px}.cover-copy h1{font-size:clamp(17px,5.8vw,42px);letter-spacing:-.025em;line-height:1.55}.cover-choices{width:100%;min-width:0;max-width:560px;gap:12px;margin-top:34px}.cover-choice{min-height:132px;padding:20px 10px;gap:13px}.cover-choice strong{font-size:clamp(16px,2.65vw,22px);gap:8px}.cover-choice>span{font-size:13px;line-height:1.6}.cover-choice>span br{display:none}.cover-portraits .character{top:auto;bottom:-210px;width:53%;left:-6%}.cover-portraits .character+.character{top:auto;bottom:-215px;right:-6%;left:auto}.story-home .menu{display:block}.story-home .site-header nav{display:none}.story-home .site-header nav.open{display:flex;position:absolute;top:78px;right:15px;left:15px;z-index:20;flex-direction:column;background:#fffaf0;padding:20px;border:1px solid #d8c4aa;border-radius:12px;font-size:15px}}
@media(max-width:430px){.cover-hero{min-height:760px;padding-bottom:245px}.cover-choices{gap:10px}.cover-choice strong{font-size:16px;gap:7px}.cover-choice{min-height:145px;padding:18px 10px}.cover-choice>span{font-size:12px}.cover-portraits .character{width:66%;bottom:-150px;left:-17%}.cover-portraits .character+.character{width:64%;bottom:-150px;right:-15%}}
@media(prefers-reduced-motion:reduce){.cover-choice{transition:none}}
/* Blend the original white-backed illustrations with the sepia paper. */
.cover-portraits{z-index:0;mix-blend-mode:multiply}.cover-portraits .character{mix-blend-mode:normal}.cover-choices{position:relative;z-index:2}

/* Three independent, vertically stacked entrances. */
.cover-hero{min-height:820px}.cover-choices{grid-template-columns:1fr;gap:16px;width:420px;min-width:0;max-width:calc(100% - 36px);margin-top:44px}.cover-choice{min-height:120px;padding:20px 18px;gap:12px}.cover-choice strong{font-size:25px}.cover-choice>span{font-size:15px}
@media(max-width:800px){.cover-hero{min-height:780px;padding-bottom:230px}.cover-choices{width:100%;max-width:430px;gap:12px;margin-top:28px}.cover-choice{min-height:108px;padding:18px 14px;gap:10px}.cover-choice strong{font-size:21px;gap:20px}.cover-choice>span{font-size:14px}.cover-choice>span br{display:block}}

/* English labels share the same cover, with room for longer words. */
html[lang=en] .cover-choice strong{font-size:22px;white-space:normal}
html[lang=en] .cover-copy .quiet-label{letter-spacing:.12em}
@media(max-width:800px){html[lang=en] .cover-copy h1{font-size:clamp(20px,6.1vw,42px);white-space:normal}html[lang=en] .cover-choice strong{font-size:20px}}