/* ==========================================================
   BY BARIŞ — HOME V7 / Corporate Responsive Grid
   Scope: homepage only. Keeps global design language intact.
   ========================================================== */
body.vip-home-page{
  --bb-home-card-radius:20px;
  --bb-home-shadow:0 18px 50px rgba(8,25,31,.08);
  --bb-home-shadow-hover:0 26px 64px rgba(8,25,31,.13);
}
body.vip-home-page .bs-home{overflow:hidden}
body.vip-home-page .bs-home img{display:block;max-width:100%}
body.vip-home-page .bs-home .container{width:min(100% - 36px,1280px);padding-left:0!important;padding-right:0!important}
body.vip-home-page .bs-section{padding:88px 0!important}
body.vip-home-page .bs-heading{margin-bottom:34px!important}
body.vip-home-page .bs-heading--split{align-items:flex-end!important;gap:28px!important}
body.vip-home-page .bs-heading h2{max-width:900px;font-size:clamp(34px,3.5vw,52px)!important;line-height:1.08!important}
body.vip-home-page .bs-heading p{max-width:720px;font-size:15px!important;line-height:1.75!important;color:#647278!important}

/* Hero: stable ratio and no layout shift */
body.vip-home-page .bs-hero{padding-bottom:34px!important}
body.vip-home-page .bs-hero__slider{height:clamp(500px,62vw,720px)!important;min-height:500px}
body.vip-home-page .bs-hero__slide>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.vip-home-page .bs-hero__content{max-width:1280px}
body.vip-home-page .bs-hero__content h2{max-width:860px!important;text-wrap:balance}
body.vip-home-page .bs-hero__content p{max-width:690px!important}

/* Corporate capability strip */
body.vip-home-page .bs-concierge{
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(7,26,33,.13)!important;
  border:1px solid rgba(18,32,39,.08)!important;
}
body.vip-home-page .bs-concierge>div{min-height:88px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.vip-home-page .bs-concierge__cta{min-height:88px!important}

/* About: cleaner image composition; no distortion */
body.vip-home-page .bs-about{background:#faf8f4!important}
body.vip-home-page .bs-about__grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;gap:68px!important}
body.vip-home-page .bs-about__visual{min-height:540px!important}
body.vip-home-page .bs-about__main{
  width:82%!important;height:auto!important;aspect-ratio:4/3!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:24px!important;box-shadow:var(--bb-home-shadow)!important;
}
body.vip-home-page .bs-about__mini{
  width:43%!important;height:auto!important;aspect-ratio:4/3!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:18px!important;border:9px solid #faf8f4!important;
}
body.vip-home-page .bs-about__content h2{text-wrap:balance}

/* Services: fully aligned 3x2 corporate card system */
body.vip-home-page .bs-services{background:#fff!important}
body.vip-home-page .bs-service-bento{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.vip-home-page .bs-service-card,
body.vip-home-page .bs-service-card--feature,
body.vip-home-page .bs-service-card--wide{
  grid-column:auto!important;grid-row:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:4/3!important;
  border-radius:var(--bb-home-card-radius)!important;
  border:1px solid rgba(16,43,53,.08)!important;
  box-shadow:var(--bb-home-shadow)!important;
  transform:translateZ(0);
}
body.vip-home-page .bs-service-card>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
}
body.vip-home-page .bs-service-card:hover{box-shadow:var(--bb-home-shadow-hover)!important;transform:translateY(-3px)}
body.vip-home-page .bs-service-card__shade{background:linear-gradient(180deg,rgba(5,24,31,.02) 22%,rgba(5,24,31,.88) 100%)!important}
body.vip-home-page .bs-service-card__copy{left:24px!important;right:24px!important;bottom:22px!important}
body.vip-home-page .bs-service-card__copy h3{font-size:clamp(22px,2vw,28px)!important;min-height:2.2em;display:flex;align-items:flex-end}
body.vip-home-page .bs-service-index{margin-top:18px!important;border-radius:14px;overflow:hidden;border:1px solid rgba(18,32,39,.08)}

/* Projects: same image ratio + equal content heights */
body.vip-home-page .bs-projects{background:linear-gradient(145deg,#0a2028 0%,#0c2933 62%,#102f3a 100%)!important}
body.vip-home-page .bs-home-projects__grid,
body.vip-home-page .bs-projects .bs-detail-projects__rail{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.vip-home-page .bs-home-projects__grid .bs-detail-project{
  display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;
  padding:0!important;border:1px solid rgba(255,255,255,.08);border-radius:20px!important;
  background:rgba(255,255,255,.035)!important;overflow:hidden!important;
  transition:transform .25s ease,background .25s ease,border-color .25s ease!important;
}
body.vip-home-page .bs-home-projects__grid .bs-detail-project:hover{transform:translateY(-4px);background:rgba(255,255,255,.06)!important;border-color:rgba(216,183,125,.28)}
body.vip-home-page .bs-home-projects__grid .bs-detail-project__media{
  width:100%!important;height:auto!important;aspect-ratio:4/3!important;border-radius:0!important;overflow:hidden!important;
}
body.vip-home-page .bs-home-projects__grid .bs-detail-project__media img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
body.vip-home-page .bs-home-projects__grid .bs-detail-project>div:last-child{
  padding:19px 20px 20px!important;display:flex!important;flex-direction:column!important;flex:1!important;
}
body.vip-home-page .bs-home-projects__grid .bs-detail-project h3{font-size:22px!important;line-height:1.22!important;min-height:0!important;margin:7px 0 13px!important}
body.vip-home-page .bs-home-projects__grid .bs-detail-project span{margin-top:auto!important}

/* Process: evenly sized responsive cards */
body.vip-home-page .bs-process{background:#edf3f3!important}
body.vip-home-page .bs-process__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.vip-home-page .bs-process__item{
  min-width:0!important;min-height:170px!important;padding:25px 22px!important;
  background:#fff!important;border:1px solid rgba(18,32,39,.08)!important;border-radius:16px!important;
  box-shadow:0 10px 30px rgba(8,25,31,.045)!important;
}

/* Gallery: deliberately uniform to stop random heights/cropping */
body.vip-home-page .bs-gallery{background:#fff!important}
body.vip-home-page .bs-gallery__mosaic{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;gap:14px!important;align-items:stretch!important;
}
body.vip-home-page .bs-gallery__item,
body.vip-home-page .bs-gallery__item--0,
body.vip-home-page .bs-gallery__item--1,
body.vip-home-page .bs-gallery__item--2,
body.vip-home-page .bs-gallery__item--3,
body.vip-home-page .bs-gallery__item--4,
body.vip-home-page .bs-gallery__item--5,
body.vip-home-page .bs-gallery__item--6{
  grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:4/3!important;border-radius:16px!important;overflow:hidden!important;
  box-shadow:0 10px 30px rgba(8,25,31,.055)!important;background:#e8eeee!important;
}
body.vip-home-page .bs-gallery__item img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transition:transform .45s ease!important;
}
body.vip-home-page .bs-gallery__item:hover img{transform:scale(1.035)!important}

/* Journal: equal cards and fixed media ratio */
body.vip-home-page .bs-journal{background:#f7f4ee!important}
body.vip-home-page .bs-journal__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
body.vip-home-page .bs-journal__card{
  display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;
  border:1px solid rgba(18,32,39,.08)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:var(--bb-home-shadow)!important;padding-bottom:20px!important;
}
body.vip-home-page .bs-journal__media{width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;margin-bottom:18px!important}
body.vip-home-page .bs-journal__media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.vip-home-page .bs-journal__card>small,
body.vip-home-page .bs-journal__card>h3,
body.vip-home-page .bs-journal__card>p,
body.vip-home-page .bs-journal__card>span{margin-left:20px!important;margin-right:20px!important}
body.vip-home-page .bs-journal__card h3{min-height:2.45em!important}
body.vip-home-page .bs-journal__card p{flex:1!important}
body.vip-home-page .bs-journal__card>span{margin-top:auto!important}

/* References: larger, aligned logos instead of tiny 8-column cells */
body.vip-home-page .bs-references{background:#fff!important;padding-top:76px!important;padding-bottom:76px!important}
body.vip-home-page .bs-references__rail{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;border:0!important;
}
body.vip-home-page .bs-reference{
  min-height:130px!important;border:1px solid rgba(18,32,39,.08)!important;border-radius:14px!important;
  background:#fff!important;padding:18px!important;box-shadow:0 8px 24px rgba(8,25,31,.035)!important;
}
body.vip-home-page .bs-reference img{width:auto!important;height:auto!important;max-width:150px!important;max-height:56px!important;object-fit:contain!important}
body.vip-home-page .bs-reference span{font-size:11px!important;line-height:1.35!important}

/* CTA */
body.vip-home-page .bs-cta__inner{border-radius:22px!important;overflow:hidden}

/* Tablet */
@media(max-width:1199px){
  body.vip-home-page .bs-home .container{width:min(100% - 32px,1100px)}
  body.vip-home-page .bs-section{padding:76px 0!important}
  body.vip-home-page .bs-service-bento,
  body.vip-home-page .bs-home-projects__grid,
  body.vip-home-page .bs-projects .bs-detail-projects__rail,
  body.vip-home-page .bs-gallery__mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vip-home-page .bs-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vip-home-page .bs-references__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.vip-home-page .bs-about__grid{gap:44px!important}
}

/* Mobile / tablet portrait */
@media(max-width:767px){
  body.vip-home-page .bs-home .container{width:calc(100% - 28px)!important;max-width:none!important}
  body.vip-home-page .bs-section{padding:58px 0!important}
  body.vip-home-page .bs-heading{margin-bottom:26px!important}
  body.vip-home-page .bs-heading--split{display:block!important}
  body.vip-home-page .bs-heading--split .bs-outline-link{margin-top:18px!important}
  body.vip-home-page .bs-heading h2{font-size:clamp(30px,9vw,38px)!important;line-height:1.1!important}
  body.vip-home-page .bs-heading p{font-size:15px!important;line-height:1.7!important}

  body.vip-home-page .bs-hero{padding-bottom:0!important}
  body.vip-home-page .bs-hero__slider{height:540px!important;min-height:0!important}
  body.vip-home-page .bs-hero__content{padding-top:40px!important;padding-bottom:52px!important}
  body.vip-home-page .bs-hero__content h2{font-size:clamp(36px,10.5vw,46px)!important;line-height:1.02!important}
  body.vip-home-page .bs-hero__content p{font-size:15px!important;line-height:1.65!important}
  body.vip-home-page .bs-actions{gap:9px!important}
  body.vip-home-page .bs-btn{min-height:46px!important;padding-left:18px!important;padding-right:18px!important}

  body.vip-home-page .bs-concierge-wrap{position:relative!important;margin-top:-8px!important;padding-bottom:18px!important}
  body.vip-home-page .bs-concierge{display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:16px!important}
  body.vip-home-page .bs-concierge>div{min-height:90px!important;padding:14px!important}
  body.vip-home-page .bs-concierge__cta{grid-column:1/-1!important;min-height:58px!important}

  body.vip-home-page .bs-about__grid{grid-template-columns:1fr!important;gap:34px!important}
  body.vip-home-page .bs-about__visual{min-height:0!important;height:auto!important;padding-bottom:28px!important}
  body.vip-home-page .bs-about__main{position:relative!important;left:auto!important;top:auto!important;width:92%!important;aspect-ratio:4/3!important}
  body.vip-home-page .bs-about__mini{right:0!important;bottom:0!important;width:42%!important;border-width:7px!important}
  body.vip-home-page .bs-about__seal{left:5%!important;bottom:4px!important;width:104px!important;height:104px!important}
  body.vip-home-page .bs-about__seal strong{font-size:27px!important}
  body.vip-home-page .bs-about__seal span{font-size:9px!important}

  body.vip-home-page .bs-service-bento,
  body.vip-home-page .bs-home-projects__grid,
  body.vip-home-page .bs-projects .bs-detail-projects__rail,
  body.vip-home-page .bs-journal__grid{grid-template-columns:1fr!important;gap:16px!important}
  body.vip-home-page .bs-service-card,
  body.vip-home-page .bs-service-card--feature,
  body.vip-home-page .bs-service-card--wide{aspect-ratio:16/11!important}
  body.vip-home-page .bs-service-card__copy{left:20px!important;right:20px!important;bottom:19px!important}
  body.vip-home-page .bs-service-card__copy h3{font-size:24px!important;min-height:0!important}

  body.vip-home-page .bs-home-projects__grid .bs-detail-project__media{aspect-ratio:4/3!important}
  body.vip-home-page .bs-home-projects__grid .bs-detail-project h3{font-size:21px!important}

  body.vip-home-page .bs-process__grid{grid-template-columns:1fr!important;gap:10px!important}
  body.vip-home-page .bs-process__item{min-height:0!important;padding:20px!important}

  body.vip-home-page .bs-gallery__mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.vip-home-page .bs-gallery__item,
  body.vip-home-page .bs-gallery__item--0,
  body.vip-home-page .bs-gallery__item--1,
  body.vip-home-page .bs-gallery__item--2,
  body.vip-home-page .bs-gallery__item--3,
  body.vip-home-page .bs-gallery__item--4,
  body.vip-home-page .bs-gallery__item--5,
  body.vip-home-page .bs-gallery__item--6{aspect-ratio:1/1!important}

  body.vip-home-page .bs-references__rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.vip-home-page .bs-reference{min-height:112px!important;padding:14px!important}
  body.vip-home-page .bs-reference img{max-width:120px!important;max-height:48px!important}
}

@media(max-width:430px){
  body.vip-home-page .bs-home .container{width:calc(100% - 24px)!important}
  body.vip-home-page .bs-hero__slider{height:515px!important}
  body.vip-home-page .bs-concierge{grid-template-columns:1fr!important}
  body.vip-home-page .bs-concierge__cta{grid-column:auto!important}
  body.vip-home-page .bs-gallery__mosaic{grid-template-columns:1fr!important}
  body.vip-home-page .bs-gallery__item,
  body.vip-home-page .bs-gallery__item--0,
  body.vip-home-page .bs-gallery__item--1,
  body.vip-home-page .bs-gallery__item--2,
  body.vip-home-page .bs-gallery__item--3,
  body.vip-home-page .bs-gallery__item--4,
  body.vip-home-page .bs-gallery__item--5,
  body.vip-home-page .bs-gallery__item--6{aspect-ratio:4/3!important}
  body.vip-home-page .bs-references__rail{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  body.vip-home-page .bs-service-card,
  body.vip-home-page .bs-home-projects__grid .bs-detail-project,
  body.vip-home-page .bs-gallery__item img{transition:none!important;transform:none!important}
}