.knowledge{font-family:Outfit,sans-serif;color:#3b402a;background-color:#f4f2e9;padding-block:clamp(3.5rem,8vw,7rem)}.knowledge[dir=rtl]{font-family:IBM Plex Sans Arabic,Outfit,sans-serif}.knowledge *{min-width:0}.knowledge h1,.knowledge h2,.knowledge h3,.knowledge .serif{font-family:Fraunces,serif}.knowledge[dir=rtl] h1,.knowledge[dir=rtl] h2,.knowledge[dir=rtl] h3,.knowledge[dir=rtl] .serif{font-family:Fraunces,IBM Plex Sans Arabic,serif}.knowledge .mono,.knowledge .eyebrow{font-family:DM Mono,monospace}.knowledge[dir=rtl] .mono,.knowledge[dir=rtl] .eyebrow{font-family:IBM Plex Sans Arabic,monospace;letter-spacing:0}.knowledge[dir=rtl] .locale-directional-icon{display:inline-block;transform:scaleX(-1)}.knowledge bdi{unicode-bidi:isolate}.knowledge__locale-notice{margin:0 0 2rem;padding:.8rem 1rem;border-inline-start:3px solid #74823e;background:#e9ead9;border-radius:0 .5rem .5rem 0}.knowledge[dir=rtl] .knowledge__locale-notice{border-radius:.5rem 0 0 .5rem}.knowledge__header{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,3rem);align-items:center;max-width:72rem;margin:0 auto}.knowledge .eyebrow{font-size:.625rem;font-weight:600;letter-spacing:.26em;color:#74823e;text-transform:uppercase;margin:0 0 1rem}.knowledge__header h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:600;line-height:1;letter-spacing:-.04em;margin:0 0 1.25rem;max-width:36rem;text-wrap:balance}.knowledge__intro{font-size:1.125rem;line-height:1.65;opacity:.8;max-width:32rem;margin:0 0 1.75rem}.knowledge__search{position:relative;display:flex;align-items:center;max-width:28rem;border:1px solid rgba(59,64,42,.2);border-radius:999px;background-color:#ffffffb3;padding:.875rem 1.25rem;gap:.75rem;transition:all .2s ease}.knowledge__search:focus-within{outline:2px solid #74823e;outline-offset:3px;border-color:#3b402a}.knowledge__search-icon{font-size:1rem;opacity:.5;flex-shrink:0;display:flex;align-items:center}.knowledge__search-icon svg{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;fill:none}.knowledge__search input{width:100%;border:none;background:transparent;color:inherit;font:inherit;font-size:.875rem;outline:none}.knowledge__search input:focus-visible{outline:none}.knowledge__search input::placeholder{opacity:.45}.knowledge__search button[type=reset]{width:1.5rem;height:1.5rem;border:none;border-radius:50%;background:#3b402a1a;color:#3b402a;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.knowledge__search button[type=reset]:focus-visible{outline:2px solid #74823e;outline-offset:2px}.knowledge__search button[type=reset] svg{width:1rem;height:1rem}.knowledge__header>img{width:100%;aspect-ratio:.95;object-fit:cover;border-radius:2.5rem;box-shadow:10px 12px #dfe3c8}.knowledge__browse{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:72rem;margin:clamp(3.5rem,8vw,4rem) auto 2rem}.knowledge__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;border:0}.knowledge__filters button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(59,64,42,.2);border-radius:999px;background-color:#fff9;color:inherit;font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .2s ease}.knowledge__filters button:hover{border-color:#3b402a80}.knowledge__filters button:focus-visible{outline:2px solid #74823e;outline-offset:2px}.knowledge__filters button[aria-pressed=true]{border-color:#3b402a;background-color:#3b402a;color:#f2f1e8}.knowledge__filters button svg{width:.8125rem;height:.8125rem;stroke:currentColor;stroke-width:2;fill:none}.knowledge__status{flex:none;margin:0 0 .25rem;font-size:.5625rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-family:DM Mono,monospace;color:#3b402a80}.knowledge[dir=rtl] .knowledge__status{font-family:IBM Plex Sans Arabic,monospace;letter-spacing:0}.knowledge__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;max-width:72rem;margin:0 auto}.knowledge-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(59,64,42,.1);border-radius:1.5rem;background-color:#ffffffb3;padding:1.5rem;transition:transform .25s,box-shadow .25s;position:relative}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3b402a14}.knowledge-card[hidden]{display:none}.knowledge-card__body{display:flex;flex-direction:column;flex:1}.knowledge-card__media{display:block;margin:0 0 1.25rem;aspect-ratio:4 / 3;overflow:hidden;border-radius:.75rem;background-color:#e9ead9}.knowledge-card__media img{display:block;width:100%;height:100%;object-fit:cover}.knowledge-card__meta{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;color:#74823e;font-size:.5625rem;font-weight:600;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-family:DM Mono,monospace}.knowledge[dir=rtl] .knowledge-card__meta,.knowledge[dir=rtl] .knowledge-card__byline{font-family:IBM Plex Sans Arabic,monospace;letter-spacing:0}.knowledge-card h2{margin:.75rem 0;font-size:1.25rem;line-height:1.2;letter-spacing:-.01em;font-family:Fraunces,serif;font-weight:600;overflow-wrap:anywhere}.knowledge-card h2 a{color:inherit;text-decoration:none}.knowledge-card h2 a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.knowledge-card h2 a:focus-visible:before,.knowledge-card__link:focus-visible{outline:2px solid #74823e;outline-offset:4px}.knowledge-card__excerpt{margin:0 0 1rem;color:#3b402a;opacity:.7;font-size:.875rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.knowledge-card__byline{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0 0;color:#3b402a80;font-size:.5625rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-family:DM Mono,monospace}.knowledge-card__link{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;color:#74823e;font-weight:600;font-size:.875rem;text-decoration:none;z-index:1}.knowledge-card__link svg{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;fill:none}.knowledge__state{margin:2rem auto;padding:clamp(2rem,5vw,4rem);border:1px dashed rgba(59,64,42,.3);border-radius:2rem;background-color:#ffffff80;text-align:center;max-width:48rem}.knowledge__state p{margin:0 0 1rem;font-family:Fraunces,serif;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2;font-weight:600}.knowledge__state p:only-child{margin:0}.knowledge__state .button{background-color:transparent;border:1px solid #3b402a;color:#3b402a;padding:.75rem 1.5rem;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.knowledge__state .button:focus-visible{outline:2px solid #74823e;outline-offset:2px}.knowledge__state .button:hover{background-color:#3b402a;color:#f4f2e9}.knowledge__pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.knowledge__pagination>span{display:flex;gap:.5rem}.knowledge__pagination button{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border:1px solid rgba(59,64,42,.2);border-radius:999px;background-color:#ffffffb3;color:inherit;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.knowledge__pagination button:focus-visible{outline:2px solid #74823e;outline-offset:2px}.knowledge__pagination button svg{width:1rem;height:1rem}.knowledge__pagination button:hover:not(:disabled){border-color:#3b402a}.knowledge__pagination button[aria-current=page]{background-color:#3b402a;color:#f2f1e8;border-color:#3b402a}.knowledge__pagination button:disabled{cursor:not-allowed;opacity:.35}@media(max-width:1024px){.knowledge__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.knowledge__header{grid-template-columns:1fr;gap:2rem}.knowledge__header>img{display:none}.knowledge__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge__browse{flex-direction:column;align-items:flex-start}.knowledge__status{align-self:flex-start;margin-top:1rem}}@media(max-width:640px){.knowledge{padding-block:2.5rem}.knowledge__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.knowledge-card,.knowledge__filters button,.knowledge__pagination button,.knowledge__state .button,.knowledge__search{transition:none}.knowledge-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/knowledge-library.css.map */