.wear-the-mission{scroll-margin-top:90px;padding:4rem 2rem;text-align:center;--wtm-green: #4A4E39}.wear-the-mission__header{max-width:min(90vw,900px);margin:0 auto}.wear-the-mission__eyebrow{color:var(--wtm-green);font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.wear-the-mission__heading{color:#7d7d6d;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin:0 0 1rem;text-wrap:balance}.wear-the-mission__subheading{font-size:clamp(1rem,1.5vw,1.15rem);opacity:.7;margin:0 auto;max-width:50ch}.wear-the-mission__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:min(92vw,1700px);margin:3.5rem auto 0;text-align:left}.wear-the-mission__card{list-style:none}.wear-the-mission__card-trigger{display:block;width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.wear-the-mission__image-wrap{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;background:#0000000a;margin-bottom:1rem}.wear-the-mission__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease}.wear-the-mission__image--secondary,.wear-the-mission__card-trigger:hover .wear-the-mission__image--primary{opacity:0}.wear-the-mission__card-trigger:hover .wear-the-mission__image--secondary{opacity:1}.wear-the-mission__card-trigger:hover .wear-the-mission__image{transform:scale(1.03)}.wear-the-mission__badge{position:absolute;top:.75rem;left:.75rem;background:#000000bf;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .6rem;border-radius:4px}.wear-the-mission__badge--coming-soon{background:var(--wtm-green, #4A4E39);letter-spacing:.09em;font-weight:700}.wear-the-mission__title{display:block;font-size:.95rem;font-weight:700;margin-bottom:.25rem}.wear-the-mission__price{display:block;font-size:.9rem;opacity:.7}.fade-in-up{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0s)}.fade-in-up.is-visible{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.fade-in-up{transition:none;opacity:1;transform:none}}@media(max-width:989px){.wear-the-mission__grid{grid-template-columns:repeat(2,1fr)}}.wear-the-mission__modal{border:none;border-radius:10px;padding:0;width:min(90vw,900px);max-height:85vh;margin:auto}.wear-the-mission__modal::backdrop{background:#00000080}.wear-the-mission__modal-inner{display:grid;grid-template-columns:1fr 1fr;position:relative}.wear-the-mission__modal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;font-size:1.5rem;line-height:1;cursor:pointer}.wear-the-mission__modal-media{position:relative;background:#0000000a}.wear-the-mission__modal-media img{width:100%;height:100%;object-fit:cover;display:block}.wear-the-mission__modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#ffffffd9;color:#1a1a1a;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.wear-the-mission__modal-nav:hover{background:#fff}.wear-the-mission__modal-nav[hidden]{display:none}.wear-the-mission__modal-nav--prev{left:.75rem}.wear-the-mission__modal-nav--next{right:.75rem}.wear-the-mission__modal-info{--wtm-green: #5C604A;background-color:var(--wtm-green);color:#fff;padding:2.5rem;text-align:left;overflow-y:auto}.wear-the-mission__modal-info h3{font-size:1.5rem;font-weight:800;margin:0 0 .5rem;color:#fff}.wear-the-mission__modal-price{font-size:1.15rem;color:#fff;font-weight:700;margin:0 0 1rem}.wear-the-mission__modal-description{font-size:.9rem;opacity:.85;line-height:1.6;margin:0 0 1.5rem;color:#fff}.wear-the-mission__modal-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.wear-the-mission__modal-options label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;color:#fff}.wear-the-mission__modal-options select{width:100%;padding:.6rem;border-radius:4px;border:1px solid rgba(255,255,255,.4);background:#fff;color:#1a1a1a;font-size:.95rem}.wear-the-mission__modal-quantity{margin-bottom:1.5rem}.wear-the-mission__modal-quantity label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;color:#fff}.wear-the-mission__quantity-stepper{display:flex;align-items:center;width:fit-content;border:1px solid rgba(255,255,255,.4);border-radius:4px;overflow:hidden}.wear-the-mission__quantity-stepper button{width:38px;height:38px;border:none;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease}.wear-the-mission__quantity-stepper button:hover{background:#ffffff26}.wear-the-mission__quantity-stepper input{width:48px;height:38px;border:none;border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;text-align:center;font-size:.95rem;-moz-appearance:textfield}.wear-the-mission__quantity-stepper input::-webkit-outer-spin-button,.wear-the-mission__quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wear-the-mission__modal-add{width:100%;padding:.9rem;background-color:#33362b!important;color:#fff!important;border:none;border-radius:4px;font-size:.95rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.wear-the-mission__modal-add:hover{background-color:#262921!important}.wear-the-mission__modal-add:disabled{opacity:.5;cursor:not-allowed}.wear-the-mission__modal-status{margin:.75rem 0 0;font-size:.85rem;min-height:1.2em}@media(max-width:749px){.wear-the-mission__modal{width:92vw}.wear-the-mission__modal-inner{grid-template-columns:1fr}.wear-the-mission__modal-media{aspect-ratio:1 / 1}.wear-the-mission__modal-info{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/wear-the-mission.css.map */