/* Homepage art direction. Shared article styling remains in editorial.css. */
.home-page{background:#101312;color:#eee7d9}
.home-page .header{background:#0c100f;border-bottom:1px solid #6d665237;height:80px}
.home-page .brand b{font-family:"STKaiti","KaiTi",var(--serif);font-size:31px}
.home-page .header nav a.current{color:#f4dcc0}.home-page .current:after{background:#db5737}
.cinema{position:relative;isolation:isolate;min-height:620px;overflow:hidden;background:#111713}
.cinema-art{position:absolute;z-index:-3;right:-7%;top:0;width:83%;height:100%;object-fit:cover;object-position:50% 43%;filter:saturate(1.15) contrast(1.06);animation:cinema-arrive 1.4s ease-out both}
.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0e1512 0%,#0e1512f5 17%,#0e1512c4 34%,#0e151233 58%,transparent 80%),linear-gradient(0deg,#101312 0%,#10131299 12%,transparent 42%),linear-gradient(180deg,#080f0b66,transparent 24%)}
.blade-line{position:absolute;left:51%;top:-18%;height:130%;width:1px;background:linear-gradient(transparent,#cdb48a55,transparent);transform:rotate(24deg);z-index:-1}
.cinema-inner{max-width:1240px;margin:auto;padding:64px 30px 95px;position:relative;min-height:620px;display:flex;align-items:center}
.cinema-copy{position:relative;max-width:650px;animation:copy-arrive .7s ease-out both}
.cinema-label{font-size:12px;letter-spacing:4px;color:#d8c6a8;display:flex;align-items:center;gap:13px;margin:0 0 26px}
.cinema-label>span{width:28px;height:2px;background:#de6543;box-shadow:0 0 17px #e47f4480}
.cinema h1{font-family:"STKaiti","KaiTi","Noto Serif SC","SimSun",serif;letter-spacing:1px;line-height:1.1;font-weight:700;display:flex;align-items:baseline;flex-wrap:wrap;max-width:600px;margin:0}
.cinema h1>span{font-size:clamp(66px,7.8vw,112px);color:#f4ebdb;text-shadow:0 4px 30px #0008}
.cinema h1>strong{font-size:clamp(90px,10vw,142px);font-weight:700;color:#dc603d;margin-left:8px;transform:rotate(-7deg);text-shadow:0 4px 35px #c04c2a33}
.cinema h1>small{flex-basis:100%;font:400 21px/1.6 var(--serif);letter-spacing:12px;color:#d9c7a6;margin:17px 0 0 5px}
.cinema-description{font-size:15px;color:#babdb1;line-height:2.1;margin:28px 0}
.cinema-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.scarlet-button{display:inline-flex;align-items:center;gap:42px;background:#bf472c;border:1px solid #ed8b5266;box-shadow:0 8px 35px #a73c2326;padding:13px 22px;color:#fff4e6;font-size:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.scarlet-button span{font-size:23px}.scarlet-button:hover{color:white;background:#e36138}.cinema-secondary{font-size:12px;color:#dbd3be;border-bottom:1px solid #a38e665e;padding:8px 0}.cinema-secondary>span{margin-left:13px;color:#d3a575}
.cinema-caption{position:absolute;right:32px;top:75px;writing-mode:vertical-rl;display:flex;gap:20px;color:#d3ba91;letter-spacing:5px;font:15px var(--serif);text-shadow:0 2px 5px #000}.cinema-caption small{font:10px "Microsoft YaHei",sans-serif;letter-spacing:3px;color:#b7aa92}
.cinema-bottom{position:absolute;bottom:20px;left:max(30px,calc((100% - 1180px)/2));right:max(30px,calc((100% - 1180px)/2));border-top:1px solid #c3b28a33;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a7af9b;letter-spacing:1px}.cinema-bottom i{font-style:normal;color:#b66946;margin:0 14px}.cinema-bottom>a{color:#c9ba9a}.cinema-bottom>a>span{margin-left:22px}
.home-page .page-wrap{max-width:1300px;padding:0 60px}
.featured-topics{padding:34px 0 20px;scroll-margin-top:25px}
.topic-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:23px}.topic-kicker{font-size:10px;letter-spacing:3px;color:#d77c53}.topic-heading h2{font:700 29px/1.5 var(--serif);letter-spacing:1px;margin:7px 0 0}.topic-heading>a{font-size:12px;color:#c0b195;margin-bottom:5px}.topic-heading>a>span{margin-left:15px;color:#df8c5c}
.topic-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px;align-items:start}
.topic-card{min-height:342px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #776d4e55;color:#f4ebd9;background:#202922;transition:border-color .25s,transform .25s}
.topic-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s,filter .5s;filter:saturate(.9)}
.topic-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c100ff5 0%,#0c100fca 22%,#0c100f22 76%),linear-gradient(180deg,#10161277,transparent 28%)}
.topic-card:hover{transform:translateY(-5px);border-color:#c38a55;color:#fff7e7}.topic-card:hover>img{transform:scale(1.055);filter:saturate(1.2)}
.topic-type{position:absolute;top:20px;left:22px;font-size:11px;letter-spacing:2px;color:#f5e1bb;border-left:2px solid #ef8251;padding-left:9px;text-shadow:0 1px 8px #000}
.topic-copy{padding:22px;width:100%;position:relative}.topic-copy h3{font:700 25px/1.5 var(--serif);letter-spacing:.3px;margin:0 0 8px;position:relative}.topic-copy p{font-size:12px;line-height:1.8;margin:0 0 17px;color:#c6c5b6;max-width:280px}.topic-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a8a68c44;padding-top:13px;font-size:11px;color:#e2c79e}.topic-action b{font-size:19px;font-weight:400;color:#e8a66d}.topic-number{position:absolute;bottom:93px;right:18px;color:#e7d6b321;font:italic 72px/1 Georgia,serif;pointer-events:none}
.topic-combat{min-height:382px}.topic-combat>img{object-position:35% center}.topic-combat .topic-copy h3{font-size:32px}.topic-explore{margin-top:23px}.topic-explore>img{object-position:68% center}.topic-weapon{margin-top:46px}.topic-weapon>img{object-position:71% center}.topic-image-note{font-size:10px;color:#8a9281;margin:12px 0 0;text-align:right}
.home-page .guides-section{margin-top:19px;padding-top:35px;border-top:1px solid #414b35}
.home-page .section-heading>h2{font-size:29px}.home-page .search-row{box-shadow:0 12px 35px #0002}
.home-page .article-card{border-left:2px solid transparent}.home-page .article-card:hover{border-left-color:#c3633e;background:linear-gradient(90deg,#322b1c66,transparent)}
.home-page .card-category{color:#db9f6c}.home-page .entry-meta>span+span:before{color:#6c705b}
.home-page .side-directory{background:linear-gradient(180deg,#262c20,#172019);border:1px solid #72724e55;padding:24px}.home-page .side-directory h3{font:700 20px var(--serif);border-bottom-color:#9b7049}.home-page .side-directory>a:last-child{border-bottom:0;padding-bottom:0}.home-page .side-directory>a>span{font-size:17px}
.home-page .journey{background:#20251c;min-height:330px;border-top-color:#c47b48}.home-page .journey:before{background:linear-gradient(90deg,#15201999,#182118f7 65%),url('assets/temple.jpg') left center/cover}.home-page .journey h2{font-size:34px}
@keyframes cinema-arrive{from{transform:scale(1.035);opacity:.65}to{transform:scale(1);opacity:1}}
@keyframes copy-arrive{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.cinema,.cinema-inner{min-height:700px}.cinema-art{right:0;width:75%}.cinema-inner{padding-top:85px;padding-bottom:125px}}
@media(max-width:1050px){.home-page .page-wrap{padding:0 30px}.cinema,.cinema-inner{min-height:580px}.cinema-art{width:100%;right:-17%}.cinema-inner{padding:55px 40px 85px}.cinema h1>span{font-size:85px}.cinema h1>strong{font-size:110px}.cinema-shade{background:linear-gradient(90deg,#0e1512 0%,#0e1512e6 22%,#0e151278 48%,transparent 78%),linear-gradient(0deg,#101312,transparent 40%)}.topic-grid{gap:13px}.topic-copy{padding:18px}.topic-copy h3{font-size:22px}.topic-combat .topic-copy h3{font-size:28px}.topic-card{min-height:320px}.topic-combat{min-height:360px}.topic-type{left:18px}}
@media(max-width:780px){.home-page .header{height:72px}.cinema,.cinema-inner{min-height:540px}.cinema-inner{padding:45px 30px 85px}.cinema-art{right:-25%;width:120%;object-position:50% 40%}.cinema h1>span{font-size:72px}.cinema h1>strong{font-size:95px}.cinema h1>small{font-size:18px;letter-spacing:9px}.cinema-label{font-size:10px;letter-spacing:3px;margin-bottom:20px}.cinema-description{font-size:13px;margin:24px 0}.cinema-caption{right:25px;top:35px}.cinema-actions{gap:18px}.scarlet-button{padding:10px 18px;gap:25px;font-size:13px}.cinema-secondary{font-size:11px}.cinema-bottom{font-size:10px}.topic-heading h2{font-size:25px}.topic-grid{grid-template-columns:1.15fr 1fr;gap:15px}.topic-combat{grid-row:span 2;min-height:435px}.topic-explore,.topic-weapon{margin:0;min-height:210px}.topic-explore .topic-copy,.topic-weapon .topic-copy{padding:15px}.topic-explore .topic-type,.topic-weapon .topic-type{top:12px;left:15px;font-size:10px}.topic-explore .topic-copy h3,.topic-weapon .topic-copy h3{font-size:20px}.topic-explore .topic-copy p,.topic-weapon .topic-copy p{font-size:11px;margin-bottom:8px}.topic-explore .topic-action,.topic-weapon .topic-action{padding-top:6px}.topic-number{font-size:55px;bottom:70px}.home-page .side-directory{padding:20px}.home-page .journey h2{font-size:30px}}
@media(max-width:520px){.home-page .page-wrap{padding:0 19px}.cinema,.cinema-inner{min-height:620px}.cinema-inner{align-items:flex-end;padding:240px 23px 90px}.cinema-art{width:140%;height:440px;right:-29%;top:0;object-position:50% 29%}.cinema-shade{background:linear-gradient(0deg,#101312 3%,#101312f0 33%,#10131290 50%,transparent 73%),linear-gradient(90deg,#10131288,transparent 45%)}.cinema-copy{max-width:100%;width:100%}.cinema-label{margin-bottom:12px;letter-spacing:2px}.cinema h1{max-width:100%}.cinema h1>span{font-size:68px}.cinema h1>strong{font-size:88px;margin-left:5px}.cinema h1>small{font-size:16px;letter-spacing:7px;margin-top:10px}.cinema-description{margin:16px 0 20px;font-size:13px;line-height:1.9}.cinema-caption{top:28px;right:18px;font-size:12px}.cinema-caption small{font-size:8px}.cinema-actions{gap:18px}.scarlet-button{padding:10px 16px;gap:25px}.cinema-secondary{font-size:10px}.cinema-secondary>span{margin-left:6px}.cinema-bottom{left:23px;right:23px;font-size:9px;letter-spacing:0;bottom:17px;gap:10px}.cinema-bottom i{margin:0 6px}.cinema-bottom>a>span{margin-left:6px}.featured-topics{padding-top:24px}.topic-heading{gap:10px;margin-bottom:18px}.topic-heading h2{font-size:23px;letter-spacing:0}.topic-heading>a{font-size:10px;white-space:nowrap}.topic-heading>a>span{margin-left:5px}.topic-kicker{font-size:9px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-combat{grid-column:1/-1;grid-row:auto;min-height:290px}.topic-combat>img{object-position:center 43%}.topic-combat .topic-copy{padding:21px}.topic-combat .topic-copy h3{font-size:30px}.topic-explore,.topic-weapon{min-height:280px}.topic-explore .topic-copy h3,.topic-weapon .topic-copy h3{font-size:20px;line-height:1.5}.topic-explore .topic-copy p,.topic-weapon .topic-copy p{font-size:11px;min-height:40px}.topic-explore .topic-copy,.topic-weapon .topic-copy{padding:13px}.topic-type{top:17px}.topic-action{font-size:10px}.topic-number{font-size:48px;bottom:110px;right:10px}.topic-image-note{font-size:9px;text-align:left;line-height:1.8}.home-page .guides-section{padding-top:26px;margin-top:8px}.home-page .section-heading>h2{font-size:25px}.home-page .side-directory{padding:16px}.home-page .side-directory h3{font-size:18px}.home-page .side-directory>a>span{font-size:16px}}
@media(max-width:360px){.cinema-inner{padding-left:19px;padding-right:19px}.cinema h1>span{font-size:59px}.cinema h1>strong{font-size:78px}.cinema-actions{gap:12px}.scarlet-button{gap:20px}.cinema-bottom>a{display:none}.topic-heading h2{font-size:21px}.topic-grid{gap:9px}.topic-copy h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cinema-art,.cinema-copy{animation:none}.topic-card,.topic-card>img{transition:none}.topic-card:hover,.topic-card:hover>img{transform:none}}