.oct-leathers{--oct-border: #d9d9d5;--oct-muted: #656560;color:#1d1d1b;background:#fff;font-family:Archivo;font-size:14px;line-height:1.55}.oct-leathers h1,.oct-leathers h2,.oct-leathers h3{color:#1d1d1b;font-family:Alegrya sans;font-weight:200;letter-spacing:0}.oct-leathers__inner.page-width{width:100%;max-width:1180px!important;margin:0 auto!important;padding:34px 22px 70px!important}.oct-leathers__hero{max-width:760px;margin:0}.oct-leathers__eyebrow{margin:0 0 12px;color:var(--oct-muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.oct-leathers__title{margin:0;font-size:clamp(24px,7vw,48px);line-height:1.02}.oct-leathers__intro{margin-top:22px;max-width:760px;color:var(--oct-muted);font-size:17px;line-height:1.65}.oct-leathers__intro p{margin:0}.oct-leathers__nav{position:sticky;top:0;z-index:4;margin-top:34px;padding:0;border-block:0px solid var(--oct-border);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.oct-leathers__nav-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.oct-leathers__nav-track::-webkit-scrollbar{display:none}.oct-leathers__nav-link{flex:0 0 auto;padding:9px 14px;border:1px solid var(--oct-border);border-radius:999px;color:#fff;background:#1c2b1f;text-decoration:none;line-height:1.2}.oct-leathers__nav-link:hover,.oct-leathers__nav-link:focus-visible,.oct-leathers__nav-link.is-active{background:#1d1d1b;color:#fff}.oct-family{scroll-margin-top:80px;padding:58px 0;border-bottom:1px solid var(--oct-border)}.oct-family:last-child{border-bottom:0}.oct-family__header{margin-bottom:24px}.oct-family__heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.oct-family__title{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.12}.oct-family__count,.oct-family__summary{color:var(--oct-muted)}.oct-family__count{white-space:nowrap}.oct-family__summary{max-width:710px;margin:12px 0 0;line-height:1.55}.oct-family__traits{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}.oct-family__traits li{padding:5px 9px;border-radius:999px;background:#f0f0ed;font-size:13px}.oct-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,240px));justify-content:start;gap:25px 17px}.oct-swatch-grid--3,.oct-swatch-grid--4,.oct-swatch-grid--5{grid-template-columns:repeat(auto-fill,minmax(180px,240px))}.oct-swatch-card{min-width:0}.oct-swatch-card__button{display:block;position:relative;width:100%;aspect-ratio:1 / 1;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;overflow:hidden}.oct-swatch-card__image,.oct-swatch-card__placeholder{display:block;width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:cover!important;background:#f0f0ed}.oct-swatch-card__image{transition:transform .24s ease}.oct-swatch-card__button:hover .oct-swatch-card__image{transform:scale(1.025)}.oct-swatch-card__zoom{position:absolute;right:10px;bottom:10px;padding:5px 8px;background:#ffffffe6;color:#1d1d1b;font-size:12px;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.oct-swatch-card__button:hover .oct-swatch-card__zoom,.oct-swatch-card__button:focus-visible .oct-swatch-card__zoom{opacity:1;transform:none}.oct-swatch-card__body{padding-top:9px}.oct-swatch-card__name{margin:0;font-size:17px;line-height:1.35}.oct-swatch-card__name span{color:var(--oct-muted);font-weight:400}.oct-swatch-card__source,.oct-swatch-card__availability{margin:3px 0 0;color:var(--oct-muted);font-size:13px}.oct-swatch-card__availability{font-style:italic}.oct-family__details{margin-top:28px;padding-top:17px;border-top:1px solid var(--oct-border)}.oct-family__details summary{cursor:pointer;font-weight:600}.oct-family__details-body{max-width:760px;padding-top:10px;color:var(--oct-muted)}.oct-family__empty,.oct-leathers__empty{padding:15px;background:#f0f0ed}.oct-swatch-dialog{--oct-dialog-background: #f7f7f5;--oct-dialog-foreground: #1d1d1b;--oct-dialog-muted: #5f5f5a;width:min(94vw,118rem);max-width:none;max-height:92vh;padding:0;border:0;color:var(--oct-dialog-foreground);background-color:var(--oct-dialog-background)}.oct-swatch-dialog::backdrop{background:#000000b8}.oct-swatch-dialog__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,30rem);max-height:92vh;background-color:var(--oct-dialog-background)}.oct-swatch-dialog__image{width:100%;height:100%;max-height:92vh;object-fit:contain;background:rgba(var(--color-foreground),.04)}.oct-swatch-dialog__caption{padding:3rem 2.2rem;color:var(--oct-dialog-foreground);background-color:var(--oct-dialog-background)}.oct-swatch-dialog__caption h2{margin-top:0}.oct-swatch-dialog__caption p{color:var(--oct-dialog-muted)}.oct-swatch-dialog__close{position:absolute;z-index:2;top:.8rem;right:.8rem;width:4rem;height:4rem;border:1px solid #d4d4cf;border-radius:50%;background-color:var(--oct-dialog-background);color:var(--oct-dialog-foreground);font-size:2.6rem;line-height:1;cursor:pointer}@media screen and (max-width:989px){.oct-swatch-grid,.oct-swatch-grid--3,.oct-swatch-grid--4,.oct-swatch-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.oct-swatch-dialog__panel{display:block;overflow-y:auto}.oct-swatch-dialog__image{max-height:68vh}.oct-swatch-dialog__caption{padding:1.8rem}}@media screen and (max-width:479px){.oct-swatch-grid{gap:1.4rem 1rem}.oct-family__heading-row{align-items:flex-start}.oct-family__count{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.oct-swatch-card__image,.oct-swatch-card__zoom{transition:none}}.oct-family__header,.oct-family__heading-row,.oct-family__title,.oct-family__summary{text-align:center}.oct-family__heading-row{justify-content:center}.oct-family__title,.oct-family__summary{margin-inline:auto}.oct-family__traits{display:none!important}.oct-family,.oct-family__details,.oct-leathers__nav{border:0!important;border-block:0!important}.oct-family__details{max-width:760px;margin:18px auto 36px;text-align:center}.oct-family__details summary{display:inline-block;cursor:pointer}.oct-family__details-body{margin-top:16px;text-align:center}.oct-leathers__hero{max-width:900px;margin-inline:auto;text-align:center}.oct-leathers__eyebrow,.oct-leathers__title,.oct-leathers__intro{text-align:center;margin-inline:auto}.oct-leathers__nav-track{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/oct-leather-guide.css.map */