.browse-page{max-width:1024px;min-height:calc(100vh - 88px);padding-bottom:46px}.browse-heading{padding:42px 0 23px}.browse-heading h1{font-size:35px;line-height:1.4;letter-spacing:-1.5px;margin:0 0 9px;font-weight:800}.browse-heading p{font-size:16px;color:#70746c;margin:0}.browse-home .browse-heading{padding-top:44px;padding-bottom:24px}.browse-grid{display:grid;gap:26px 34px}.root-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kind-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto;gap:30px 48px}.browse-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 4px 18px;min-width:0;outline-offset:0;border-radius:5px}.browse-photo{display:block;width:190px;height:190px;max-width:100%;flex-shrink:0;background-repeat:no-repeat;background-color:#fff;mix-blend-mode:multiply;transition:transform .18s ease}.root-grid .browse-photo{width:180px;height:180px}.browse-tile strong{font-size:19px;font-weight:700;line-height:1.5;letter-spacing:-.7px;word-break:keep-all;margin-top:2px;position:relative}.browse-tile strong::after{content:'';height:2px;background:#4c762e;position:absolute;left:8%;right:8%;bottom:-7px;transform:scaleX(0);transition:transform .18s ease}.browse-tile:hover strong,.browse-tile:focus-visible strong{color:#3b6328}.browse-tile:hover strong::after,.browse-tile:focus-visible strong::after{transform:scaleX(1)}.browse-tile:hover .browse-photo{transform:translateY(-3px)}.browse-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0e9;padding-top:22px;margin-top:30px;font-size:12px;color:#7c8374}.browse-bottom-note p{margin:0}.browse-bottom-note a{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#557942}.browse-bottom-note svg{width:14px;height:14px}.browse-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;font-size:13px;font-weight:500;color:#68725e}.browse-back span{display:inline-flex;transform:rotate(180deg)}.browse-back svg{width:17px;height:17px}.browse-category .browse-heading{padding:14px 0 18px}.browse-switch{display:flex;align-items:stretch;border-bottom:1px solid #e3e8dd;position:relative;gap:5px}.area-tabs{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;gap:0 26px;position:relative;padding:0 2px}.area-tabs::-webkit-scrollbar{display:none}.area-tabs a{display:block;white-space:nowrap;font-size:14px;line-height:1.5;padding:17px 7px 15px;min-height:53px;border-bottom:3px solid transparent;color:#73786e;font-weight:500}.area-tabs a[aria-current]{color:#3d6427;border-bottom-color:#4c762e;font-weight:700}.area-tabs a:hover{color:#3d6427}.tab-arrow{border:0;display:grid;place-items:center;flex-shrink:0;width:38px;color:#5d6e4f}.tab-arrow[hidden]{display:none}.tab-arrow:disabled{opacity:.25}.browse-help{font-size:13px;line-height:1.8;margin:23px 0 12px;color:#7b8174}.browse-category .kind-photo-grid{padding-top:3px;padding-bottom:26px}.browse-page+.site-footer{margin-top:0}
@media(max-width:900px){.browse-page{max-width:820px}.root-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-grid{gap:20px 22px}.browse-photo,.root-grid .browse-photo{width:172px;height:172px}.area-tabs{gap:0 20px}.area-tabs a{font-size:13px}.kind-photo-grid{gap:24px 30px}}
@media(max-width:650px){.browse-page{padding:0 18px 30px;min-height:calc(100svh - 135px)}.browse-home .browse-heading{padding:29px 4px 18px}.browse-heading h1{font-size:27px;letter-spacing:-1px;line-height:1.45;margin-bottom:7px}.browse-heading p{font-size:14px}.root-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-grid{gap:14px 6px}.browse-tile{padding:2px 0 14px;min-height:142px}.browse-photo,.root-grid .browse-photo{width:118px;height:118px;max-width:100%;aspect-ratio:1}.browse-tile strong{font-size:15px;letter-spacing:-.8px;line-height:1.5;margin-top:1px}.browse-tile strong::after{bottom:-5px}.browse-bottom-note{display:block;font-size:10px;line-height:1.9;margin-top:22px;padding:18px 4px 0}.browse-bottom-note a{margin-top:7px;gap:2px}.browse-bottom-note svg{width:12px;height:12px}.browse-back{margin:12px 0 0;min-height:40px;font-size:12px;gap:5px}.browse-back svg{width:15px;height:15px}.browse-category .browse-heading{padding:8px 4px 13px}.browse-category .browse-heading h1{font-size:29px;margin:0}.browse-switch{margin:0 -2px;gap:0}.area-tabs{gap:0 20px;padding:0 4px}.area-tabs a{font-size:12px;min-height:47px;padding:13px 3px 12px;border-bottom-width:2px}.tab-arrow{width:27px}.tab-arrow svg{width:17px;height:17px}.browse-help{font-size:11px;line-height:1.9;margin:19px 4px 12px;word-break:keep-all}.kind-photo-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 6px}.kind-photo-grid .browse-photo{width:118px;height:118px}.browse-category .kind-photo-grid{padding-top:5px;padding-bottom:24px}}
@media(max-width:359px){.browse-page{padding-left:14px;padding-right:14px}.browse-photo,.root-grid .browse-photo,.kind-photo-grid .browse-photo{width:98px;height:98px}.browse-tile{min-height:126px}.browse-tile strong{font-size:13px;letter-spacing:-.6px}.browse-heading h1{font-size:25px}.browse-grid{gap:14px 3px}.area-tabs{gap:0 14px}}
@media(prefers-reduced-motion:reduce){.browse-photo,.browse-tile strong::after{transition:none}}
.browse-photo,.root-grid .browse-photo,.kind-photo-grid .browse-photo{height:auto;aspect-ratio:1}
.browse-switch .tab-arrow{width:44px}