*{box-sizing:border-box}
html{background:#061c15;color-scheme:dark}
body.home-v2{margin:0;height:100svh;min-height:620px;display:grid;grid-template-rows:clamp(84px,10svh,108px) minmax(320px,1fr) clamp(140px,22svh,210px) clamp(58px,8svh,92px);background:#061c15;color:#f4e7c8;font-family:"Songti SC","STSong",serif}
.home-v2 a{color:inherit}
.home-v2 .skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:10px 14px;background:#fff;color:#10251c;transform:translateY(-160%)}
.home-v2 .skip-link:focus{transform:translateY(0)}
.home-v2-header{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:14px 4%;border-bottom:1px solid #a98b52;background:#071f18}
.home-v2-brand{display:flex;align-items:center;gap:18px;min-width:0}
.home-v2-brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.home-v2-brand strong{display:block;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:500;letter-spacing:.06em;white-space:nowrap}
.home-v2-brand small{display:block;margin-top:6px;color:#d0b477;font:600 .63rem/1.4 Georgia,serif;letter-spacing:.34em}
.home-v2-quote{position:relative;max-width:370px;margin:0;padding-left:64px;text-align:left;font-size:.92rem;letter-spacing:.24em;white-space:nowrap}
.home-v2-quote:before{content:"";position:absolute;left:0;top:.7em;width:48px;height:1px;background:#c4a866}
.home-v2-hero{display:flex;align-items:flex-end;justify-content:center;min-height:0;padding:48px 5% 34px;background:#111 url(/mystery-media/0d72cb4f9ef5c573c5385fffcbc41ff9b3768cd6bb16a107ed1cd73c8ddb420a.webp) center center/cover no-repeat;border-bottom:1px solid #a98b52;text-align:center}
.home-v2-hero-copy{max-width:780px;text-shadow:0 2px 14px #000,0 1px 3px #000}
.home-v2-hero h1{margin:0;font-size:clamp(2.7rem,4.7vw,4.75rem);font-weight:400;line-height:1.35;letter-spacing:.08em;text-wrap:balance}
.home-v2-hero p{margin:12px 0 0;font-size:clamp(.9rem,1.25vw,1.1rem);letter-spacing:.12em;line-height:1.8}
.home-v2-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#08231a;border-bottom:1px solid #a98b52}
.home-v2-nav a{display:flex;min-width:0;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:23px 14px;border-left:1px solid #806c43;text-align:center;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.home-v2-nav a:first-child{border-left:0}
.home-v2-nav a:hover,.home-v2-nav a:focus-visible{background:#103329;color:#fff1cd}
.home-v2-nav .home-v2-nav-icon{display:block;width:48px;height:48px;background-image:url(/mystery-media/c10f52efcba64e5535ce29dea5ddbf0361951e161a4ef8fd1661604aac9bb071.webp);background-repeat:no-repeat;background-size:300% 200%}
.home-v2-nav .icon-concepts{background-position:0 0}
.home-v2-nav .icon-timeline{background-position:50% 0}
.home-v2-nav .icon-writers{background-position:100% 0}
.home-v2-nav .icon-characters{background-position:0 100%}
.home-v2-nav .icon-collection{background-position:50% 100%}
.home-v2-nav .icon-essentials{background-position:100% 100%}
.home-v2-nav strong{font-size:1.45rem;font-weight:400;letter-spacing:.12em;white-space:nowrap}
.home-v2-nav small{color:#cdb170;font:600 .58rem/1.3 Georgia,serif;letter-spacing:.28em;white-space:nowrap}
.home-v2-nav .home-v2-nav-rule{display:block;width:22px;height:1px;margin-top:4px;background:#b69b60}
.home-v2-footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:18px 4%;background:#071f18;color:#bfa66d;font:600 .58rem/1 Georgia,serif;letter-spacing:.3em}
.home-v2-footer i{width:clamp(34px,6vw,82px);height:1px;background:linear-gradient(90deg,transparent,#826f47,transparent)}
.home-v2 :focus-visible{outline:3px solid #f0d38b;outline-offset:4px}
@media(max-width:900px){
 body.home-v2{grid-template-rows:auto minmax(440px,58svh) auto auto}
 .home-v2-header{padding:17px 5%}.home-v2-brand strong{white-space:normal}.home-v2-quote{font-size:.78rem;white-space:normal}
 .home-v2-nav{grid-template-columns:repeat(3,1fr)}.home-v2-nav a{border-bottom:1px solid #806c43}.home-v2-nav a:nth-child(4){border-left:0}
 .home-v2-footer{align-items:center}
}
@media(max-width:600px){
 body.home-v2{grid-template-rows:auto minmax(390px,56svh) auto auto}
 .home-v2-header{display:block}.home-v2-brand img{width:50px;height:50px}.home-v2-brand strong{font-size:1.3rem}.home-v2-brand small{letter-spacing:.2em}
 .home-v2-quote{margin:14px 0 0;padding-left:42px;font-size:.7rem;letter-spacing:.12em}.home-v2-quote:before{width:30px}
 .home-v2-hero{background-position:52% center;padding:36px 7% 28px}.home-v2-hero h1{font-size:2.35rem}.home-v2-hero p{font-size:.82rem;letter-spacing:.06em}
 .home-v2-nav{grid-template-columns:repeat(2,1fr)}.home-v2-nav a:nth-child(odd){border-left:0}.home-v2-nav a:nth-child(4){border-left:1px solid #806c43}.home-v2-nav strong{font-size:1.15rem}.home-v2-nav small{font-size:.5rem;letter-spacing:.2em}
 .home-v2-footer{gap:10px;padding:17px 5%;font-size:.5rem;letter-spacing:.2em}.home-v2-footer i{width:18px}
}