:root, :before, :after{
  --site-container:1280px;
}



.section-title-filter{--icon-size:24px;  position:relative; display:flex; justify-content:space-between;}
.filter-button{width:var(--icon-size); height:var(--icon-size);}
.filter-button .svgicon{width:auto; height:100%;}



.talent-list-container{display:grid;}
.talent-link{position:relative;}
.talent-link-thumb{position:relative; z-index:1;}
.talent-link-thumb:before{padding-top:177.77%;}
.talent-link-thumb:after, .talent-list-info{position:absolute; bottom:0; left:0; width:100%;}
.talent-link-thumb:after{z-index:1000; content:''; display:block; height:100%;}
.talent-list-info{z-index:2000; padding:var(--size-4) var(--size-3);}
.talent-link-name h2{text-align:center; font-weight:bold; text-transform:uppercase; font-size:var(--fontsize-title);}
.talent-list-tag{display:flex; flex-wrap:wrap; justify-content:center;}
.talent-link-tag{margin-right:var(--size-2); margin-top:var(--size-2); border:1px solid; padding:var(--size-2); font-size:11px;}
.talent-link-share{position:absolute; z-index:3000; top:0; right:0; padding:var(--size-3);}
.talent-bookmark-delete,
.talent-bookmark-save{position:absolute; z-index:3000; top:0; left:0; padding:var(--size-3);}
.talent-bookmark-save .svgicon-bookmark-outline{width: 30px; height: 33px;}



.plc-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.plc-logo-link{margin:var(--size-3); width:96px; border-radius:var(--rounded-1); overflow:hidden;}
.plc-logo-link:before{padding-top:100%;}



/* .main-profile-photo:before{padding-top:133.33%;} */
.main-profile-photo:before{padding-top:177.77%;}
.main-profile-name{font-size:30px; font-weight:bold; margin-top:var(--size-4);}
.main-profile .talent-list-tag{justify-content:flex-start;}
.main-profile .talent-link-tag{font-size:14px; padding:var(--size-2) var(--size-3);}
.main-profile-misc{display:grid; grid-gap:var(--size-3); grid-template-columns:var(--size-4) 1fr; margin-top:var(--size-4);}
.main-profile-icon .svgicon{width:100%; height:auto; margin-top:2px;}
.main-profile-data{font-size:20px; margin-top:var(--size-1);}



.profile-content{display:block;}
.profile-content, .profile-content *{font-size:16px; line-height:150%; word-wrap:break-word; word-break:break-word; hyphens:auto;}
.profile-content h4, .profile-content h6, .profile-content p{margin-top:var(--size-3);}
.profile-content > *:first-child{margin-top:0 !important;}
.profile-content h4, .profile-content h6{font-weight:bold;}
.profile-content ul, .profile-content ol{margin-left:20px;}
.profile-content > ul{list-style:disc;}
.profile-content > ol{list-style:decimal;}
.profile-content > ul > li > ul{list-style:circle;}
.profile-content * > li > ol{list-style:upper-roman;}
.profile-content li{padding:3px 0;}



.sm-list-container{display:flex; flex-wrap:wrap;}
.smlc-logo-frame .svgicon{width:100%; height:auto;}
.smlc-box{display:flex; margin-right:calc(var(--size-2) + var(--size-6)); margin-bottom:var(--size-5);}
.smlc-logo{width:48px;}
.smlc-logo-frame:before{padding-top:100%;}
.smlc-info{margin-left:var(--size-4);}
.smlc-data{font-size:24px; font-weight:bold;}



.last-project-container{display:grid; grid-gap:var(--size-5);}
.lpc-list{padding-bottom:var(--size-5); border-bottom:1px dashed; display:grid; grid-gap:var(--size-1);}
.lpc-title{font-size:36px; font-weight:bold;}
.lpc-location, .lpc-date{font-size:16px;}
.lpc-desc{margin-top:var(--size-3);}
.lpc-gallery{display:flex; flex-wrap:wrap; margin-top:var(--size-5);}
.lpc-show-content{position:relative; margin-top:var(--size-2); margin-right:var(--size-2);}
.lpc-show-content img{position:relative; width:auto; height:160px;}
.lpc-icon, .lpc-overlay{position:absolute;}
.lpc-icon{z-index:1000; top:var(--size-2); right:var(--size-2); width:var(--size-4); height:var(--size-4);}
.lpc-icon .svgicon{width:auto; height:var(--size-3);}
.lpc-brand-list{justify-content:flex-start;}
.lpc-brand-title{width:100%; margin-top:var(--size-3); margin-bottom:var(--size-1);}
.lpc-brand-list .plc-logo-link{margin-left:0; margin-right:var(--size-5);}
.lpc-brand-each{font-weight:bold;}
.lpc-brand-each:not(:last-child){position:relative; padding-right:var(--size-2); margin-right:var(--size-3);}
.lpc-brand-each:not(:last-child):before{content:','; display:block; position:absolute; bottom:0; right:0;}
.lpc-overlay{z-index:2000; top:100%; left:0; width:100%; height:100%;}
.lpc-overlay .svgicon{width:auto; height:var(--size-6);}
.lpc-show-content:hover .lpc-overlay{top:0;}



.campaign-list-container{display:grid; grid-gap:var(--size-4); grid-template-columns:repeat(auto-fill, minmax(300px,1fr));}
/* .campaign-box{position:relative; padding-bottom:61px;} */
.campaign-box{position:relative;}
.campaign-box-top, .campaign-box-bottom{padding:var(--size-4);}
.campaign-box-top, .cbt-info{display:grid;}
.campaign-box-top{grid-template-columns: 30% 1fr; align-items: center; grid-gap: var(--size-2); --icon-size:21px;}
.cbt-info{grid-gap:var(--size-2); grid-auto-rows:min-content;}
.cbt-thumb:before{padding-top:100%;}
.cbt-title{font-size:var(--fontsize-title); font-weight:bold; line-height:140%; margin-top:var(--size-3);}
.cbt-desc{font-size:12px; line-height:140%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
/* .campaign-box-bottom{position:absolute; bottom:0; left:0; width:100%; border-top:1px solid; display:flex; justify-content:space-between; --icon-size:21px;} */
.campaign-box-bottom{position:relative; bottom:0; left:0; width:100%; border-top:1px solid; display:flex; justify-content:space-between; --icon-size:21px;}
.cbb-brand, .cbb-applicant, .cbb-calendar{display:flex; align-content:center; align-items:center;}
.cbb-brand-logo, .cbb-applicant .svgicon, .cbb-calendar .svgicon{margin-right:var(--size-2);}
.cbb-brand-logo{width:var(--icon-size); height:var(--icon-size);}
.cbb-brand-name{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.cbt-date{margin-bottom:var(--size-3); display:flex; flex-wrap:wrap;}
.cbt-date > span{margin-right:var(--size-1);}
.cbb-applicant, .cbb-action-button{margin-left:var(--size-4);}
.cbb-applicant .svgicon, .cbb-calendar .svgicon{width:auto; height:calc(var(--icon-size) - var(--size-1));}
.cbb-action{display:flex;}
.cbb-action .svgicon{width:auto; height:var(--icon-size);}



.main-container-campaign-detail{grid-template-columns:377px 1fr;}
.main-container-campaign-detail .main-profile{--icon-size:34px; display:grid; grid-gap:var(--size-3); grid-auto-rows:min-content;}
.main-container-campaign-detail .main-profile-photo:before{padding-top:100%;}
.main-container-campaign-detail .main-profile-name{font-size:24px; margin-top:0;}
.main-container-campaign-detail .cbb-brand-name{font-size:16px;}
.main-container-campaign-detail .cbt-date{margin-bottom:0;}
.main-container-campaign-detail .cbb-brand-logo{margin-right:var(--size-3);}
.main-container-campaign-detail .main-profile-button{margin-top:var(--size-4);}



.campaign-content{display:grid; grid-gap:var(--size-5);}
.campaign-content-box, .campaign-content-box *{font-size:16px; line-height:150%; word-wrap:break-word; word-break:break-word; hyphens:auto;}
.project-content-box, .project-content-box *{font-size:16px; line-height:150%;}
.ccb-head{font-weight:bold; font-size:21px; margin-bottom:var(--size-3);}
.ccb-sub{font-style:italic; text-transform:capitalize;}
.campaign-content-box p, .project-content-box p{margin-bottom:var(--size-4);}
.campaign-content-box ul,.project-content-box ul, .campaign-content-box ol, .project-content-box ol{padding-left:20px;}
.campaign-content-box ul p, .project-content-box ul p, .campaign-content-box ol p, .project-content-box ol p{margin-bottom:var(--size-3);}
.campaign-content-box ul, .project-content-box ul{list-style:circle;}
.campaign-content-box ol, .project-content-box ol{list-style:decimal;}






@media screen and (min-width:0px) and (max-width:1023px){
  .talent-list-container{grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); grid-gap:var(--size-2);}
  .main-profile{margin-top:calc(var(--size-4) * -1);}
  .main-profile > *:not(.main-profile-photo){padding:0 var(--size-4);}
  .main-container-campaign-detail{grid-template-columns: 1fr;}
  
  .campaign-box-top{padding: var(--size-2);}
}