.attrx{background-color:#164093;background-image:url(../image/bg-pattern.webp);background-repeat:repeat;padding:5rem 0 6rem}.attrx__wrap{margin:0 auto;max-width:1380px;padding:0 clamp(1rem,4vw,3rem)}.attrx__header{margin-bottom:2.75rem;text-align:center}.attrx__eyebrow{color:#ff8f00;font-size:.72rem;font-weight:700;letter-spacing:.26em;margin-bottom:.5rem;text-transform:uppercase}.attrx__title{color:#fff;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1;margin:0}.attrx__tabbar{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:1.25rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;padding:.5rem}@media(max-width:600px){.attrx__tabbar{grid-template-columns:repeat(2,1fr)}}.attrx__tab{align-items:center;background:transparent;border:none;border-radius:.875rem;color:#fff6;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;justify-content:center;padding:1.1rem .5rem;transition:background .22s ease,color .22s ease,box-shadow .22s ease}.attrx__tab-icon{transition:transform .22s ease}.attrx__tab-num{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1}.attrx__tab-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.attrx__tab:hover{background:#ffffff12;color:#fff}.attrx__tab:hover .attrx__tab-icon{transform:scale(1.15)}.attrx__tab--active{box-shadow:0 6px 28px #ff8f0073}.attrx__tab--active,.attrx__tab--active:hover{background:#ff8f00;color:#fff}.attrx__tab--active:hover .attrx__tab-icon{transform:none}.attrx__grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.attrx__grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.attrx__grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}@keyframes attrxCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.attrx-card{animation:attrxCardIn .45s ease both;animation-delay:var(--d,0s);background:#ffffff0a;border:1px solid hsla(0,0%,100%,.09);border-radius:1.5rem;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.attrx-card:hover{transform:translateY(-8px)}.attrx-card:hover .attrx-card__img{transform:scale(1.07)}.attrx-card--gigant:hover{border-color:#ff8f0059}.attrx-card--big:hover{border-color:#1640934d}.attrx-card--other:hover{border-color:#f29e1259}.attrx-card__thumb{aspect-ratio:4/3;background:#ffffff08;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.attrx-card__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .55s ease;width:100%}.attrx-card__no-img{align-items:center;color:#ffffff1f;display:flex;height:100%;justify-content:center;width:100%}.attrx-card__tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:3rem;bottom:12px;font-size:.8rem;font-weight:800;left:12px;letter-spacing:.1em;padding:.3rem .7rem;position:absolute;text-transform:uppercase}.attrx-card--gigant .attrx-card__tag{background:#ff8f00;color:#fff}.attrx-card--big .attrx-card__tag{background:#164093;color:#fff}.attrx-card--other .attrx-card__tag{background:#f29e12;color:#fff}.attrx-card__zoom{align-items:center;background:transparent;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease,background .25s ease}.attrx-card__thumb:hover .attrx-card__zoom{background:#0000004d;opacity:1}.attrx-card__body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.5rem}.attrx-card__name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0!important}.attrx-card__desc{color:#ffffff94;display:-webkit-box;flex:1;font-size:.85rem;-webkit-line-clamp:3;line-height:1.7;margin:0!important;-webkit-box-orient:vertical;overflow:hidden}.attrx-card__meta{border-top:1px solid hsla(0,0%,100%,.07);color:#fff9;font-size:.9rem;gap:.4rem;margin-top:auto;padding-top:1rem;text-wrap:balance}.attrx-card__meta,.attrx-modal{align-items:center;display:flex}.attrx-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.attrx-modal__box{background:#082139;border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;box-shadow:0 40px 100px #0009;max-width:900px;overflow:hidden;position:relative;width:100%}.attrx-modal__close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease,transform .2s ease;width:36px;z-index:2}.attrx-modal__close:hover{background:#000c;transform:scale(1.1)}.attrx-modal__img-wrap{aspect-ratio:4/3;overflow:hidden;width:100%}.attrx-modal__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.attrx-modal__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.attrx-modal__name{color:#fff;font-size:1rem;font-weight:700}.attrx-modal__sizes{align-items:center;color:#ffffff80;display:flex;font-size:.78rem;gap:.4rem}.attrx-modal-enter-active{transition:opacity .3s ease}.attrx-modal-enter-active .attrx-modal__box{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.attrx-modal-leave-active{transition:opacity .18s ease-in}.attrx-modal-leave-active .attrx-modal__box{transition:transform .18s ease-in,opacity .18s ease-in}.attrx-modal-enter-from{opacity:0}.attrx-modal-enter-from .attrx-modal__box{opacity:0;transform:scale(.88) translateY(24px)}.attrx-modal-leave-to{opacity:0}.attrx-modal-leave-to .attrx-modal__box{opacity:0;transform:scale(.94) translateY(10px)}