.offbeat-collections-hub-section{margin:0!important;padding:0!important}.ob-hub,.ob-hub *{box-sizing:border-box}.ob-hub{background:var(--ob-hub-bg);color:var(--ob-hub-ink);width:100%;overflow:hidden;padding:35px 0 clamp(60px,7vw,104px);font-family:var(--font-body-family),Arial,sans-serif}.ob-hub__container{width:min(100%,1620px);margin:0 auto;padding:0 clamp(18px,4vw,72px)}.ob-hub__breadcrumb{display:flex;align-items:center;gap:12px;font:800 10px/1.4 var(--font-heading-family),Arial,sans-serif;letter-spacing:.15em;color:var(--ob-hub-soft);margin:0 0 clamp(35px,5vw,70px)}.ob-hub__breadcrumb a{color:var(--ob-hub-soft);text-decoration:none}.ob-hub__breadcrumb a:hover{color:var(--ob-hub-ink)}.ob-hub__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 clamp(30px,4vw,54px)}.ob-hub__head>div:first-child{max-width:920px}.ob-hub__eyebrow{display:flex;align-items:center;gap:9px;font:800 10px/1.4 var(--font-heading-family),Arial,sans-serif;letter-spacing:.18em;margin:0 0 17px;color:var(--ob-hub-ink)}.ob-hub__spot{width:7px;height:7px;background:var(--ob-hub-ink);border-radius:100%;display:inline-block}.ob-hub__title{margin:0 0 16px!important;max-width:1020px;color:var(--ob-hub-ink)!important;font:900 clamp(40px,6.9vw,110px)/.92 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.079em;text-transform:uppercase}.ob-hub__desc{font:500 14px/1.65 var(--font-body-family),Arial,sans-serif;color:var(--ob-hub-soft);max-width:500px;margin:0}.ob-hub__stamp{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:142px;height:142px;flex:0 0 142px;padding:23px 8px;background:#111;color:#f7f1e7;transform:rotate(-7deg);border-radius:50%;text-align:center}.ob-hub__stamp span{font:700 9px/1.1 var(--font-heading-family),Arial,sans-serif;letter-spacing:.09em}.ob-hub__stamp strong{font:900 18px/1 var(--font-heading-family),Arial,sans-serif;letter-spacing:-.06em}.ob-hub__all{position:relative;display:flex;align-items:end;justify-content:space-between;gap:25px;min-height:clamp(220px,26vw,370px);padding:clamp(25px,5vw,65px);overflow:hidden;background:#111;color:#f7f1e7!important;text-decoration:none!important;isolation:isolate;border-radius:5px;margin:0 0 clamp(44px,5vw,70px)}.ob-hub__all-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;color:#f7f1e7}.ob-hub__all-deco span:first-child{position:absolute;right:5%;top:-15%;font:900 clamp(190px,33vw,500px)/1 var(--font-heading-family),Arial,sans-serif;letter-spacing:-.16em;opacity:.12;transform:rotate(-14deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ob-hub__all:hover .ob-hub__all-deco span:first-child{transform:rotate(-10deg) scale(1.06)}.ob-hub__all-deco span:last-child{position:absolute;right:24px;top:20px;font:800 10px/1 var(--font-heading-family),Arial,sans-serif;letter-spacing:.14em;opacity:.6}.ob-hub__all-copy{position:relative;z-index:1;min-width:0}.ob-hub__all-copy p{margin:0 0 13px;font:800 10px/1.4 var(--font-heading-family),Arial,sans-serif;letter-spacing:.16em}.ob-hub__all-copy h2{margin:0 0 14px;color:#f7f1e7!important;font:900 clamp(40px,6vw,93px)/.91 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.068em}.ob-hub__all-copy>span{font:700 11px/1.4 var(--font-heading-family),Arial,sans-serif;letter-spacing:.12em;color:#e7ded3}.ob-hub__all-arrow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:70px;height:70px;flex:0 0 70px;border:1px solid #F7F1E7;border-radius:50%;transition:color .3s,background .3s,transform .3s}.ob-hub__all:hover .ob-hub__all-arrow{color:#111;background:#f7f1e7;transform:rotate(45deg)}.ob-hub__section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 23px}.ob-hub__section-title h2{margin:0;color:var(--ob-hub-ink)!important;font:900 clamp(22px,3vw,38px)/1 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.058em}.ob-hub__section-title>span{display:inline-flex;align-items:center;gap:10px;font:800 10px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.1em}.ob-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.1vw,28px)}.ob-hub__card{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:3/4;background:#797165;border-radius:4px;text-decoration:none!important;color:#fff!important;isolation:isolate}.ob-hub__visual{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ob-hub__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}.ob-hub__card:hover .ob-hub__image{transform:scale(1.07);filter:saturate(1.07)}.ob-hub__shade{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 27%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.83))}.ob-hub__counter{position:absolute;z-index:2;top:23px;left:23px;font:800 9px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.15em}.ob-hub__badge{position:absolute;z-index:2;right:17px;top:17px;background:#f7f1e7;color:#111;padding:9px 11px;font:850 9px/1 var(--font-heading-family),Arial,sans-serif;letter-spacing:.07em}.ob-hub__card-bottom{position:absolute;z-index:2;left:23px;right:23px;bottom:23px;display:flex;justify-content:space-between;align-items:end;gap:12px}.ob-hub__card-bottom>div{min-width:0}.ob-hub__card-bottom>div>span{font:750 9px/1.3 var(--font-heading-family),Arial,sans-serif;letter-spacing:.12em;opacity:.86}.ob-hub__card-bottom h3{color:#fff!important;margin:8px 0 0;font:900 clamp(27px,2.8vw,43px)/1 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.06em;text-transform:uppercase;overflow-wrap:break-word}.ob-hub__card-go{width:44px;height:44px;flex:0 0 44px;border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .25s,color .25s,transform .25s}.ob-hub__card:hover .ob-hub__card-go{background:#fff;color:#111;transform:rotate(45deg)}.ob-hub__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:linear-gradient(135deg,#696358,#3e3a35);color:#f7f1e7;text-align:center;overflow:hidden}.ob-hub__fallback span{position:relative;z-index:1;font:800 10px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.14em}.ob-hub__fallback b{position:relative;z-index:1;max-width:92%;font:900 clamp(38px,4vw,65px)/.94 var(--font-heading-family),Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase}.ob-hub__fallback svg{position:absolute;right:-16%;top:18%;width:88%;height:auto;opacity:.24}.ob-hub__pages{display:flex;gap:24px;justify-content:center;align-items:center;padding:25px 0;font:800 11px/1.4 var(--font-heading-family),Arial,sans-serif}.ob-hub__pages a{color:#111}.ob-hub__outro{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:57px;font:800 10px/1.4 var(--font-heading-family),Arial,sans-serif;letter-spacing:.16em;text-align:center}.ob-hub__line{height:1px;flex:1;background:#d9d1c6}@media(max-width:989px){.ob-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-hub__title{font-size:clamp(37px,7vw,67px)!important}}@media(max-width:599px){.ob-hub{padding:23px 0 58px}.ob-hub__container{padding:0 18px}.ob-hub__breadcrumb{margin-bottom:33px;font-size:9px}.ob-hub__head{margin-bottom:25px}.ob-hub__title{font-size:clamp(38px,11vw,58px)!important;margin-bottom:11px!important}.ob-hub__desc{font-size:12px;max-width:340px}.ob-hub__stamp{display:none}.ob-hub__all{min-height:250px;padding:24px;margin-bottom:37px}.ob-hub__all-copy h2{font-size:clamp(39px,11vw,57px)!important}.ob-hub__all-copy>span{font-size:9px}.ob-hub__all-arrow{width:43px;height:43px;flex-basis:43px}.ob-hub__all-arrow svg{width:20px;height:20px}.ob-hub__section-title{margin-bottom:17px}.ob-hub__section-title h2{font-size:23px!important}.ob-hub__section-title>span{display:none}.ob-hub__grid{grid-template-columns:1fr;gap:16px}.ob-hub__card{aspect-ratio:4/4.1}.ob-hub__card-bottom h3{font-size:33px!important}.ob-hub__outro{margin-top:40px;font-size:9px;letter-spacing:.08em;gap:9px}}@media(prefers-reduced-motion:reduce){.ob-hub__image,.ob-hub__all-arrow,.ob-hub__all-deco span:first-child,.ob-hub__card-go{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/offbeat-collection-hub.css.map */