.hero{position:relative;padding:clamp(28px,5vw,68px) var(--g) clamp(34px,4.5vw,64px);text-align:left;background:linear-gradient(180deg,var(--ground) 0%,var(--oat) 100%);overflow:hidden}.hero__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4.5vw,64px);align-items:center;max-width:1180px;margin:0 auto}.hero__copy{max-width:40ch;margin:0}.hero__stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.hero__img{position:relative;z-index:1;width:auto;max-width:100%;height:auto;max-height:min(56vh,520px);object-fit:contain;aspect-ratio:auto;border-radius:3px;will-change:transform}.hero__t{margin:12px 0 14px;font-size:clamp(27px,3.6vw,46px)}.hero__l{max-width:38ch}@media(max-width:820px){.hero{text-align:center;padding-top:clamp(18px,4vw,36px)}.hero__in{grid-template-columns:1fr;gap:22px}.hero__copy{max-width:42ch;margin:0 auto;order:2}.hero__stage{order:1}.hero__img{max-height:38vh}}.card__m{background:#ede5d6;transition:background .62s var(--e)}.card__m img{object-fit:contain;padding:4%}.pdp__main{background:#ede5d6}.pdp__main img{object-fit:contain;padding:3%}.pdp__rail button{background:#ede5d6}.pdp__rail img{object-fit:contain}.li__i{background:#ede5d6}.li__i img{object-fit:contain}.eyebrow{color:#7a6b55}.card__c{color:#8a7a63}.dark .eyebrow{color:#cbb694}.marq{padding:9px 0}.marq__t{font-size:10px;letter-spacing:.22em;opacity:.78;gap:30px;animation-duration:46s;transition:opacity var(--t2s)}.marq:hover .marq__t{animation-play-state:paused;opacity:1}.nav__mk{font-size:14px;letter-spacing:.42em}.nav__l,.nav__r{font-size:10.5px;opacity:.62;transition:opacity var(--t1)}.nav__l:hover,.nav__r:hover{opacity:1}.nav__l{gap:20px}#cur{display:none!important}.cta{transition:background .42s var(--e),box-shadow .32s var(--e),transform .52s var(--e);margin-top:24px}.cta:hover{box-shadow:0 10px 26px -14px #17130f99}.btn{transition:background .42s var(--e),transform .2s var(--e),box-shadow .32s var(--e)}.btn:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 8px 22px -12px #17130f8c}.btn:active{transform:translateY(0)}.shop{max-width:1420px;margin:0 auto;transition:background .62s var(--e)}.grid{gap:clamp(16px,2.2vw,30px) clamp(12px,1.6vw,22px)}.lb{padding:clamp(32px,5vw,72px) var(--g) clamp(56px,8vw,104px);max-width:1420px;margin:0 auto}.lb__head{max-width:52ch;margin-bottom:clamp(26px,4vw,48px)}.lb__t{font-family:var(--f-d);font-size:clamp(28px,4vw,52px);line-height:1.06;letter-spacing:-.024em;margin:10px 0 14px}.lb__intro{color:var(--t2);font-size:15px;max-width:46ch}.lb__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);grid-auto-flow:dense}.lb__i{position:relative;grid-column:span 2;background:#ede5d6;border-radius:3px;overflow:hidden;margin:0;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--e)}.lb__i.in{clip-path:inset(0 0 0 0)}.lb__i:nth-child(8n+1){grid-column:span 4}.lb__i:nth-child(8n+4){grid-column:span 3}.lb__i:nth-child(8n+5){grid-column:span 3}.lb__i:nth-child(8n+6){grid-column:span 4}.lb__i img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 1.4s var(--e)}.lb__i.in img{transform:scale(1)}.lb__i:hover img{transform:scale(1.05)}.lb__i figcaption{position:absolute;left:12px;bottom:10px;font-family:var(--f-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);text-shadow:0 1px 12px rgba(23,19,15,.6);opacity:0;transform:translateY(6px);transition:opacity var(--t2s) var(--e),transform var(--t2s) var(--e)}.lb__i:hover figcaption{opacity:1;transform:none}@media(max-width:820px){.lb__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lb__i,.lb__i:nth-child(8n+1),.lb__i:nth-child(8n+4),.lb__i:nth-child(8n+5),.lb__i:nth-child(8n+6){grid-column:span 2}}[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .82s var(--e),transform .82s var(--e)}[data-rv].in,.no-motion [data-rv]{opacity:1;transform:none}.no-motion .lb__i{clip-path:none}.no-motion .lb__i img{transform:none}#pt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:170;background:var(--espresso);pointer-events:none;transform:translateY(0);transition:transform .42s var(--e)}#pt.out{transform:translateY(-101%)}.no-motion #pt{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/karlers-hero.css.map */