.sq-moment-hero{--sq-moment-ink:#111111;--sq-moment-muted:#62615d;--sq-moment-line:#e7e6e1;--sq-moment-soft:#f7f7f4;--sq-moment-gold:#bda76d;position:relative;overflow:hidden;background:#fff;color:var(--sq-moment-ink);border-bottom:1px solid var(--sq-moment-line)}.sq-moment-hero,.sq-moment-hero *{box-sizing:border-box}.sq-moment-hero__frame{position:relative;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);min-height:clamp(680px,82svh,900px);width:min(100%,1600px);margin-inline:auto;border-inline:1px solid var(--sq-moment-line);background:#fff}.sq-moment-hero__copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(54px,6vw,104px);background:#fff}.sq-moment-hero__copy:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--sq-moment-gold) 0 72px,transparent 72px)}.sq-moment-hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#66645e;font-size:.67rem;font-weight:850;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.sq-moment-hero__eyebrow:before{content:"";flex:0 0 34px;width:34px;height:1px;background:var(--sq-moment-gold)}.sq-moment-hero__title{max-width:760px;margin:0;color:var(--sq-moment-ink);font-family:var(--font-heading--family),Georgia,serif;font-size:clamp(3.4rem,5.8vw,7.2rem);font-weight:var(--font-heading--weight,400);letter-spacing:-.055em;line-height:.86;text-wrap:balance;text-transform:uppercase}.sq-moment-hero__statement{max-width:620px;margin:34px 0 0;color:var(--sq-moment-ink);font-size:clamp(1rem,1.3vw,1.22rem);font-weight:800;letter-spacing:.025em;line-height:1.5}.sq-moment-hero__description{max-width:620px;margin:17px 0 0;color:var(--sq-moment-muted);font-size:clamp(.94rem,1.05vw,1.08rem);line-height:1.75}.sq-moment-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:31px}.sq-moment-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 22px;border:1px solid var(--sq-moment-ink);border-radius:999px;background:var(--sq-moment-ink);color:#fff!important;font-size:.72rem;font-weight:850;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.sq-moment-hero__button--quiet{border-color:#d8d7d2;background:#fff;color:var(--sq-moment-ink)!important}.sq-moment-hero__button:hover,.sq-moment-hero__button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #1111111f}.sq-moment-hero__button:focus-visible,.sq-moment-hero__product-chip:focus-visible{outline:3px solid var(--sq-moment-gold);outline-offset:4px}.sq-moment-hero__pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(42px,5vw,72px);border-block:1px solid var(--sq-moment-line)}.sq-moment-hero__pillars span{min-width:0;padding:15px 12px;color:#686761;font-size:.59rem;font-weight:850;letter-spacing:.14em;line-height:1.35;text-align:center;text-transform:uppercase}.sq-moment-hero__pillars span+span{border-left:1px solid var(--sq-moment-line)}.sq-moment-hero__media{--sq-moment-position:center center;position:relative;min-width:0;min-height:100%;overflow:hidden;border-left:1px solid var(--sq-moment-line);background:var(--sq-moment-soft);isolation:isolate}.sq-moment-hero__media>img,.sq-moment-hero__media>video,.sq-moment-hero__media>.sq-moment-hero__video,.sq-moment-hero__media>.sq-moment-hero__product-media{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:var(--sq-moment-position)}.sq-moment-hero__media>.sq-moment-hero__product-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--sq-moment-position)}.sq-moment-hero__media:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(255 255 255 / .16),transparent 22%),linear-gradient(0deg,rgb(17 17 17 / .18),transparent 35%);pointer-events:none}.sq-moment-hero__scene-label{position:absolute;z-index:4;top:24px;right:24px;padding:10px 13px;border:1px solid rgb(255 255 255 / .72);background:#ffffffe6;color:#151515;font-size:.58rem;font-weight:850;letter-spacing:.15em;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sq-moment-hero__detail{position:absolute;z-index:3;right:clamp(18px,3vw,42px);bottom:clamp(72px,8vw,112px);width:clamp(128px,16vw,230px);aspect-ratio:4/5;overflow:hidden;border:5px solid #fff;background:#eee;box-shadow:0 22px 58px #00000038}.sq-moment-hero__detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.sq-moment-hero__detail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #1111111f;pointer-events:none}.sq-moment-hero__product-chip{position:absolute;z-index:5;left:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:min(430px,calc(100% - 48px));padding:13px 15px;border:1px solid rgb(255 255 255 / .72);background:#ffffffeb;color:#151515;font-size:.68rem;font-weight:800;line-height:1.35;text-decoration:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sq-moment-hero__product-chip b{color:var(--sq-moment-gold);font-size:1rem}.sq-moment-hero--film .sq-moment-hero__media:after{background:linear-gradient(90deg,rgb(255 255 255 / .12),transparent 24%),linear-gradient(0deg,rgb(17 17 17 / .26),transparent 44%)}@media(max-width:1099px){.sq-moment-hero__frame{grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr)}.sq-moment-hero__copy{padding:clamp(42px,5vw,70px)}.sq-moment-hero__title{font-size:clamp(3.1rem,6.6vw,5.8rem)}}@media(max-width:899px){.sq-moment-hero__frame{grid-template-columns:1fr;min-height:0;border-inline:0}.sq-moment-hero__media{order:-1;min-height:62svh;max-height:760px;border-left:0;border-bottom:1px solid var(--sq-moment-line)}.sq-moment-hero__copy{padding:46px 28px 54px}.sq-moment-hero__copy:before{background:linear-gradient(90deg,var(--sq-moment-gold) 0 54px,transparent 54px)}.sq-moment-hero__detail{right:20px;bottom:20px;width:clamp(110px,24vw,180px)}.sq-moment-hero__product-chip{left:18px;bottom:18px;max-width:calc(100% - 180px)}}@media(max-width:599px){.sq-moment-hero__media{min-height:56svh;max-height:620px}.sq-moment-hero__copy{padding:38px 20px 44px}.sq-moment-hero__eyebrow{margin-bottom:20px;font-size:.6rem}.sq-moment-hero__title{font-size:clamp(3rem,14vw,4.7rem);line-height:.89}.sq-moment-hero__statement{margin-top:26px;font-size:1rem}.sq-moment-hero__description{font-size:.92rem;line-height:1.68}.sq-moment-hero__actions{align-items:stretch;flex-direction:column}.sq-moment-hero__button{width:100%}.sq-moment-hero__pillars{grid-template-columns:1fr;margin-top:34px}.sq-moment-hero__pillars span+span{border-top:1px solid var(--sq-moment-line);border-left:0}.sq-moment-hero__scene-label{top:12px;right:12px}.sq-moment-hero__detail{right:12px;bottom:12px;width:112px;border-width:3px}.sq-moment-hero__product-chip{right:136px;bottom:12px;left:12px;max-width:none;padding:10px 11px;font-size:.61rem}}@media(prefers-reduced-motion:reduce){.sq-moment-hero__button{transition:none}.sq-moment-hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/640/assets/sq-community-story-heroes.css.map */