/* Rabbit Warren episode 05 — cinematic detective hero.
   This file is scoped to .rabbit-case-hero; all other episodes are untouched. */
.rabbit-case-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:610px;
  background:radial-gradient(circle at 85% 35%,#473c30 0%,#192c2d 43%,#0a1b22 82%);
  color:#fff;
}
.rabbit-case-hero .shell {
  position:relative;
  min-height:610px;
  padding:104px 0 95px;
}
.rabbit-case-hero .shell:after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    #0b1a21 0%,
    #0b1a21f5 18%,
    #0b1a21d9 36%,
    #0b1a217a 58%,
    #0b1a2100 79%);
}
.rabbit-case-hero .warren-breadcrumb {
  position:relative;
  z-index:3;
  max-width:760px;
  color:#f4d49f;
  margin:0 0 42px;
}
.rabbit-case-hero .warren-episode-head {
  display:block;
  position:static;
}
.rabbit-case-hero .warren-episode-head>div:first-child {
  position:relative;
  z-index:3;
  width:min(64%,790px);
}
.rabbit-case-hero .warren-episode-head .eyebrow {
  font-weight:800;
  letter-spacing:.19em;
  color:#eebc73;
}
.rabbit-case-hero .warren-episode-head h1 {
  font-size:clamp(3.45rem,6.45vw,6.4rem);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:32px 0 29px;
  max-width:800px;
  text-wrap:balance;
  text-shadow:0 5px 24px #0007;
}
.rabbit-case-hero .warren-episode-head .lead {
  max-width:470px;
  font-size:clamp(1.1rem,1.65vw,1.37rem);
  line-height:1.65;
  color:#f6e9d6;
}
.rabbit-case-hero .case-file-label {
  display:inline-block;
  margin-top:26px;
  padding:10px 13px;
  border:1px solid #c39c69;
  color:#f3c891;
  background:#142323b8;
  font:800 .7rem/1.4 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.rabbit-case-scene {
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  right:calc(50% - 50vw);
  width:min(78vw,1180px);
  height:100%;
  margin:0;
  overflow:hidden;
}
.rabbit-case-scene img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:54% center;
}
@media(max-width:990px) {
  .rabbit-case-hero,
  .rabbit-case-hero .shell {min-height:0}
  .rabbit-case-hero .shell {padding:100px 0 0}
  .rabbit-case-hero .shell:after {
    background:linear-gradient(180deg,#0b1b22b8,#0b1b2200 36%);
  }
  .rabbit-case-hero .warren-breadcrumb {margin-bottom:28px}
  .rabbit-case-hero .warren-episode-head>div:first-child {
    width:100%;
    padding-bottom:40px;
  }
  .rabbit-case-hero .warren-episode-head h1 {
    max-width:780px;
    margin:22px 0;
    font-size:clamp(3rem,7vw,5.4rem);
  }
  .rabbit-case-scene {
    position:relative;
    z-index:0;
    right:auto;
    top:auto;
    bottom:auto;
    width:calc(100% + 10vw);
    margin:0 -5vw;
    height:auto;
    aspect-ratio:550/383;
  }
  .rabbit-case-scene img {object-position:center}
}
@media(max-width:760px) {
  .rabbit-case-hero .shell {padding:115px 0 0}
  .rabbit-case-hero .warren-episode-head h1 {
    font-size:clamp(2.85rem,10vw,4.5rem);
    line-height:1.05;
  }
  .rabbit-case-hero .warren-breadcrumb {font-size:.76rem}
  .rabbit-case-hero .case-file-label {font-size:.61rem;letter-spacing:.08em}
  .rabbit-case-scene {width:calc(100% + 8vw);margin:0 -4vw}
}
@media print {
  .rabbit-case-hero {min-height:0;background:#fff!important;color:#14272c!important}
  .rabbit-case-hero .shell {padding:18px 0!important}
  .rabbit-case-hero .shell:after,.rabbit-case-scene {display:none!important}
  .rabbit-case-hero .warren-episode-head .lead,
  .rabbit-case-hero .case-file-label {color:#14272c!important}
}