/* OLNIN + Fairway Junction shared refinements.
   Brand rules are deliberately scoped so the OLNIN parent mark and the Fairway Junction wordmark never affect one another. */

/* ------------------------------------------------------------------
   OLNIN parent-company mark
   ------------------------------------------------------------------ */
.olnin-main-logo{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  image-rendering:auto!important;
}
.hdr .olnin-main-logo{
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
}
.hdr.is-onDark .olnin-main-logo{
  filter:grayscale(1) invert(1) brightness(1.18)!important;
  mix-blend-mode:screen!important;
}
.drawer .olnin-main-logo{
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  max-height:88px!important;
  filter:grayscale(1) invert(1) brightness(1.12)!important;
  mix-blend-mode:screen!important;
}
.ft .olnin-main-logo,
.footer .olnin-main-logo{
  width:96px!important;
  height:96px!important;
  max-width:96px!important;
  max-height:96px!important;
}

/* ------------------------------------------------------------------
   Fairway Junction wordmark asset — preserve its natural aspect ratio
   ------------------------------------------------------------------ */
.fj-wordmark{
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  image-rendering:auto!important;
}
.on-dark .fj-wordmark,
.drawer .fj-wordmark,
.ft .fj-wordmark{
  filter:grayscale(1) invert(1) brightness(1.12)!important;
  mix-blend-mode:screen!important;
}

/* Homepage café / hospitality wordmark block */
.cafe-mark{
  width:min(100%,220px)!important;
  max-width:220px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  margin-bottom:22px!important;
}
.cafe-mark .fj-wordmark,
.cafe-mark img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
}

/* Mid-page Fairway Junction identity panel */
.identity__grid{align-items:center!important}
.identity__mark{
  min-height:0!important;
  width:100%!important;
  max-width:420px!important;
  aspect-ratio:1.62/1!important;
  padding:clamp(24px,3vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,rgba(244,237,223,.86),rgba(249,245,237,.98))!important;
  border:1px solid rgba(35,50,41,.10)!important;
  border-radius:12px!important;
  box-shadow:0 16px 40px rgba(35,50,41,.045)!important;
  overflow:hidden!important;
}
.identity__mark img{
  width:min(100%,340px)!important;
  max-width:340px!important;
  height:auto!important;
  max-height:120px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(38,26,20,.07))!important;
}

/* Footer brand should remain supporting rather than oversized */
.footer__word{
  font-size:clamp(2.25rem,7vw,6rem)!important;
  line-height:.9!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  opacity:.04!important;
}

/* Clean text wrapping */
.hero__copy,.intro__copy,.identity__copy,.standard__head,.moments__head{min-width:0!important}
.hero__copy .display,.intro__copy .h2,.standard__head .h2,.identity__copy .h2,.moments__head .h2{text-wrap:balance}
.footer address,.footer a,.footer span,.footer p,.footer h4{word-break:normal;overflow-wrap:break-word}

/* Membership journey */
.membership-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.membership-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:1040px){
  .identity__mark{max-width:360px!important;margin-inline:auto!important}
}
@media(max-width:760px){
  .hdr .olnin-main-logo{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important}
  .drawer .olnin-main-logo{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}
  .cafe-mark{width:min(100%,188px)!important;max-width:188px!important}
  .identity__mark{max-width:100%!important;aspect-ratio:1.5/1!important;padding:22px!important}
  .identity__mark img{width:min(100%,300px)!important;max-width:300px!important;max-height:105px!important}
}
@media(max-width:560px){
  .membership-steps{grid-template-columns:1fr!important}
  .footer__word{font-size:clamp(2rem,14vw,4rem)!important}
}
