.card-container{container:card-container / inline-size;.wpb-card{height:100%}}.wpb-card{--br:.4rem;--p:2.4rem;border-radius:var(--br);background-color:#fff;display:flex;flex-direction:column;position:relative;text-decoration:none;a{text-decoration:none;&::after{content:'';position:absolute;inset:0;z-index:1}}.wpb-card__header{display:flex;overflow:hidden;img{width:100%;height:auto}&.wpb-card__header--ratio{--ratio:75%;position:relative;overflow:hidden;z-index:1;&::before{content:'';display:block;width:100%;padding-top:var(--ratio)}>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}}&.wpb-card__header--scale{overflow:hidden;img{transform:scale(1);transform-origin:center;will-change:transform;transition:transform var(--ts-35) ease}}&.wpb-card__header--absolute{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:cover}&::after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 64.9%,rgb(2 68 82 / .286364) 77.4%,rgb(2 68 82 / .81) 91.83%)}}}.wpb-card__body{padding:var(--p);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.wpb-card__footer{padding:var(--p);padding-top:0}>*:first-child{border-top-left-radius:var(--br);border-top-right-radius:var(--br);img{border-top-left-radius:var(--br);border-top-right-radius:var(--br)}}>*:last-child{border-bottom-left-radius:var(--br);border-bottom-right-radius:var(--br)}.card-excerpt{--excerpt-line-clamp:2;display:-webkit-box;-webkit-line-clamp:var(--excerpt-line-clamp);-webkit-box-orient:vertical;overflow:hidden}&:hover .wpb-card__header--scale{img{transform:scale(1.02)}}&:has(.wpb-card__header--absolute){z-index:1;color:#fff;min-height:19.5rem;justify-content:end;background-color:#fff0;.wpb-card__body{flex-grow:0}.card-title{color:#fff}}&.wpb-card--contact-form{background-color:var(--clr-light);.card-title{color:var(--clr-primary-light);margin-bottom:2rem}input,textarea,select{background-color:#fff}a::after{content:none}}&.wpb-card--article{min-height:48rem;justify-content:flex-end;.card-title{margin:1.2rem 0}}&.wpb-card--gallery{.card-title{display:flex;align-items:center;gap:1rem}}&.wpb-card--small{container:card-small / inline-size;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:2rem;min-height:0;background-color:#fff0;color:#fff;.card-title{color:#fff;font-size:clamp(1.8rem, 1.6vw, 2rem)}@container card-small (max-width:399.98px){.wpb-card__header{flex:0 0 100%;max-height:12rem;aspect-ratio:unset;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;max-height:12rem;object-fit:cover;border-radius:var(--br)}}.wpb-card__body{flex:0 0 100%;padding:0;padding-top:var(--p);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;.card-title{text-wrap:unset}}}@container card-small (min-width:400px){.wpb-card__header{flex:0 0 clamp(10rem, 35%, 14rem);aspect-ratio:1 / 1;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:cover;border-radius:var(--br)}}.wpb-card__body{flex:1;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}}&.wpb-card--vacancy{--p:clamp(2.4rem, 2vw, 3.2rem);aspect-ratio:1 / 1;max-height:46rem;.wpb-card__header{.badge-group{position:absolute;top:var(--p);left:var(--p);z-index:1}&.wpb-card__header--absolute::after{background:linear-gradient(247.97deg,transparent 17.45%,var(--clr-primary-light) 46.85%)}}.wpb-card__body{.card-title{max-width:75%;font-size:clamp(3.2rem, 4vw, 5rem)}}.wpb-card__footer{.btn-group{gap:1.6rem;.btn{width:100%}}}}&.wpb-card--event{--p:clamp(2.4rem, 2vw, 3.2rem);aspect-ratio:1 / 1;max-height:46rem;.wpb-card__header{.badge-group{position:absolute;top:var(--p);left:var(--p);z-index:1}&.wpb-card__header--absolute::after{background:linear-gradient(247.97deg,transparent 17.45%,var(--clr-primary-light) 46.85%)}}.wpb-card__body{margin-block:auto;.card-title{max-width:75%;font-size:clamp(3.2rem, 4vw, 5rem)}.wpb-card__event-meta{--mt:0.5em;font-size:clamp(2.4rem, 3.2vw, 3.4rem);opacity:.8;line-height:1.2;font-weight:400;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.1rem}}.wpb-card__footer{.btn-group{gap:1.6rem;.btn{width:100%}.btn--secondary{position:relative;z-index:10}}}}&.wpb-card--card{background-color:var(--clr-primary-light);color:#fff;.wpb-card__header--ratio{--ratio:56.25%}}&.wpb-card--blurb{padding:var(--p);background-color:var(--clr-primary-light);color:#fff;align-items:center;text-align:center;border-radius:var(--br);.wpb-card__header{--size:clamp(4.8rem, 3.2vw, 6rem);background-color:rgb(255 255 255 / .1);border-radius:50%;height:var(--size);width:var(--size);display:flex;justify-content:center;align-items:center;.wpb-card__number{font-family:var(--font-accent);font-size:clamp(2rem, 2vw, 2.4rem);font-weight:700;line-height:1}}.wpb-card__body{padding:0;padding-top:var(--p)}.wpb-card__footer{padding:0;padding-top:var(--p);width:100%;.btn-group .btn{width:100%}}}&.wpb-card--apply{background-color:var(--clr-primary-light);color:#fff;border-radius:var(--br);.wpb-card__header{padding:var(--p);padding-bottom:0}.wpb-card__body{.wpb-card__table{width:100%;border-collapse:collapse;color:inherit;th,td{padding:1.2rem 0;vertical-align:top;border:none}th{display:flex;align-items:center;gap:1rem;font-size:var(--text-lg);font-weight:700;text-transform:uppercase;text-align:left;white-space:nowrap;i{flex:0 0 auto}}td{text-align:right;font-size:var(--text-md)}}.btn-group .btn{width:100%}}.wpb-card__footer{.wpb-person{display:flex;align-items:center;gap:1.2rem;.wpb-person__avatar{width:4.8rem;height:4.8rem;border-radius:50%;object-fit:cover;flex:0 0 auto;overflow:hidden}.wpb-person__meta{font-size:var(--text-md);line-height:1.4;display:flex;flex-direction:column;.person-function{font-weight:400}.person-name{font-weight:700}}.btn{margin-left:auto;position:relative;z-index:10}}}}&.wpb-card--board{position:relative;border-radius:var(--br);overflow:hidden;background:var(--clr-secondary);max-height:42rem;transition:all var(--ts-35) ease;&::after{content:"";position:absolute;top:0;right:-25%;width:100%;height:100%;transform:skew(-10deg);mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(to left,var(--clr-secondary),transparent);background-repeat:space no-repeat;background-size:calc((100% - 4rem) / 3) 100%}.wpb-card__header{position:relative;overflow:hidden;z-index:1;img{width:100%;height:100%;object-fit:cover;object-position:top;transition:all var(--ts-35) ease}}.wpb-card__body{z-index:1;position:absolute;bottom:0;left:0;width:100%;height:auto;display:flex;flex-direction:column;color:#fff;font-family:var(--font-accent);text-transform:uppercase;.card-title{font-size:clamp(2.4rem, 2vw, 3.2rem);font-weight:700;line-height:1.2}.card-function{font-size:clamp(1.8rem, 1.8vw, 2.4rem);font-weight:400;line-height:1.2}}}&.wpb-card--game{--p:1.6rem 2.4rem;--logo-size:4.8rem;--divider-clr:rgba(255, 255, 255, .15);position:relative;overflow:hidden;border-radius:var(--br);background:var(--clr-primary-light);color:#fff;font-family:var(--font-accent);text-transform:uppercase;&::after{content:"";opacity:.65;position:absolute;top:0;right:-42%;width:100%;height:100%;transform:skew(-10deg);mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(to left,#fff,transparent);background-repeat:space no-repeat;background-size:calc((100% - 8rem) / 2) 100%}.badge{--fs:var(--text-xs)}.wpb-card__header{position:relative;z-index:1;padding:var(--p);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem;border-bottom:1px solid var(--divider-clr);.wpb-game__date{font-size:var(--text-md);font-weight:700;line-height:1.2}}.wpb-card__body{position:relative;z-index:1;padding:var(--p);padding-block:clamp(2.4rem, 3vw, 3.6rem);flex-grow:1;display:flex;align-items:center;.badge-group{position:absolute;top:1.6rem;right:1.6rem;z-index:2}}.wpb-game__teams{flex:1 1 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.6rem, 3vw, 4rem)}.wpb-game__team{display:flex;align-items:center;gap:clamp(1.2rem, 1.6vw, 2rem);min-width:0;&.wpb-game__team--home{flex-direction:row-reverse;justify-content:flex-start;text-align:right}&.wpb-game__team--away{justify-content:flex-start;text-align:left}}.wpb-game__logo{flex:0 0 auto;width:var(--logo-size);height:var(--logo-size);display:flex;align-items:center;justify-content:center;background:#fff;padding:.4rem;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:contain}}.wpb-game__team-name{font-size:clamp(1.6rem, 1.8vw, 2rem);font-weight:700;line-height:1.1}.wpb-game__vs{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;max-width:16rem;width:100%;.wpb-game__vs-label{font-size:clamp(2rem, 2vw, 2.4rem);font-weight:700;line-height:1}.wpb-game__score{font-size:clamp(2.8rem, 3vw, 3.6rem);font-weight:700;line-height:1;white-space:nowrap}.wpb-game__score--empty{font-size:clamp(1.6rem, 1.6vw, 1.8rem);white-space:normal;opacity:.7}}.wpb-card__footer{position:relative;z-index:1;padding:var(--p);border-top:1px solid var(--divider-clr);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;font-size:var(--text-sm);.wpb-game__meta{display:flex;flex-direction:column;line-height:1.1}.wpb-game__venue{font-weight:700}.wpb-game__countdown{margin-left:auto;font-size:var(--text-lg);font-weight:700}.wpb-game__competition{font-family:var(--font-body);font-size:var(--text-xs);line-height:1.3;opacity:.7}}&.wpb-card--game-featured{--logo-size:5.6rem;--divider-clr:rgba(var(--clr-primary-dark-rgb), .15);background:var(--clr-secondary);color:var(--clr-dark);&::after{background-image:linear-gradient(to left,var(--clr-light),transparent)}.wpb-card__body{padding-block:clamp(3.2rem, 4vw, 4.8rem)}}&.wpb-card--game-upcoming{--p:1.6rem 2rem;--logo-size:5.6rem;.wpb-card__body{padding-block:clamp(2rem, 2.4vw, 2.8rem)}.wpb-game__teams{gap:1.2rem}.wpb-game__team{flex-direction:column;align-items:center;text-align:center;gap:.8rem;&.wpb-game__team--home,&.wpb-game__team--away{flex-direction:column;justify-content:flex-start;text-align:center}}.wpb-game__team-label{font-size:var(--text-xs);opacity:.7}.wpb-game__team-name{font-size:var(--text-sm)}.wpb-game__vs{gap:.8rem}&.wpb-card--game-featured{.badge{--clr:#fff;--bg-clr:var(--clr-dark)}}}@media (max-width:575.98px){.wpb-game__teams{gap:1.6rem}.wpb-game__team{justify-content:center;&.wpb-game__team--home,&.wpb-game__team--away{justify-content:center;text-align:center}}.wpb-card__footer{.wpb-game__countdown{margin-left:0}.wpb-game__meta{justify-content:center;text-align:center}.wpb-game__venue{font-size:var(--text-xs)}}}}&.wpb-card--game-stacked{--p:1.6rem 2rem;--logo-size:3.2rem;--divider-clr:rgba(255, 255, 255, .15);overflow:hidden;background:var(--clr-primary-light);color:#fff;font-family:var(--font-accent);text-transform:uppercase;.wpb-card__header{padding:var(--p);display:flex;flex-direction:column;gap:.2rem;border-bottom:1px solid var(--divider-clr);.wpb-game__label{font-size:var(--text-xl);font-weight:700;line-height:1.4}.wpb-game__date{font-size:var(--text-sm);font-weight:700;color:var(--clr-secondary);line-height:1.4}}.wpb-card__body{padding:var(--p);display:flex;flex-direction:column;gap:1.2rem}.wpb-game__row{display:grid;grid-template-columns:var(--logo-size) minmax(0,1fr) auto;align-items:center;gap:1.2rem;&.is-own .wpb-game__team-name{color:var(--clr-secondary)}}.wpb-game__logo{width:var(--logo-size);height:var(--logo-size);display:flex;align-items:center;justify-content:center;margin:0;img{width:100%;height:100%;object-fit:contain}}.wpb-game__team-name{font-size:var(--text-md);font-weight:700;line-height:1.2}.wpb-game__goals{font-size:var(--text-lg);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.wpb-card__footer{padding:var(--p);padding-top:0;display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-body);font-size:var(--text-xs);text-transform:none;opacity:.7}.wpb-team-sidebar__empty{font-family:var(--font-body);font-size:var(--text-sm);text-transform:none}&.is-won{box-shadow:inset .4rem 0 0 0 var(--clr-secondary)}&.is-draw{box-shadow:inset .4rem 0 0 0 rgb(255 255 255 / .4)}&.is-lost{box-shadow:inset .4rem 0 0 0 rgb(255 255 255 / .15)}}&.wpb-card--team-meta{--p:1.6rem 2rem;--divider-clr:rgba(255, 255, 255, .15);overflow:hidden;background:var(--clr-primary-light);color:#fff;.wpb-card__header{padding:var(--p);border-bottom:1px solid var(--divider-clr);.card-title{font-family:var(--font-accent);text-transform:uppercase;margin:0}}.wpb-card__body{padding:var(--p)}.wpb-card__table{--clr:#fff;--border-width:0;width:100%;margin:0;border-collapse:collapse;font-size:var(--text-sm);th,td{padding:.8rem 0;text-align:left;vertical-align:top}th{font-weight:700;padding-right:1.6rem}td{opacity:.8}tr+tr{border-top:1px solid var(--divider-clr)}}}&.wpb-card--team{--p:2rem;min-height:19.5rem;overflow:hidden;justify-content:flex-end;background:var(--clr-primary-light);color:#fff;.wpb-card__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.8rem;.card-title{font-size:var(--text-xl);line-height:1.1}.badge-group{flex-wrap:wrap;position:absolute;top:var(--p);left:var(--p);.badge{--fs:var(--text-xs)}}}}}