.coa{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--coa-bg-start, #3a2486) 0%,var(--coa-bg-end, #211152) 100%)}.coa__inner{width:calc(100% - 4rem);max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}@media screen and (max-width:749px){.coa__inner{width:calc(100% - 3rem)}}.coa--reverse .coa__media{order:-1}.coa__eyebrow{color:var(--coa-eyebrow, #c9a84c);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:1.3rem;margin:0 0 1.2rem}.coa__heading{font-family:var(--font-heading-family, sans-serif);font-weight:700;font-size:clamp(2.8rem,3.4vw,4.4rem);line-height:1.12;color:var(--coa-heading, #231f30);margin:0 0 1.6rem;max-width:46rem}.coa__text{font-family:var(--font-body-family, sans-serif);font-size:1.6rem;line-height:1.65;color:var(--coa-text, #6b6b7b);margin:0 0 2.6rem;max-width:46rem}.coa__btn{display:inline-flex;align-items:center;justify-content:center;background:var(--coa-btn-bg, #4e2aa0);color:var(--coa-btn-text, #ffffff);border-radius:999px;padding:1.4rem 3rem;font-family:var(--font-body-family, sans-serif);font-weight:600;font-size:1.5rem;text-decoration:none;transition:background-color .2s ease,transform .15s ease}.coa__btn:hover{background:var(--coa-btn-hover, #3f2186);transform:translateY(-1px)}.coa__media{position:relative;display:flex;justify-content:center}.coa__circle{position:relative;z-index:1;width:min(100%,44rem);aspect-ratio:1 / 1;border-radius:50%;background:var(--coa-circle, #2d1b69);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 26px 60px #0006}.coa__circle--cover .coa__img{width:100%;height:100%;object-fit:cover}.coa__circle--contain .coa__img{width:84%;height:84%;object-fit:contain}.coa__placeholder{fill:#ffffff8c}.coa__inner{position:relative;z-index:1}.coa__dna{position:absolute;top:50%;left:52%;transform:translate(-50%,-50%) rotate(40deg);height:220%;width:auto;z-index:0;color:var(--coa-deco, #b9a6ff);opacity:.5;filter:drop-shadow(0 0 4px var(--coa-deco, #b9a6ff)) drop-shadow(0 0 12px var(--coa-deco, #b9a6ff));pointer-events:none}@media screen and (max-width:749px){.coa__dna{opacity:.35}}@media screen and (max-width:989px){.coa__inner{grid-template-columns:1fr;gap:4rem}.coa--reverse .coa__media{order:0}.coa__circle{width:min(100%,36rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-coa.css.map */