@charset "UTF-8";
/* Colors */
.hero {
  text-align: center;
  color: #fff;
  height: 80vh;
  min-height: 700px;
  position: relative;
  z-index: 100;
  margin-bottom: 10rem; }
  @media (min-width: 768px) {
    .hero {
      margin-bottom: 5rem; } }
  @media (min-width: 1024px) {
    .hero {
      height: 70vh; } }
  .hero .positioner {
    max-width: 1300px;
    margin: 0 auto;
    position: relative; }
    @media (min-width: 768px) {
      .hero .positioner {
        height: 100%; } }
  .hero .text {
    z-index: 200;
    padding: 1.5rem;
    width: 95%;
    position: relative;
    z-index: 1000;
    margin: 0 auto;
    top: 20rem; }
    @media (min-width: 768px) {
      .hero .text {
        position: absolute;
        bottom: -5vh;
        top: auto;
        left: 0;
        width: 70%;
        padding: 3rem 2rem; } }
    @media (min-width: 1024px) {
      .hero .text {
        padding: 2rem;
        width: 24vw;
        min-width: 600px;
        padding: 5rem 3rem; } }
    @media (min-width: 1200px) {
      .hero .text {
        width: 26vw;
        padding: 5.5rem 3.5rem; } }
    @media (min-width: 1400px) {
      .hero .text {
        width: 28vw;
        padding: 3rem 3rem; } }
    @media (min-width: 1600px) {
      .hero .text {
        width: 30vw;
        padding: 4rem 4rem; } }
    .hero .text .section-title {
      margin-bottom: 0; }
      .hero .text .section-title em {
        font-size: .8rem;
        letter-spacing: 0; }
        @media (min-width: 768px) {
          .hero .text .section-title em {
            font-size: 1rem;
            letter-spacing: .1rem; } }
        @media (min-width: 1024px) {
          .hero .text .section-title em {
            font-size: 1rem; } }
        @media (min-width: 1200px) {
          .hero .text .section-title em {
            font-size: 1.1rem;
            white-space: nowrap; } }
        @media (min-width: 1400px) {
          .hero .text .section-title em {
            font-size: 1.2rem; } }
        @media (min-width: 1600px) {
          .hero .text .section-title em {
            font-size: 1.3rem; } }
      .hero .text .section-title strong {
        font-size: 2rem; }
        @media (min-width: 768px) {
          .hero .text .section-title strong {
            font-size: 2.2rem; } }
        @media (min-width: 1024px) {
          .hero .text .section-title strong {
            font-size: 2.4em; } }
        @media (min-width: 1200px) {
          .hero .text .section-title strong {
            font-size: 2.6rem; } }
        @media (min-width: 1400px) {
          .hero .text .section-title strong {
            font-size: 2.8rem; } }
        @media (min-width: 1600px) {
          .hero .text .section-title strong {
            font-size: 3rem; } }
      .hero .text .section-title .mask em {
        transition-delay: .6s !important; }
      .hero .text .section-title .mask.line1 strong {
        transition-delay: .8s !important; }
      .hero .text .section-title .mask.line2 strong {
        transition-delay: 1s !important; }
    .hero .text .blurb {
      font-family: "Roboto", sans-serif;
      font-size: 1.1rem;
      line-height: 1.5;
      color: #231f20;
      position: relative;
      z-index: 100;
      opacity: 0;
      transform: translateY(3rem);
      transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
      transition-delay: 1.2s !important; }
      @media (min-width: 768px) {
        .hero .text .blurb {
          font-size: 1.05rem; } }
      @media (min-width: 1024px) {
        .hero .text .blurb {
          font-size: 1.1rem; } }
      @media (min-width: 1200px) {
        .hero .text .blurb {
          font-size: 1.15rem; } }
      @media (min-width: 1400px) {
        .hero .text .blurb {
          font-size: 1.2rem; } }
      @media (min-width: 1600px) {
        .hero .text .blurb {
          font-size: 1.3rem; } }
      .hero .text .blurb:before {
        content: "";
        display: block;
        width: 7rem;
        height: 1px;
        border: 1px dotted rgba(61, 87, 40, 0.5);
        margin: 1rem auto; }
        @media (min-width: 768px) {
          .hero .text .blurb:before {
            margin: 1.5rem auto; } }
        @media (min-width: 768px) {
          .hero .text .blurb:before {
            margin: 2rem auto; } }
    .hero .text .cta {
      transition-delay: 1.4s !important;
      position: relative;
      z-index: 100; }
    .hero .text .background {
      background: #fff;
      box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2);
      width: 0%;
      height: 100%;
      transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
      position: absolute;
      left: 0;
      top: 0;
      box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2);
      z-index: 2;
      transition-delay: .4s !important; }
    .hero .text.reveal .blurb,
    .hero .text.reveal .cta {
      opacity: 1;
      transform: translateY(0); }
    .hero .text.reveal .background {
      width: 100%; }
  .hero .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2);
    transition: all 1s cubic-bezier(0.57, 0.2, 0.21, 0.89);
    overflow: hidden; }
    @media (min-width: 768px) {
      .hero .photo {
        width: 97vw; } }
    .hero .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .hero .leaf {
    background-image: url("/web/20220315051119im_/https://www.cskchicago.com/wp-content/themes/restaurants2019/_img/hero-leaf.png");
    left: -15%;
    bottom: -15vh;
    transition-delay: 1s !important; }
    @media (max-width: 767px) {
      .hero .leaf {
        width: 10rem;
        height: 10rem; } }
    @media (min-width: 768px) {
      .hero .leaf {
        left: auto;
        right: 20%;
        bottom: 0; } }
    @media (min-width: 1024px) {
      .hero .leaf {
        left: -15%;
        right: auto; } }
  .hero.reveal .photo {
    opacity: 1; }

.large-callout {
  padding: 5rem 1rem;
  max-width: 1300px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .large-callout {
      padding: 5rem 2rem; } }
  @media (min-width: 1024px) {
    .large-callout {
      padding: 7rem 2rem; } }
  @media (min-width: 1200px) {
    .large-callout {
      padding: 8rem 2rem; } }
  @media (min-width: 1400px) {
    .large-callout {
      padding: 9rem 2rem; } }
  @media (min-width: 1600px) {
    .large-callout {
      padding: 10rem 2rem; } }
  .large-callout .positioner {
    position: relative; }
  .large-callout .photo {
    width: 100%;
    position: relative;
    top: -3rem;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89); }
    @media (min-width: 768px) {
      .large-callout .photo {
        width: 60%;
        top: 0; } }
    .large-callout .photo .aspect-ratio {
      height: 0;
      position: relative;
      padding-bottom: calc(calc(100% / 1) * 1); }
      .large-callout .photo .aspect-ratio div {
        background-size: cover;
        background-repeat: no-repeat;
        width: 0%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2);
        transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89); }
    .large-callout .photo.reveal .aspect-ratio div {
      width: 100%; }
  .large-callout .text {
    width: 93%;
    padding: 2rem;
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3;
    z-index: 100;
    margin: 0 auto;
    z-index: 150;
    position: relative; }
    @media (min-width: 768px) {
      .large-callout .text {
        width: 60%;
        position: absolute;
        left: 40%;
        top: 50%;
        transform: translateY(-50%); } }
    @media (min-width: 1024px) {
      .large-callout .text {
        padding: 3rem;
        line-height: 1.4;
        font-size: 1.2rem; } }
    @media (min-width: 1200px) {
      .large-callout .text {
        font-size: 1.3rem; } }
    @media (min-width: 1400px) {
      .large-callout .text {
        line-height: 1.6; } }
    @media (min-width: 1600px) {
      .large-callout .text {
        padding: 4rem;
        font-size: 1.4rem; } }
    .large-callout .text a {
      display: block;
      color: #fff;
      position: relative;
      z-index: 100; }
    .large-callout .text .blurb {
      opacity: 0;
      transform: translateY(3rem);
      transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
      transition-delay: .6s !important; }
    .large-callout .text .cta {
      transition-delay: .8s !important; }
    .large-callout .text .background {
      background: #3d5728;
      width: 0%;
      height: 100%;
      transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
      position: absolute;
      left: 0;
      top: 0;
      box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2);
      z-index: 2;
      transition-delay: .4s !important; }
    .large-callout .text.reveal .blurb,
    .large-callout .text.reveal .cta {
      opacity: 1;
      transform: translateY(0); }
    .large-callout .text.reveal .background {
      width: 100%; }
    .large-callout .text.reveal .leaf {
      opacity: 1; }
  .large-callout .leaf {
    background-image: url("/web/20220315051119im_/https://www.cskchicago.com/wp-content/themes/restaurants2019/_img/plant.png");
    left: -10%;
    bottom: 3rem;
    width: 13rem;
    height: 13rem;
    z-index: 100;
    transition-delay: .5s; }
    @media (min-width: 768px) {
      .large-callout .leaf {
        width: 15rem;
        height: 15rem;
        bottom: 2rem; } }
    @media (min-width: 1024px) {
      .large-callout .leaf {
        width: 17rem;
        height: 17rem;
        bottom: 0; } }
    @media (min-width: 1200px) {
      .large-callout .leaf {
        width: 20em;
        height: 20rem; } }
    @media (min-width: 1400px) {
      .large-callout .leaf {
        width: 23rem;
        height: 23rem; } }
    @media (min-width: 1600px) {
      .large-callout .leaf {
        width: 25rem;
        height: 25rem; } }

.promos {
  padding: 5rem 1rem;
  max-width: 1300px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .promos {
      padding: 5rem 2rem; } }
  @media (min-width: 1024px) {
    .promos {
      padding: 7rem 2rem; } }
  @media (min-width: 1200px) {
    .promos {
      padding: 8rem 2rem; } }
  @media (min-width: 1400px) {
    .promos {
      padding: 9rem 2rem; } }
  @media (min-width: 1600px) {
    .promos {
      padding: 10rem 2rem; } }
  @media (max-width: 767px) {
    .promos {
      padding: 1rem; } }
  @media (min-width: 768px) {
    .promos .grid {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 4rem; } }
  .promos .positioner {
    position: relative; }
  .promos .promo {
    transition-delay: 1.4s !important;
    transition: box-shadow 1s cubic-bezier(0.57, 0.2, 0.21, 0.89);
    position: relative;
    transition: all 0.4s cubic-bezier(0.5, 1.65, 0.4, 0.8); }
    .promos .promo.reveal {
      box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 0, 0, 0.2); }
    @media (min-width: 768px) {
      .promos .promo:last-of-type {
        top: 2rem; } }
    @media (min-width: 1400px) {
      .promos .promo:last-of-type {
        top: 3rem; } }
    @media (min-width: 1600px) {
      .promos .promo:last-of-type {
        top: 4rem; } }
    .promos .promo .aspect-ratio {
      position: relative;
      height: 0;
      position: relative;
      padding-bottom: calc(calc(100% / 500) * 650);
      transition-delay: 1s !important; }
    .promos .promo .text {
      width: 80%;
      position: absolute;
      bottom: 1rem;
      z-index: 100;
      padding: 1.5rem;
      z-index: 200; }
      @media (min-width: 768px) {
        .promos .promo .text {
          padding: 2rem;
          bottom: 2rem; } }
      @media (min-width: 1024px) {
        .promos .promo .text {
          padding: 2.3rem;
          bottom: 3rem; } }
      @media (min-width: 1200px) {
        .promos .promo .text {
          padding: 2.5rem; } }
      @media (min-width: 1400px) {
        .promos .promo .text {
          padding: 2.8rem; } }
      @media (min-width: 1600px) {
        .promos .promo .text {
          padding: 3rem; } }
      .promos .promo .text h3 {
        font-size: 1.4rem;
        margin-bottom: 1rem; }
        @media (min-width: 768px) {
          .promos .promo .text h3 {
            font-size: 1.6rem; } }
        @media (min-width: 1024px) {
          .promos .promo .text h3 {
            font-size: 1.8rem; } }
        @media (min-width: 1200px) {
          .promos .promo .text h3 {
            font-size: 2rem; } }
        @media (min-width: 1400px) {
          .promos .promo .text h3 {
            font-size: 2.2rem; } }
        @media (min-width: 1600px) {
          .promos .promo .text h3 {
            font-size: 2.4rem; } }
        .promos .promo .text h3 strong {
          transition-delay: .6s !important;
          color: #a5853a !important; }
      .promos .promo .text .blurb {
        font-family: "Roboto", sans-serif;
        font-size: 1rem;
        line-height: 1.2;
        color: #fff;
        position: relative;
        opacity: 0;
        transform: translateY(3rem);
        transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
        z-index: 100;
        transition-delay: .8s !important; }
        @media (min-width: 1024px) {
          .promos .promo .text .blurb {
            font-size: 1.1rem; } }
        @media (min-width: 1400px) {
          .promos .promo .text .blurb {
            font-size: 1.2rem; } }
        @media (min-width: 1600px) {
          .promos .promo .text .blurb {
            font-size: 1.3rem; } }
        .promos .promo .text .blurb:before {
          content: "";
          display: block;
          width: 7rem;
          height: 1px;
          border: 1px dotted rgba(61, 87, 40, 0.5);
          margin: 2rem auto; }
        .promos .promo .text .blurb.reveal {
          opacity: 1;
          transform: translateY(0); }
      .promos .promo .text .cta {
        transition-delay: 1s !important;
        position: relative;
        z-index: 100; }
      .promos .promo .text .background {
        background: #231f20;
        width: 0%;
        height: 100%;
        transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        transition-delay: .4s !important; }
      .promos .promo .text.reveal .blurb,
      .promos .promo .text.reveal .cta {
        opacity: 1;
        transform: translateY(0); }
      .promos .promo .text.reveal .background {
        width: 100%; }
    .promos .promo .photo {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      overflow: hidden; }
      .promos .promo .photo div {
        background-size: cover;
        background-repeat: no-repeat;
        width: 0%;
        height: 100%;
        transition: all 1s cubic-bezier(0.57, 0.2, 0.21, 0.89); }
    .promos .promo.reveal .photo div {
      width: 100%; }
    .promos .promo:nth-child(odd) .text {
      left: -1rem; }
      @media (min-width: 768px) {
        .promos .promo:nth-child(odd) .text {
          left: -2rem; } }
      @media (min-width: 1200px) {
        .promos .promo:nth-child(odd) .text {
          left: -3rem; } }
    .promos .promo:nth-child(even) {
      margin-top: 5rem; }
      @media (min-width: 768px) {
        .promos .promo:nth-child(even) {
          margin-top: 0; } }
      .promos .promo:nth-child(even) .text {
        right: -1rem; }
        @media (min-width: 768px) {
          .promos .promo:nth-child(even) .text {
            right: -2rem; } }
        @media (min-width: 1200px) {
          .promos .promo:nth-child(even) .text {
            right: -3rem; } }
    .promos .promo:hover {
      box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.3); }
      .promos .promo:hover .photo div {
        transform: scale(1.05); }
  .promos .leaf {
    background-image: url("/web/20220315051119im_/https://www.cskchicago.com/wp-content/themes/restaurants2019/_img/promos-leaf.png");
    left: -20%;
    bottom: 0;
    width: 12em;
    height: 12rem;
    z-index: 100;
    transition-delay: 1s; }
    @media (min-width: 768px) {
      .promos .leaf {
        right: 20%;
        bottom: -20vh;
        left: auto;
        width: 14rem;
        height: 14rem; } }
    @media (min-width: 1024px) {
      .promos .leaf {
        width: 16rem;
        bottom: 0;
        height: 16rem; } }
    @media (min-width: 1200px) {
      .promos .leaf {
        width: 18rem;
        height: 18rem; } }
    @media (min-width: 1400px) {
      .promos .leaf {
        width: 20rem;
        height: 20rem; } }

/*
     FILE ARCHIVED ON 05:11:19 Mar 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:23:15 Dec 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.619
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.008
  esindex: 0.011
  cdx.remote: 20.524
  LoadShardBlock: 131.002 (3)
  PetaboxLoader3.datanode: 211.122 (4)
  load_resource: 149.719
  PetaboxLoader3.resolve: 54.246
*/