.coa-main{padding:54px clamp(24px,8vw,120px) 120px}.coa-back{display:inline-block;color:#547093;font-size:13px;font-weight:700;margin-bottom:72px}.coa-back:hover{color:var(--blue)}.coa-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:58px}.coa-heading h1{margin:18px 0 0}.coa-heading>p{max-width:310px;color:#627b98;font-size:15px;line-height:1.7;margin:0 0 8px}.coa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.coa-card{background:#fff;border:1px solid #dceef1;box-shadow:0 10px 30px rgba(16,69,112,.05)}.coa-preview{aspect-ratio:3/4;background:linear-gradient(145deg,#f4fbfc,#dff4f5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);border-bottom:1px solid #dceef1}.coa-preview span{font:700 42px/1 Manrope;letter-spacing:-.08em}.coa-preview small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;color:#6e8aa4}.coa-info{padding:20px}.coa-category{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-weight:700}.coa-info h2{font:600 27px/1.1 Manrope;letter-spacing:-.04em;margin:10px 0 7px;color:var(--navy)}.coa-info p{font-size:12px;color:#6a829d;margin:0}@media(max-width:1000px){.coa-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.coa-heading{display:block}.coa-heading>p{margin-top:24px}.coa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.coa-main{padding:36px 20px 76px}.coa-back{margin-bottom:48px}.coa-grid{grid-template-columns:1fr}.coa-heading h1{font-size:52px}}