.casino-guide-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--ink);
  color:var(--paper);
}
.casino-guide-hero .wrap{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding-block:24px;
}
.casino-guide-hero h1{
  margin:14px 0 0;
  font-size:clamp(30px,4.2vw,62px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.055em;
}
.casino-guide-hero .guide-back{color:var(--orange);font-size:13px;font-weight:650}
.casino-guide-hero .guide-back:focus-visible{outline-color:var(--orange)}
.casino-guide-intro{
  max-width:68ch;
  margin:14px 0 0;
  color:#e1e3d8;
  font-size:13px;
  line-height:1.5;
}
.casino-guide-diagram{width:min(100%,420px);justify-self:end}
.casino-guide-diagram figcaption{font-size:clamp(9px,1vw,11px)}
.casino-guide-mobile-logo{display:none}
@media(max-width:767px){
  .casino-guide-hero .wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .casino-guide-hero .guide-back,.casino-guide-diagram{display:none}
  .casino-guide-hero h1{margin:0}
  .casino-guide-hero-copy{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:12px;
  }
  .casino-guide-intro{grid-column:1/-1}
  .casino-guide-mobile-logo{
    display:grid;
    place-items:center;
    position:relative;
    width:clamp(78px,23vw,110px);
    aspect-ratio:1;
    border:2px solid var(--orange);
    border-radius:50%;
    background:var(--logo-bg);
  }
  .casino-guide-mobile-logo::after{
    content:"";
    position:absolute;
    inset:4px;
    border:1px dashed var(--orange);
    border-radius:50%;
  }
  .casino-guide-mobile-logo img{width:80%;height:74%;object-fit:contain}
}
@media(max-width:580px){
  .casino-guide-hero .wrap{padding-block:16px}
}