.how-tenets{padding-block:var(--how-tenets-space-top, clamp(4rem, 8vw, 6.5rem)) var(--how-tenets-space-bottom, clamp(4rem, 8vw, 6.5rem))}.how-tenets__rule{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem);margin:0 0 clamp(2.5rem,5vw,4rem);font-family:var(--how-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.8)}.how-tenets__rule:before,.how-tenets__rule:after{content:"";flex:1 1 auto;height:1px;background-image:var(--how-rule-metal)}.how-tenets__rule:before{flex-grow:0;flex-basis:clamp(2rem,6vw,5rem)}.how-tenets__pair{display:grid;gap:0}@media(min-width:750px){.how-tenets__pair{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}.how-tenets__col{display:flex;flex-direction:column;align-items:start;padding-block:clamp(2rem,3vw,2.5rem)}@media(min-width:750px){.how-tenets__col{padding-inline:clamp(1.75rem,4vw,4rem)}.how-tenets__col:first-child{padding-inline-start:0}.how-tenets__col:last-child{padding-inline-end:0}.how-tenets__col+.how-tenets__col{position:relative}.how-tenets__col+.how-tenets__col:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:1px;background-image:var(--how-rule-metal-vertical)}}@media(max-width:749px){.how-tenets__col+.how-tenets__col{border-block-start:1px solid var(--how-hairline)}}.how-tenets__mark{display:grid;place-items:center;width:3.25rem;height:3.25rem;border:1px solid color-mix(in srgb,var(--how-metal) 55%,transparent);border-radius:50%;color:var(--how-metal);transition:background-color .5s ease,border-color .5s ease}.how-tenets__mark svg{width:1.25rem;height:1.25rem}@media(hover:hover){.how-tenets__col:hover .how-tenets__mark{border-color:var(--how-metal);background-color:color-mix(in srgb,var(--how-metal) 12%,transparent)}}.how-tenets__label{margin:1.5rem 0 0;font-family:var(--how-font-sans);font-size:.8125rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--how-metal)}.how-tenets__heading{margin:1rem 0 0;max-width:18ch;font-family:var(--how-font-serif);font-size:clamp(1.875rem,2.8vw,2.625rem);font-weight:300;font-style:normal;line-height:1.14;letter-spacing:.005em;text-transform:none;color:inherit}.how-tenets__heading em{color:var(--how-metal)}.how-tenets__break{width:clamp(2.5rem,5vw,4rem);height:1px;margin-block:clamp(1.5rem,3vw,2rem);background-image:var(--how-rule-metal)}.how-tenets__statement{max-width:38ch;margin:0;font-size:1rem;font-weight:300;line-height:1.85;color:rgba(var(--how-surface-fg-rgb),.74)}.how-tenets__statement>:first-child{margin-block-start:0}.how-tenets__statement>:last-child{margin-block-end:0}.how-tenets__notes{width:100%;max-width:34ch;margin:auto 0 0;padding:clamp(1.75rem,3vw,2.5rem) 0 0;list-style:none}.how-tenets__notes li{padding-block:.8125rem;border-block-start:1px solid var(--how-hairline);font-family:var(--how-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--how-surface-fg-rgb),.8)}.how-tenets__notes li:last-child{border-block-end:1px solid var(--how-hairline)}.how-tenets__door{margin-block-start:clamp(1.5rem,3vw,2rem)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-tenets.css.map */
