:root{--campaign-bgc:#000;--campaign-color:#fff}.campaign{container:campaign/inline-size}.campaign__container{align-items:center;background-color:var(--campaign-bgc);height:60vh;justify-content:center;max-width:1920px;position:relative}.campaign__container,.campaign__content{display:flex;margin-left:auto;margin-right:auto;width:100%}.campaign__content{flex-direction:column;gap:20px;max-width:700px;padding:20px}.campaign__title{color:var(--campaign-color);font-size:clamp(2rem,10cqw,4rem);margin:0;text-transform:uppercase}.campaign__title--line{margin-left:calc(var(--bar-width)*2);padding-left:0;position:relative}.campaign__title--line:before{background-color:var(--bar-color);content:"";display:block;height:calc(100% - var(--bar-height-correction));left:calc(var(--bar-width)*-1*2);margin-right:var(--bar-width);position:absolute;top:50%;top:49%;translate:0 -50%;width:var(--bar-width)}.campaign__title .starspan{font-size:clamp(1.5rem,10cqw,3rem);font-weight:400}.campaign__intro{color:var(--campaign-color);display:none;margin:20px 0 0}.campaign__buttons{display:flex;flex-direction:column;gap:.5rem}.campaign__buttons,.campaign__link{justify-content:center}@container campaign (width >= 500px){.campaign__intro{display:block}.campaign__buttons{flex-flow:row wrap;gap:1rem;justify-content:flex-start}.campaign__button{justify-content:flex-start;width:-moz-fit-content;width:fit-content}}@container campaign (width >= 1000px){.campaign__content{justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;padding:40px;width:100%}}