@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');:root{--red:#691726;--wine:#2d0d16;--gold:#e9c887;--rose:#e6b7ae;--black:#18090d;--cream:#fff6e8;--serif:'Noto Serif SC','Songti SC',serif;--sans:'Noto Sans SC','Microsoft YaHei',sans}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wine);color:var(--cream);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1320px;margin:auto;padding-inline:clamp(22px,5vw,76px)}.skip{position:absolute;top:-60px;left:10px;padding:12px;background:var(--gold);color:var(--black);z-index:99}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}::selection{background:var(--gold);color:var(--black)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header{height:92px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #764958}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:21px;font-weight:700;white-space:nowrap}.brand small{display:block;font:500 11px var(--sans);letter-spacing:.16em;color:var(--gold)}.brand-seal{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:17px}.header nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{color:var(--gold);border:1px solid #a87d67;padding:13px 17px;font-size:13px;font-weight:700;white-space:nowrap}.header-cta:hover{background:var(--gold);color:var(--black)}.hero{display:grid;grid-template-columns:.93fr 1.07fr;gap:6vw;align-items:center;padding-block:65px 105px;min-height:650px}.hero-art{display:block;height:500px;position:relative;background:var(--red);overflow:hidden;box-shadow:18px 20px 0 #49131d}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-art:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,3,8,.85))}.hero-art-text{position:absolute;z-index:1;bottom:30px;left:32px;right:24px;font-family:var(--serif);font-size:clamp(40px,4vw,62px);font-weight:700;line-height:1.2}.hero-art-text small{display:block;font:500 14px var(--sans);letter-spacing:.12em;margin-top:14px;color:var(--gold)}.hero h1{font:700 clamp(48px,5.6vw,80px)/1.28 var(--serif);letter-spacing:-.025em;margin:0 0 30px}.hero h1 span{font-size:clamp(32px,3.7vw,52px);color:var(--gold);white-space:nowrap}.hero-copy p{max-width:39ch;color:#efcfca;font-size:16px;line-height:1.95;margin:0 0 35px}.primary{display:inline-flex;align-items:center;gap:35px;background:var(--gold);color:var(--black);padding:17px 22px;min-height:55px;font-weight:700;box-shadow:0 13px 25px rgba(0,0,0,.25)}.primary:hover{background:#fff0bd}.quiet{display:inline-block;margin-left:22px;color:var(--gold);font-size:13px;font-weight:700;padding:15px 0}.gallery{padding-bottom:115px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #9e6d61;padding-top:24px;margin-bottom:35px}.section-head h2,.dir-title h2{font:700 clamp(30px,3.2vw,44px)/1.3 var(--serif);margin:0}.section-head p{max-width:29ch;color:var(--rose);line-height:1.7;font-size:14px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.poster{position:relative;display:block;aspect-ratio:4/4.4;overflow:hidden;background:var(--red)}.poster:nth-child(2),.poster:nth-child(5){aspect-ratio:4/5.2}.poster:nth-child(3),.poster:nth-child(6){aspect-ratio:4/3.7}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease-out}.poster:hover img{transform:scale(1.04)}.poster:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(19,3,8,.89))}.poster span{position:absolute;z-index:1;bottom:24px;left:24px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:10px}.poster strong{font:700 28px var(--serif)}.poster small{font-size:12px;color:var(--gold);white-space:nowrap}.feature{outline:1px solid var(--gold);outline-offset:5px}.directory{background:var(--cream);color:var(--black);padding:90px 0 100px}.dir-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.dir-title h2{color:var(--red)}.dir-title p{color:#6d4750;margin:0}.controls{display:flex;align-items:center;gap:25px;margin:37px 0 18px}.controls label{flex:1;max-width:340px}.controls input{width:100%;min-height:48px;border:1px solid #c5a3a1;background:#fff;padding:0 14px;border-radius:0;color:var(--black)}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{min-height:44px;padding:0 15px;border:0;background:transparent;color:var(--red);font-size:13px;font-weight:700}.filters button.active,.filters button:hover{background:var(--red);color:#fff}.count{min-height:18px;color:#76545a;font-size:12px}.site-list{border-top:1px solid #b79491}.site-list a{min-height:78px;display:grid;grid-template-columns:1fr 100px 20px;align-items:center;gap:20px;padding:10px 14px;border-bottom:1px solid #d9c0b4}.site-list a:hover:not(.first){background:#f2e3d8}.site-list a[hidden]{display:none}.site-list .first{background:var(--red);color:#fff}.site-name b{display:block;font:700 22px var(--serif)}.site-name small{display:block;font-size:12px;margin-top:5px;color:#75535b}.first .site-name small{color:#f4cec6}.site-list em{font-style:normal;font-size:12px;color:#80555b}.site-list .first em{color:var(--gold)}.site-list i{font-style:normal;font-size:20px}.empty{padding:22px;background:#fff;color:var(--red)}.footer{min-height:125px;display:flex;align-items:center;gap:24px}.footer strong{font:700 19px var(--serif);color:var(--gold)}.footer span{color:var(--rose);font-size:12px}.footer a{margin-left:auto;color:var(--gold);font-size:13px}@media(max-width:900px){.header nav{display:none}.header-cta{margin-left:auto}.hero{gap:4vw}.hero-art{height:420px}.hero h1{font-size:48px}.hero h1 span{font-size:33px}.poster strong{font-size:21px}.poster span{display:block}.poster small{display:block;margin-top:5px}.controls{align-items:start;flex-direction:column}.controls label{max-width:none;width:100%}}@media(max-width:650px){.header{height:72px;gap:12px}.brand{font-size:17px}.brand-seal{width:28px;height:28px;font-size:14px}.header-cta{font-size:11px;padding:10px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding-block:55px 80px;gap:40px}.hero h1{font-size:47px}.hero h1 span{font-size:29px;white-space:normal}.hero-copy p{font-size:15px}.hero-art{height:350px;box-shadow:10px 10px 0 #49131d}.hero-art-text{font-size:40px;left:22px}.quiet{margin-left:16px}.gallery{padding-bottom:75px}.section-head,.dir-title{display:block}.section-head p,.dir-title p{margin-top:12px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.poster,.poster:nth-child(2),.poster:nth-child(3),.poster:nth-child(5),.poster:nth-child(6){aspect-ratio:3/4}.poster span{left:13px;right:10px;bottom:15px}.poster strong{font-size:18px}.poster small{font-size:11px}.directory{padding:65px 0}.site-list a{grid-template-columns:1fr 20px;gap:8px}.site-list em{display:none}.site-list i{grid-column:2;grid-row:1}.footer{flex-wrap:wrap;gap:8px;padding-block:30px}.footer span{flex-basis:100%}.footer a{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}}