:root{--bg:#101113;--panel:#1b1d20;--line:#373b40;--ink:#f7f5f2;--muted:#b5b4b4;--accent:#f95b73;--blue:#4de0dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,p{margin-top:0}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;color:black;padding:1rem;z-index:10}.app-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:3rem;padding:1rem 4vw;background:#0d0e10f2;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:1.4rem;letter-spacing:.02em}.brand b{color:var(--accent)}.brand span{font-size:.7rem;margin-left:.35rem;color:#cdd2d0}.app-head nav{display:flex;gap:1.6rem}.app-head nav a,.head-link{text-decoration:none;font-size:.9rem}.head-link{margin-left:auto;color:var(--blue)}.screen{display:grid;grid-template-columns:1.16fr .84fr;min-height:580px;border-bottom:1px solid var(--line)}.screen-media{min-height:580px}.screen-media img{object-position:center}.screen-copy{padding:clamp(2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.screen-copy>span,.dock-title span,.browse-note span{color:var(--blue);font-size:.76rem;letter-spacing:.16em;font-weight:900}.screen h1{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.12;margin:1.4rem 0}.screen-copy p{font-size:1.07rem;line-height:1.9;color:#d5d3d2;max-width:40em}.screen-copy>a{align-self:flex-start;color:var(--accent);font-weight:900;margin-top:1.3rem;text-underline-offset:.3em}.dock{max-width:1500px;margin:auto;padding:4rem 4vw 2rem}.dock-title{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:3rem}.dock-title h2{font-size:clamp(2rem,3.2vw,3.5rem);margin:.6rem 0}.dock-title p{line-height:1.8;color:var(--muted)}.dock label{display:block;font-size:.85rem;color:#d6d4d2;font-weight:900;margin:1.5rem 0 .6rem}.dock input{width:100%;background:#23262a;border:1px solid #5e6468;color:#fff;border-radius:.5rem;padding:.95rem 1rem;font-size:1rem}.dock input:focus{outline:2px solid var(--blue)}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}.filters button{background:#22262a;border:1px solid #5b6265;border-radius:99px;color:#eee;padding:.62rem 1rem;font-size:.9rem;cursor:pointer}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#190c13;font-weight:900}.result-count{font-size:.86rem;color:var(--muted)}.gallery{max-width:1500px;margin:auto;padding:1rem 4vw 5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.tile{background:var(--panel);border:1px solid var(--line);min-width:0}.tile[hidden]{display:none}.tile-image{height:470px;position:relative}.tile-image img{object-position:center}.tile-image span{position:absolute;left:0;bottom:0;background:#0d0e10ed;color:white;padding:.6rem 1rem;font-size:.8rem;font-weight:900}.tile-copy{padding:1.6rem}.tile-copy small{color:var(--blue);font-weight:800}.tile-copy h2{font-size:1.6rem;line-height:1.28;margin:.8rem 0 1rem}.tile-copy p{line-height:1.8;color:#d4d1d0;margin:1rem 0}.tile-copy p+p{color:#aaa9ab}.browse-note{background:#28202a;padding:5rem max(4vw,calc((100vw - 1000px)/2))}.browse-note h2{font-size:clamp(2rem,3.5vw,3.7rem);margin:.8rem 0}.browse-note p{line-height:1.9;color:#ded3db;max-width:800px}footer{padding:2rem 4vw;color:#9fa2a4;font-size:.86rem}@media(max-width:1100px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-head{position:static;flex-wrap:wrap;gap:1rem;padding:1rem 5vw}.app-head nav{order:3;width:100%;gap:1rem}.head-link{margin-left:auto}.screen{display:flex;flex-direction:column}.screen-media{height:55vw;min-height:240px}.screen-copy{padding:2.3rem 5vw}.screen h1{font-size:2.65rem}.dock{padding:3rem 5vw 1rem}.dock-title{display:block}.gallery{grid-template-columns:1fr;padding:1rem 5vw 4rem}.tile-image{height:115vw;max-height:590px}.browse-note{padding:4rem 5vw}}