/* Home-only cinematic opening — the existing V3.2 homepage starts below. */
.walnut-cinematic{
  --hero-drift:0px;
  isolation:isolate;
  position:relative;
  width:100%;
  height:min(85svh,50vw);
  min-height:490px;
  overflow:hidden;
  background:#171411;
  color:#f2e0be;
  border-bottom:6px solid #341d15;
}
.walnut-cinematic__picture,
.walnut-cinematic__art,
.walnut-cinematic__shade{position:absolute;inset:0;width:100%;height:100%}
.walnut-cinematic__picture{inset:-4% 0; height:108%;z-index:-2;pointer-events:none}
.walnut-cinematic__art{
  object-fit:cover;
  object-position:left 51%;
  transform-origin:left center;
  transform:translate3d(0,var(--hero-drift),0) scale(1.075);
  will-change:transform;
}
.walnut-cinematic__shade{
  z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(10,9,8,.65) 0%,transparent 23%,transparent 75%,rgba(10,9,8,.13) 100%);
}
.walnut-cinematic__mobile-copy{display:none}
.walnut-cinematic__enter{
  position:absolute;
  bottom:clamp(24px,3vw,47px);right:max(var(--space),calc((100vw - 1440px)/2 + var(--space)));
  display:inline-flex;align-items:center;justify-content:space-between;gap:32px;
  padding:14px 18px 13px 20px;
  border:1px solid rgba(246,218,173,.58);
  background:rgba(23,17,14,.82);
  color:#ffedd1;text-decoration:none;
  font:11px/1.2 var(--mono);
  letter-spacing:.11em;
  min-height:55px;
  transition:background .2s,border-color .2s,transform .2s;
  backdrop-filter:blur(5px);
}
.walnut-cinematic__enter:hover,
.walnut-cinematic__enter:focus-visible{background:#a83a29;border-color:#fff0d2;transform:translateY(-3px)}
.walnut-cinematic__arrow{font:26px/1 var(--headline);animation:walnut-hero-nudge 2.6s ease-in-out infinite}
@keyframes walnut-hero-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
.walnut-cinematic__corner{
  position:absolute;bottom:28px;left:var(--space);
  font:9px/1.5 var(--mono);letter-spacing:.085em;
  color:#e7c8a4;text-shadow:0 2px 4px #000a;
}
#walnut-site{scroll-margin-top:0}
@media(max-width:1100px) and (min-width:761px){
  .walnut-cinematic{min-height:440px;height:min(75svh,55vw)}
  .walnut-cinematic__art{object-position:left center}
}
@media(max-width:760px){
  .walnut-cinematic{
    min-height:615px;
    height:min(84svh,790px);
    border-bottom-width:4px;
  }
  .walnut-cinematic__picture{inset:-5% 0;height:110%}
  /* On a phone, crop to the BAR side; reproduce the approved headline as live HTML.
     This avoids reducing the poster's baked-in words to microscopic size. */
  .walnut-cinematic__art{object-position:79% 48%;transform-origin:center center;transform:translate3d(0,var(--hero-drift),0) scale(1.06)}
  .walnut-cinematic__shade{
    background:linear-gradient(180deg,
      rgba(12,12,12,.88) 0%, rgba(12,12,12,.67) 23%,
      rgba(12,12,12,.06) 53%,rgba(12,12,12,.15) 73%,rgba(12,12,12,.87) 100%);
  }
  .walnut-cinematic__mobile-copy{
    display:flex;flex-direction:column;align-items:flex-start;gap:10px;
    position:absolute;left:clamp(20px,6vw,38px);right:20px;top:clamp(34px,7vh,76px);
    text-shadow:0 3px 13px #0b070ac2;
  }
  .walnut-cinematic__mobile-copy strong{
    display:block;font:700 clamp(60px,17vw,108px)/.82 var(--headline);
    letter-spacing:-.04em;color:#f1d8af;
  }
  .walnut-cinematic__slash{height:5px;width:min(77%,260px);background:#c82c22;transform:rotate(-2deg);margin:8px 0 4px}
  .walnut-cinematic__mobile-copy b{font:700 clamp(22px,7.7vw,38px)/.98 var(--headline);letter-spacing:.005em;color:#f7debd}
  .walnut-cinematic__mobile-copy small{font:clamp(10px,2.8vw,13px)/1.55 var(--mono);letter-spacing:.05em;color:#f3dcc0}
  .walnut-cinematic__enter{bottom:28px;left:clamp(20px,6vw,38px);right:clamp(20px,6vw,38px);justify-content:center;min-height:58px;font-size:12px;gap:25px}
  .walnut-cinematic__corner{display:none}
}
@media(max-width:365px){
 .walnut-cinematic__mobile-copy strong{font-size:56px}
 .walnut-cinematic__mobile-copy b{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 .walnut-cinematic__art{will-change:auto;transform:none!important}
 .walnut-cinematic__arrow{animation:none}
 .walnut-cinematic__enter{transition:none}
}