/* Damal Restaurants v2.49 — full-height Story media + smoother editorial blend */
.story-v249.proposal-story{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(520px,31vw,580px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#073f32!important;
  color:#fff!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.story-v249 .story-copy{
  position:relative!important;
  z-index:5!important;
  width:43%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(42px,4.6vw,72px) clamp(34px,5vw,82px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
.story-v249 .story-copy>small{
  display:block!important;
  color:#efc95e!important;
  letter-spacing:.15em!important;
  font-size:10px!important;
  font-weight:900!important;
  margin:0 0 15px!important;
}
.story-v249 .story-copy h2{
  width:100%!important;
  max-width:560px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(40px,3.6vw,58px)!important;
  line-height:1.01!important;
  letter-spacing:-.025em!important;
}
.story-v249 .story-copy>p{
  width:100%!important;
  max-width:520px!important;
  margin:22px 0 0!important;
  color:#edf3ef!important;
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.65!important;
}
.story-v249 .story-copy>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:190px!important;
  min-height:44px!important;
  margin:24px 0 0!important;
  padding:11px 22px!important;
  border-radius:999px!important;
  background:#dfad2f!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .2s ease,filter .2s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .story-v249 .story-copy>a:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important}
}
.story-v249 .story-values{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 18px!important;
  width:100%!important;
  max-width:520px!important;
  margin:28px 0 0!important;
}
.story-v249 .story-values span{
  min-width:0!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.story-v249 .story-values small{
  display:block!important;
  margin-top:4px!important;
  color:#d9b64d!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
/* Absolute positioning deliberately avoids inherited .story>div grid rules from older stylesheets. */
.story-v249 .story-media{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:57%!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  align-self:stretch!important;
  overflow:hidden!important;
  background:#173a30!important;
  box-sizing:border-box!important;
}
.story-v249 .story-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:var(--story-focal-x,58%) var(--story-focal-y,50%)!important;
  border-radius:0!important;
  transform:scale(1.004)!important;
  transform-origin:var(--story-focal-x,58%) var(--story-focal-y,50%)!important;
  will-change:transform!important;
}
/* Blend only on the LEFT edge — never underneath the photograph. */
.story-v249 .story-media:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:18%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#073f32 0%,rgba(7,63,50,.94) 14%,rgba(7,63,50,.62) 45%,rgba(7,63,50,.20) 76%,rgba(7,63,50,0) 100%)!important;
}
.story-v249 .story-media:after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 38%,rgba(0,0,0,.055))!important;
}
.story-v249 .story-blend{display:none!important}
.story-v249.story-motion .story-image{animation:damalStoryDrift249 20s ease-in-out infinite alternate!important}
@keyframes damalStoryDrift249{
  from{transform:scale(1.004) translate3d(0,0,0)}
  to{transform:scale(1.035) translate3d(-.25%,0,0)}
}
.story-v249.no-story-image{height:auto!important;min-height:430px!important}
.story-v249.no-story-image .story-copy{width:100%!important;max-width:900px!important}
.story-v249.no-story-image .story-media{display:none!important}
@media(max-width:1100px){
  .story-v249.proposal-story{height:540px!important}
  .story-v249 .story-copy{width:46%!important;padding:42px clamp(28px,4vw,54px)!important}
  .story-v249 .story-media{width:54%!important}
  .story-v249 .story-values{gap:10px 14px!important;margin-top:24px!important}
  .story-v249 .story-media:before{width:17%!important}
}
@media(max-width:760px){
  .story-v249.proposal-story{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .story-v249 .story-copy{position:relative!important;order:1!important;width:100%!important;height:auto!important;padding:42px 24px 34px!important}
  .story-v249 .story-copy h2{font-size:clamp(38px,11vw,52px)!important}
  .story-v249 .story-copy>p{font-size:15px!important}
  .story-v249 .story-values{grid-template-columns:1fr 1fr!important;margin-top:26px!important}
  .story-v249 .story-media{position:relative!important;order:2!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:320px!important;min-height:320px!important;margin:0!important}
  .story-v249 .story-media:before{display:none!important}
  .story-v249 .story-media:after{background:linear-gradient(180deg,rgba(7,63,50,.14),transparent 20%,rgba(0,0,0,.06))!important}
}
@media(max-width:460px){
  .story-v249 .story-copy{padding:36px 20px 30px!important}
  .story-v249 .story-values{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .story-v249 .story-media{height:270px!important;min-height:270px!important}
}
@media(prefers-reduced-motion:reduce){
  .story-v249.story-motion .story-image{animation:none!important;transform:scale(1.004)!important}
}