.cosmo-how-select{overflow:hidden;color:var(--how-text);background:var(--how-background)}.cosmo-how-select__shell{width:min(calc(100% - (var(--cosmo-gutter) * 2)),var(--cosmo-page));margin-inline:auto;padding-block:var(--cosmo-space-section)}.cosmo-how-select__composition{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(4rem,8vw,9rem)}.cosmo-how-select__eyebrow{margin:0 0 1.5rem;color:var(--how-gold);font:500 .72rem/1.2 var(--cosmo-sans);letter-spacing:.16em}.cosmo-how-select h2{margin:0;font:400 clamp(2.75rem,4vw,3.5rem)/1.05 var(--cosmo-serif);letter-spacing:-.03em}.cosmo-how-select h2>span,.cosmo-how-select h2>em{display:block;overflow:hidden}.cosmo-how-select h2 em{margin-top:.25rem;color:var(--cosmo-brass);font-weight:400}.cosmo-how-select h2>span>span,.cosmo-how-select h2>em>span{display:block}.cosmo-how-select__support{max-width:650px;margin:1.75rem 0 0;color:#f4f0e8b3;font:400 1rem/1.7 var(--cosmo-sans)}.cosmo-how-select__process-heading{padding-bottom:1.25rem;display:flex;justify-content:space-between;color:var(--cosmo-brass);border-bottom:1px solid var(--cosmo-line-dark);font:500 .7rem/1.2 var(--cosmo-sans);letter-spacing:.14em}.cosmo-how-select__steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none}.cosmo-how-select__step{min-height:220px;padding:1.5rem 1.5rem 1.5rem 0;display:grid;align-content:start;border-bottom:1px solid var(--cosmo-line-dark)}.cosmo-how-select__step:nth-child(2n){padding-left:1.5rem;border-left:1px solid var(--cosmo-line-dark)}.cosmo-how-select__number{color:var(--cosmo-brass);font:400 1.8rem/1 var(--cosmo-serif)}.cosmo-how-select__step h3{margin:auto 0 .65rem;font:500 1rem/1.2 var(--cosmo-sans);letter-spacing:.1em}.cosmo-how-select__step p{margin:0;color:#f4f0e8a6;font:400 .94rem/1.55 var(--cosmo-sans)}.cosmo-how-select__principle{margin-top:clamp(4rem,7vw,7rem);padding-top:1.5rem;display:grid;grid-template-columns:.5fr 1fr .5fr;align-items:center;gap:2rem;border-top:1px solid var(--cosmo-line-dark)}.cosmo-how-select__principle>span{color:#f4f0e88c;font:500 .68rem/1.2 var(--cosmo-sans);letter-spacing:.14em}.cosmo-how-select__principle>span:last-child{text-align:right}.cosmo-how-select__principle p{margin:0;text-align:center;font:400 clamp(2rem,3vw,3rem)/1.05 var(--cosmo-serif)}.cosmo-how-select__principle em{color:var(--cosmo-brass);font-weight:400}.cosmo-how-select[data-motion=true] [data-how-reveal],.cosmo-how-select[data-motion=true] [data-how-step],.cosmo-how-select[data-motion=true] [data-how-principle]{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s var(--cosmo-ease)}.cosmo-how-select[data-motion=true].is-visible [data-how-reveal],.cosmo-how-select[data-motion=true].is-visible [data-how-step],.cosmo-how-select[data-motion=true].is-visible [data-how-principle]{opacity:1;transform:none}@media(max-width:989px){.cosmo-how-select__composition{grid-template-columns:1fr;gap:4rem}}@media(max-width:749px){.cosmo-how-select__steps{grid-template-columns:1fr}.cosmo-how-select__step{min-height:170px;padding-inline:0}.cosmo-how-select__step:nth-child(2n){padding-left:0;border-left:0}.cosmo-how-select__principle{grid-template-columns:1fr}.cosmo-how-select__principle p{text-align:left}.cosmo-how-select__principle>span:last-child{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cosmo-how-we-select.css.map */