section{--black:#2e2f2d;--partnerCardWidth:225px;--avatarWidth:125px;--avatarFontSize:15px;--avatarGap:30px;--partnerNameSize:20px;--postCardWidth:100%;@media (min-width:500px){--postCardWidth:350px}@media (min-width:1024px){--partnerCardWidth:300px;--avatarWidth:150px;--avatarFontSize:17px;--avatarGap:60px;--partnerNameSize:24px}header{font-size:20px;margin-bottom:0;padding-left:10%;padding-right:10%;@media (min-width:600px){font-size:26px;padding-left:5%;padding-right:5%}.overline{font-size:1em;text-transform:uppercase;text-wrap:balance}p{font-size:.92em;margin-bottom:0}*{color:var(--black)}+*{padding-top:20px}}.container{margin:0 auto;max-width:calc(1080px + 10%);padding:clamp(3rem,10vw,4rem) 0}.scroll-container{display:flex;gap:var(--avatarGap);overflow:scroll;padding-left:5%;padding-right:5%;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}figure{margin:0}}.card{display:block;overflow:hidden;position:relative;scale:1;transition:.25s ease-in-out;&:hover{scale:1.01}.glare{background-image:linear-gradient(35deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.07) 65%);inset:-50px;opacity:0;pointer-events:none;position:absolute;transform-origin:50% 50%;transition:opacity .25s ease-in-out;z-index:5}}.logo-banner{background-color:#2e2f2d;padding:clamp(15px,10%,30px) 10%;text-align:center;img{max-height:18px;@media (min-width:640px){max-height:24px}@media (min-width:768px){max-height:30px}}}section.banner{padding-left:2.5%;padding-right:2.5%;.container.back{padding-bottom:30px;padding-top:30px;a{align-items:center;color:var(--black);display:flex;font-size:17px;font-weight:800;gap:1em;text-decoration:none;text-transform:uppercase;&:hover{text-decoration:underline}@media (min-width:640px){font-size:20px}svg{height:2em;width:2em}}}.container.brand{border-radius:10px;height:175px;overflow:hidden;padding:0;position:relative;@media (min-width:640px){height:300px}img{height:100%;object-fit:cover;width:100%}figcaption{bottom:20px;color:#fff;line-height:1.15;position:absolute;right:30px}}.container.action{border-bottom:1px solid #d3d3d3;display:grid;padding:64px 5%;place-items:center;.btn{border:1px solid var(--black);border-radius:10px;color:var(--black);font-size:18px;font-weight:600;padding:.65em 1.75em;text-align:center;text-decoration:none;text-transform:uppercase;text-wrap:balance;transition:all .15s ease-in-out;&:hover{background-color:var(--black);color:#fff}@media (min-width:640px){font-size:22px}@media (min-width:768px){font-size:24px}@media (min-width:1024px){font-size:26px}}}}section.tags{.tag{display:block;min-width:var(--avatarWidth);text-align:center;text-decoration:none;text-transform:uppercase;&:hover{figure{scale:1.01}}figure{aspect-ratio:1/1;background-color:#efefef;border:3px solid #efefef;border-radius:50%;margin:0 0 20px;max-width:var(--avatarWidth);overflow:hidden;scale:1;transition:.25s ease-in-out;width:100%;img{height:100%;object-fit:cover;width:100%}}.tagname{color:var(--black);font-size:var(--avatarFontSize);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:all .25s ease-in-out}&:hover{.tagname{text-decoration-color:var(--black);text-underline-offset:2px}}}}section.influencers{background-color:#efefef;.container{padding-left:0;padding-right:0}header{padding-left:5%;padding-right:5%}.scroll-container{display:flex;gap:10px;overflow:scroll;padding-left:2.5%;padding-right:2.5%;@media (min-width:500px){gap:40px;padding-left:5%;padding-right:5%}}.influencer{min-width:var(--partnerCardWidth);text-align:center;figure{aspect-ratio:300/375;background-color:#efefef;border-radius:10px;margin:0 0 20px;max-width:var(--partnerCardWidth);overflow:hidden;position:relative;img{height:100%;object-fit:cover;width:100%}figcaption{bottom:20px;color:#fff;font-size:var(--partnerNameSize);left:50%;max-width:90%;position:absolute;transform:translateX(-50%)}}a{color:var(--black);font-size:17px;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:9px;transition:all .25s ease-in-out;&:hover{text-decoration-color:var(--black);text-underline-offset:6px}}}}section.posts{.grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding-left:2.5%;padding-right:2.5%;@media (min-width:500px){grid-template-columns:repeat(2,1fr);padding-left:5%;padding-right:5%}@media (min-width:850px){grid-template-columns:repeat(3,1fr)}}.filtered{header{text-align:center}}.post{align-items:flex-end;aspect-ratio:350/470;background-color:#efefef;border-radius:10px;container-name:post;container-type:inline-size;display:grid;max-width:var(--postCardWidth);overflow:hidden;padding:10px;position:relative;width:100%;&:hover{.actions{opacity:1;pointer-events:auto}}.actions{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;opacity:0;padding:7.5%;pointer-events:none;position:absolute;transition:all .5s ease-in-out;z-index:2;@media (min-width:500px){padding-bottom:15%;padding-left:15%;padding-right:15%;padding-top:15%}.btn{background-color:#fff;border-radius:10px;color:var(--black);font-size:14px;font-weight:600;padding:.65em 1.75em;text-align:center;text-decoration:none;transition:all .15s ease-in-out;@container post (min-width: 300px){font-size:20px}&:hover{background-color:var(--black);color:#fff}}}.background{height:100%;inset:0;max-width:100%;object-fit:cover;position:absolute;width:100%}.links{--postAvatarSize:48px;display:flex;gap:10px;position:relative;z-index:3;@container post (min-width: 300px){--postAvatarSize:64px}>a{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;display:block;height:var(--postAvatarSize);overflow:hidden;scale:1;transition:all .15s ease-in-out;width:var(--postAvatarSize);z-index:0;&:not(:first-child){margin-left:calc(var(--postAvatarSize)/-2)}&:hover{scale:1.05;z-index:1}img{height:100%;object-fit:cover;width:100%}}}}}