.bgc-page-about .bgc-about-v2106{
background:#fffdfa;
color:#2f1a11;
}
.bgc-page-about .bgc-about-v2106 .bgc-kicker{
margin:0;
font-size:10px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#a86844;
}
.bgc-about-v2-hero{
min-height:610px;
display:grid;
grid-template-columns:minmax(420px,43%) 1fr;
background:linear-gradient(135deg,#fffaf5,#f5e4d7);
overflow:hidden;
}
.bgc-about-v2-hero__copy{
align-self:center;
padding:70px clamp(40px,6vw,105px);
position:relative;
z-index:2;
}
.bgc-about-v2-hero h1{
margin:12px 0 22px;
max-width:650px;
font:600 clamp(58px,5.2vw,88px)/.88 var(--bg-serif);
letter-spacing:-.035em;
}
.bgc-about-v2-hero h1 em,
.bgc-about-v2-vision h2 em{
color:#b7744c;
font-style:normal;
}
.bgc-about-v2-hero__copy>p:not(.bgc-kicker){
max-width:580px;
margin:0;
color:#6c594f;
font-size:14px;
line-height:1.75;
}
.bgc-about-v2-hero__image{
min-height:610px;
background-position:center 18%;
background-size:cover;
position:relative;
}
.bgc-about-v2-hero__image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,250,245,.2),transparent 22%);
}
.bgc-about-v2-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:27px;
}
.bgc-about-v2-actions .bgc-btn{
min-height:46px;
padding:0 22px;
display:inline-flex;
align-items:center;
justify-content:center;
}
.bgc-about-v2-vision{
max-width:940px!important;
padding-top:92px;
padding-bottom:82px;
text-align:center;
}
.bgc-about-v2-vision h2{
margin:12px auto 22px;
font:600 clamp(44px,4.4vw,66px)/.98 var(--bg-serif);
letter-spacing:-.025em;
}
.bgc-about-v2-vision>p:last-child{
max-width:760px;
margin:0 auto;
font-size:14px;
line-height:1.8;
color:#715e54;
}
.bgc-about-v2-universes{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
padding-bottom:92px;
}
.bgc-about-v2-universe{
min-height:500px;
border-radius:18px;
overflow:hidden;
position:relative;
background-size:cover;
background-position:center;
display:flex;
align-items:flex-end;
}
.bgc-about-v2-universe__shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(22,10,5,.06) 20%,rgba(22,10,5,.78) 100%);
}
.bgc-about-v2-universe>div{
width:100%;
position:relative;
z-index:2;
padding:42px;
color:#fff;
}
.bgc-about-v2-universe .bgc-kicker{
color:#f2c5a7!important;
}
.bgc-about-v2-universe h2{
color:#fff;
margin:8px 0 12px;
font:600 clamp(42px,3.7vw,58px)/.92 var(--bg-serif);
}
.bgc-about-v2-universe p:not(.bgc-kicker){
max-width:500px;
margin:0 0 20px;
color:rgba(255,255,255,.86);
font-size:12px;
line-height:1.65;
}
.bgc-about-v2-universe a{
display:inline-flex;
min-height:42px;
align-items:center;
padding:0 16px;
border-radius:7px;
background:#fff;
color:#3a1d12;
font-size:10px;
font-weight:700;
text-decoration:none;
}
.bgc-about-v2-values{
padding-bottom:100px;
}
.bgc-about-v2-values header{
display:grid;
grid-template-columns:180px 1fr;
gap:30px;
align-items:start;
padding-bottom:30px;
border-bottom:1px solid #e9dbd0;
}
.bgc-about-v2-values header h2{
margin:0;
max-width:790px;
font:600 clamp(38px,3.8vw,56px)/1 var(--bg-serif);
}
.bgc-about-v2-values__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:18px;
}
.bgc-about-v2-values__grid article{
min-height:210px;
border:1px solid #eaded4;
border-radius:12px;
background:#fbf4ee;
padding:28px;
}
.bgc-about-v2-values__grid svg{
width:30px;
height:30px;
fill:none;
stroke:#ad6e49;
stroke-width:1.3;
}
.bgc-about-v2-values__grid h3{
margin:24px 0 9px;
font:600 25px/1 var(--bg-serif);
}
.bgc-about-v2-values__grid p{
margin:0;
color:#6f5b51;
font-size:11px;
line-height:1.65;
}
.bgc-about-v2-manifesto{
min-height:520px;
display:grid;
grid-template-columns:42% 58%;
background:#f4e5d9;
}
.bgc-about-v2-manifesto__image{
min-height:520px;
background-size:cover;
background-position:center 22%;
}
.bgc-about-v2-manifesto__copy{
align-self:center;
padding:60px clamp(42px,7vw,120px);
}
.bgc-about-v2-manifesto h2{
margin:10px 0 5px;
font:600 clamp(46px,4.3vw,66px)/.96 var(--bg-serif);
}
.bgc-about-v2-manifesto__lead{
margin:0 0 22px!important;
color:#a86844!important;
font:600 clamp(26px,2.4vw,36px)/1.05 var(--bg-serif)!important;
}
.bgc-about-v2-manifesto__copy>p:not(.bgc-kicker):not(.bgc-about-v2-manifesto__lead){
max-width:560px;
margin:0;
color:#6c584e;
font-size:12px;
line-height:1.7;
}
@media(max-width:900px){
.bgc-about-v2-hero,
.bgc-about-v2-manifesto{
grid-template-columns:1fr;
}
.bgc-about-v2-hero__copy{
padding:54px 28px 40px;
}
.bgc-about-v2-hero__image{
min-height:480px;
}
.bgc-about-v2-universes{
grid-template-columns:1fr;
}
.bgc-about-v2-universe{
min-height:420px;
}
.bgc-about-v2-values header{
grid-template-columns:1fr;
gap:10px;
}
.bgc-about-v2-values__grid{
grid-template-columns:1fr;
}
.bgc-about-v2-manifesto__image{
min-height:400px;
}
}
@media(max-width:620px){
.bgc-about-v2-hero{
min-height:0;
}
.bgc-about-v2-hero h1{
font-size:52px;
}
.bgc-about-v2-hero__image{
min-height:390px;
background-position:center 15%;
}
.bgc-about-v2-vision{
padding-top:62px;
padding-bottom:58px;
}
.bgc-about-v2-vision h2{
font-size:41px;
}
.bgc-about-v2-universes{
padding-bottom:64px;
}
.bgc-about-v2-universe{
min-height:360px;
}
.bgc-about-v2-universe>div{
padding:28px 22px;
}
.bgc-about-v2-values{
padding-bottom:64px;
}
.bgc-about-v2-values header h2{
font-size:38px;
}
.bgc-about-v2-manifesto__image{
min-height:330px;
}
.bgc-about-v2-manifesto__copy{
padding:42px 22px 50px;
}
.bgc-about-v2-manifesto h2{
font-size:43px;
}
}