.bloglisting,.bloglisting *,.bloglisting :before,.bloglisting :after{box-sizing:border-box}.bloglisting{--ink:#0b0b0c;--paper:#f4f2ec;--muted:#a9a6a0;--red-bright:#ff2d3d;--red-dark:#6b0f14;--line:#f5f3ec24;background:var(--ink);color:var(--paper);width:100%;padding:clamp(64px,9vw,120px) clamp(20px,4vw,56px) clamp(72px,9vw,120px);font-family:Roboto,sans-serif;position:relative}.bloglisting__intro{flex-direction:column;gap:12px;max-width:1000px;margin:0 auto clamp(40px,6vw,72px);display:flex}.bloglisting__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.bloglisting__eyebrow:before{content:"";background:linear-gradient(90deg, var(--red-bright), var(--red-dark));width:26px;height:2px;display:inline-block}.bloglisting__heading{color:var(--paper);margin:0;font-family:Roboto,sans-serif;font-size:clamp(32px,4.2vw,48px);font-weight:400;line-height:1.05}.bloglisting__status{color:var(--muted);font-size:15px}.bloglisting__grid{flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.bloglisting__card{color:inherit;cursor:pointer;border-bottom:1px solid var(--line);flex-direction:row;align-items:stretch;gap:clamp(24px,4vw,48px);padding:clamp(28px,3.5vw,44px) 0;text-decoration:none;display:flex}.bloglisting__card:first-child{padding-top:0}.bloglisting__image-wrap{aspect-ratio:4/3;background:#141416;flex:0 0 clamp(220px,28vw,320px);position:relative;overflow:hidden}.bloglisting__image{object-fit:cover;filter:grayscale(.1)brightness(.9)saturate(1.02);width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.02)}.bloglisting__card:hover .bloglisting__image,.bloglisting__card:focus-visible .bloglisting__image{filter:grayscale(0)brightness()saturate(1.08);transform:scale(1.08)}.bloglisting__scrim{background:linear-gradient(#0b0b0c00 55%,#0b0b0c8c 100%);position:absolute;inset:0}.bloglisting__body{flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;display:flex}.bloglisting__name{color:var(--paper);width:fit-content;margin:0;padding-bottom:8px;font-family:Roboto,sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:400;line-height:1.25;display:inline-block;position:relative}.bloglisting__name:after{content:"";background:linear-gradient(90deg, var(--red-bright), var(--red-dark));width:0;height:2px;transition:width .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.bloglisting__card:hover .bloglisting__name:after,.bloglisting__card:focus-visible .bloglisting__name:after{width:100%}.bloglisting__desc{color:#f4f2eca6;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:56ch;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.bloglisting__card--skeleton{pointer-events:none}.bloglisting__image-wrap--skeleton{background:#141416}.bloglisting__skeleton-shimmer{opacity:.5;animation:bloglisting-pulse var(--sk-duration,1.8s) ease-in-out infinite;animation-delay:var(--sk-delay,0s);background:#f5f3ec0b;position:absolute;inset:0}.bloglisting__skel{opacity:.5;animation:bloglisting-pulse var(--sk-duration,1.8s) ease-in-out infinite;animation-delay:var(--sk-delay,0s);background:#f5f3ec12;border-radius:3px;display:block}.bloglisting__skel--name{width:55%;height:24px;margin-bottom:6px}.bloglisting__skel--desc{width:90%;height:12px}.bloglisting__skel--desc-short{width:40%;height:12px;margin-top:8px}@keyframes bloglisting-pulse{0%,to{opacity:.4}50%{opacity:.85}}.bloglisting__pagination{justify-content:center;align-items:center;gap:18px;margin-top:clamp(48px,6vw,72px);display:flex}.bloglisting__pages{align-items:center;gap:6px;display:flex}.bloglisting__page{min-width:36px;height:36px;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 8px;font-size:13px;font-weight:600;transition:color .25s,border-color .25s,background .25s}.bloglisting__page:hover{color:var(--paper);border-color:var(--line)}.bloglisting__page.is-active{color:var(--paper);background:linear-gradient(90deg, var(--red-bright), var(--red-dark))}.bloglisting__arrow{border:1px solid var(--line);width:40px;height:40px;color:var(--paper);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:border-color .3s,background .3s,color .3s,transform .3s;display:inline-flex}.bloglisting__arrow svg{width:18px;height:18px}.bloglisting__arrow:hover:not(:disabled),.bloglisting__arrow:focus-visible:not(:disabled){background:linear-gradient(90deg, var(--red-bright), var(--red-dark));color:var(--paper);border-color:#0000;transform:translateY(-1px)}.bloglisting__arrow:disabled{opacity:.28;cursor:default}.bloglisting[data-lang=ka] .bloglisting__heading,.bloglisting[data-lang=ka] .bloglisting__name{font-feature-settings:"case" on;letter-spacing:0;font-family:Varela Round,sans-serif;font-weight:600}.bloglisting[data-lang=ka] .bloglisting__desc,.bloglisting[data-lang=ka] .bloglisting__eyebrow,.bloglisting[data-lang=ka] .bloglisting__page{font-family:Varela Round,sans-serif}@media (max-width:820px){.bloglisting__card{gap:20px}.bloglisting__image-wrap{flex-basis:180px}.bloglisting__desc{-webkit-line-clamp:2}}@media (max-width:640px){.bloglisting{padding:75px 20px clamp(56px,12vw,80px)}.bloglisting__card{flex-direction:column;gap:16px;padding:clamp(24px,6vw,36px) 0}.bloglisting__image-wrap{aspect-ratio:16/10;flex-basis:auto;width:100%}.bloglisting__name{font-size:20px}.bloglisting__name:after{width:36px;transition:none}.bloglisting__desc{-webkit-line-clamp:3;max-width:none;font-size:14px}.bloglisting__image{transform:none}.bloglisting__card:active .bloglisting__image{filter:grayscale(0)brightness()saturate(1.08)}}@media (prefers-reduced-motion:reduce){.bloglisting__image,.bloglisting__name:after,.bloglisting__page,.bloglisting__skeleton-shimmer,.bloglisting__skel,.bloglisting__card--skeleton{transition:none;animation:none}}.bloglisting__source-tag{letter-spacing:.1em;text-transform:uppercase;width:fit-content;color:var(--red-bright);align-items:center;margin-bottom:4px;font-size:11px;font-weight:600;display:inline-flex}.bloglisting[data-lang=ka] .bloglisting__source-tag{font-family:Roboto,sans-serif}
