.clay-category-hero,.clay-category-hero *{box-sizing:border-box}.clay-category-hero{position:relative;z-index:var(--layer-base, 0);width:100%;padding-block:var(--cc-category-hero-padding-top, 28px) var(--cc-category-hero-padding-bottom, 28px);background:var(--cc-category-hero-background, #f6f3ef);color:var(--cc-category-hero-text, #171717)}.clay-category-hero__inner{display:grid;width:min(calc(100% - 48px),var(--cc-category-hero-max-width, 1300px));min-height:var(--cc-category-hero-min-height, 360px);grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);margin-inline:auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--cc-category-hero-accent, #8b4120) 18%,transparent);border-radius:var(--cc-category-hero-radius, 10px);background:var(--cc-category-hero-surface, #efe7dc)}.clay-category-hero__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,4vw,62px)}.clay-category-hero__eyebrow{display:grid;width:100%;grid-template-columns:auto minmax(28px,88px) auto;align-items:center;gap:13px;color:var(--cc-category-hero-accent, #8b4120);font:600 11px/1.2 Proxima Nova,sans-serif;letter-spacing:.1em;text-transform:uppercase}.clay-category-hero__eyebrow-line{height:1px;background:currentColor;opacity:.42}.clay-category-hero__title{max-width:12ch;margin:clamp(26px,3vw,42px) 0 0;color:inherit;font:300 clamp(42px,4.1vw,64px)/.95 "Chronicle Display",var(--font-heading--family, serif);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.clay-category-hero__description{max-width:52ch;margin:22px 0 0;color:color-mix(in srgb,var(--cc-category-hero-text, #171717) 76%,transparent);font:300 clamp(14px,1.1vw,16px)/1.55 "Proxima Nova",var(--font-body--family, sans-serif)}.clay-category-hero__description :is(p,ul,ol){margin-block:0}.clay-category-hero__description :is(p,ul,ol)+:is(p,ul,ol){margin-top:.7em}.clay-category-hero__description a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 58%,transparent);text-decoration-thickness:1px;text-underline-offset:.18em;transition:text-decoration-color .18s ease}.clay-category-hero__description a:is(:hover,:focus-visible){text-decoration-color:currentColor}.clay-category-hero__button{display:inline-flex;min-height:44px;align-items:center;gap:20px;margin-top:28px;padding:11px 18px;border:1px solid var(--cc-category-hero-accent, #8b4120);border-radius:3px;color:var(--cc-category-hero-accent, #8b4120);font:600 12px/1 Proxima Nova,sans-serif;text-decoration:none;transition:color .22s ease,background-color .22s ease,gap .22s ease}.clay-category-hero__button-arrow{font-size:17px;font-weight:300;line-height:0}.clay-category-hero__button:is(:hover,:focus-visible){gap:25px;background:var(--cc-category-hero-accent, #8b4120);color:var(--cc-category-hero-surface, #efe7dc)}.clay-category-hero__visual{position:relative;min-width:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at 72% 22%,rgb(255 255 255 / 14%),transparent 32%),var(--cc-category-hero-accent, #8b4120);color:var(--cc-category-hero-media-text, #fff)}.clay-category-hero__visual picture,.clay-category-hero__image,.clay-category-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.clay-category-hero__image{display:block;object-fit:cover;object-position:var(--cc-category-hero-image-position, center center);transform:scale(1.001);transition:transform .9s cubic-bezier(.22,.61,.36,1)}.clay-category-hero__shade{background:linear-gradient(180deg,rgb(0 0 0 / 8%) 12%,transparent 48%,rgb(0 0 0 / 44%) 100%),var(--cc-category-hero-overlay, #2b211c);opacity:var(--cc-category-hero-overlay-opacity, .25)}.clay-category-hero__visual-meta{position:absolute;z-index:1;inset:auto clamp(24px,3vw,42px) clamp(24px,3vw,38px);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;font:600 11px/1.2 Proxima Nova,sans-serif;letter-spacing:.1em;text-transform:uppercase}.clay-category-hero__visual-title{max-width:13ch;font:300 clamp(24px,2.6vw,40px)/1 "Chronicle Display",var(--font-heading--family, serif);letter-spacing:-.025em;text-align:right;text-transform:none;text-wrap:balance}@media(hover:hover)and (pointer:fine){.clay-category-hero__inner:hover .clay-category-hero__image{transform:scale(1.025)}}@media screen and (max-width:989px){.clay-category-hero__inner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.clay-category-hero__copy{padding:34px}.clay-category-hero__title{font-size:clamp(38px,5vw,52px)}}@media screen and (max-width:749px){.clay-category-hero{padding-block:max(16px,calc(var(--cc-category-hero-padding-top, 28px) * .65)) max(18px,calc(var(--cc-category-hero-padding-bottom, 28px) * .65))}.clay-category-hero__inner{width:min(calc(100% - 32px),var(--cc-category-hero-max-width, 1300px));min-height:0;grid-template-columns:minmax(0,1fr)}.clay-category-hero__copy{min-height:285px;padding:30px 25px 32px}.clay-category-hero__eyebrow{grid-template-columns:auto minmax(20px,1fr) auto;gap:10px;font-size:9px}.clay-category-hero__title{margin-top:25px;font-size:clamp(36px,12vw,50px)}.clay-category-hero__description{margin-top:17px;font-size:14px}.clay-category-hero__button{min-height:42px;margin-top:23px}.clay-category-hero__visual{min-height:190px}.clay-category-hero__visual-meta{inset:auto 22px 20px}.clay-category-hero__visual-title{font-size:27px}}@media screen and (max-width:389px){.clay-category-hero__copy{min-height:0}.clay-category-hero__eyebrow{grid-template-columns:1fr auto}.clay-category-hero__eyebrow-line{display:none}.clay-category-hero__visual-meta>span:first-child{display:none}.clay-category-hero__visual-meta{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.clay-category-hero__image,.clay-category-hero__button{transition:none}}.clay-category-hero{min-height:var(--cc-category-hero-min-height, 400px);padding:0;overflow:hidden;isolation:isolate;background:var(--cc-category-hero-background, #2b211c);color:var(--cc-category-hero-text, #fff)}.clay-category-hero__media,.clay-category-hero__media picture,.clay-category-hero__image,.clay-category-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.clay-category-hero__media{z-index:-2;background:radial-gradient(circle at 76% 22%,rgb(255 255 255 / 10%),transparent 30%),var(--cc-category-hero-background, #2b211c)}.clay-category-hero__shade{z-index:1;background:linear-gradient(90deg,#130e0bd1,#130e0b8f 48%,#130e0b3d),var(--cc-category-hero-overlay, #2b211c);opacity:var(--cc-category-hero-overlay-opacity, .55)}.clay-category-hero__inner{position:relative;z-index:2;display:grid;width:min(calc(100% - 48px),var(--cc-category-hero-max-width, 1300px));min-height:var(--cc-category-hero-min-height, 400px);grid-template-columns:minmax(0,760px) minmax(180px,1fr);align-items:end;gap:clamp(36px,6vw,100px);margin-inline:auto;padding-block:var(--cc-category-hero-padding-top, 36px) var(--cc-category-hero-padding-bottom, 36px);overflow:visible;border:0;border-radius:0;background:transparent}.clay-category-hero__copy{display:block;width:100%;min-width:0;padding:clamp(28px,3.2vw,46px);border:1px solid rgb(255 255 255 / 18%);border-radius:var(--cc-category-hero-radius, 10px);background:color-mix(in srgb,var(--cc-category-hero-overlay, #2b211c) 82%,transparent);box-shadow:0 24px 70px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.clay-category-hero__eyebrow{display:grid;grid-template-columns:auto minmax(32px,96px) auto;color:color-mix(in srgb,var(--cc-category-hero-media-text, #fff) 82%,transparent)}.clay-category-hero__title{max-width:14ch;margin-top:0;color:var(--cc-category-hero-text, #fff);font-size:clamp(46px,4.4vw,70px);line-height:.94}.clay-category-hero__description{max-width:58ch;margin-top:18px;color:color-mix(in srgb,var(--cc-category-hero-text, #fff) 82%,transparent);font-size:clamp(14px,1vw,16px);line-height:1.5}.clay-category-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.clay-category-hero__button{min-height:46px;gap:22px;margin:0;padding:12px 19px;border-radius:3px;font-size:12px;letter-spacing:.01em}.clay-category-hero__button--primary{border-color:var(--cc-category-hero-surface, #f6f3ef);background:var(--cc-category-hero-surface, #f6f3ef);color:var(--cc-category-hero-background, #2b211c)}.clay-category-hero__button--secondary{border-color:#ffffff8a;background:#ffffff0a;color:var(--cc-category-hero-media-text, #fff)}.clay-category-hero__button--primary:is(:hover,:focus-visible),.clay-category-hero__button--secondary:is(:hover,:focus-visible){border-color:var(--cc-category-hero-accent, #8b4120);background:var(--cc-category-hero-accent, #8b4120);color:#fff}.clay-category-hero__visual-meta{position:static;display:grid;align-self:end;justify-items:end;gap:12px;padding:0 0 9px;color:var(--cc-category-hero-media-text, #fff);text-align:right}.clay-category-hero__visual-meta:before{width:72px;height:1px;margin-bottom:6px;background:currentColor;content:"";opacity:.55}.clay-category-hero__visual-title{max-width:12ch;color:inherit;font-size:clamp(28px,3vw,44px)}@media(hover:hover)and (pointer:fine){.clay-category-hero:hover .clay-category-hero__image{transform:scale(1.018)}}@media screen and (max-width:989px){.clay-category-hero__inner{grid-template-columns:minmax(0,1fr) minmax(150px,.38fr);gap:28px}.clay-category-hero__copy{min-height:0;padding:30px}.clay-category-hero__title{font-size:clamp(42px,6vw,58px)}}@media screen and (max-width:749px){.clay-category-hero{min-height:max(470px,var(--cc-category-hero-min-height, 400px));padding:0}.clay-category-hero__shade{background:linear-gradient(180deg,#130e0b47,#130e0bc2 72%,#130e0be5),var(--cc-category-hero-overlay, #2b211c)}.clay-category-hero__inner{width:min(calc(100% - 32px),var(--cc-category-hero-max-width, 1300px));min-height:max(470px,var(--cc-category-hero-min-height, 400px));grid-template-columns:minmax(0,1fr);align-content:end;gap:16px;padding-block:24px}.clay-category-hero__copy{padding:26px 23px 25px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.clay-category-hero__eyebrow{grid-template-columns:auto minmax(20px,1fr) auto}.clay-category-hero__title{margin-top:0;font-size:clamp(38px,12vw,52px)}.clay-category-hero__description{margin-top:14px}.clay-category-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:21px}.clay-category-hero__button{width:100%;min-width:0;justify-content:space-between;padding-inline:14px}.clay-category-hero__visual-meta{display:none}}@media screen and (max-width:479px){.clay-category-hero__actions{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clay-category-hero.css.map */