/*!
 * ==========================================================================
 * THE SECRET SAUCE SUMMIT 2026
 * Builder Profile
 * File : /thesecretsaucesummit2026/css/builder-profile.css
 * PHP 7.3.5+
 * ==========================================================================
 */

.builder-profile{
    position:relative;
    padding: 80px 0;
    color:#fff;
    overflow:hidden;
}

/*.builder-profile::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right,
        rgba(255,81,38,.16),
        transparent 42%);
    pointer-events:none;
}*/

.builder-profile .builder-type a {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

.builder-profile .builder-type a:hover {
    color: var(--color-orange);
}


@media(max-width:768px){
    .builder-profile .builder-photo {margin-left: -15px; margin-right: -15px;}
}


.builder-profile-wrapper{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:385px 1fr;
    gap:50px;
    align-items:center;
}

/* ==========================================================
LEFT
========================================================== */

.builder-profile-left{
    position:relative;
}

.builder-photo{
    position:relative;
    overflow:hidden;
}

.builder-photo img{
    display:block;
    width:100%;
    height:auto;
    /*transition:.45s;*/
}

/*.builder-photo:hover img{
    transform:scale(1.02);
}*/

/*.builder-logo{
    position:absolute;
    top:24px;
    right:24px;
    z-index:5;
    width:88px;
    height:88px;
    border-radius:50%;
    overflow:hidden;
    background:#fff;
    padding:8px;
}*/

/*.builder-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}*/

/* ==========================================================
RIGHT
========================================================== */

.builder-profile-right{
    max-width:760px;
}

.builder-type{
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.builder-name{
    margin:0;
    font-size:68px;
    line-height:1;
    font-weight:800;
}

.builder-nickname{
    font-size:28px;
    font-weight:300;
    color:#bdbdbd;
}

.builder-profile .builder-brand {
  margin-top: 0;
}

.builder-brand{
    margin-top:14px;
    font-size:24px;
    font-weight:600;
    color:#FF5126;
}

.builder-description{
    margin-top:42px;
}

.builder-description p{
    margin:0 0 18px;
    color:#ddd;
    font-size:17px;
    line-height:1.9;
}

/* ==========================================================
SOCIAL
========================================================== */

.builder-social{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.builder-social img {width: 35px; height: auto;}

.builder-social a{
    display:flex;
    align-items:center;
    justify-content:center;
    /*min-width:48px;
    height:48px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:100px;*/
    color:#fff;
    text-decoration:none;
    transition:.25s;
}

.builder-social a img{
    transition: filter .3s ease , transform .3s ease;
}

.builder-social a:hover img{
    filter: brightness(0) invert(1);
    transform: translateY(-5%);
}

/* ==========================================================
BUTTON
========================================================== */


  .builder-buy-ticket{
    display:flex;
    gap:18px;
    justify-content: center;
  }

  .btn{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    font-family: var(--fontAnton);
    letter-spacing:.06em;
    text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease,color .3s ease;
    white-space:nowrap;
    border-radius: unset;
  }
  .btn::before{
    content:"";
    position:absolute;
    top:0;left:-120%;
    width:60%;height:100%;
    background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);
    transform:skewX(-20deg);
    transition:left .6s ease;
  }
  .btn:hover::before{ left:140%; }
  .btn:hover{ transform:translateY(-3px); }

.builder-ticket-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    height:58px;
    padding:0 25px;
    font-size:26px;
    font-weight:700;
    letter-spacing:.08em;
    text-decoration:none;
    transition:.25s;

    border-color:var(--color-orange);
    color:var(--color-orange);
    animation:cta-glow 2.6s ease-in-out infinite;
}

  .builder-ticket-btn:hover{
    background:var(--color-orange);
    color: var(--color-white);
    box-shadow:0 0 26px rgba(232,86,46,.65);
  }
  @keyframes cta-glow{
    0%,100%{box-shadow:0 0 0 rgba(232,86,46,0);}
    50%{box-shadow:0 0 18px rgba(232,86,46,.85);}
  }


.builder-profile-left .builder-footer {padding:10px 15px;}
.builder-profile-left .builder-footer::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 15px;
    bottom: 15px;
    background: url(../images/icon/arrow-headline-down-while.webp) no-repeat center;
    background-size: contain;
}

.builder-profile-left .builder-name {font-size: 34px;}

.builder-profile-info span,
.builder-profile-info .builder-name,
.builder-profile-info .builder-spot {font-family: var(--fontAnton), var(--fontfamily1); letter-spacing: 1px;}

.builder-profile-info .builder-name {margin-top: 5px; margin-bottom: 5px; font-size: 32px;}

.builder-profile-info .builder-brand {font-family: var(--fontfamily1); font-size: 24px;}

.builder-profile-info .builder-type {font-family: var(--fontCoolvetica); font-size: 18px;}

.builder-profile-info .builder-spot {text-align: center; text-transform: uppercase; margin-top: 2em; margin-bottom: 10px; font-size: 24px;}

.builder-profile-info hr {
    border-top: 1px solid rgba(255, 255, 255, .35);
    margin-top: 25px;
    margin-bottom: 25px;
}


.builder-pr {width: 100%; text-align: center; margin-bottom: 5em;}
.builder-pr .line1 {font-family: var(--fontAnton); letter-spacing: 1px; font-size: 42px; color: var(--color-orange);}
.builder-pr .line2 {font-family: var(--fontCoolvetica); font-size: 28px; font-weight: normal; letter-spacing: 2px;}

/* ==========================================================
Responsive
========================================================== */

@media (max-width:1200px){

    .builder-profile-wrapper{
        grid-template-columns:480px 1fr;
        gap:60px;
    }

    .builder-name{
        font-size:56px;
    }

}

@media (max-width:991px){

    .builder-profile{
        padding:110px 0 80px;
    }

    .builder-profile-wrapper{
        grid-template-columns:1fr;
        gap:15px;
    }

    .builder-profile-left{
        max-width:640px;
        margin:0 auto;
        width:100%;
    }

    .builder-profile-right{
        max-width:100%;
    }

}

@media (max-width:768px){

    .builder-ticket-btn {
      min-width: 210px;
      height: 46px;
      font-size: 22px;
    }

    .builder-pr .line1 {font-size: 28px;}
    .builder-pr .line2 {font-size: 22px;}

    .logo-page-builders {display: none;}
    .search-block {margin-top: 90px;}
    .builder-search {margin: 0;}

    .builder-profile{
        padding:90px 0 70px;
    }

    .builder-name{
        font-size:38px;
    }

    .builder-nickname{
        font-size:22px;
    }

    .builder-brand{
        font-size:20px;
    }

    .builder-description p{
        font-size:15px;
        line-height:1.8;
    }

    .builder-social{
        gap:5px;
    }

    /*.builder-social a{
        min-width:42px;
        height:42px;
        font-size:13px;
    }*/

    /*.builder-ticket-btn{
        width:100%;
        min-width:100%;
    }*/

    .builder-logo{
        width:70px;
        height:70px;
        top:16px;
        right:16px;
    }

    .builder-profile-info span {font-size: 12px;}
    .builder-profile-info .builder-name {font-size: 18px;}
    .builder-profile-info .builder-brand {font-size: 18px;}
    .builder-profile-info .builder-type {font-size: 16px;}
    .builder-profile-info .builder-spot {font-size: 18px;}

    .builder-top-block {
      display: grid;
      grid-template-columns: 60% auto;
      border-bottom: 1px solid rgba(255, 255, 255, .35);
      margin-bottom: 20px;
    }

    .builder-top-block .top-right {padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, .35); min-height: 80px;}

    .builder-social img {width: 26px;}


}