@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap');

.news-info-page{background:#fff8ea;color:#2c3033;font-family:'Asap',sans-serif}
.news-info-page h1,.news-info-page h2{font-family:'Asap',sans-serif;font-weight:700;letter-spacing:0}
.has-news-skeleton #main-content{position:relative;min-height:100vh;overflow:hidden}
.news-page-skeleton{position:absolute;inset:0;z-index:20;min-height:100vh;background:#fff8ea;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}
.news-page-skeleton.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.news-page-skeleton i{display:block;overflow:hidden;background:#e9dfcb;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);background-repeat:no-repeat;background-size:240px 100%;animation:news-skeleton-shimmer 1.15s ease-in-out infinite}
.news-skeleton-hero{height:clamp(240px,32vw,360px);background-color:#e2d7c3!important}
.news-skeleton-wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto;padding:28px 0 72px}
.news-skeleton-line{height:12px;border-radius:999px}
.news-skeleton-crumb{width:135px;margin-bottom:12px}
.news-skeleton-title{width:340px;max-width:70%;height:42px;margin-bottom:30px;border-radius:12px}
.news-skeleton-filters{display:grid;grid-template-columns:220px minmax(240px,1fr) 92px;gap:16px;margin-bottom:40px}
.news-skeleton-filters i{height:44px;border-radius:12px}.news-skeleton-filters i:last-child{border-radius:999px;background-color:#dfcfaa}
.news-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 34px}
.news-skeleton-grid article i{margin-top:9px}
.news-skeleton-grid .news-skeleton-image{width:100%;margin:0;aspect-ratio:1/1.02;border-radius:34% 22% 30% 24%;background-color:#e2d7c3}
.news-skeleton-meta{width:92px}.news-skeleton-label{width:65px}.news-skeleton-heading{width:94%;height:17px;margin-top:15px!important}.news-skeleton-heading-short{width:68%;height:17px}
@keyframes news-skeleton-shimmer{0%{background-position:-260px 0}100%{background-position:calc(100% + 260px) 0}}

.news-hero{position:relative;height:clamp(240px,32vw,360px);overflow:hidden;background:#efe6d4}
.news-hero img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.news-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(#fff 0,rgba(255,255,255,.55) 12%,rgba(255,255,255,.08) 34%,transparent 52%);pointer-events:none}
.news-hero::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:28px;background:#fff8ea;mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;-webkit-mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;pointer-events:none}

.news-info{padding:28px 0 72px}
.news-wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}
.news-crumb{margin:0 0 8px;color:#8d9399;font-size:14px;font-weight:500}
.news-info h1{margin:0 0 28px;color:#c9960c;font-size:40px;line-height:1.15}
.news-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px;margin:0 0 36px}
.news-filter{display:flex;flex-direction:column;gap:6px;min-width:220px;color:#735b1d;font-size:13px;font-weight:700}
.news-filter-title{flex:1}
.news-filter select,.news-filter input{width:100%;height:44px;padding:0 14px;border:1px solid #e3d3a8;border-radius:12px;background:#fff;color:#2c3033;font:inherit;font-size:15px;font-weight:500}
.news-filters button{height:44px;padding:0 22px;border:0;border-radius:999px;background:#c9960c;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.news-filters button:hover{background:#b1840a}
.news-filter-reset{display:inline-flex;align-items:center;height:44px;color:#8b6b17;font-size:14px;font-weight:700;text-decoration:none}
.news-filter-reset:hover{text-decoration:underline}
.news-empty{grid-column:1 / -1;margin:0;color:#5d6265;font-size:17px}
.news-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:48px}
.news-pages a,.news-pages span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;color:#735b1d;font-size:15px;font-weight:700;text-decoration:none}
.news-pages a:hover{background:#f0e5c9}
.news-pages [aria-current="page"]{background:#c9960c;color:#fff}
.news-pages .is-disabled{color:#c8bda6}
.news-pages .is-gap{min-width:24px;color:#8d9399}

.news-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 34px}
.news-info-card a{display:block;color:inherit;text-decoration:none}
.news-info-card img{display:block;width:100%;height:auto;aspect-ratio:1 / 1.02;object-fit:cover;border-radius:0;mask:url('../images/organic-photo.svg') center / 100% 100% no-repeat;-webkit-mask:url('../images/organic-photo.svg') center / 100% 100% no-repeat}
.news-info-card time{display:block;margin-top:16px;color:#8d9399;font-size:13px;font-weight:500;line-height:1.3}
.news-info-card .news-author{display:block;margin-top:4px;color:#8d9399;font-size:13px;font-weight:600;letter-spacing:0;line-height:1.3}
.article-meta .article-author{padding:0;border-radius:0;background:transparent;color:#7e8589;font-weight:600}
.news-info-card span{display:block;margin-top:2px;color:#222;font-size:13px;font-weight:700;letter-spacing:.2px;line-height:1.3}
.news-info-card h2{margin:10px 0 0;color:#c9960c;font-size:20px;font-weight:600;line-height:1.35}

.news-load-more{display:table;margin:48px auto 0;padding:12px 34px;border:0;border-radius:999px;background:#c9960c;color:#fff;font-size:14px;font-weight:700;letter-spacing:.6px;text-decoration:none}
.news-load-more:hover{background:#b1840a}

.article-detail{width:min(850px,calc(100% - 48px));margin:0 auto;padding:70px 0 100px}
.article-detail-header{padding-bottom:34px;border-bottom:1px solid #e3d9c6}
.article-back{display:inline-block;margin-bottom:38px;color:#8b6b17;font-size:14px;font-weight:600;text-decoration:none}
.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:#7e8589;font-size:13px}
.article-meta span{padding:4px 9px;border-radius:999px;background:#f0e5c9;color:#735b1d;font-weight:700}
.article-detail h1{max-width:780px;margin:0;color:#c9960c;font-size:clamp(34px,5vw,58px);line-height:1.12}
.article-lead{max-width:700px;margin:24px 0 0;color:#5d6265;font-size:19px;line-height:1.7}
.article-thumbnail{display:block;width:100%;height:auto;margin-top:28px;border-radius:18px;object-fit:cover}
.article-content{padding-top:42px;color:#33383a;font-size:17px;line-height:1.8}
.article-content h2,.article-content h3{margin:42px 0 14px;color:#725b1e}
.article-content p,.article-content blockquote,.article-content ul,.article-content ol{margin:0 0 22px}
.article-content p:empty{display:none}
.article-content blockquote{padding:4px 0 4px 22px;border-left:4px solid #d2a62e;color:#63696b}
.article-content img{display:block;max-width:100%;height:auto;margin:34px auto;border-radius:14px}
.article-content a{color:#9c7410;text-decoration:underline}
.article-content .ql-align-center{text-align:center}.article-content .ql-align-right{text-align:right}.article-content .ql-align-justify{text-align:justify}

@media(max-width:900px){
    .news-wrap{width:calc(100% - 48px)}
    .news-info h1{font-size:34px}
    .news-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
    .news-info-card h2{font-size:18px}
    .news-skeleton-wrap{width:calc(100% - 48px)}
    .news-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
}
@media(max-width:640px){
    .news-hero{height:220px}
    .news-info{padding:22px 0 56px}
    .news-wrap{width:calc(100% - 36px)}
    .news-info h1{font-size:30px;margin-bottom:24px}
    .news-filters{align-items:stretch}
    .news-filter,.news-filters button{width:100%;min-width:0}
    .news-info-grid{grid-template-columns:1fr;gap:32px}
    .article-detail{width:calc(100% - 36px);padding:44px 0 70px}
    .article-back{margin-bottom:28px}
    .article-content{padding-top:30px;font-size:16px}
    .news-skeleton-hero{height:220px}
    .news-skeleton-wrap{width:calc(100% - 36px);padding-top:22px}
    .news-skeleton-title{width:280px;height:34px}
    .news-skeleton-filters{grid-template-columns:1fr;gap:12px;margin-bottom:32px}
    .news-skeleton-grid{grid-template-columns:1fr;gap:32px}
    .news-skeleton-grid article:nth-child(n+4){display:none}
}
@media(prefers-reduced-motion:reduce){.news-page-skeleton{transition:none}.news-page-skeleton i{animation:none}}