.hero--reference{
    min-height:710px;
    padding:0;
    background:#fff8f4;
    display:flex;
    align-items:center;
    overflow:visible
}
.hero--reference:before,.hero--reference .hero__orb{
    display:none
}
.hero--reference__photo{
    position:absolute;
    inset:0 0 0 46%;
    overflow:hidden
}
.hero--reference__photo:after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#fff8f4 0,transparent 16%)
}
.hero--reference__photo img{
    width:100%;
    height:100%;
    object-fit:cover
}
.hero--reference__shell{
    position:relative;
    z-index:1
}
.hero--reference__copy{
    width:45%;
    padding-top:82px
}
.hero--reference h1{
    font-size:clamp(48px,5vw,72px);
    max-width:560px
}
.hero--reference .hero__text{
    font-size:15px;
    line-height:1.42;
    max-width:405px;
    color:var(--ink)
}
.hero-outline-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--orange);
    border-radius:999px;
    padding:13px 24px;
    font-size:14px;
    font-weight:800;
    color:var(--navy);
    transition:.25s
}
.hero-outline-button:hover{
    background:#fff;
    transform:translateY(-3px)
}
.hero--reference__inset{
    position:absolute;
    z-index:2;
    width:240px;
    height:155px;
    object-fit:cover;
    left:35%;
    bottom:-70px;
    border:7px solid var(--cream);
    border-radius:30px;
    box-shadow:var(--shadow)
}
.about--reference{
    padding:130px 0 110px;
    background:radial-gradient(circle at 39% 70%,#bfeeed9c,transparent 19%),var(--cream)
}
.about--reference__grid{
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    align-items:center;
    gap:72px;
    max-width:1010px
}
.about--reference__pyramid .pyramid{
    gap:9px
}
.about--reference__pyramid .tier{
    min-height:59px;
    font-size:14px;
    animation:none;
    opacity:1;
    transform:none
}
.about--reference__pyramid .tier--5{
    width:42%
}
.about--reference__pyramid .tier--4{
    width:58%
}
.about--reference__pyramid .tier--3{
    width:75%
}
.about--reference__pyramid .tier--2{
    width:91%
}
.about--reference__pyramid .tier--1{
    width:108%
}
.about--reference .section-copy h2{
    font-size:clamp(38px,4.2vw,60px);
    margin-bottom:18px
}
.about--reference .section-copy p{
    font-size:14px;
    line-height:1.38;
    margin-bottom:19px;
    color:var(--ink)
}
.about--reference__link{
    font-size:20px;
    color:var(--orange)
}
.services-layout{
    grid-template-columns:.78fr 1.22fr
}
.services-accordion--columns{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
.services-accordion__column{
    display:grid;
    gap:10px;
    align-content:start
}
.service-accordion__button{
    font-size:13px;
    padding:17px 15px;
    grid-template-columns:30px 1fr 23px;
    gap:7px
}
.service-accordion__panel{
    padding:0 15px 17px 52px
}
.service-accordion__panel p{
    font-size:12px;
    line-height:1.55
}
.logo-slots{
    align-items:center
}
.logo-slots img{
    width:88px;
    height:54px;
    object-fit:contain;
    object-position:left center;
    border:0
}
.logo-slots img+img{
    background:#fff;
    border-radius:6px;
    padding:3px
}
@media(max-width:900px){
    .hero--reference__photo{
        left:50%
    }
    .hero--reference__copy{
        width:52%
    }
    .services-layout{
        grid-template-columns:1fr
    }
    .services-accordion--columns{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:650px){
    .hero--reference{
        min-height:auto;
        padding:125px 0 0;
        display:block
    }
    .hero--reference__photo{
        position:relative;
        inset:auto;
        height:340px;
    }
    .hero--reference__photo:after{
        background:linear-gradient(180deg,#fff8f4 0,transparent 20%)
    }
    .hero--reference__copy{
        width:100%;
        padding:0;
        text-align:left
    }
    .hero--reference .hero__text{
        font-size:14px
    }
    .hero--reference__inset{
        width:155px;
        height:105px;
        left:50%;
        bottom:-50px;
        transform:translateX(-50%);
        border-width:5px;
        border-radius:20px
    }
    .about--reference{
        padding-top:100px
    }
    .about--reference__grid{
        grid-template-columns:1fr;
        gap:58px
    }
    .about--reference__pyramid{
        width:80%;
        margin:auto
    }
    .about--reference .section-copy h2{
        font-size:39px
    }
    .services-accordion--columns{
        grid-template-columns:1fr
    }
    .services-accordion__column{
        gap:10px
    }
}
 .services-layout{
    grid-template-columns:minmax(260px,.95fr) minmax(0,1fr) minmax(0,1fr);
    gap:16px
}
.services-accordion--columns{
    display:contents
}
.services-accordion__column{
    display:grid;
    gap:10px;
    align-content:start;
    min-width:0
}
.service-accordion__button{
    font-size:14px;
    padding:18px;
    grid-template-columns:minmax(0,1fr) 25px;
    gap:14px;
    min-height:82px
}
.service-accordion__button .service-card__number{
    position:static;
    display:none
}
.service-accordion__button>span:nth-child(2){
    min-width:0;
    overflow-wrap:normal;
    word-break:normal
}
.service-accordion__panel{
    padding:0 18px 19px
}
.service-accordion__panel p{
    font-size:12px;
    line-height:1.6
}
@media(max-width:1050px){
    .services-layout{
        grid-template-columns:.72fr 1fr 1fr;
        gap:12px
    }
    .service-accordion__button{
        font-size:13px;
        padding:16px 14px
    }
}
@media(max-width:800px){
    .services-layout{
        grid-template-columns:1fr
    }
    .services-accordion--columns{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
}
@media(max-width:650px){
    .services-accordion--columns{
        grid-template-columns:1fr
    }
    .service-accordion__button{
        font-size:14px;
        padding:18px
    }
}