.section-old-factory-home .of-categories{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(154,75,47,.09),transparent 27%),radial-gradient(circle at 84% 68%,rgba(158,171,132,.14),transparent 29%),linear-gradient(180deg,#f6f0e6,#f1e9dc);padding-top:clamp(72px,8vw,116px);padding-bottom:clamp(82px,9vw,132px)}.section-old-factory-home .of-categories:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(23,24,20,.07);border-radius:50%;right:-150px;top:48px;pointer-events:none}.section-old-factory-home .of-categories:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(154,75,47,.1);border-radius:50%;left:-90px;bottom:42px;pointer-events:none}.section-old-factory-home .of-categories>.of-sectionhead{position:relative;z-index:3;margin-bottom:48px}.section-old-factory-home .of-categorygrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,64px);gap:18px;align-items:stretch}.section-old-factory-home .of-category{--float-y:0px;min-width:0;min-height:0;border-radius:34px;border:1px solid rgba(23,24,20,.08);box-shadow:0 18px 50px #2a231b1a,0 2px 8px #2a231b0d;overflow:hidden;transform:translateY(var(--float-y));transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease,border-color .38s ease;background:#e9dfd1;isolation:isolate}.section-old-factory-home .of-category:nth-child(1){grid-column:1/6;grid-row:1/8;border-radius:44px;background:linear-gradient(145deg,#d9c5aa,#cfb99d)}.section-old-factory-home .of-category:nth-child(2){grid-column:6/9;grid-row:1/5;--float-y:18px;background:linear-gradient(145deg,#eee6da,#e5dacb)}.section-old-factory-home .of-category:nth-child(3){grid-column:9/13;grid-row:1/6;--float-y:-10px;background:linear-gradient(145deg,#bdca9f,#aebb8d)}.section-old-factory-home .of-category:nth-child(4){grid-column:6/10;grid-row:5/9;--float-y:8px;background:linear-gradient(145deg,#e9dfd0,#dccdb9)}.section-old-factory-home .of-category:nth-child(5){grid-column:10/13;grid-row:6/9;--float-y:-4px;background:linear-gradient(145deg,#343530,#242520);color:var(--cream)}.section-old-factory-home .of-category:before{position:absolute;top:22px;left:24px;z-index:4;font-size:10px;letter-spacing:.18em;font-weight:800;opacity:.42}.section-old-factory-home .of-category:nth-child(1):before{content:"01"}.section-old-factory-home .of-category:nth-child(2):before{content:"02"}.section-old-factory-home .of-category:nth-child(3):before{content:"03"}.section-old-factory-home .of-category:nth-child(4):before{content:"04"}.section-old-factory-home .of-category:nth-child(5):before{content:"05"}.section-old-factory-home .of-category:hover{transform:translateY(calc(var(--float-y) - 9px)) scale(1.008);box-shadow:0 30px 72px #2a231b29,0 5px 16px #2a231b14;border-color:#17181424}.section-old-factory-home .of-category__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:-1;transition:transform .45s cubic-bezier(.2,.75,.25,1)}.section-old-factory-home .of-category__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#fbf7ef6b,#fbf7ef00 52%)}.section-old-factory-home .of-category--dark .of-category__media:after{background:linear-gradient(0deg,#12131059,#12131000 55%)}.section-old-factory-home .of-category__media img{width:88%;height:78%;margin-top:22px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.18));transition:transform .45s cubic-bezier(.2,.75,.25,1)}.section-old-factory-home .of-category:nth-child(1) .of-category__media img{width:94%;height:84%;margin-top:10px}.section-old-factory-home .of-category:nth-child(3) .of-category__media img{width:82%;height:74%;margin-top:30px}.section-old-factory-home .of-category:nth-child(5) .of-category__media img{width:84%;height:72%;margin-top:24px}.section-old-factory-home .of-category:hover .of-category__media{transform:scale(1.025)}.section-old-factory-home .of-category:hover .of-category__media img{transform:translateY(-4px) rotate(-1deg)}.section-old-factory-home .of-category__copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;padding:18px 20px 17px;border:1px solid rgba(255,255,255,.48);border-radius:22px;background:#fbf7efc2;box-shadow:0 8px 26px #2a231b14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.section-old-factory-home .of-category--dark .of-category__copy{background:#121310b8;border-color:#f1eadc1f;box-shadow:0 8px 26px #0000002e}.section-old-factory-home .of-category__copy p{display:inline-flex;align-items:center;margin:0 0 8px;padding:6px 9px;border-radius:999px;background:#17181412;font-size:8px;letter-spacing:.16em;font-weight:800}.section-old-factory-home .of-category--dark .of-category__copy p{background:#f1eadc1a}.section-old-factory-home .of-category__copy h3{font-size:clamp(27px,2.55vw,44px);line-height:.92;margin-bottom:9px}.section-old-factory-home .of-category__copy span{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.72}.section-old-factory-home .of-category:nth-child(1) .of-category__copy{left:24px;right:24px;bottom:24px;padding:22px 24px 21px;border-radius:26px}.section-old-factory-home .of-category:nth-child(1) .of-category__copy h3{font-size:clamp(40px,4vw,64px)}@media(max-width:1100px){.section-old-factory-home .of-categorygrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:18px}.section-old-factory-home .of-category,.section-old-factory-home .of-category:nth-child(n){grid-column:auto;grid-row:auto;--float-y:0px;min-height:390px;border-radius:32px}.section-old-factory-home .of-category:nth-child(1){grid-column:1/-1;min-height:470px;border-radius:40px}.section-old-factory-home .of-category:nth-child(3),.section-old-factory-home .of-category:nth-child(4){--float-y:12px}.section-old-factory-home .of-category:nth-child(5){min-height:360px}}@media(max-width:700px){.section-old-factory-home .of-categories{padding:72px 0 80px 22px}.section-old-factory-home .of-categories>.of-sectionhead{padding-right:22px;margin-bottom:34px}.section-old-factory-home .of-categorygrid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:8px 22px 24px 2px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.section-old-factory-home .of-categorygrid::-webkit-scrollbar{display:none}.section-old-factory-home .of-category,.section-old-factory-home .of-category:nth-child(n){flex:0 0 79vw;min-height:390px;border-radius:30px;transform:none;scroll-snap-align:start}.section-old-factory-home .of-category:nth-child(1){flex-basis:84vw;min-height:420px;border-radius:34px}.section-old-factory-home .of-category:hover{transform:none}.section-old-factory-home .of-category__media img,.section-old-factory-home .of-category:nth-child(1) .of-category__media img{width:88%;height:76%;margin-top:18px}.section-old-factory-home .of-category__copy,.section-old-factory-home .of-category:nth-child(1) .of-category__copy{left:14px;right:14px;bottom:14px;padding:17px 18px 16px;border-radius:20px}.section-old-factory-home .of-category__copy h3,.section-old-factory-home .of-category:nth-child(1) .of-category__copy h3{font-size:34px}.section-old-factory-home .of-category:before{top:18px;left:20px}.section-old-factory-home .of-categories:before{width:250px;height:250px;right:-120px;top:90px}}@media(prefers-reduced-motion:reduce){.section-old-factory-home .of-category,.section-old-factory-home .of-category__media,.section-old-factory-home .of-category__media img{transition:none!important}.section-old-factory-home .of-category:hover{transform:translateY(var(--float-y))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/old-factory-modern-categories.css.map */