.sg-hero{position:relative;padding:14rem 0 8rem;background:var(--jp-dark);overflow:hidden}.sg-hero__watermark{position:absolute;top:50%;right:-3rem;transform:translateY(-50%);font-family:var(--font-serif);font-size:clamp(14rem,22vw,26rem);font-weight:300;letter-spacing:.1em;color:#ffffff06;pointer-events:none;line-height:1}.sg-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center}.sg-hero__eyebrow{display:block;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--jp-gold);margin-bottom:2rem}.sg-hero__title{font-family:var(--font-serif);font-size:clamp(4rem,5.5vw,7rem);font-weight:300;line-height:1.1;color:var(--jp-white);margin-bottom:2.5rem}.sg-hero__title em{font-style:italic;color:var(--jp-gold)}.sg-hero__body{font-family:var(--font-sans);font-size:1.5rem;font-weight:300;line-height:1.9;color:#ffffffa6;margin-bottom:3.5rem}.sg-hero__nav{display:flex;flex-wrap:wrap;gap:1rem}.sg-hero__nav a{font-family:var(--font-sans);font-size:1.2rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--jp-lighter);text-decoration:none;padding:.8rem 1.8rem;border:1px solid rgba(255,255,255,.15);transition:all .2s ease}.sg-hero__nav a:hover{border-color:var(--jp-gold);color:var(--jp-gold)}.sg-hero__image{overflow:hidden;aspect-ratio:3 / 4}.sg-hero__image img{width:100%;height:100%;object-fit:cover;object-position:center top}.how-to-wear{padding:10rem 0;background:var(--jp-cream);color:#7a7168;scroll-margin-top:8rem}.how-to-wear__header{text-align:center;margin-bottom:6rem}.how-to-wear__eyebrow{display:block;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--jp-gold-dark);margin-bottom:2rem}.how-to-wear__title{font-family:var(--font-serif);font-size:clamp(3.5rem,5vw,6rem);font-weight:300;color:var(--jp-black)}.how-to-wear__title em{font-style:italic;color:var(--jp-gold-dark)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.step-card{text-align:center;color:#0a0a0a}.step-card__number{font-family:var(--font-serif);font-size:6rem;font-weight:300;color:#a07c2d26;line-height:1;margin-bottom:2rem}.step-card__title{font-family:var(--font-serif);font-size:2.4rem;font-weight:300;color:#0a0a0a;margin-bottom:1.5rem}.step-card__body{font-family:var(--font-sans);font-size:1.4rem;font-weight:300;line-height:1.8;color:#7a7168}.color-pairings{padding:10rem 0;background:var(--jp-dark);scroll-margin-top:8rem}.color-pairings__header{text-align:center;margin-bottom:6rem}.color-pairings__eyebrow{display:block;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--jp-gold);margin-bottom:2rem}.color-pairings__title{font-family:var(--font-serif);font-size:clamp(3.5rem,5vw,6rem);font-weight:300;color:var(--jp-white)}.color-pairings__title em{font-style:italic;color:var(--jp-gold)}.color-pairings__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.color-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:border-color .3s ease}.color-card:hover{border-color:#c9a84c4d}.color-card__swatch{height:160px;display:flex;align-items:center;justify-content:center}.color-card__swatch-circle{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.2);box-shadow:0 0 0 8px #ffffff0d}.color-card__body{padding:3rem}.color-card__collection{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--jp-gold);margin-bottom:.5rem}.color-card__name{font-family:var(--font-serif);font-size:2.4rem;font-weight:300;color:var(--jp-white);margin-bottom:2rem}.color-card__pairs-label{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--jp-light);margin-bottom:1rem}.color-card__pairs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.color-tag{font-family:var(--font-sans);font-size:1.2rem;font-weight:300;color:var(--jp-lighter);padding:.4rem 1rem;border:1px solid rgba(255,255,255,.12)}.color-card__occasions{font-family:var(--font-sans);font-size:1.3rem;font-weight:300;line-height:1.7;color:#ffffff8c;margin-bottom:2rem}.color-card__shop{font-family:var(--font-sans);font-size:1.2rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--jp-gold);text-decoration:none;transition:opacity .2s ease}.color-card__shop:hover{opacity:.7}.style-rules{padding:10rem 0;background:var(--jp-cream);color:#7a7168;scroll-margin-top:8rem}.style-rules__inner{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}.style-rules__image{overflow:hidden;aspect-ratio:3 / 4;position:sticky;top:10rem}.style-rules__image img{width:100%;height:100%;object-fit:cover;object-position:center top}.style-rules__eyebrow{display:block;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--jp-gold-dark);margin-bottom:2rem}.style-rules__title{font-family:var(--font-serif);font-size:clamp(3.5rem,4.5vw,5.5rem);font-weight:300;line-height:1.15;color:var(--jp-black);margin-bottom:4rem}.style-rules__title em{font-style:italic;color:var(--jp-gold-dark)}.rule{padding:3rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.rule:first-of-type{border-top:1px solid rgba(0,0,0,.08)}.rule__number{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--jp-gold-dark);margin-bottom:.8rem}.rule__title{font-family:var(--font-serif);font-size:2.2rem;font-weight:300;color:var(--jp-black);margin-bottom:1rem}.rule__body{font-family:var(--font-sans);font-size:1.4rem;font-weight:300;line-height:1.8;color:var(--jp-warm-gray)}.sg-cta{padding:10rem 0;background:var(--jp-dark);text-align:center}.sg-cta__eyebrow{display:block;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--jp-gold);margin-bottom:2rem}.sg-cta__title{font-family:var(--font-serif);font-size:clamp(4rem,6vw,7rem);font-weight:300;color:var(--jp-white);margin-bottom:2rem}.sg-cta__title em{font-style:italic;color:var(--jp-gold)}.sg-cta__body{font-family:var(--font-sans);font-size:1.5rem;font-weight:300;color:#ffffffa6;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-dark{display:inline-block;padding:1.6rem 3.5rem;background:var(--jp-gold);color:var(--jp-black);font-family:var(--font-sans);font-size:1.3rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.btn-dark:hover{background:var(--jp-gold-light);transform:translateY(-2px);box-shadow:0 8px 30px #c9a84c40}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-main-style-guide.css.map */