/* Compact search masthead and a decorative brand still life. */
.site-header{gap:22px;height:88px;flex-wrap:nowrap}
.site-header .brand{flex:none;white-space:nowrap}
.site-header nav{gap:18px;font-size:11px;flex:none;margin-left:auto}
.site-header .language{flex:none}
.header-search{display:flex;align-items:center;flex:1;min-width:120px;max-width:340px;height:42px;border:1px solid #d8e2dc;border-radius:9px;background:#fff;overflow:visible;margin:0}
.header-search:focus-within{border-color:#4c8068;box-shadow:0 0 0 3px #2b6b5010}
.header-search input{width:100%;min-width:0;border:0;background:none;font-size:13px;padding:10px 0 10px 14px;outline-offset:1px}
.header-search input::placeholder{color:#849087}
.header-search button{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:8px;background:none;color:#567263}
.header-search button:hover{background:#edf3ee}
.feed{padding-top:24px}
.finds-banner{position:relative;isolation:isolate;overflow:hidden;min-height:268px;margin-bottom:22px;border:1px solid #e7e4da;border-radius:16px;background:#f7f1e6}
.banner-art{position:absolute;inset:0 0 0 auto;width:57%;z-index:0}
.banner-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 55%}
.banner-art::after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#f7f1e6 0%,#f7f1e6dd 8%,#f7f1e600 37%)}
.banner-copy{position:relative;z-index:1;width:58%;padding:30px 34px}
.banner-kicker{margin:0 0 13px;font-size:9px;line-height:1.4;letter-spacing:1.9px;font-weight:700;color:#6c7a62}
.banner-copy h1{font-size:39px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 13px;color:#173e36;font-weight:750}
.banner-copy h1 span{color:#527352}
.banner-description{font-size:12px;line-height:1.65;max-width:320px;color:#697262;margin:0}
.banner-follow{display:inline-flex;gap:18px;align-items:center;margin-top:16px;font-size:10px;font-weight:600;color:#345a45;min-height:24px}
.banner-follow:hover{text-decoration:underline;text-underline-offset:4px}
.banner-follow span{font-size:14px}
@media(max-width:1000px){.site-header{gap:18px}.site-header nav{gap:13px}.site-header nav a:first-child{display:none}.banner-copy h1{font-size:35px}}
@media(max-width:850px){.site-header nav{display:none}.header-search{max-width:none}.site-header .language{margin-left:0}.banner-copy{padding:28px}.banner-copy h1{font-size:32px}}
@media(max-width:700px){
 .site-header{height:73px;padding-block:12px;gap:10px}
 .site-header .brand{font-size:19px;gap:6px;letter-spacing:-.9px}
 .site-header .brand img{width:31px;height:31px}
 .site-header .brand small{display:none}
 .header-search{height:38px;min-width:64px;border-radius:7px}
 .header-search input{font-size:16px;padding:8px 0 8px 9px}
 .header-search input::placeholder{font-size:11px}
 .header-search button{width:30px;height:36px}
 .header-search button svg{width:15px;height:15px}
 .site-header .language{padding:8px 9px;font-size:10px;min-height:36px;justify-content:center}
 .site-header .language span{display:none}
 .feed{padding-top:16px}
 .finds-banner{min-height:207px;border-radius:12px;margin-bottom:16px}
 .banner-art{width:51%}
 .banner-art img{object-position:66% 50%}
 .banner-art::after{background:linear-gradient(90deg,#f7f1e6 0%,#f7f1e6a8 20%,#f7f1e600 52%)}
 .banner-copy{width:67%;padding:22px 19px}
 .banner-kicker{font-size:8px;letter-spacing:1.05px;margin-bottom:12px}
 .banner-copy h1{font-size:25px;line-height:1.23;letter-spacing:-.7px;margin-bottom:11px}
 body[data-lang=zh] .banner-copy h1{font-size:21px;letter-spacing:-.4px;line-height:1.4}
 .banner-description{font-size:10px;line-height:1.7;max-width:178px}
 .banner-follow{display:none}
}
@media(max-width:360px){
 .site-header{gap:7px}.site-header .brand{font-size:17px;gap:4px}.site-header .brand img{width:27px;height:27px}.site-header .language{padding-inline:7px}
 .banner-copy{padding:20px 15px;width:69%}.banner-copy h1{font-size:23px}body[data-lang=zh] .banner-copy h1{font-size:19px}.banner-description{max-width:148px}.finds-banner{min-height:202px}
}
