.profilePage{margin:0 4vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.profileIdentity,.profileEngagement{grid-column:1/-1}.profileIdentity{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px}.profileMark{display:grid;place-items:center;width:110px;height:110px;border:1px solid #3a433b;border-radius:50%;background:#121713;font-size:52px}.profileIdentity dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 0}.profileIdentity dl div{border-top:1px solid #293029;padding-top:10px}.profileIdentity dt{color:#788179;font-size:10px;text-transform:uppercase}.profileIdentity dd{margin:5px 0 0;color:#dce1dc;font-size:13px}.profileIconChoices{display:grid;grid-template-columns:repeat(6,52px);gap:9px;margin-top:18px}.profileIconChoices button{width:52px;height:52px;border:1px solid #303830;background:#111612;font-size:24px}.profileIconChoices button.selected{border-color:#d0b966;background:#202014}.profileIconChoices button:disabled{opacity:.45}.profileEngagement{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.engagementDonut{--engagement:0;display:grid;place-items:center;width:190px;height:190px;border-radius:50%;background:conic-gradient(#d0b966 calc(var(--engagement)*1%),#202620 0);position:relative}.engagementDonut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#0c0f0d}.engagementDonut span{z-index:1;display:grid;text-align:center}.engagementDonut b{font:600 42px 'Cormorant Garamond',serif}.engagementDonut small{color:#879087;font-size:8px;letter-spacing:.15em}.profileEngagementStats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profileEngagementStats article{border:1px solid #293029;padding:16px}.profileEngagementStats b{display:block;font:600 30px 'Cormorant Garamond',serif}.profileEngagementStats span{color:#858e86;font-size:10px;text-transform:uppercase}.profileHomeCard{cursor:pointer}.profileHomeCard:hover{border-color:#687167}@media(max-width:800px){.profilePage{grid-template-columns:1fr;margin:0 10px 35px}.profileIdentity{grid-template-columns:1fr}.profileIdentity dl{grid-template-columns:1fr 1fr}.profileEngagement{grid-template-columns:1fr}.engagementDonut{margin:auto}.profileIconChoices{grid-template-columns:repeat(4,52px)}}
