.kaszino-page{
  overflow:hidden;
}

.kaszino-page h1,
.kaszino-page h2,
.kaszino-page h3{
  letter-spacing:0;
}

.kaszino-label{
  margin-bottom:18px;
  color:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.kaszino-lead{
  max-width:720px;
  color:rgba(255,255,255,.84);
  font-size:clamp(18px,2vw,24px);
}

.kaszino-hero{
  background:var(--color-surface-dark);
  color:#fff;
  border-bottom:1px solid var(--color-border);
}

.kaszino-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:7vw;
  align-items:center;
  min-height:calc(100vh - 106px);
  padding-block:clamp(72px,8vw,126px);
}

.kaszino-hero-copy h1{
  max-width:920px;
  color:#fff;
  font-size:clamp(44px,5.8vw,86px);
}

.kaszino-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.kaszino-actions .button-primary{
  background:var(--color-surface-accent);
  color:var(--color-text-primary);
}

.kaszino-actions .button-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.58);
}

.kaszino-hero-image{
  position:relative;
  margin:0;
}

.kaszino-hero-image img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.36);
}

.kaszino-hero-image figcaption{
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 18px;
  background:var(--color-text-accent);
  color:#fff;
  font-size:12px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.kaszino-hero-image strong{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:1;
}

.kaszino-intro{
  background:var(--color-surface-secondary);
}

.kaszino-intro-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:7vw;
}

.kaszino-intro-copy p:first-child{
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.42;
}

.kaszino-pillars{
  background:var(--color-surface-primary);
}

.kaszino-heading{
  max-width:840px;
}

.kaszino-pillar-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:46px;
}

.kaszino-pillar-grid .card{
  min-height:330px;
  border-right:0;
}

.kaszino-pillar-grid .card:last-child{
  border-right:1px solid var(--color-border);
}

.kaszino-pillar-grid .card:nth-child(2){
  background:var(--color-surface-accent);
}

.kaszino-pillar-grid span,
.kaszino-steps span{
  display:block;
  margin-bottom:22px;
  font-family:var(--font-heading);
  font-size:34px;
  line-height:1;
}

.kaszino-experience{
  background:var(--color-surface-dark);
  color:#fff;
}

.kaszino-experience-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:7vw;
  align-items:center;
}

.kaszino-experience h2,
.kaszino-experience h3,
.kaszino-experience p{
  color:#fff;
}

.kaszino-experience-image img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
}

.kaszino-feature-list{
  display:grid;
  gap:0;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.42);
}

.kaszino-feature-list article{
  padding:22px 0;
  border-bottom:1px solid rgba(255,255,255,.42);
}

.kaszino-feature-list h3{
  margin-bottom:8px;
  font-size:clamp(22px,2.1vw,28px);
}

.kaszino-feature-list p{
  color:rgba(255,255,255,.78);
}

.kaszino-access{
  background:var(--color-surface-accent);
}

.kaszino-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:48px;
  border-top:1px solid var(--color-border);
  border-left:1px solid var(--color-border);
}

.kaszino-steps article{
  min-height:330px;
  padding:28px;
  background:var(--color-surface-secondary);
  border-right:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}

.kaszino-responsible{
  background:var(--color-text-accent);
  color:#fff;
}

.kaszino-responsible-grid{
  display:grid;
  grid-template-columns:.36fr .82fr 1fr;
  gap:5vw;
  align-items:center;
}

.kaszino-responsible h2,
.kaszino-responsible p{
  color:#fff;
}

.kaszino-mark{
  display:grid;
  place-items:center;
  width:128px;
  height:128px;
  border:1px solid rgba(255,255,255,.7);
  font-family:var(--font-heading);
  font-size:38px;
  line-height:1;
}

.kaszino-link-light{
  display:inline-flex;
  margin-top:12px;
  color:#fff;
  font-weight:600;
}

.kaszino-restaurant{
  background:var(--color-surface-secondary);
}

.kaszino-restaurant-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7vw;
  align-items:center;
}

.kaszino-restaurant-grid>div{
  max-width:720px;
}

.kaszino-restaurant-grid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}

.kaszino-restaurant-grid .button{
  margin-top:14px;
}

.kaszino-faq{
  background:var(--color-surface-primary);
}

.kaszino-faq-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:7vw;
}

.kaszino-faq-list{
  border-top:1px solid var(--color-border);
}

.kaszino-faq-list details{
  border-bottom:1px solid var(--color-border);
  background:var(--color-surface-secondary);
}

.kaszino-faq-list summary{
  cursor:pointer;
  padding:24px;
  color:var(--color-text-primary);
  font-family:var(--font-heading);
  font-size:clamp(22px,2vw,28px);
  line-height:1.12;
}

.kaszino-faq-list p{
  padding:0 24px 24px;
}

.kaszino-cta{
  background:var(--color-surface-dark);
  color:#fff;
}

.kaszino-cta-inner{
  max-width:820px;
  text-align:center;
}

.kaszino-cta h2,
.kaszino-cta p{
  color:#fff;
}

.kaszino-cta .button-primary{
  margin-top:16px;
  background:var(--color-surface-accent);
  color:var(--color-text-primary);
}

@media(max-width:1050px){
  .kaszino-hero-grid,
  .kaszino-intro-grid,
  .kaszino-experience-grid,
  .kaszino-responsible-grid,
  .kaszino-restaurant-grid,
  .kaszino-faq-grid{
    grid-template-columns:1fr;
  }

  .kaszino-hero-grid{
    min-height:0;
  }

  .kaszino-pillar-grid,
  .kaszino-steps{
    grid-template-columns:1fr;
  }

  .kaszino-pillar-grid .card{
    min-height:0;
    border-right:1px solid var(--color-border);
    border-bottom:0;
  }

  .kaszino-pillar-grid .card:last-child{
    border-bottom:1px solid var(--color-border);
  }

  .kaszino-steps article{
    min-height:0;
  }
}

@media(max-width:640px){
  .kaszino-hero-copy h1{
    font-size:clamp(38px,12vw,58px);
  }

  .kaszino-actions{
    flex-direction:column;
  }

  .kaszino-hero-image figcaption{
    left:0;
    right:auto;
  }

  .kaszino-mark{
    width:96px;
    height:96px;
    font-size:30px;
  }
}