*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#0E1416;color:#EEF2F0;font-family:"Source Han Sans SC","Noto Sans SC","PingFang SC",sans-serif;letter-spacing:.02em}
.brand{position:fixed;top:28px;left:0;right:0;text-align:center;z-index:5}
.brand img{height:26px;opacity:.92}
.claim{position:fixed;top:78px;left:0;right:0;text-align:center;z-index:5;font-family:"Source Han Serif SC","Noto Serif SC","Songti SC",serif;font-weight:500;font-size:clamp(26px,3.4vw,52px);text-shadow:0 2px 24px rgba(0,0,0,.55);pointer-events:none}
.doors{display:flex;height:100vh}
.door{position:relative;flex:1;overflow:hidden;color:#fff;text-decoration:none;transition:filter .6s}
.door img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 1.6s cubic-bezier(.2,.6,.2,1)}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,22,.55) 0%,rgba(14,20,22,.05) 35%,rgba(14,20,22,.25) 55%,rgba(14,20,22,.88) 100%)}
.doors:hover .door{filter:brightness(.55)}
.doors .door:hover{filter:none}
.door:hover img{transform:scale(1.03)}
.txt{position:absolute;left:0;right:0;bottom:0;height:33%;padding:0 9% 7%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}
.tag{font-size:13px;letter-spacing:.3em;opacity:.8;margin-bottom:14px}
.txt h2{font-weight:500;font-size:clamp(22px,2.2vw,32px);line-height:1.35}
.txt p{margin-top:12px;font-size:15px;opacity:.82}
.go{margin-top:22px;font-size:14px;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.5);align-self:flex-start;padding-bottom:4px}
.foot{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:12px;color:rgba(238,242,240,.6);z-index:5}
.foot a{color:inherit}
@media(max-width:760px){.doors{flex-direction:column}.door{min-height:50vh}.claim{top:66px;font-size:24px;padding:0 20px}.foot{position:static;padding:16px;background:#0E1416}.txt{height:auto;padding-bottom:28px}}

/* v3.1 */
.brand img{height:40px;opacity:1;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
.claim{top:92px}
.door.right::after{background:linear-gradient(180deg,rgba(10,14,16,.7) 0%,rgba(10,14,16,.4) 35%,rgba(10,14,16,.55) 55%,rgba(10,14,16,.94) 100%)}
.door.right img{filter:brightness(.72) saturate(.85)}
.txt h2{text-shadow:0 2px 18px rgba(0,0,0,.6)}
.txt p{font-size:16px;opacity:.95}
.go{font-size:15px;border-bottom-color:rgba(255,255,255,.85)}
.tag{opacity:.95}
.foot{font-size:13px;color:rgba(238,242,240,.82);line-height:1.8}
.foot .disc{font-size:12px;opacity:.85}