
.presence{padding:68px 6% 76px;scroll-margin-top:90px;font-family:Outfit,Arial,sans-serif}.presence-heading{text-align:center;max-width:760px;margin:0 auto 37px}.presence-kicker{font-size:12px;font-weight:600;letter-spacing:2px;color:#d494b0;margin:0 0 15px}.presence h2{font-size:clamp(32px,3.1vw,45px);line-height:1.18;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}.presence h2 em{font-style:normal;color:#e8a5c4}.presence-heading>p:last-child{font-family:Arial,sans-serif;font-size:16px;line-height:1.75;color:#cbbccf;margin:0}.presence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1260px;margin:auto}.presence-grid article{padding:27px;display:flex;flex-direction:column;transition:background .4s,transform .4s}.presence-icon{height:43px;width:43px;display:grid;place-items:center;border:1px solid #985474;border-radius:9px;color:#e5a1c0;margin-bottom:23px}.presence-icon svg{width:24px;height:24px}.presence-grid h3{font-size:21px;font-weight:500;line-height:1.3;margin:0 0 15px}.presence-grid p{font-family:Arial,sans-serif;font-size:15px;line-height:1.75;margin:0 0 28px;color:#cbbccf}.presence-grid strong{font-size:16px;line-height:1.5;font-weight:600;color:#e4a0bf;border-top:1px solid #704057;padding-top:18px;margin-top:auto}.p1{background:#1b1420;color:#fff}.p1 .presence-grid{border:1px solid #523345;border-radius:10px;overflow:hidden;background:#27192b}.p1 article+article{border-left:1px solid #523345}.p1 article:hover{background:#392137}.p2{background:linear-gradient(125deg,#51182f,#7e2c48);color:#fff}.p2 .presence-grid{gap:20px}.p2 article{background:#fff;color:#4a223b;border-radius:8px;box-shadow:0 12px 28px #25071c25}.p2 article p{color:#746674}.p2 article strong{color:#79253e;border-color:#e8d4df}.p2 .presence-icon{background:#f4e5ed;color:#79253e;border:0}.p2 article:hover{transform:translateY(-6px)}.p3{background:#f8f4f7;color:#362138}.p3 .presence-heading{max-width:none;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.p3 .presence-kicker{grid-column:1/-1;color:#79253e}.p3 h2 em{color:#79253e}.p3 .presence-heading>p:last-child{color:#766878;align-self:center}.p3 .presence-grid{gap:28px}.p3 article{border-top:3px solid #79253e;padding:27px 0}.p3 article p{color:#766878}.p3 article strong{color:#79253e;border-color:#d9becd}.p3 .presence-icon{color:#79253e;background:#f0dce7;border:0}.p3 article:hover{transform:translateY(-4px)}.p4{background:#231322;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.p4 .presence-heading{text-align:left;margin:0}.p4 .presence-grid{grid-template-columns:1fr 1fr;gap:18px}.p4 article{background:linear-gradient(135deg,#64203b,#412038);border:1px solid #985675;border-radius:8px;padding:26px}.p4 article h3{font-size:22px}.p4 article:hover{background:#733047}.p5{background:#fff;color:#44243b}.p5 .presence-kicker{color:#79253e}.p5 h2 em{color:#79253e}.p5 .presence-heading>p:last-child{color:#766878}.p5 .presence-grid{gap:22px}.p5 article{border:1px solid #e4cfdd;border-radius:12px;text-align:center;align-items:center;background:linear-gradient(#fff,#faf5f8)}.p5 article p{color:#766878}.p5 article strong{color:#79253e;border-color:#dfc4d3;width:100%}.p5 .presence-icon{width:62px;height:62px;border-radius:50%;color:#79253e;background:#f1dfE9;border:0;transition:transform .6s}.p5 .presence-icon svg{width:29px;height:29px}.p5 article:hover .presence-icon{transform:rotateY(180deg)}
@media(max-width:1000px){.presence-grid{grid-template-columns:1fr 1fr}.p1 article:nth-child(3){border-left:0}.p1 article:nth-child(n+3){border-top:1px solid #523345}.p4{grid-template-columns:1fr;gap:35px}.p4 .presence-heading{max-width:750px}.p3 .presence-heading{gap:0 35px}}
@media(max-width:600px){.presence{padding:45px 6%}.presence-grid,.p4 .presence-grid{grid-template-columns:1fr}.presence h2{font-size:32px}.p1 article+article{border-left:0;border-top:1px solid #523345}.p3 .presence-heading{display:block}.presence-grid article{padding:25px}.p3 article{padding:25px 0}}
@media(prefers-reduced-motion:reduce){.presence-grid article,.presence-icon{transition:none}.presence-grid article:hover,.p5 article:hover .presence-icon{transform:none}}
