.hn-hero-master{position:relative;width:100%;min-width:0;overflow:hidden;isolation:isolate;color:var(--trade-hnv2-setting-color-foreground);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--trade-hnv2-setting-color-accent) 14%,transparent),transparent 34%),radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--trade-hnv2-setting-color-muted) 78%,transparent),transparent 38%),linear-gradient(150deg,var(--trade-hnv2-setting-color-background),color-mix(in srgb,var(--trade-hnv2-setting-color-surface) 76%,var(--trade-hnv2-setting-color-background)))}.hn-hero-master *,.hn-hero-master *:before,.hn-hero-master *:after{box-sizing:border-box}.hn-hero-master a{text-decoration:none}.hn-hero-master img,.hn-hero-master svg{display:block;max-width:100%}.hn-hero-master img{width:100%;height:100%;object-fit:cover}.hn-hero-master__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,color-mix(in srgb,var(--trade-hnv2-setting-color-background) 72%,transparent),transparent 52%),linear-gradient(to bottom,transparent 58%,var(--trade-hnv2-setting-color-background))}.hn-hero-master__container{width:min(calc(100% - (2 * var(--trade-hnv2-page-gutter))),var(--trade-hnv2-container-max));margin-inline:auto;padding-block:var(--trade-hnv2-section-space-mobile)}.hn-hero-master__lead{display:grid;grid-template-areas:"intro" "conversion" "visual";gap:var(--trade-hnv2-space-6);align-items:center;min-width:0}.hn-hero-master__intro{grid-area:intro;min-width:0;text-align:center}.hn-hero-master__kicker{margin:0 0 var(--trade-hnv2-space-3);color:var(--trade-hnv2-setting-color-accent);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-label-line)}.hn-hero-master__heading{max-width:26ch;margin:0 auto;color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-h1-size);font-weight:var(--trade-hnv2-type-h1-weight);line-height:var(--trade-hnv2-type-h1-line);overflow-wrap:anywhere;text-wrap:balance}.hn-hero-master__subheading{max-width:var(--trade-hnv2-reading-max);margin:var(--trade-hnv2-space-4) auto 0;color:var(--trade-hnv2-setting-color-muted-foreground);font-size:var(--trade-hnv2-type-body-size);font-weight:var(--trade-hnv2-type-body-weight);line-height:var(--trade-hnv2-type-body-line)}.hn-hero-master__subheading>:first-child{margin-block-start:0}.hn-hero-master__subheading>:last-child{margin-block-end:0}.hn-hero-master__visual{grid-area:visual;width:100%;min-width:0;margin-inline:auto}.hn-hero-master__media-spread{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.26fr) minmax(0,.82fr);gap:var(--trade-hnv2-space-3);align-items:center;width:100%}.hn-hero-master__media{position:relative;min-width:0;overflow:hidden;border-radius:var(--trade-hnv2-media-frame-radius);background:var(--trade-hnv2-media-frame-background);box-shadow:var(--trade-hnv2-shadow-sm)}.hn-hero-master__media--primary{aspect-ratio:4 / 3}.hn-hero-master__media--supporting{aspect-ratio:1 / 1}.hn-hero-master__placeholder{width:100%;height:100%;color:var(--trade-hnv2-setting-color-muted-foreground);background:var(--trade-hnv2-setting-color-muted)}.hn-hero-master__conversion{grid-area:conversion;display:grid;gap:var(--trade-hnv2-space-5);min-width:0}.hn-hero-master__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--trade-hnv2-action-stack-gap);width:100%}.hn-hero-master__actions .button{width:100%;min-height:var(--trade-hnv2-target-min);margin:0}.hn-hero-master__primary{gap:var(--trade-hnv2-space-2)}.hn-hero-master__arrow,.hn-hero-master__arrow svg{width:16px;height:16px;flex:0 0 16px}.hn-hero-master__arrow svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hn-hero-master__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--trade-hnv2-space-3);width:100%;margin:0;padding:0;list-style:none}.hn-hero-master__benefit{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--trade-hnv2-space-2);align-items:center;min-width:0;color:var(--trade-hnv2-setting-color-muted-foreground);font-size:var(--trade-hnv2-type-caption-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-caption-line)}.hn-hero-master__benefit-icon,.hn-hero-master__benefit-icon svg,.hn-hero-master__benefit-mask{display:block;width:24px;height:24px}.hn-hero-master__benefit-icon{color:var(--trade-hnv2-setting-color-accent)}.hn-hero-master__benefit-icon svg,.hn-hero-master__benefit-icon svg *{fill:currentColor;stroke:currentColor}.hn-hero-master__benefit-mask{background:currentColor;-webkit-mask-image:var(--trade-hnv2-benefit-mask);mask-image:var(--trade-hnv2-benefit-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.hn-hero-master__library{display:grid;gap:var(--trade-hnv2-space-5);min-width:0;margin-block-start:var(--trade-hnv2-space-8);padding-block-start:var(--trade-hnv2-space-6);border-block-start:var(--trade-hnv2-border-subtle)}.hn-hero-master__library-head{display:grid;gap:var(--trade-hnv2-space-3);align-items:end;text-align:center}.hn-hero-master__library-head .hn-hero-master__kicker{margin-block-end:var(--trade-hnv2-space-2)}.hn-hero-master__library-head h2{max-width:34ch;margin:0 auto;color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-section-title-size);font-weight:var(--trade-hnv2-type-section-title-weight);line-height:var(--trade-hnv2-type-section-title-line);text-wrap:balance}.hn-hero-master__library-link{justify-self:center;color:var(--trade-hnv2-setting-color-accent);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-small-line)}.hn-hero-master__shelves{display:grid;grid-auto-columns:minmax(76%,1fr);grid-auto-flow:column;gap:var(--trade-hnv2-grid-gap-sm);min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;padding-block-end:var(--trade-hnv2-space-2);scroll-snap-type:inline mandatory;scrollbar-width:thin}.hn-hero-master__shelf{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-surface-radius);color:var(--trade-hnv2-setting-color-foreground);background:var(--trade-hnv2-setting-color-surface);box-shadow:var(--trade-hnv2-surface-shadow);scroll-snap-align:start;transition:border-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.hn-hero-master__shelf-image{aspect-ratio:4 / 3;min-width:0;overflow:hidden;background:var(--trade-hnv2-media-frame-background)}.hn-hero-master__shelf-body{display:grid;grid-template-rows:auto 1fr auto;gap:var(--trade-hnv2-space-2);min-width:0;padding:var(--trade-hnv2-space-4)}.hn-hero-master__shelf h3{margin:0;color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-card-title-size);font-weight:var(--trade-hnv2-type-card-title-weight);line-height:var(--trade-hnv2-type-card-title-line)}.hn-hero-master__shelf p{margin:0;color:var(--trade-hnv2-setting-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-small-weight);line-height:var(--trade-hnv2-type-small-line)}.hn-hero-master__shelf-body>span{color:var(--trade-hnv2-setting-color-accent);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-label-line)}.hn-hero-master :is(a,button):focus-visible{outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:3px}@media(hover:hover){.hn-hero-master__shelf:hover{border-color:var(--trade-hnv2-setting-color-border-strong);transform:translateY(-2px)}}@media screen and (min-width:750px){.hn-hero-master__container{padding-block:var(--trade-hnv2-section-space-desktop)}.hn-hero-master__actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin-inline:auto}.hn-hero-master__benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.hn-hero-master__library-head{grid-template-columns:minmax(0,1fr) auto;text-align:start}.hn-hero-master__library-head h2{margin-inline:0}.hn-hero-master__library-link{justify-self:end}.hn-hero-master__shelves{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-block-end:0}}@media screen and (min-width:990px){.hn-hero-master__lead{grid-template-areas:"intro" "conversion" "visual";grid-template-columns:minmax(0,1fr);row-gap:var(--trade-hnv2-space-6)}.hn-hero-master__intro{text-align:center}.hn-hero-master__heading,.hn-hero-master__subheading{margin-inline:auto}.hn-hero-master__conversion{width:min(100%,760px);margin-inline:auto}.hn-hero-master__actions{margin-inline:auto}.hn-hero-master__media-spread{grid-template-columns:minmax(180px,.72fr) minmax(360px,1.3fr) minmax(180px,.72fr);gap:var(--trade-hnv2-grid-gap-md);width:min(100%,1040px);margin-inline:auto}.hn-hero-master__media--supporting:first-child{transform:translateY(var(--trade-hnv2-space-5))}.hn-hero-master__media--supporting:last-child{transform:translateY(calc(-1 * var(--trade-hnv2-space-5)))}.hn-hero-master__shelves{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hn-hero-master__shelf{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hn-master-hero-master.css.map */