.cx-hero{--cx-gutter: clamp(16px, 3.6vw, 60px);--cx-edge: clamp(28px, 6vh, 72px);--cx-h-size: clamp(calc(40px * var(--cx-scale, 1)), calc(13.4vw * var(--cx-scale, 1)), calc(92px * var(--cx-scale, 1)));--cx-ease: cubic-bezier(.19, 1, .22, 1);--cx-muted: color-mix(in srgb, var(--cx-ink) 62%, var(--cx-ground));--cx-plate: color-mix(in srgb, var(--cx-ink) 6%, var(--cx-ground));position:relative;isolation:isolate;overflow:hidden;background:var(--cx-ground);color:var(--cx-ink);font-family:var(--cx-sans);-webkit-font-smoothing:antialiased}.cx-hero *,.cx-hero *:before,.cx-hero *:after{box-sizing:border-box}.cx-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cx-hero__inner{position:relative;display:grid;grid-template-columns:var(--cx-gutter) minmax(0,1fr) minmax(0,34%) var(--cx-gutter);grid-template-areas:"plate plate plate plate" ". heading heading ." ". eyebrow eyebrow ." ". lede detail .";padding-block-end:40px}.cx-hero__plate{grid-area:plate;position:relative;margin:0;width:100%;aspect-ratio:4 / 5;max-height:78svh;overflow:hidden;background:var(--cx-plate)}.cx-hero__plate-media,.cx-hero__plate-media img,.cx-hero__plate-media svg,.cx-hero__detail-media img,.cx-hero__detail-media svg{display:block;width:100%;height:100%}.cx-hero__plate-media{position:absolute;top:0;right:0;bottom:0;left:0}.cx-hero__plate-media img,.cx-hero__detail-media img{object-fit:cover;transition:transform 1.6s var(--cx-ease)}.cx-hero__plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,var(--cx-ground) 0%,color-mix(in srgb,var(--cx-ground) 70%,transparent) 22%,transparent 44%)}.cx-hero__caption{position:absolute;z-index:2;right:var(--cx-gutter);bottom:calc(var(--cx-h-size) * .62 + 14px);display:grid;justify-items:end;gap:6px;max-width:62%;text-align:right}.cx-hero__kicker,.cx-hero__eyebrow,.cx-hero__folio,.cx-hero__detail figcaption{font-family:var(--cx-sans);font-weight:var(--cx-sans-weight-medium, 500);font-size:10.5px;line-height:1.3;letter-spacing:.26em;text-transform:uppercase}.cx-hero__kicker{display:inline-flex;align-items:center;gap:10px;color:var(--cx-ink)}.cx-hero__kicker:before{content:"";width:18px;height:1px;background:var(--cx-gilt)}.cx-hero .cx-hero__caption-title{font-family:var(--cx-display);font-style:italic;font-weight:400;font-size:clamp(19px,1.7vw,26px);line-height:1.1;color:var(--cx-ink);text-decoration:none;background-image:linear-gradient(var(--cx-gilt),var(--cx-gilt));background-size:0 1px;background-position:100% 100%;background-repeat:no-repeat;transition:background-size .6s var(--cx-ease),color .3s}.cx-hero a.cx-hero__caption-title:hover{background-size:100% 1px}.cx-hero__caption-meta{font-size:12px;line-height:1.45;letter-spacing:.02em;color:var(--cx-muted)}.cx-hero__price{color:var(--cx-ink);font-variant-numeric:tabular-nums lining-nums}.cx-hero__plate:has(a.cx-hero__caption-title:hover) .cx-hero__plate-media img{transform:scale(1.025)}.cx-hero .cx-hero__heading{grid-area:heading;position:relative;z-index:3;margin:calc(var(--cx-h-size) * -.62) 0 0;font-family:var(--cx-display);font-weight:var(--cx-display-weight, 500);font-style:normal;font-size:var(--cx-h-size);line-height:.9;letter-spacing:-.028em;color:var(--cx-ink);word-break:normal;overflow-wrap:normal;pointer-events:none}.cx-hero__line{display:block;padding:.04em .12em .1em .04em;margin:-.04em -.12em -.1em -.04em;overflow:hidden;text-wrap:balance}.cx-hero__line-inner{display:inline-block}.cx-hero__line--2{padding-inline-start:calc(.9em + .04em)}.cx-hero__line--3{padding-inline-start:.42em}.cx-hero__line.is-accent{font-family:var(--cx-display);font-style:italic;font-weight:400;letter-spacing:-.035em}.cx-hero__eyebrow{grid-area:eyebrow;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:28px 0 0;color:var(--cx-ink)}.cx-hero__eyebrow-rule{flex:0 0 clamp(36px,5vw,88px);height:1px;background:var(--cx-gilt)}.cx-hero__eyebrow-aside{color:var(--cx-muted)}.cx-hero__lede{grid-area:lede;align-self:end;padding-inline-end:20px;margin-top:28px}.cx-hero .cx-hero__lede-text,.cx-hero .cx-hero__lede-text p{margin:0;max-width:36ch;font-family:var(--cx-sans);font-size:14.5px;line-height:1.62;letter-spacing:.005em;color:var(--cx-muted)}.cx-hero .cx-hero__lede-text p+p{margin-top:.9em}.cx-hero .cx-hero__cta{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding-block:10px;font-family:var(--cx-sans);font-weight:var(--cx-sans-weight-medium, 500);font-size:11.5px;line-height:1;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--cx-ink)}.cx-hero .cx-hero__lede>.cx-hero__cta:first-child{margin-top:0}.cx-hero__cta-rule{display:block;width:44px;height:1px;background:var(--cx-gilt);transition:width .7s var(--cx-ease)}.cx-hero__cta svg{width:9px;height:9px;margin-inline-start:-10px;color:var(--cx-gilt);transition:transform .7s var(--cx-ease)}.cx-hero .cx-hero__cta:hover .cx-hero__cta-rule{width:92px}.cx-hero .cx-hero__cta:hover svg{transform:translate(2px)}.cx-hero a:focus-visible{outline:1px solid var(--cx-ink);outline-offset:6px;box-shadow:none}.cx-hero__detail{grid-area:detail;align-self:end;margin:28px 0 0;position:relative;z-index:2}.cx-hero__detail-media{aspect-ratio:4 / 5;width:100%;overflow:hidden;background:var(--cx-plate)}.cx-hero__detail figcaption{margin-top:10px;font-size:9.5px;letter-spacing:.2em;color:var(--cx-muted)}.cx-hero .cx-hero__detail figcaption a{color:inherit;text-decoration:none}.cx-hero .cx-hero__detail figcaption a:hover{color:var(--cx-ink)}.cx-hero__folio{display:none}@media screen and (min-width:900px){.cx-hero{--cx-h-size: clamp(calc(64px * var(--cx-scale, 1)), calc(8.4vw * var(--cx-scale, 1)), calc(150px * var(--cx-scale, 1)))}.cx-hero__inner{grid-template-columns:var(--cx-gutter) repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;grid-template-areas:none;column-gap:clamp(12px,1.5vw,28px);min-height:clamp(640px,88svh,980px);padding-block-end:0}.cx-hero__plate{grid-column:7 / -1;grid-row:1 / -1;aspect-ratio:auto;max-height:none;height:100%}.cx-hero__plate:after{background:linear-gradient(to top,color-mix(in srgb,var(--cx-ground) 82%,transparent) 0%,transparent 30%),linear-gradient(to right,color-mix(in srgb,var(--cx-ground) 55%,transparent) 0%,transparent 26%)}.cx-hero__caption{bottom:var(--cx-edge);max-width:22rem}.cx-hero__folio{display:block;grid-column:1;grid-row:1 / -1;align-self:end;justify-self:center;margin:0 0 var(--cx-edge);writing-mode:vertical-rl;transform:rotate(180deg);font-size:9.5px;letter-spacing:.34em;color:var(--cx-muted);white-space:nowrap}.cx-hero__eyebrow{grid-column:2 / 7;grid-row:1;align-self:start;margin:var(--cx-edge) 0 0}.cx-hero .cx-hero__heading{grid-column:2 / -1;grid-row:2;align-self:center;margin:clamp(24px,4vh,56px) 0}.cx-hero__line--2{padding-inline-start:2.09em}.cx-hero__line--3{padding-inline-start:1.24em}.cx-hero__lede{grid-column:2 / 5;grid-row:3;margin:0 0 var(--cx-edge);padding-inline-end:0}.cx-hero__detail{grid-column:5 / 8;grid-row:3;justify-self:end;width:68%;margin:0 0 calc(var(--cx-edge) + 4vh)}.cx-hero__detail-media{box-shadow:0 0 0 clamp(6px,.7vw,12px) var(--cx-ground)}.cx-hero__detail figcaption{position:absolute;top:0;right:calc(100% + 16px);margin:0;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.cx-hero--motion .cx-hero__line-inner{animation:cx-rise 1.25s var(--cx-ease) both;animation-delay:calc(.12s + var(--cx-i, 0) * .11s)}.cx-hero--motion .cx-hero__plate-media{animation:cx-settle 2.4s var(--cx-ease) both}.cx-hero--motion .cx-hero__eyebrow,.cx-hero--motion .cx-hero__lede,.cx-hero--motion .cx-hero__caption,.cx-hero--motion .cx-hero__folio{animation:cx-fade 1s var(--cx-ease) .55s both}.cx-hero--motion .cx-hero__detail{animation:cx-lift 1.4s var(--cx-ease) .4s both}}@keyframes cx-rise{0%{transform:translateY(108%)}}@keyframes cx-settle{0%{transform:scale(1.06);opacity:0}}@keyframes cx-fade{0%{opacity:0}}@keyframes cx-lift{0%{opacity:0;transform:translateY(28px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-cascade-editorial-hero.css.map */