[hidden]{display:none!important}.sg-howto{--fs-xs: 13px;--fs-note: 14px;--fs-sm: 15px;--fs-base: 16px;--fs-lg: 18px;--fs-h4: 22px;--fs-h3: 26px;--fs-h1: 56px;--fs-label: 11px;--fs-body: 17px;--fs-intro: 19px;--fs-faq-q: 18px;--fs-h5: 20px;--fs-card: 24px;--fs-h2: clamp(2rem, 4vw, 3.5rem);--fs-close: clamp(2.5rem, 8vw, 7.5rem);--fs-mark: clamp(6rem, 12vw, 10rem);color:var(--ink);font-family:var(--font-body, Arial, "Helvetica Neue", Helvetica, sans-serif);line-height:1.55;-webkit-font-smoothing:antialiased}.sg-howto *{box-sizing:border-box}.sg-howto .sg-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.sg-howto-hero{background:var(--hero-bg);padding:7rem 0 5rem}.sg-howto-hero.has-media .sg-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.sg-howto .sg-frame{position:relative;overflow:hidden;border-radius:14px;background:#0f0f0f0d}.sg-howto .sg-frame img{width:100%;height:100%;object-fit:cover;display:block}.sg-howto .sg-hero-frame{aspect-ratio:4 / 3}@media(max-width:780px){.sg-howto-hero.has-media .sg-hero-grid{grid-template-columns:1fr;gap:2rem}}.sg-howto-hero .sg-eyebrow{font-family:var(--font-body);font-size:var(--fs-label, 11px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.sg-howto-hero h1{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-h1, 56px);line-height:.86;letter-spacing:-.02em;margin:0 0 2rem;font-weight:400;color:var(--ink);max-width:none}.sg-howto-hero h1 em{font-style:normal;color:var(--accent)}.sg-howto-hero p{font-size:var(--fs-lg, 18px);line-height:1.55;color:var(--ink);max-width:none;margin:0}.sg-howto-sec{padding:5rem 0;background:var(--body)}.sg-howto-sec--paper{background:var(--paper)}.sg-howto-sec--white{background:#fff}.sg-howto-sec--dark{background:var(--deep, #0F2820)}.sg-howto-sec--dark .sg-howto-sec-head{color:var(--parchment, #E8DFC0)}.sg-howto-sec--dark .sg-howto-sec-intro{color:#e8dfc0b8}.sg-howto-sec-head{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-h2, 36px);line-height:.9;margin:0 0 3rem;font-weight:400;color:var(--ink)}.sg-howto-sec-intro{font-size:var(--fs-intro, 19px);line-height:1.55;color:var(--muted);max-width:60ch;margin:-2rem 0 3rem}.sg-howto-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:980px){.sg-howto-steps{grid-template-columns:1fr;gap:1.5rem}}.sg-howto-step{background:#fff;border:1px solid rgba(15,15,15,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0f0f0f0a;transition:transform .2s ease,box-shadow .2s ease}.sg-howto-step:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f0f0f14}.sg-howto-step-image{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--hero-bg, #f5f3ee);overflow:hidden}.sg-howto-step-image img{width:100%;height:100%;object-fit:cover;display:block}.sg-howto-step-image--placeholder{display:flex;align-items:center;justify-content:center}.sg-howto-step-image-num{font-family:var(--font-display);font-size:var(--fs-mark, 80px);line-height:1;color:#0f0f0f12;letter-spacing:-.04em;font-weight:400}.sg-howto-step-badge{position:absolute;top:1rem;left:1rem;background:var(--accent, #8BC44A);color:var(--ink, #0F0F0F);font-family:var(--font-body);font-size:var(--fs-label, 11px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;z-index:2}.sg-howto-step-content{padding:1.75rem 1.75rem 1.85rem;flex:1;display:flex;flex-direction:column}.sg-howto-step-content h3{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-h3, 26px);line-height:1;margin:0 0 1rem;font-weight:400;color:var(--ink)}.sg-howto-step-content p{font-size:var(--fs-body, 17px);line-height:1.6;color:var(--muted);margin:0 0 .85rem}.sg-howto-step-content p:last-child{margin-bottom:0}.sg-howto-grade-scale{display:flex;align-items:center;gap:1.1rem;margin:0 0 2.5rem;font-family:var(--font-body);font-size:var(--fs-label, 11px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e8dfc099}.sg-howto-grade-scale .bar{flex:1;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent, #8BC44A),rgba(232,223,192,.22))}.sg-howto-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:980px){.sg-howto-grades{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sg-howto-grades{grid-template-columns:1fr}}.sg-howto-grade{background:#ffffff0a;border:1px solid rgba(232,223,192,.16);border-radius:16px;padding:1.6rem 1.5rem 1.75rem;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}.sg-howto-grade:hover{transform:translateY(-3px);border-color:#8bc44a80}.sg-howto-grade-meter{display:flex;gap:6px;margin-bottom:1.25rem}.sg-howto-grade-pip{flex:1;height:6px;border-radius:999px;background:#e8dfc02e}.sg-howto-grade-pip.is-on{background:var(--accent, #8BC44A)}.sg-howto-grade-rank{font-family:var(--font-body);font-size:var(--fs-label, 11px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent, #8BC44A);margin-bottom:.6rem}.sg-howto-grade h3{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-card, 24px);line-height:1;margin:0 0 .9rem;font-weight:400;color:var(--parchment, #E8DFC0)}.sg-howto-grade p{font-size:var(--fs-base, 16px);line-height:1.55;color:#e8dfc0bf;margin:0}.sg-howto-grade-callout{margin-top:2.5rem;border:1px solid rgba(139,196,74,.4);border-left:3px solid var(--accent, #8BC44A);border-radius:12px;background:#8bc44a0f;padding:1.4rem 1.7rem;color:#e8dfc0eb;font-size:var(--fs-body, 17px);line-height:1.6;max-width:76ch}.sg-howto-grade-callout strong{color:var(--parchment, #E8DFC0)}.sg-howto-grade-callout p{margin:0}.sg-howto-ship{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:780px){.sg-howto-ship{grid-template-columns:1fr}}.sg-howto-ship-card{background:#fff;border:1px solid rgba(15,15,15,.1);border-radius:16px;padding:2rem 2rem 2.15rem;display:flex;flex-direction:column;box-shadow:0 1px 2px #0f0f0f0a;transition:transform .2s ease,box-shadow .2s ease}.sg-howto-ship-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f0f0f14}.sg-howto-ship-icon{margin-bottom:1.1rem;line-height:0}.sg-howto-ship-icon img{width:var(--ship-icon-size, 48px);height:auto;display:block}.sg-howto-ship-card h3{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-card, 24px);line-height:1;margin:0 0 1rem;font-weight:400;color:var(--ink)}.sg-howto-ship-card p{font-size:var(--fs-body, 17px);line-height:1.6;color:var(--muted);margin:0}.sg-howto-ship-badge{align-self:flex-start;margin-top:1.35rem;background:var(--accent, #8BC44A);color:var(--ink, #0F0F0F);font-family:var(--font-body);font-size:var(--fs-label, 11px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}.sg-howto-ship-note{font-size:var(--fs-base, 16px);line-height:1.6;color:var(--muted);max-width:70ch;margin:2rem 0 0}.sg-howto-why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:880px){.sg-howto-why{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sg-howto-why{grid-template-columns:1fr}}.sg-howto-why-item{border-top:2px solid var(--ink);padding-top:1.25rem}.sg-howto-why-icon{margin-bottom:.9rem;line-height:0}.sg-howto-why-icon img{width:var(--why-icon-size, 40px);height:auto;display:block}.sg-howto-why-item h3{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-h5, 20px);line-height:1;margin:0 0 .75rem;font-weight:400;color:var(--ink)}.sg-howto-why-item p{font-size:var(--fs-base, 16px);line-height:1.55;color:var(--muted);margin:0}.sg-howto-faq{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5rem;border-top:1px solid rgba(15,15,15,.12)}@media(max-width:760px){.sg-howto-faq{grid-template-columns:1fr;column-gap:0}}.sg-howto-faq-item{border-bottom:1px solid rgba(15,15,15,.12);padding:0}.sg-howto-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;font-family:var(--font-display);font-size:var(--fs-faq-q, 18px);line-height:1.2;font-weight:400;color:var(--ink);transition:color .16s}.sg-howto-faq-item summary::-webkit-details-marker{display:none}.sg-howto-faq-item summary:hover{color:var(--accent)}.sg-howto-faq-item summary:after{content:"+";font-family:var(--font-body);font-size:var(--fs-h3, 26px);font-weight:400;line-height:1;flex-shrink:0;color:var(--accent);transition:transform .2s}.sg-howto-faq-item[open] summary:after{content:"\2212"}.sg-howto-faq-answer{font-size:var(--fs-body, 17px);line-height:1.6;color:var(--muted);padding:0 0 1.5rem;max-width:70ch}.sg-howto-faq-answer p{margin:0 0 .75rem}.sg-howto-faq-answer p:last-child{margin-bottom:0}.sg-howto-faq-answer a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent)}.sg-howto-close{background:var(--ink);color:var(--parchment);padding:6rem var(--gutter);text-align:center}.sg-howto-close h2{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-close, 60px);line-height:.88;margin:0 0 2rem;font-weight:400;letter-spacing:-.02em;color:var(--parchment)}.sg-howto-close h2 .accent{color:var(--accent);display:block}.sg-howto-close-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:var(--fs-base, 16px);font-weight:700;text-decoration:none;background:var(--accent);color:var(--ink);border-radius:999px;padding:16px 36px;transition:transform .16s,background .16s}.sg-howto-close-cta:hover{transform:translateY(-1px);background:#6fa838}@media(max-width:780px){.sg-howto-hero{padding:5rem 0 3.5rem}.sg-howto-sec{padding:3.5rem 0}.sg-howto-sec-head{margin-bottom:2rem}.sg-howto-sec-intro{margin:-1.5rem 0 2rem}.sg-howto-ship-card{padding:1.75rem 1.5rem 1.85rem}.sg-howto-close{padding:4rem var(--gutter)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sg-sell-how.css.map */