.post-card{display:flex;flex-direction:column;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.post-card__thumb{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:clamp(179px,252 * .0520833333vw,252px)}@media only screen and (max-width: 600px){.post-card__thumb{height:clamp(139px,252 * .0520833333vw,252px)}}.post-card__thumb:before{content:"";position:absolute;right:0;bottom:0;top:-1px;left:-1px;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:calc(var(--grid-cell-w, clamp(57px, 66 * .0520833333vw, 66px)) + 1px) calc(var(--grid-cell-h, clamp(47px, 63 * .0520833333vw, 63px)) + 1px);opacity:.5}.post-card__thumb-circle{position:relative;z-index:1;width:clamp(88px,122 * .0520833333vw,122px);height:clamp(88px,122 * .0520833333vw,122px);border-radius:50%;border:1.2px dashed var(--color-border);background-color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0}.post-card__thumb-img{display:block;width:auto;height:clamp(51px,73 * .0520833333vw,73px);max-width:80%;object-fit:contain}.post-card__body{display:flex;flex-direction:column;flex:1;padding:clamp(16px,32 * .0520833333vw,32px)}.post-card__type{font-size:var(--fs-btn-sm);line-height:var(--lh-btn-sm);font-weight:var(--fw-medium);margin-bottom:clamp(16px,24 * .0520833333vw,24px)}.post-card__title{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-medium);color:var(--color-text-primary);flex:1;margin-bottom:clamp(16px,32 * .0520833333vw,32px)}.post-card__title a{color:inherit;text-decoration:none}.post-card__tags{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:clamp(16px,32 * .0520833333vw,32px)}@media only screen and (max-width: 600px){.post-card__tags{gap:16px}}.post-card__tag{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--color-border);border-radius:47px;background-color:var(--color-bg-neutral);font-size:var(--fs-p1);line-height:var(--lh-p1);font-weight:var(--fw-regular);color:var(--color-text-secondary)}.post-card a.post-card__tag:hover{color:var(--color-text-secondary)}.post-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:clamp(4px,9 * .0520833333vw,9px);border-top:1px solid var(--color-border)}.post-card__date-read{font-size:var(--fs-p1);line-height:var(--lh-p1);font-weight:var(--fw-regular);color:var(--color-text-secondary)}.post-card__read-link{font-size:var(--fs-btn-md);line-height:var(--lh-btn-md);font-weight:var(--fw-medium);color:var(--color-text-primary);white-space:nowrap;text-decoration:none}.archive-hero__track-wrap{overflow:hidden;flex:1}.archive-hero__track{display:flex;gap:clamp(48px,64 * .0520833333vw,64px);transition:transform .4s ease;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none}.archive-hero__track:active{cursor:grabbing}.archive-hero__arrow{flex-shrink:0;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:background-color .2s,color .2s;cursor:pointer;padding:15px}.archive-hero__arrow:hover{background-color:var(--color-text-primary);color:var(--color-bg)}.archive-hero__arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.archive-hero__arrow svg{width:23px;height:23px;flex-shrink:0}.archive-hero__arrow svg path{stroke:currentColor}.archive-hero__arrow--prev svg{transform:rotate(90deg)}.archive-hero__arrow--next svg{transform:rotate(-90deg)}.archive-hero__dot{width:clamp(20px,30 * .0520833333vw,30px);height:2px;background-color:#d4d4d8;cursor:pointer;transition:background-color .2s;border:none}.archive-hero__dot.is-active{background-color:#38c6e8}.archive-hero{padding:clamp(96px,128 * .0520833333vw,128px) 0 clamp(32px,128 * .0520833333vw,128px)}.archive-hero__slider{display:flex;align-items:center;gap:clamp(16px,32 * .0520833333vw,32px);margin-bottom:clamp(40px,64 * .0520833333vw,64px)}@media only screen and (max-width: 768px){.archive-hero__arrow{display:none}}.archive-hero__dots{display:flex;justify-content:center;gap:10px}.featured-card{display:flex;align-items:center;gap:clamp(48px,64 * .0520833333vw,64px);flex:0 0 100%}@media only screen and (max-width: 768px){.featured-card{flex-direction:column;align-items:stretch}}.featured-card__thumb{flex:0 0 40%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;border:1px solid var(--thumb-bg)}@media only screen and (max-width: 768px){.featured-card__thumb{flex:none;width:100%;height:clamp(283px,448 * .0520833333vw,448px)}}.featured-card__thumb:before{content:"";position:absolute;right:0;bottom:0;top:-1px;left:-1px;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:var(--grid-cell-w, clamp(57px, 90 * .0520833333vw, 90px)) var(--grid-cell-h, clamp(47px, 85 * .0520833333vw, 85px));opacity:.5}.featured-card__thumb-circle{position:relative;z-index:1;width:clamp(90px,150 * .0520833333vw,150px);height:clamp(90px,150 * .0520833333vw,150px);border-radius:50%;border:1.2px dashed var(--color-border);background-color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-card__thumb-img{display:block;width:auto;height:clamp(54px,90 * .0520833333vw,90px);max-width:80%;object-fit:contain}.featured-card__content{display:flex;flex-direction:column;flex:1;min-width:0}.featured-card__type{font-size:var(--fs-btn-sm);line-height:var(--lh-btn-sm);font-weight:var(--fw-medium);margin-bottom:clamp(24px,32 * .0520833333vw,32px)}.featured-card__body{flex:1;margin-bottom:clamp(32px,68 * .0520833333vw,68px)}.featured-card__title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-medium);color:var(--color-text-primary);margin-bottom:clamp(12px,16 * .0520833333vw,16px)}.featured-card__title a{color:inherit;text-decoration:none}.featured-card__desc{font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-medium);color:var(--color-text-secondary)}.featured-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.featured-card__meta{display:flex;align-items:center;gap:clamp(16px,32 * .0520833333vw,32px)}.featured-card__meta-item{display:flex;align-items:center;gap:8px;font-size:var(--fs-btn-md);line-height:var(--lh-btn-md);font-weight:var(--fw-medium);color:var(--color-text-secondary);white-space:nowrap}.featured-card__meta-item svg{width:24px;height:24px;flex-shrink:0}.featured-card__read-link{font-size:var(--fs-btn-md);line-height:var(--lh-btn-md);font-weight:var(--fw-medium);color:var(--color-text-primary);text-decoration:none;white-space:nowrap}.archive-grid-section{padding:clamp(64px,128 * .0520833333vw,128px) 0 clamp(32px,128 * .0520833333vw,128px);background-color:var(--color-bg-neutral)}.archive-grid-section__title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-medium);color:var(--color-text-primary);margin-bottom:clamp(16px,32 * .0520833333vw,32px)}.archive-filter{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,16 * .0520833333vw,16px);flex-wrap:wrap;margin-bottom:32px}@media only screen and (max-width: 600px){.archive-filter{margin-bottom:40px}}.archive-filter__tabs{display:flex;align-items:center;gap:clamp(8px,16 * .0520833333vw,16px);flex-wrap:wrap}@media only screen and (max-width: 600px){.archive-filter__tabs{display:none}}.archive-filter__dropdown{display:none;position:relative}@media only screen and (max-width: 600px){.archive-filter__dropdown{display:block}}.archive-filter__dropdown-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-medium);color:var(--color-text-secondary);white-space:nowrap}.archive-filter__dropdown-trigger svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s}.archive-filter__dropdown-trigger.is-open svg{transform:rotate(180deg)}.archive-filter__dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:-8px;background:var(--color-bg);border-radius:12px;min-width:160px;z-index:100;flex-direction:column}.archive-filter__dropdown-menu.is-open{display:flex}.archive-filter__dropdown-item{background:none;border:none;padding:16px 8px;cursor:pointer;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-medium);color:var(--color-text-secondary);text-align:left;transition:color .2s,background-color .15s;border-radius:12px}.archive-filter__dropdown-item.is-active,.archive-filter__dropdown-item:hover{color:var(--color-text-primary)}.archive-filter__dropdown-item:hover{background-color:#f3f4f8}.archive-filter__tab{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-medium);color:var(--color-text-secondary);transition:color .2s}.archive-filter__tab.is-active,.archive-filter__tab:hover{color:var(--color-text-primary)}.archive-filter__sep{color:var(--color-text-secondary);font-size:var(--fs-btn-sm);-webkit-user-select:none;user-select:none}.archive-filter__actions{display:flex;align-items:center;gap:clamp(16px,32 * .0520833333vw,32px);flex-shrink:0}.archive-filter__clear{display:flex;align-items:center;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:var(--fs-btn-sm);line-height:var(--lh-btn-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);white-space:nowrap;transition:border-color .2s}.archive-filter__clear:hover{border-color:var(--color-text-secondary)}.archive-filter__clear.is-hidden{display:none}.archive-filter__clear svg{width:clamp(14px,20 * .0520833333vw,20px);height:clamp(14px,20 * .0520833333vw,20px);flex-shrink:0}.archive-filter__clear svg path{stroke:var(--color-text-secondary)}.archive-filter__trigger{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-medium);color:var(--color-text-secondary);white-space:nowrap}.archive-filter__trigger:hover{color:var(--color-text-primary)}.archive-filter__trigger svg{width:clamp(14px,24 * .0520833333vw,24px);height:clamp(14px,24 * .0520833333vw,24px);flex-shrink:0;transition:transform .25s}.archive-filter__trigger.is-open svg{transform:rotate(180deg)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(32px,64 * .0520833333vw,64px);row-gap:clamp(24px,32 * .0520833333vw,32px)}@media only screen and (max-width: 900px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 600px){.archive-grid{grid-template-columns:1fr}}.archive-grid__no-results{grid-column:1/-1;text-align:center;font-size:var(--fs-p1);line-height:var(--lh-p1);color:var(--color-text-secondary);padding:clamp(40px,64 * .0520833333vw,64px) 0}.archive-grid__footer{margin-top:clamp(32px,64 * .0520833333vw,64px);display:flex;justify-content:center}.archive-grid__load-more.is-hidden{display:none}.archive-grid__load-more.is-loading{opacity:.5;pointer-events:none}.filter-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998;align-items:center;justify-content:center;padding:clamp(16px,24 * .0520833333vw,24px)}@media only screen and (max-width: 600px){.filter-overlay{align-items:flex-start;padding:0}}.filter-overlay.is-visible{display:flex}body.filter-modal-open{overflow:hidden}.filter-modal{position:relative;width:100%;max-height:90dvh;background:var(--color-bg);border:1px solid var(--color-border);border-radius:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(32px,64 * .0520833333vw,64px) 0 clamp(32px,64 * .0520833333vw,64px) clamp(16px,64 * .0520833333vw,64px);opacity:0;transform:translateY(-100vh);transition:opacity .4s ease,transform 1.1s ease}@media only screen and (max-width: 600px){.filter-modal{margin-top:calc(var(--header-height, 80px) + 16px);max-height:calc(100dvh - var(--header-height, 80px) - 32px)}}.filter-modal.animate-in{opacity:1;transform:translateY(0)}.filter-modal.animate-out{opacity:0;transform:translateY(-100vh);transition:transform .6s ease,opacity .8s ease}.filter-modal__header{display:flex;justify-content:flex-end;flex-shrink:0;padding-right:clamp(16px,64 * .0520833333vw,64px)}.filter-modal__close{position:absolute;top:clamp(12px,24 * .0520833333vw,24px);right:clamp(12px,24 * .0520833333vw,24px);background:none;border:none;cursor:pointer;color:var(--color-text-primary);display:flex;padding:0;line-height:0;transition:opacity .2s}.filter-modal__close:hover{opacity:.6}.filter-modal__close svg{width:clamp(26px,36 * .0520833333vw,36px);height:clamp(26px,36 * .0520833333vw,36px)}.filter-modal__body{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-bottom:clamp(16px,64 * .0520833333vw,64px);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.filter-modal__body::-webkit-scrollbar{width:4px}.filter-modal__body::-webkit-scrollbar-track{background:transparent}.filter-modal__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.filter-modal__body-inner{padding-right:clamp(16px,64 * .0520833333vw,64px);display:flex;flex-direction:column;gap:32px}.filter-modal__group-title{font-size:var(--fs-btn-md);line-height:var(--lh-btn-md);font-weight:var(--fw-medium);color:var(--color-text-primary);margin-bottom:clamp(12px,16 * .0520833333vw,16px)}.filter-modal__group-items{display:grid;grid-template-columns:repeat(4,1fr);row-gap:0;column-gap:clamp(32px,64 * .0520833333vw,64px)}@media only screen and (max-width: 900px){.filter-modal__group-items{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 600px){.filter-modal__group-items{grid-template-columns:1fr}}.filter-modal__checkbox{display:flex;align-items:center;gap:8px;padding:clamp(12px,16 * .0520833333vw,16px) 16px;border-radius:12px;transition:background-color .15s;cursor:pointer;font-size:var(--fs-p1);line-height:var(--lh-p1);font-weight:var(--fw-regular);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.filter-modal__checkbox:hover{background-color:#f3f4f8}.filter-modal__checkbox input[type=checkbox]{display:none}.filter-modal__checkbox-box{display:flex;align-items:center;justify-content:center;width:clamp(16px,18 * .0520833333vw,18px);height:clamp(16px,18 * .0520833333vw,18px);flex-shrink:0;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;transition:border-color .15s}@media only screen and (max-width: 600px){.filter-modal__checkbox-box{width:20px;height:20px}}.filter-modal__checkbox-box svg{width:100%;height:100%;opacity:0;transition:opacity .15s}.filter-modal__checkbox-box svg path{stroke:var(--color-text-primary)}input[type=checkbox]:checked+.filter-modal__checkbox-box{border-color:var(--color-text-primary)}input[type=checkbox]:checked+.filter-modal__checkbox-box svg{opacity:1}.filter-modal__checkbox.is-unavailable{opacity:.3;pointer-events:none}.filter-modal__footer{flex-shrink:0;padding-right:clamp(16px,64 * .0520833333vw,64px)}.filter-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;justify-self:flex-end}@media only screen and (max-width: 600px){.filter-modal__actions{flex-direction:column-reverse;width:100%}}.filter-modal__modal-clear{background:none;border:none;padding:clamp(12px,17 * .0520833333vw,17px) clamp(24px,32 * .0520833333vw,32px);cursor:pointer;font-size:var(--fs-btn-md);line-height:var(--lh-btn-md);font-weight:var(--fw-medium);color:var(--color-text-secondary);transition:color .2s}.filter-modal__modal-clear:hover{color:var(--color-text-primary)}.filter-modal__modal-clear.is-hidden{color:var(--color-border);pointer-events:none}