.sponsors{gap:calc(var(--g-wdth) / 2);display:flex}.column{gap:calc(var(--g-wdth) / 2);border:1px solid var(--bg-60);border-top:none;border-bottom:none;flex:1}.column div{padding:20px}.column div:not(.filler){cursor:pointer;transition:all .3s}.column div:not(.filler):hover{background:var(--bg-80)}.column div:not(.cta) a{border:none}.column img{object-fit:contain;filter:grayscale();width:100%;height:40px}.column:first-child div{position:relative}.column:first-child div:before{top:0}.column:first-child div:after{bottom:0}.column div.cta{justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.column div.cta:hover a{border-color:#0000}#column-2,#column-3{display:none}@media (width>=640px){#column-2{display:flex}}@media (width>=1024px){#column-3{display:flex}}.post{position:relative}.post .pinned{z-index:1;color:var(--secondary);top:calc(var(--g-wdth) / 4);left:calc(var(--g-wdth) / 4);position:absolute}.post:not(.compact){flex:1;& img{aspect-ratio:2;object-fit:cover;border:1px solid var(--bg-60);background:var(--primary-20);border-radius:6px;width:100%;overflow:hidden}}.post.compact{background:var(--primary-20);border:1px solid var(--bg-60);padding:calc(var(--g-wdth) / 2);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding-right:0;transition:all .3s;display:flex;overflow:hidden;& p{z-index:1;margin:0}& img{width:50%;transform:scale(1.5)}& :not(.pinned) svg{opacity:0;transition:all .3s}}.post.compact:hover{border-color:var(--secondary);& svg{opacity:1;transform:0}}header{max-width:var(--i-wdth);--pc-hght:min(279px, calc(50% - 2px));margin:0 auto;&>div:not(.posts-container){margin-left:calc(var(--g-wdth) + 1px);width:calc(round(down, var(--i-wdth) - var(--g-wdth) * 2, var(--g-wdth)) - 1px)}& .top{top:0;left:0;& h1{margin:calc(var(--g-wdth) * 2 + 1px) 0;background:var(--bg);height:calc(round(up, 13vh, var(--g-wdth)) - 1px);font-size:11vh;line-height:calc(round(up, 13vh, var(--g-wdth)) - 1px);text-align:center;width:100%}}&>div:not(.top){background:var(--bg);padding:calc(var(--g-wdth) / 2)}& .posts-container{margin:calc(var(--g-wdth) * 2 + 1px) 1px 0 1px;height:var(--pc-hght);gap:calc(var(--g-wdth) / 2);display:flex;bottom:1px;left:1px}& .events-container{right:var(--g-wdth);bottom:var(--g-wdth);gap:calc(var(--g-wdth) / 2);margin-bottom:var(--g-wdth);height:calc(round(down, 60cqh, var(--g-wdth)) - 1px);& .cta{text-align:center;margin-top:auto}}}.events{gap:calc(var(--g-wdth) / 2);flex-wrap:wrap;max-width:100%;overflow:hidden;& a{border:none;width:100%}}.header-decorations{height:8svh;position:relative;& div{height:calc(8svh + 1px);width:var(--i-mrgn);position:absolute}& .left{border-right:1px solid var(--bg-60)}& .right{border-left:1px solid var(--bg-60);right:0}}.header-decorations.top div{border-bottom:1px solid var(--bg-60)}.header-decorations.bottom div{border-top:1px solid var(--bg-60);margin-top:-1px}@media (width<=768px){.header-decorations.bottom{display:none}}@media (width>=768px){header{height:calc(round(down, max(500px, 80svh), var(--g-wdth) * 2) + 1px);padding-top:calc(var(--g-wdth) * 4);position:relative;&>div{position:absolute}&>div:not(.top){padding:var(--g-wdth)}& .top{height:round(down, calc(100% - var(--pc-hght)), var(--g-wdth) * 2);width:calc(round(down, 45%, var(--g-wdth) * 2) - 1px)!important;& h1{height:calc(round(up, 20vh, var(--g-wdth) * 2) - 1px);font-size:min(16vh,140px);line-height:calc(round(up, 20vh, var(--g-wdth) * 2) - 1px);margin:1px 0 0 1px}}& .posts-container{width:calc(50% - 2px);margin:0}& .events-container{margin:0 1px 1px 0;width:calc(round(down, 50% - var(--g-wdth) * 2, var(--g-wdth) * 2) - 1px)!important}}}@media (width>=1280px){header{& .events-container{right:calc(2 * var(--g-wdth));bottom:calc(2 * var(--g-wdth));width:calc(round(down, 45% - var(--g-wdth), var(--g-wdth) * 2) - 1px)!important}}}.photos{padding:10vh var(--ic-spc);gap:calc(var(--g-wdth) / 2);grid-template:"a""b""c""d"/1fr;display:grid}.photos div{z-index:1;height:300px;position:relative}.photos div:before,.photos div:after{content:"";z-index:-1;position:absolute}.photos img{object-fit:cover;border-radius:12px;width:100%;height:100%}.photos .a{grid-area:a}.photos .a:before{top:0;left:calc(var(--g-wdth) * -1.5);border-top:1px dashed var(--bg-40);width:calc(var(--g-wdth) * 3)}.photos .a:after{top:calc(var(--g-wdth) * -1);border-left:1px dashed var(--bg-40);height:calc(var(--g-wdth) * 3);left:0}.photos .b{border:1px solid var(--bg-60);grid-area:b}.photos .b:before{top:-1px;right:calc(var(--g-wdth) * -1.5);border-top:1px dashed var(--bg-40);width:calc(var(--g-wdth) * 3)}.photos .b:after{top:calc(var(--g-wdth) * -1);border-left:1px dashed var(--bg-40);height:calc(var(--g-wdth) * 3);right:-.5px}.photos .c{grid-area:c}.photos .c:before{bottom:0;left:calc(var(--g-wdth) * -1.5);border-top:1px dashed var(--bg-40);width:calc(var(--g-wdth) * 3)}.photos .c:after{bottom:calc(var(--g-wdth) * -1);border-left:1px dashed var(--bg-40);height:calc(var(--g-wdth) * 3);left:0}.photos .d{grid-area:d}.photos .d:before{bottom:0;right:calc(var(--g-wdth) * -1.5);border-top:1px dashed var(--bg-40);width:calc(var(--g-wdth) * 3)}.photos .d:after{bottom:calc(var(--g-wdth) * -1);border-left:1px dashed var(--bg-40);height:calc(var(--g-wdth) * 3);right:0}@media (width>=640px){.photos{grid-template:"a a b""c d d"/1fr 1fr 1fr}}.about{gap:var(--g-wdth);padding:10vh var(--ic-spc);& img{aspect-ratio:3/2;object-fit:cover;border-radius:12px;flex-shrink:0;width:100%}}@media (width>=768px){.about{flex-direction:row;& img{width:50%}}}.blog{padding:10vh var(--ic-spc)}.blog-posts{gap:calc(var(--g-wdth) / 4);margin-top:5vh}@media (width>=640px){.blog-posts{flex-direction:row}}.message{margin-top:calc(var(--g-wdth) / 2);padding:calc(var(--g-wdth) / 2);text-align:center;border:1px solid #000;font-size:14px}.message.success{color:#164f1f;background:#b6ffa44d;border-color:#a4ddad}.message.warning{color:#db802b;background:#fffda44d;border-color:#ffc8a4}.message.error{color:#db2b43;background:#ffa4b04d;border-color:#ffa4b3}.grid{background-size:var(--g-wdth) var(--g-wdth);background-image:linear-gradient(to right, var(--bg-60) 1px, transparent 1px), linear-gradient(to bottom, var(--bg-60) 1px, transparent 1px)}.transition{text-align:center}.messages{top:var(--n-hght);max-width:300px;margin:calc(var(--g-wdth) / 2);z-index:1;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){section h2{font-size:6vh}}