/* Shared shell and controls; extracted from homepage styles without changing values. */
.shell,.section-shell{
  width:min(1180px,100% - 48px);
  margin-inline:auto;
}.button,.text-button{
  border:1px solid #0000;
  border-radius:999px;
  justify-content:center;
  align-items:center;
  gap:13px;
  min-height:50px;
  padding:0 23px;
  font-size:12px;
  font-weight:700;
  transition:transform .24s,box-shadow .24s,background .24s,border-color .24s;
  display:inline-flex;
}.button span,.text-button span{
  font-size:17px;
  line-height:1;
  transition:transform .24s;
}.button:hover,.text-button:hover{
  transform:translateY(-3px);
}.button:hover span,.text-button:hover span{
  transform:translate(-4px);
}.button--teal{
  color:#fff;
  background:var(--teal);
  box-shadow:0 13px 25px #066c6938;
}.text-button{
  min-height:auto;
  color:var(--teal);
  border:0;
  border-radius:0;
  padding:0;
}@media (width<=760px){.shell,.section-shell{
    width:min(100% - 30px,620px);
  }}@media (prefers-reduced-motion:reduce){html{
    scroll-behavior:auto;
  }*,:before,:after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }}:root{
  --app-height:100svh;
}body{
  background:radial-gradient(circle at 15% 18%, rgba(216, 189, 120, 0.08), transparent 25%),
    var(--paper);
}@media (max-width: 760px){.section-shell,.shell{
    width:min(100% - 28px, 1180px);
  }}canvas{
  object-fit:contain !important;
}@media (min-width:769px){canvas{
    max-width:90vh !important;
    max-height:90vh !important;
    margin:auto;
  }}@media (max-width:768px){canvas{
    max-width:none !important;
    max-height:none !important;
  }}@media (max-width:768px){canvas{
    width:100vw !important;
    height:100svh !important;
  }}@media (min-width:769px){canvas{
    width:100vw !important;
    height:100vh !important;
  }}:root{
  --p13-hero-top:104px;
  --p13-hero-side:clamp(28px,4vw,68px);
  --p13-hero-bottom:26px;
  --p13-cinema-top:96px;
}@media (max-width:760px){:root{
    --p13-hero-top:80px;
    --p13-hero-side:16px;
    --p13-hero-bottom:16px;
    --p13-cinema-top:78px;
  }}:root{
}:root{
  --cin-card-top:96px;
  --cin-card-side:28px;
  --cin-card-bottom:24px;
  --cin-card-radius:32px;
}@media (max-width:760px){:root{
    --cin-card-bottom:16px;
    --cin-card-radius:28px;
  }}@media (min-width:761px){:root{
    --cin-card-top:104px;
    --cin-card-bottom:26px;
    --cin-card-radius:34px;
  }}@media (max-width:760px){:root{
    --cin-card-side:8px !important;
  }}@media (min-width:761px){:root{
    --cin-card-side:clamp(14px,2vw,34px) !important;
  }}:root{
  --p36-hero-top-desktop:102px;
  --p36-hero-side-desktop:clamp(28px,4vw,68px);
  --p36-hero-top-mobile:82px;
  --p36-hero-side-mobile:16px;
  --p36-hero-bottom-mobile:25px;
}:root{
  --p36-hero-bottom-desktop:65px;
}@media (max-width:760px){:root{
  }}@media (max-width:760px){:root{
    --cin-cream-floor:#d9b58f;
  }}@media (max-width:760px){:root{
    --cin-card-top:86px !important;
  }}:root{
  --cin-bg-top:#e6c39d;
  --cin-bg-mid:#dfba92;
  --cin-bg-low:#d4ad87;
  --cin-bg-end:#d9b58f;
  --cin-shared-gradient:linear-gradient(
    180deg,
    var(--cin-bg-top) 0%,
    var(--cin-bg-mid) 52%,
    var(--cin-bg-low) 84%,
    var(--cin-bg-end) 100%
  );
}