:root{--ink:#15221f;--muted:#66746f;--line:#dbe4df;--paper:#f5f8f6;--green:#176b54;--dark:#10483a;--gold:#aa7b2d;--white:#fff}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}a{color:inherit}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}.brand,.login-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img,.login-brand img{width:42px;height:42px;object-fit:contain}.brand span,.login-brand span{display:flex;flex-direction:column}.brand strong,.login-brand strong{font-size:17px}.brand small,.login-brand small{font-size:10px;color:var(--muted);text-transform:uppercase;margin-top:3px}.topbar nav{display:flex;gap:22px}.topbar nav a{font-size:13px;text-decoration:none;color:var(--muted)}.topbar nav a:hover{color:var(--green)}main{padding-bottom:64px}.hero{padding:72px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 220px;gap:70px;align-items:center;background:linear-gradient(100deg,#f2f7f3,#fff 72%)}.eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}.hero h1{font-size:38px;line-height:1.3;margin:0}.hero>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;max-width:760px}.hero-stat{border-left:3px solid var(--gold);padding:12px 0 12px 22px;display:flex;flex-direction:column}.hero-stat strong{font-size:42px;color:var(--green)}.hero-stat span{font-size:14px;font-weight:700}.hero-stat small{margin-top:8px;color:var(--muted)}.website-callout{margin:34px auto 0;max-width:1180px;padding:30px 34px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.website-callout h2{font-size:22px;margin:0 0 8px}.website-callout p:last-child{margin:0;color:var(--muted);line-height:1.65}.primary-link{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:13px 18px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;font-size:14px}.tools{max-width:1180px;margin:48px auto 12px;padding:0;display:flex;align-items:center;gap:18px}.tools label{font-size:13px;font-weight:800}.tools input{width:min(520px,100%);padding:12px 14px;border:1px solid var(--line);font:inherit}.tools input:focus{outline:2px solid rgba(23,107,84,.2);border-color:var(--green)}.category{max-width:1180px;margin:0 auto;padding:42px 0;border-top:1px solid var(--line)}.category-heading{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:end;margin-bottom:24px}.category-heading h2{font-size:26px;margin:0}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.asset-grid article{min-height:152px;border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:start}.file-type{width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--green);font-size:11px;font-weight:800}.asset-grid h3{font-size:16px;line-height:1.45;margin:0 0 7px}.asset-grid p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 12px}.asset-grid small{font-size:11px;color:#8a9691}.asset-grid article>a{align-self:end;color:var(--green);font-size:13px;font-weight:800;text-decoration:none}.asset-grid article>a:hover{text-decoration:underline}.boundary{max-width:1180px;margin:22px auto 0;padding:24px 28px;background:var(--paper);border-left:3px solid var(--gold);display:grid;grid-template-columns:120px 1fr;gap:24px}.boundary p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}footer{display:flex;justify-content:space-between;padding:22px max(24px,calc((100vw - 1180px)/2));background:var(--dark);color:rgba(255,255,255,.75);font-size:11px}.login-page{min-height:100vh;background:var(--paper);display:grid;place-items:center}.login-shell{width:min(920px,calc(100% - 32px));display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center;padding:40px}.login-brand{align-self:start}.login-brand img{width:56px;height:56px}.login-brand strong{font-size:22px}.login-panel{background:#fff;border:1px solid var(--line);padding:42px}.login-panel h1{font-size:28px;margin:0 0 12px}.login-panel>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.login-panel form{display:grid;gap:18px;margin-top:28px}.login-panel label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-panel input{padding:12px;border:1px solid var(--line);font:inherit}.login-panel button{border:0;background:var(--green);color:#fff;padding:13px;font:inherit;font-weight:800;cursor:pointer}.back-link{display:inline-block;margin-top:22px;font-size:13px;color:var(--green)}.login-error{display:none;margin-top:15px;padding:10px 12px;background:#fff2f0;color:#a13a30;font-size:13px}.login-error.show{display:block}
@media(max-width:900px){.hero{grid-template-columns:1fr}.website-callout,.tools,.category,.boundary{margin-left:24px;margin-right:24px}.category-heading{grid-template-columns:1fr;gap:8px}.asset-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.topbar{height:auto;padding-top:13px;padding-bottom:13px}.brand small,.topbar nav a:first-child{display:none}.topbar nav{gap:12px}.hero{padding:50px 20px;gap:28px}.hero h1{font-size:29px}.website-callout{margin:20px;display:block;padding:24px}.website-callout h2{font-size:18px;overflow-wrap:anywhere}.primary-link{margin-top:20px}.tools,.category,.boundary{margin-left:20px;margin-right:20px}.tools{align-items:stretch;flex-direction:column;gap:8px}.category{padding:32px 0}.category-heading h2{font-size:22px}.asset-grid article{grid-template-columns:44px 1fr}.asset-grid article>a{grid-column:2}.file-type{width:40px;height:40px}.boundary{grid-template-columns:1fr}footer{gap:16px;flex-direction:column}.login-shell{padding:20px 0}.login-panel{padding:28px 22px}}

.photo-section{padding-top:34px}.photo-section .category-heading h2 small{font-size:13px;font-weight:500;color:var(--muted);margin-left:8px}.photo-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.photo-filters button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.photo-filters button.active{background:var(--green);border-color:var(--green);color:#fff}.photo-note{font-size:12px;color:var(--muted);margin:0 0 22px;line-height:1.6}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.photo-card{min-width:0;border:1px solid var(--line);background:#fff}.photo-card>a{display:block;aspect-ratio:4/3;background:var(--paper);overflow:hidden}.photo-card img{display:block;width:100%;height:100%;object-fit:cover}.photo-card-body{padding:12px 13px 14px}.photo-card small{color:var(--green);font-size:11px}.photo-card h3{font-size:14px;line-height:1.45;margin:7px 0 10px;overflow-wrap:anywhere}.photo-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.photo-actions span{color:var(--muted)}.photo-actions a{color:var(--green);font-weight:700;text-decoration:none}.photo-actions a:hover{text-decoration:underline}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.photo-grid{grid-template-columns:1fr}.photo-filters button{font-size:12px;padding:7px 9px}}
