.comparison{max-width:84rem;margin:0 auto}.comparison__header{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2.4rem}.comparison__brand{position:relative;display:flex;align-items:center;justify-content:center;min-height:8rem;padding:1rem;border-radius:1.4rem}.comparison__brand--ours{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.comparison__brand--theirs{border:.1rem solid rgba(var(--color-foreground),.2);background:rgb(var(--color-surface))}.comparison__logo{width:100%;max-width:18.6rem;height:auto;max-height:5.4rem;object-fit:contain}.comparison__brand-name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.2rem;letter-spacing:.2em;text-transform:uppercase}.comparison__their-image{width:100%;max-width:20.2rem;height:100%;min-height:5.6rem;max-height:8.9rem;border-radius:.8rem;object-fit:cover;filter:blur(.6rem)}.comparison__their-image--empty{display:block;background:rgba(var(--color-accent),.15)}.comparison__vs{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background:rgb(var(--color-foreground));box-shadow:0 0 0 var(--vs-ring, .5rem) rgb(var(--color-background)),0 .2rem 1rem .4rem rgba(var(--color-foreground),.1);color:rgb(var(--color-surface));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.6rem;transform:translate(-50%,-50%)}.comparison__badge{position:absolute;top:-2.4rem;left:-1.2rem;width:7.6rem;height:7.6rem;color:rgb(var(--color-surface));transform:rotate(-8deg)}.comparison__badge svg{position:absolute;top:0;right:0;bottom:0;left:0;fill:rgb(var(--color-accent))}.comparison__badge-text{position:relative;padding-inline:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:.7rem;font-weight:var(--font-body-weight-bold);line-height:1.1;letter-spacing:.04em;text-align:center;text-transform:uppercase}.comparison__badge-text strong{white-space:nowrap;font-family:var(--font-heading-family);font-size:1.3rem;line-height:1.26}.comparison__rows{display:flex;flex-direction:column;gap:1rem;margin:0}@media screen and (max-width:749px){.comparison__header{column-gap:3.2rem}.comparison__brand--ours{padding-inline:5rem 1.6rem}.comparison__logo{max-width:10rem}.comparison__vs{--vs-ring: .3rem;width:4.4rem;height:4.4rem;font-size:1.4rem}.comparison__badge{top:-2.6rem;left:-1rem;width:6.4rem;height:6.4rem}.comparison__badge-text{font-size:.6rem}.comparison__badge-text strong{font-size:1.1rem}}.comparison__row{display:grid;grid-template-columns:1fr 1fr;min-height:5.6rem;overflow:hidden;border-radius:var(--radius-pill);box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.08);font-size:1.4rem;line-height:1.26}.comparison__ours,.comparison__theirs{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem}.comparison__ours{justify-content:flex-end;background:linear-gradient(90deg,#14261d,#2e6b47);color:rgb(var(--color-surface));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-align:right}.comparison__theirs{background:rgb(var(--color-surface))}.comparison__mark{position:relative;flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%}.comparison__mark:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;-webkit-mask:var(--mark-icon) center / contain no-repeat;mask:var(--mark-icon) center / contain no-repeat}.comparison__mark--yes{background:rgb(var(--color-surface))}.comparison__mark--yes:before{--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background:rgb(var(--color-foreground))}.comparison__mark--no{background:rgba(var(--color-foreground),.2)}.comparison__mark--no:before{--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E");background:rgb(var(--color-surface))}@media screen and (min-width:750px){.comparison__header{gap:6.4rem;margin-bottom:4rem}.comparison__brand{min-height:12.1rem}.comparison__vs{width:7.8rem;height:7.8rem;font-size:2.4rem}.comparison__badge{top:-3.5rem;left:-5.2rem;width:12.4rem;height:12.4rem}.comparison__badge-text{font-size:1rem}.comparison__badge-text strong{font-size:1.9rem}.comparison__rows{gap:1.4rem}.comparison__row{min-height:7.6rem;font-size:1.9rem}.comparison__ours,.comparison__theirs{gap:1.6rem;padding:1.6rem 2rem 1.6rem 3.2rem}.comparison__ours{padding:1.6rem 2rem 1.6rem 3.2rem}.comparison__theirs{padding:1.6rem 3.2rem 1.6rem 2rem}.comparison__mark{width:3.2rem;height:3.2rem}}@media screen and (min-width:990px){.comparison__heading{gap:1rem;margin-bottom:5.6rem}.comparison__heading .eyebrow{font-size:1.4rem;line-height:1.26;letter-spacing:.12em}.comparison__heading h2{font-size:4rem;line-height:1.26;letter-spacing:0}.comparison+.section-oryia__footer{margin-top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-comparison.css.map */