:root{--bg:#f5f3ed;--surface:#fffdf8;--ink:#242823;--muted:#71796d;--line:#d9ddd2;--soft:#e7eadd;--accent:#3e5845;--preview:#ecece4}
html[data-mode=dark]{--bg:#181d1a;--surface:#222a24;--ink:#edf0e7;--muted:#a8b1a4;--line:#3b463d;--soft:#2d3930;--accent:#bfd2ac;--preview:#27302a;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 "Microsoft YaHei",sans-serif;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;color:inherit;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.gallery-nav{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.gallery-brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:2px}.gallery-brand>span{display:grid;place-items:center;width:38px;height:38px;background:#922d33;color:#fff9e9;font-size:24px;letter-spacing:0}.gallery-brand small{font-size:10px;color:var(--muted);letter-spacing:2px}.gallery-nav>div{display:flex;align-items:center;gap:25px;font-size:12px}.gallery-nav button{border:1px solid var(--line);padding:8px 17px;border-radius:30px;font-size:11px}main{max-width:1580px;margin:auto;padding:0 5%}.gallery-intro{padding:63px 0 48px}.overline{color:var(--accent);font-size:11px;letter-spacing:3px}.gallery-intro>div{display:grid;grid-template-columns:1.35fr 1fr auto;align-items:end;gap:34px;margin-top:25px}.gallery-intro h1{font-family:var(--font-serif-head);font-size:49px;font-weight:500;line-height:1.5;letter-spacing:1px}.gallery-intro>div>p{font-size:13px;line-height:2;color:var(--muted);padding-bottom:10px}.gallery-intro>div>p>span{display:block;font-size:10px;margin-top:20px}.gallery-count{font-family:var(--font-sans-display);font-size:100px;line-height:1.15;font-weight:400;color:var(--accent);padding-bottom:3px;letter-spacing:-5px}.gallery-toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:21px 0 26px;font-size:11px;color:var(--muted)}.gallery-toolbar>a{color:var(--accent)}.directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.direction{background:var(--surface);border:1px solid var(--line);min-width:0;transition:box-shadow .22s,transform .22s}.direction:hover{box-shadow:0 12px 30px #101b1912;transform:translateY(-3px)}.preview-window{display:block;position:relative;height:275px;overflow:hidden;background:var(--preview);border-bottom:1px solid var(--line)}.preview-window>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .45s}.direction:hover .preview-window>img{transform:scale(1.025)}.preview-open{position:absolute;bottom:12px;right:12px;background:var(--surface);border:1px solid var(--line);padding:5px 10px;font-size:10px;box-shadow:0 2px 9px #0000000a}.direction-info{padding:24px 25px 26px}.direction-caption{display:flex;justify-content:space-between;align-items:center}.direction-code{font-size:10px;letter-spacing:1px;color:var(--muted)}.direction-mark{font-family:var(--font-sans-display);font-size:22px;font-weight:500;color:var(--accent);line-height:1}.direction-info h2{font-size:24px;font-weight:500;letter-spacing:1px;margin:12px 0 10px}.direction-info p{font-size:12px;color:var(--muted);line-height:1.9;min-height:47px}.direction-info .direction-traits{font-size:10px;letter-spacing:.4px;min-height:0;color:var(--accent);margin-bottom:10px}.direction-info>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;font-size:11px}.direction-info button{padding:7px 10px;border:1px solid var(--line);font-size:10px;color:var(--muted);border-radius:3px}.direction-info button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.direction-info a{color:var(--accent)}.proposal-card{padding:32px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.proposal-card h2{font-family:var(--font-serif-head);font-size:29px;font-weight:500;line-height:1.7;margin:30px 0 22px}.proposal-card p{font-size:12px;color:var(--muted);line-height:2;margin-bottom:24px}.proposal-card>a{display:block;width:100%;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.proposal-card>a:first-of-type{margin-top:auto}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 42px;margin-top:40px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
@media(max-width:1150px){.directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery-intro>div{grid-template-columns:1.3fr 1fr}.gallery-count{display:none}.gallery-intro h1{font-size:43px}.preview-window{height:285px}}
@media(max-width:650px){.gallery-nav{padding:20px}.gallery-brand small{display:none}.gallery-brand{font-size:17px}.gallery-nav>div{font-size:10px;gap:12px}.gallery-nav button{font-size:10px;padding:6px 10px}main{padding:0 20px}.gallery-intro{padding:39px 0 30px}.gallery-intro>div{display:block;margin-top:20px}.gallery-intro h1{font-size:34px}.gallery-intro>div>p{margin-top:20px;font-size:12px}.gallery-intro>div>p>span{margin-top:12px}.overline{font-size:9px;letter-spacing:1.5px}.gallery-toolbar{display:block;font-size:10px}.gallery-toolbar a{display:block;margin-top:9px}.directions{grid-template-columns:1fr;gap:25px}.preview-window{height:260px}.direction-info{padding:23px}.direction-info h2{font-size:23px}.proposal-card{min-height:360px}footer{display:block;font-size:9px}footer>span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;transform:none!important}}