/* Implementation Research — isolated live-safe presentation, 2026-08-31 */

/* HERO
   Fully isolated from legacy .page-hero/.work-hero rules.
   Desktop ratio matches the supplied 2048×1024 image so the full photograph is visible. */
.implementation-feature-hero{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  aspect-ratio:2 / 1;
  min-height:520px;
  max-height:760px;
  margin:0;
  overflow:hidden;
  background:#171412;
}

.implementation-feature-hero__image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  filter:none;
}

.implementation-feature-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(21,16,14,.62) 0%,
    rgba(21,16,14,.48) 23%,
    rgba(21,16,14,.24) 42%,
    rgba(21,16,14,.07) 60%,
    rgba(21,16,14,0) 76%);
}

.implementation-feature-hero__content{
  position:absolute;
  z-index:2;
  left:clamp(42px,5.2vw,84px);
  top:50%;
  transform:translateY(-50%);
  width:min(520px,39vw);
  margin:0;
  padding:0;
  color:#fff;
}

.implementation-feature-hero__eyebrow{
  margin:0 0 18px;
  color:#e5ad22;
  font-size:clamp(12px,.9vw,14px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.implementation-feature-hero__content h1{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(46px,4.2vw,72px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:700;
}

.implementation-feature-hero__content h1 em,
.implementation-feature-hero__content h1 i{
  color:#e5ad22;
  font-style:italic;
  font-weight:500;
}

.implementation-feature-hero__lead{
  margin:0;
  max-width:500px;
  color:#fff;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.52;
  font-weight:500;
}

/* BAMMISHO editorial section */
.bammisho-editorial{
  background:#ececeb!important;
  color:#171514!important;
  padding:clamp(54px,6.5vw,92px) clamp(28px,6vw,88px)!important;
}
.bammisho-editorial__inner{
  width:min(1260px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  gap:clamp(44px,5vw,76px);
}
.bammisho-editorial__brand{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(24px,3vw,42px) clamp(8px,2vw,26px) clamp(24px,3vw,42px) 0;
  border-right:1px solid rgba(23,21,20,.18);
}
.bammisho-editorial__logo{
  display:block;
  width:min(100%,540px);
  height:auto;
  max-height:330px;
  object-fit:contain;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.bammisho-editorial__content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-block:clamp(10px,1.5vw,24px);
}
.bammisho-editorial__eyebrow{
  margin:0 0 18px!important;
  color:#6f6c69!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.bammisho-editorial__content h2{
  margin:0!important;
  max-width:900px;
  color:#171514!important;
  font-size:clamp(34px,3.45vw,58px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
}
.bammisho-editorial__accent{
  display:block;
  width:92px;
  height:4px;
  margin:clamp(22px,2.5vw,34px) 0 clamp(26px,3vw,38px);
  border-radius:999px;
  background:#e5ad22;
}
.bammisho-editorial__rule{
  width:100%;
  height:1px;
  margin-bottom:clamp(28px,3vw,40px);
  background:rgba(23,21,20,.18);
}
.bammisho-editorial__body{
  margin:0!important;
  max-width:900px;
  color:#45413d!important;
  font-size:clamp(16px,1.25vw,19px)!important;
  line-height:1.68!important;
  font-weight:400!important;
}

/* Latest Stories — real stories first, placeholder last. */
.latest-stories--implementation .latest-story-grid{
  gap:clamp(22px,2.4vw,34px)!important;
}
.latest-stories--implementation .latest-story-image{
  width:100%;
  aspect-ratio:16/8;
  overflow:hidden;
}
.latest-stories--implementation .latest-story-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media (max-width:1100px){
  .implementation-feature-hero{
    min-height:500px;
  }
  .implementation-feature-hero__content{
    width:min(500px,46vw);
  }
}

@media (max-width:900px){
  .implementation-feature-hero{
    aspect-ratio:auto;
    min-height:620px;
  }
  .implementation-feature-hero__image{
    object-fit:cover;
    object-position:58% center;
  }
  .implementation-feature-hero__overlay{
    background:linear-gradient(180deg,
      rgba(21,16,14,.05) 0%,
      rgba(21,16,14,.16) 34%,
      rgba(21,16,14,.74) 72%,
      rgba(21,16,14,.9) 100%);
  }
  .implementation-feature-hero__content{
    left:28px;
    right:28px;
    top:auto;
    bottom:38px;
    transform:none;
    width:auto;
    max-width:620px;
  }
  .implementation-feature-hero__content h1{
    font-size:clamp(44px,8vw,64px);
  }

  .bammisho-editorial{
    padding:48px 26px!important;
  }
  .bammisho-editorial__inner{
    grid-template-columns:1fr;
    gap:34px;
  }
  .bammisho-editorial__brand{
    justify-content:flex-start;
    border-right:0;
    border-bottom:1px solid rgba(23,21,20,.18);
    padding:0 0 34px;
  }
  .bammisho-editorial__logo{
    width:min(560px,92%);
    max-height:none;
  }
  .bammisho-editorial__content{
    padding:0;
  }
  .bammisho-editorial__content h2{
    font-size:clamp(34px,7vw,50px)!important;
  }
}

@media (max-width:560px){
  .implementation-feature-hero{
    min-height:590px;
  }
  .implementation-feature-hero__image{
    object-position:61% center;
  }
  .implementation-feature-hero__content{
    left:20px;
    right:20px;
    bottom:28px;
  }
  .implementation-feature-hero__eyebrow{
    margin-bottom:12px;
  }
  .implementation-feature-hero__content h1{
    margin-bottom:16px;
    font-size:clamp(38px,11vw,52px);
  }
  .implementation-feature-hero__lead{
    font-size:15px;
    line-height:1.48;
  }

  .bammisho-editorial{
    padding:38px 20px!important;
  }
  .bammisho-editorial__inner{
    gap:28px;
  }
  .bammisho-editorial__brand{
    padding-bottom:28px;
  }
  .bammisho-editorial__logo{
    width:100%;
  }
  .bammisho-editorial__eyebrow{
    margin-bottom:14px!important;
  }
  .bammisho-editorial__content h2{
    font-size:clamp(31px,10vw,42px)!important;
    line-height:1.04!important;
  }
  .bammisho-editorial__accent{
    margin:20px 0 24px;
    width:72px;
  }
  .bammisho-editorial__rule{
    margin-bottom:24px;
  }
  .latest-stories--implementation .latest-story-grid{
    gap:22px!important;
  }
  .latest-stories--implementation .latest-story-image{
    aspect-ratio:16/9;
  }
}


/* 2026-08-31 — official BAMMISHO destination under the brand mark. */
.bammisho-editorial__visit{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	margin-top:22px;
	color:#181716;
	font-weight:700;
	font-size:12px;
	line-height:1;
	letter-spacing:.09em;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px solid rgba(24,23,22,.42);
	padding-bottom:7px;
	transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.bammisho-editorial__visit:hover,
.bammisho-editorial__visit:focus-visible{
	color:#d72d2d;
	border-color:#d72d2d;
	transform:translateY(-1px);
}
@media(max-width:760px){
	.bammisho-editorial__visit{margin-top:16px;}
}