/* Start custom CSS for html, class: .elementor-element-4c106c9 *//* =========================================================
BH INNER HERO | ÇALIŞMA ALANLARIMIZ
========================================================= */
.bh-inner-hero,
.bh-inner-hero *{
box-sizing:border-box;
}
.bh-inner-hero{
position:relative;
overflow:hidden;
min-height:460px;
display:flex;
align-items:center;
background:
linear-gradient(
90deg,
rgba(5,15,28,.94) 0%,
rgba(7,20,37,.84) 42%,
rgba(7,19,34,.55) 72%,
rgba(4,13,24,.45) 100%
),
url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2000&q=82")
center center / cover no-repeat;
color:#fff;
}
.bh-inner-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(4,13,24,.04),
rgba(4,13,24,.22)
);
pointer-events:none;
}
.bh-inner-hero__overlay{
position:absolute;
inset:0;
background:
radial-gradient(
circle at 15% 20%,
rgba(189,161,113,.08),
transparent 28%
);
pointer-events:none;
}
.bh-inner-hero__container{
position:relative;
z-index:2;
width:min(1280px, calc(100% - 40px));
margin-inline:auto;
padding:86px 0 78px;
}
.bh-inner-hero__content{
max-width:760px;
opacity:0;
transform:translateY(18px);
transition:
opacity .65s ease,
transform .65s ease;
}
.bh-inner-hero.is-ready
.bh-inner-hero__content{
opacity:1;
transform:none;
}
/* EYEBROW */
.bh-inner-hero__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:22px;
color:#d0b98f;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.bh-inner-hero__eyebrow span{
width:38px;
height:1px;
background:#bda171;
}
/* TITLE */
.bh-inner-hero h1{
margin:0;
color:#fff;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:clamp(52px, 5vw, 76px);
line-height:.98;
font-weight:400;
letter-spacing:-.035em;
}
.bh-inner-hero h1 strong{
display:block;
color:#bda171;
font-weight:400;
}
/* DESCRIPTION */
.bh-inner-hero p{
max-width:610px;
margin:27px 0 0;
color:rgba(233,239,245,.76);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:15px;
line-height:1.8;
}
/* BREADCRUMB */
.bh-inner-hero__breadcrumb{
display:flex;
align-items:center;
gap:10px;
margin-top:30px;
color:rgba(255,255,255,.48);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}
.bh-inner-hero__breadcrumb a{
color:rgba(255,255,255,.72) !important;
text-decoration:none !important;
transition:color .2s ease;
}
.bh-inner-hero__breadcrumb a:hover{
color:#d0b98f !important;
}
/* TABLET */
@media(max-width:1024px){
.bh-inner-hero{
min-height:420px;
}
.bh-inner-hero__container{
padding:76px 0 68px;
}
}
/* MOBILE */
@media(max-width:767px){
.bh-inner-hero{
min-height:390px;
background-position:center;
}
.bh-inner-hero__container{
width:calc(100% - 28px);
padding:62px 0 56px;
}
.bh-inner-hero__eyebrow{
gap:10px;
margin-bottom:18px;
font-size:9px;
letter-spacing:.15em;
}
.bh-inner-hero__eyebrow span{
width:28px;
}
.bh-inner-hero h1{
font-size:clamp(42px, 12vw, 56px);
}
.bh-inner-hero p{
margin-top:21px;
font-size:13.5px;
line-height:1.72;
}
.bh-inner-hero__breadcrumb{
margin-top:24px;
font-size:9px;
flex-wrap:wrap;
}
}
/* SMALL MOBILE */
@media(max-width:390px){
.bh-inner-hero{
min-height:370px;
}
.bh-inner-hero h1{
font-size:40px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3f892f *//* =========================================================
BAYINDIR HUKUK
KURUCU AVUKAT — PREMIUM PROFILE PAGE
========================================================= */
.bkp,
.bkp *{
box-sizing:border-box;
}
/* =========================================================
DESIGN SYSTEM
========================================================= */
.bkp{
--bkp-navy:#091827;
--bkp-navy-soft:#102337;
--bkp-cream:#f1eee8;
--bkp-paper:#f7f5f1;
--bkp-stone:#e7e1d8;
--bkp-ink:#132337;
--bkp-text:#616d7a;
--bkp-brass:#9b7a4d;
--bkp-light-line:rgba(19,35,55,.12);
--bkp-dark-line:rgba(255,255,255,.11);
--bkp-font:
"Instrument Sans",
"Helvetica Neue",
"Segoe UI",
Arial,
sans-serif;
width:100%;
overflow:hidden;
background:
var(--bkp-cream);
color:
var(--bkp-ink);
font-family:
var(--bkp-font);
}
.bkp-shell{
width:min(
1280px,
calc(100% - 48px)
);
margin-inline:auto;
}
/* =========================================================
LABEL
========================================================= */
.bkp-label{
display:flex;
align-items:center;
gap:13px;
color:
rgba(255,255,255,.60);
font-size:9px;
line-height:1;
font-weight:600;
letter-spacing:.18em;
text-transform:uppercase;
}
.bkp-label > span{
width:34px;
height:1px;
background:
var(--bkp-brass);
}
.bkp-label--dark{
color:
#8b704d;
}
.bkp-label--center{
justify-content:center;
}
/* =========================================================
REVEAL
========================================================= */
.bkp-reveal{
opacity:0;
transform:
translateY(18px);
transition:
opacity .7s ease,
transform .7s
cubic-bezier(.22,.61,.36,1);
}
.bkp-reveal.is-visible{
opacity:1;
transform:none;
}
/* =========================================================
TEXT LINK
========================================================= */
.bkp-text-link{
display:inline-flex;
align-items:center;
gap:16px;
margin-top:30px;
padding-bottom:7px;
border-bottom:
1px solid
rgba(155,122,77,.55);
color:#fff !important;
background:
transparent !important;
text-decoration:
none !important;
font-size:9px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
-webkit-tap-highlight-color:
transparent;
}
.bkp-text-link span{
color:
#b69a72;
font-size:15px;
transition:
transform .22s ease;
}
.bkp-text-link:hover span{
transform:
translateY(3px);
}
.bkp-text-link--dark{
color:
var(--bkp-ink) !important;
margin-top:0;
}
.bkp-text-link--dark:hover span{
transform:
translateX(4px);
}
/* =========================================================
01 HERO
========================================================= */
.bkp-hero{
position:relative;
overflow:hidden;
background:
var(--bkp-paper);
color:
var(--bkp-ink);
}
.bkp-hero::before{
content:"";
position:absolute;
left:-290px;
top:-330px;
width:590px;
height:590px;
border:
1px solid
rgba(155,122,77,.09);
border-radius:50%;
pointer-events:none;
}
.bkp-hero__grid{
min-height:675px;
display:grid;
grid-template-columns:
minmax(0,.92fr)
minmax(430px,1.08fr);
gap:90px;
align-items:center;
padding:
68px
0
58px;
}
/* HERO CONTENT */
.bkp-hero__content{
max-width:620px;
}
.bkp-hero
.bkp-label{
color:#8b704d;
}
.bkp-hero__content h1{
margin:
38px
0
0;
max-width:650px;
color:
var(--bkp-ink);
font-size:
clamp(
64px,
6vw,
94px
);
line-height:.91;
font-weight:500;
letter-spacing:-.055em;
}
.bkp-hero__content h1 span{
display:block;
font-weight:500;
}
.bkp-hero__role{
display:flex;
align-items:center;
gap:13px;
margin-top:27px;
color:#66717d;
font-size:9px;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase;
}
.bkp-hero__role i{
width:24px;
height:1px;
background:
rgba(155,122,77,.70);
}
.bkp-hero__intro{
max-width:520px;
margin:
29px
0
0;
color:
var(--bkp-text);
font-size:14px;
line-height:1.85;
}
.bkp-hero
.bkp-text-link{
color:
var(--bkp-ink) !important;
}
/* HERO PORTRAIT */
.bkp-hero__portrait{
margin:0;
}
.bkp-hero__image{
position:relative;
height:535px;
overflow:hidden;
background:#19293a;
box-shadow:
0 26px 65px
rgba(21,33,45,.14);
}
.bkp-hero__image::after{
content:"";
position:absolute;
inset:18px;
border:
1px solid
rgba(255,255,255,.22);
pointer-events:none;
}
.bkp-hero__image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center 27%;
filter:
saturate(.91)
contrast(1.02);
}
.bkp-hero__image-shade{
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
transparent 58%,
rgba(8,20,32,.25)
);
}
.bkp-hero__photo-index{
position:absolute;
z-index:3;
left:30px;
top:29px;
color:
rgba(255,255,255,.55);
font-size:8px;
font-weight:600;
letter-spacing:.15em;
}
.bkp-hero__vertical{
position:absolute;
z-index:3;
right:24px;
top:25px;
writing-mode:
vertical-rl;
color:
rgba(255,255,255,.53);
font-size:7px;
font-weight:600;
letter-spacing:.24em;
}
.bkp-hero__portrait figcaption{
display:flex;
align-items:center;
justify-content:
space-between;
gap:20px;
margin-top:14px;
color:#866b49;
font-size:8px;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase;
}
.bkp-hero__portrait figcaption small{
color:
rgba(19,35,55,.42);
font-size:8px;
font-weight:600;
}
/* HERO STRIP */
.bkp-hero__strip{
border-top:
1px solid
var(--bkp-light-line);
border-bottom:
1px solid
var(--bkp-light-line);
background:
#ebe6de;
}
.bkp-hero__strip-inner{
display:grid;
grid-template-columns:
repeat(3,1fr);
}
.bkp-hero__strip-inner span{
min-height:62px;
display:flex;
align-items:center;
justify-content:center;
border-right:
1px solid
var(--bkp-light-line);
color:
rgba(19,35,55,.48);
font-size:8px;
font-weight:600;
letter-spacing:.16em;
text-transform:uppercase;
}
.bkp-hero__strip-inner span:last-child{
border-right:none;
}
/* =========================================================
02 PROFILE
========================================================= */
.bkp-profile{
background:
var(--bkp-cream);
}
.bkp-profile
.bkp-shell{
padding:
92px
0
90px;
}
.bkp-profile__header{
display:flex;
align-items:center;
gap:25px;
}
.bkp-profile__rule{
flex:1;
height:1px;
background:
var(--bkp-light-line);
}
.bkp-profile__grid{
display:grid;
grid-template-columns:
minmax(230px,.55fr)
minmax(0,1.45fr);
gap:100px;
margin-top:68px;
}
/* PROFILE RAIL */
.bkp-profile__rail{
position:sticky;
top:120px;
align-self:start;
border-top:
1px solid
var(--bkp-light-line);
}
.bkp-profile__rail-item{
padding:
18px
0;
border-bottom:
1px solid
var(--bkp-light-line);
}
.bkp-profile__rail-item small{
display:block;
margin-bottom:7px;
color:#9a7a50;
font-size:8px;
font-weight:600;
letter-spacing:.15em;
}
.bkp-profile__rail-item strong{
color:#39485a;
font-size:12px;
line-height:1.5;
font-weight:500;
}
/* PROFILE BODY */
.bkp-profile__body{
max-width:820px;
}
.bkp-profile__body h2{
margin:0;
max-width:790px;
color:
var(--bkp-ink);
font-size:
clamp(
43px,
4vw,
61px
);
line-height:1.02;
font-weight:500;
letter-spacing:-.045em;
}
.bkp-profile__copy{
display:grid;
grid-template-columns:
1fr 1fr;
column-gap:50px;
margin-top:47px;
}
.bkp-profile__copy p{
margin:
0
0
20px;
color:
var(--bkp-text);
font-size:13px;
line-height:1.85;
}
.bkp-profile__lead{
grid-column:
1 / -1;
max-width:650px;
color:#344559 !important;
font-size:15px !important;
font-weight:500;
}
/* =========================================================
03 APPROACH
========================================================= */
.bkp-approach{
position:relative;
background:
var(--bkp-navy);
color:#fff;
}
.bkp-approach
.bkp-shell{
padding:
88px
0
78px;
}
.bkp-approach__header{
padding-bottom:58px;
border-bottom:
1px solid
var(--bkp-dark-line);
}
.bkp-approach__heading{
display:grid;
grid-template-columns:
1.2fr
.8fr;
gap:90px;
align-items:end;
margin-top:34px;
}
.bkp-approach__heading h2{
margin:0;
max-width:760px;
color:#fff;
font-size:
clamp(
44px,
4.3vw,
63px
);
line-height:1.01;
font-weight:500;
letter-spacing:-.045em;
}
.bkp-approach__heading h2 span{
display:block;
color:
rgba(255,255,255,.55);
}
.bkp-approach__heading p{
margin:0;
max-width:480px;
color:
rgba(230,237,244,.65);
font-size:13px;
line-height:1.8;
}
/* APPROACH ITEMS */
.bkp-approach__items{
display:grid;
grid-template-columns:
repeat(3,1fr);
}
.bkp-approach__item{
display:grid;
grid-template-columns:
35px 1fr;
gap:15px;
min-height:245px;
padding:
39px
35px;
border-right:
1px solid
var(--bkp-dark-line);
}
.bkp-approach__item:first-child{
padding-left:0;
}
.bkp-approach__item:last-child{
padding-right:0;
border-right:none;
}
.bkp-approach__number{
padding-top:5px;
color:
#b79a70;
font-size:8px;
font-weight:600;
letter-spacing:.14em;
}
.bkp-approach__item h3{
margin:0;
color:#fff;
font-size:27px;
line-height:1.1;
font-weight:500;
letter-spacing:-.035em;
}
.bkp-approach__item p{
max-width:330px;
margin:
19px
0
0;
color:
rgba(230,237,244,.58);
font-size:12px;
line-height:1.75;
}
/* =========================================================
04 FRAMEWORK
========================================================= */
.bkp-framework{
background:
var(--bkp-paper);
}
.bkp-framework__grid{
display:grid;
grid-template-columns:
minmax(0,.85fr)
minmax(400px,1.15fr);
gap:100px;
padding:
90px
0;
}
.bkp-framework__statement h2{
max-width:540px;
margin:
34px
0
0;
color:
var(--bkp-ink);
font-size:
clamp(
39px,
3.7vw,
55px
);
line-height:1.04;
font-weight:500;
letter-spacing:-.04em;
}
/* FRAMEWORK ROWS */
.bkp-framework__rows{
border-top:
1px solid
var(--bkp-light-line);
}
.bkp-framework__row{
display:grid;
grid-template-columns:
45px
1fr;
gap:22px;
padding:
29px
0;
border-bottom:
1px solid
var(--bkp-light-line);
}
.bkp-framework__row > span{
color:
var(--bkp-brass);
font-size:8px;
font-weight:600;
letter-spacing:.15em;
}
.bkp-framework__row small{
display:block;
color:
var(--bkp-ink);
font-size:9px;
font-weight:600;
letter-spacing:.14em;
}
.bkp-framework__row p{
max-width:550px;
margin:
11px
0
0;
color:
var(--bkp-text);
font-size:12.5px;
line-height:1.75;
}
/* =========================================================
05 PRACTICES
========================================================= */
.bkp-practices{
background:
#ece7df;
}
.bkp-practices
.bkp-shell{
padding:
79px
0
82px;
}
.bkp-practices__header{
display:flex;
align-items:flex-end;
justify-content:
space-between;
gap:60px;
padding-bottom:44px;
}
.bkp-practices__header h2{
margin:
26px
0
0;
color:
var(--bkp-ink);
font-size:
clamp(
39px,
3.8vw,
55px
);
line-height:1;
font-weight:500;
letter-spacing:-.045em;
}
.bkp-practices__list{
border-top:
1px solid
var(--bkp-light-line);
}
.bkp-practice{
display:grid;
grid-template-columns:
55px
1fr
30px;
gap:20px;
align-items:center;
min-height:89px;
border-bottom:
1px solid
var(--bkp-light-line);
color:
var(--bkp-ink) !important;
background:
transparent !important;
text-decoration:
none !important;
transition:
padding-left .25s ease;
}
.bkp-practice:hover{
padding-left:10px;
}
.bkp-practice > span{
color:
var(--bkp-brass);
font-size:8px;
font-weight:600;
letter-spacing:.15em;
}
.bkp-practice h3{
margin:0;
font-size:
clamp(
20px,
2vw,
28px
);
font-weight:500;
letter-spacing:-.035em;
}
.bkp-practice i{
color:
var(--bkp-brass);
font-size:17px;
font-style:normal;
transition:
transform .22s ease;
}
.bkp-practice:hover i{
transform:
translate(
3px,
-3px
);
}
/* =========================================================
06 CLOSING
========================================================= */
.bkp-closing{
position:relative;
background:
var(--bkp-cream);
text-align:center;
}
.bkp-closing__inner{
padding:
84px
0
83px;
}
.bkp-closing__inner h2{
max-width:770px;
margin:
28px
auto
0;
color:
var(--bkp-ink);
font-size:
clamp(
44px,
4.5vw,
65px
);
line-height:1.01;
font-weight:500;
letter-spacing:-.045em;
}
.bkp-closing__inner p{
max-width:570px;
margin:
23px
auto
0;
color:
var(--bkp-text);
font-size:13px;
line-height:1.8;
}
.bkp-closing__button{
min-height:51px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:16px;
margin-top:29px;
padding:
0
23px;
border:
1px solid
rgba(19,35,55,.25);
color:
var(--bkp-ink) !important;
background:
transparent !important;
text-decoration:
none !important;
font-size:9px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
transition:
border-color .22s ease,
background .22s ease;
}
.bkp-closing__button span{
color:
var(--bkp-brass);
font-size:16px;
transition:
transform .22s ease;
}
.bkp-closing__button:hover{
border-color:
var(--bkp-brass);
background:
rgba(155,122,77,.04) !important;
}
.bkp-closing__button:hover span{
transform:
translateX(4px);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.bkp-hero__grid{
grid-template-columns:
.9fr
1.1fr;
gap:55px;
}
.bkp-hero__image{
height:500px;
}
.bkp-profile__grid{
gap:60px;
}
.bkp-approach__heading{
gap:55px;
}
.bkp-framework__grid{
gap:55px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.bkp-shell{
width:
calc(100% - 28px);
}
/* HERO */
.bkp-hero__grid{
min-height:0;
grid-template-columns:1fr;
gap:37px;
padding:
49px
0
39px;
}
.bkp-hero__content h1{
margin-top:28px;
font-size:
clamp(
50px,
14vw,
66px
);
line-height:.92;
}
.bkp-hero__role{
margin-top:22px;
}
.bkp-hero__intro{
font-size:13px;
line-height:1.75;
}
.bkp-hero__image{
height:auto;
aspect-ratio:
4 / 4.7;
}
.bkp-hero__portrait figcaption{
flex-direction:column;
align-items:flex-start;
gap:5px;
}
.bkp-hero__strip-inner{
grid-template-columns:1fr;
}
.bkp-hero__strip-inner span{
min-height:44px;
justify-content:flex-start;
border-right:none;
border-bottom:
1px solid
var(--bkp-light-line);
}
/* PROFILE */
.bkp-profile
.bkp-shell{
padding:
61px
0;
}
.bkp-profile__grid{
grid-template-columns:1fr;
gap:43px;
margin-top:44px;
}
.bkp-profile__rail{
position:static;
display:grid;
grid-template-columns:
1fr 1fr;
}
.bkp-profile__rail-item{
padding:
15px
12px
15px
0;
}
.bkp-profile__body h2{
font-size:
clamp(
36px,
10vw,
47px
);
}
.bkp-profile__copy{
grid-template-columns:1fr;
margin-top:32px;
}
.bkp-profile__lead{
grid-column:auto;
font-size:14px !important;
}
/* APPROACH */
.bkp-approach
.bkp-shell{
padding:
60px
0
54px;
}
.bkp-approach__header{
padding-bottom:39px;
}
.bkp-approach__heading{
grid-template-columns:1fr;
gap:24px;
margin-top:27px;
}
.bkp-approach__heading h2{
font-size:
clamp(
37px,
10.5vw,
49px
);
}
.bkp-approach__items{
grid-template-columns:1fr;
}
.bkp-approach__item,
.bkp-approach__item:first-child,
.bkp-approach__item:last-child{
min-height:0;
padding:
28px
0;
border-right:none;
border-bottom:
1px solid
var(--bkp-dark-line);
}
/* FRAMEWORK */
.bkp-framework__grid{
grid-template-columns:1fr;
gap:43px;
padding:
61px
0;
}
.bkp-framework__statement h2{
font-size:
clamp(
35px,
9.5vw,
45px
);
}
/* PRACTICES */
.bkp-practices
.bkp-shell{
padding:
58px
0;
}
.bkp-practices__header{
flex-direction:column;
align-items:flex-start;
gap:25px;
}
.bkp-practices__header h2{
font-size:38px;
}
.bkp-practice{
grid-template-columns:
34px
1fr
22px;
gap:11px;
min-height:74px;
}
.bkp-practice h3{
font-size:19px;
line-height:1.1;
}
/* CLOSING */
.bkp-closing__inner{
padding:
61px
0;
}
.bkp-closing__inner h2{
font-size:
clamp(
37px,
10.5vw,
49px
);
}
.bkp-closing__button{
width:100%;
max-width:280px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:390px){
.bkp-hero__content h1{
font-size:47px;
}
.bkp-profile__rail{
grid-template-columns:1fr;
}
.bkp-profile__body h2{
font-size:34px;
}
.bkp-approach__heading h2{
font-size:35px;
}
.bkp-closing__inner h2{
font-size:35px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.bkp *,
.bkp *::before,
.bkp *::after{
animation:none !important;
transition:none !important;
}
.bkp-reveal{
opacity:1 !important;
transform:none !important;
}
}/* End custom CSS */