.underline-decoration{
  position:relative;
}
.underline-decoration::before{
  position:absolute;
  bottom:0px;
  left:0px;
  display:block;
  width:100%;
  content:"";
  background-color:#f0f0f0;
  height:0.0625rem;
}
.underline-decoration::after{
  position:absolute;
  bottom:0px;
  left:0px;
  display:block;
  width:0px;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  transition-property:width;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  content:"";
  height:0.0625rem;
}
.underline-decoration:hover::after{
  width:100%;
}

.notice-container{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.notice-container .notice{
  display:block;
  padding-left:0.75rem;
  padding-right:0.75rem;
}
@media (min-width: 1024px){
  .notice-container .notice{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
}
.notice-container .notice-wrapper{
  display:flex;
  align-items:center;
  gap:0.75rem;
  padding-top:1rem;
  padding-bottom:1rem;
}
.notice-container .notice.is-sticky{
  background-image:url("assets/images/sticky.svg");
  background-size:auto 40%;
  background-position-x:right;
  background-position-y:top;
  background-repeat:no-repeat;
}
.notice-container .notice-tag{
  flex-shrink:0;
  white-space:nowrap;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity, 1));
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  background-image:url("./assets/images/icon-tag-decoration.svg");
  background-size:auto 75%;
}
.notice-container .notice-title{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  flex-grow:1;
}
.notice-container .notice-date{
  flex-shrink:0;
  white-space:nowrap;
  font-family:"Playfair Display", serif;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.notice-container .notice:hover .notice-title{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.competition-container{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:0.5rem;
}

@media (min-width: 1024px){
  .competition-container{
    flex-direction:row;
    gap:0px;
  }
}
.competition-container .competition{
  flex-basis:100%;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) and (pointer: fine){
  .competition-container .competition:hover{
    --tw-scale-x:1.05;
    --tw-scale-y:1.05;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px){
  .competition-container .competition{
    flex-basis:calc(33% - 0.5rem);
  }
}
.competition-container .competition-meta{
  margin-left:0.75rem;
  margin-right:0.75rem;
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
@media (min-width: 1024px){
  .competition-container .competition-meta{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  }
}
.competition-container .competition-meta-tag{
  white-space:nowrap;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  background-image:url("./assets/images/icon-tag-decoration.svg");
  background-size:auto 75%;
}
.competition-container .competition-meta-date{
  white-space:nowrap;
  font-family:"Playfair Display", serif;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.competition-container .competition-title{
  margin-left:0.75rem;
  margin-right:0.75rem;
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  height:1.5rem;
  font-size:1rem;
  line-height:1.5rem;
}
@media (min-width: 1024px){
  .competition-container .competition-title{
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height:3rem;
  }
}

.resource-large-container .resource-large{
  position:relative;
  display:block;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.resource-large-container .resource-large-image{
  position:relative;
  height:0px;
  width:100%;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1));
  padding-bottom:80%;
}
@media (min-width: 1024px){
  .resource-large-container .resource-large-image{
    height:18.75rem;
    padding-bottom:0px;
  }
}
.resource-large-container .resource-large-image img{
  position:absolute;
  inset:0px;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
.resource-large-container .resource-large-content{
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  background-image:linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:rgb(0 0 0 / 0.05) var(--tw-gradient-to-position);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.resource-large-container .resource-large-content-date{
  margin-bottom:0.75rem;
  white-space:nowrap;
  font-family:"Playfair Display", serif;
  font-size:0.875rem;
  line-height:1.25rem;
}
.resource-large-container .resource-large-content-title{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:3rem;
  font-size:1rem;
  line-height:1.5rem;
}
.resource-large-container .resource-large:hover .resource-large-image img{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resource-middle-container .resource-middle{
  position:relative;
  display:block;
  flex-basis:50%;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){
  .resource-middle-container .resource-middle{
    flex-basis:100%;
  }
}
.resource-middle-container .resource-middle-image{
  position:relative;
  height:0px;
  width:100%;
  overflow:hidden;
  padding-bottom:80%;
}
@media (min-width: 1024px){
  .resource-middle-container .resource-middle-image{
    height:9.375rem;
    padding-bottom:0px;
  }
}
.resource-middle-container .resource-middle-image img{
  position:absolute;
  inset:0px;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
.resource-middle-container .resource-middle:hover .resource-middle-image img{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resource-middle-container .resource-middle:nth-child(odd) .resource-middle-image{
  background-color:#c7ab83;
}
.resource-middle-container .resource-middle:nth-child(even) .resource-middle-image{
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}
.resource-middle-container .resource-middle-date{
  position:absolute;
  right:1rem;
  top:1rem;
  white-space:nowrap;
  font-family:"Playfair Display", serif;
  font-size:0.875rem;
  line-height:1.25rem;
  text-shadow:0 0 3px rgba(0, 0, 0, 0.85);
}
.resource-middle-container .resource-middle-content{
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  background-image:linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:rgb(0 0 0 / 0.05) var(--tw-gradient-to-position);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.resource-middle-container .resource-middle-content-title{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:3rem;
  font-size:1rem;
  line-height:1.5rem;
  text-shadow:0 0 3px rgba(0, 0, 0, 0.85);
}

.resource-small-container .resource-small{
  position:relative;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:0.75rem;
  padding-top:1rem;
  padding-bottom:1rem;
}
.resource-small-container .resource-small-title{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  flex-grow:1;
}
.resource-small-container .resource-small-date{
  flex-shrink:0;
  white-space:nowrap;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-family:"Playfair Display", serif;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
/*a966d01d*/