:root {
  --para-grey: #3d3d3d;
  --heading-grey: #1d1d1d;
  --trophy-gold: #fab300;
  --card-stroke: #e9e9e9;
  --white: #fff;
  --button-hover-fill: #ebebeb;
  --alt-card-fill: #f3f3f3;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  color: var(--para-grey);
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

h1 {
  color: var(--heading-grey);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  color: var(--heading-grey);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.25;
}

h3 {
  color: var(--heading-grey);
  letter-spacing: -.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: var(--para-grey);
  margin-bottom: 0;
  font-size: 1.6rem;
}

a {
  color: var(--para-grey);
  text-decoration: none;
  transition: all .3s;
}

a:hover {
  color: var(--trophy-gold);
}

ul {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 0;
  padding-right: 4rem;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.section.english {
  direction: ltr;
  padding-top: 2rem;
}

.section.home {
  padding-top: 2rem;
}

.section.footer {
  padding-top: 0;
}

.section.small-pad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section.no-top-pad {
  padding-top: 0;
}

.container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 124rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.container.workshop {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.container.blog-header {
  margin-bottom: 4rem;
}

.container.temp {
  max-width: 80.8rem;
}

.name-heading {
  color: var(--heading-grey);
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
}

.card-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--card-stroke);
  background-color: #fff;
  border-radius: 1.2rem;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: all .3s;
  overflow: hidden;
}

.card:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 4px 4px #0000000f, 0 6px 12px #00000014, 0 10px 35px -5px #00000012;
}

.card.post {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 2.4rem;
  display: flex;
}

.card.post:hover {
  color: var(--heading-grey);
}

.card.post.small {
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.card.post.with-image {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.link-copied-tag {
  z-index: 10;
  pointer-events: none;
  direction: ltr;
  border-radius: 31.6rem;
  width: auto;
  padding: 1rem;
  display: none;
  position: absolute;
  top: -2rem;
}

.card.link-copied-tag:hover {
  transform: none;
  box-shadow: 0 8px 20px #0000001a;
}

.card.button {
  border-radius: 10rem;
  align-self: center;
  width: auto;
  min-height: 3.5rem;
  font-size: 1.4rem;
}

.card.button:hover {
  color: var(--heading-grey);
  transform: scale(1.05);
  box-shadow: 0 5px 10px -5px #00000012;
}

.card.button.fake {
  flex: none;
}

.card.button.fake:hover {
  box-shadow: none;
  transform: none;
}

.card.button.fake.in-post-with-photo {
  align-self: flex-start;
  margin-top: 2rem;
}

.card.button.circle {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: .6rem;
}

.card.button.pagination {
  flex: none;
}

.card.button.back-to-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  width: 15rem;
}

.card.button.back-to-top.w--current {
  pointer-events: auto;
}

.card.button.danny {
  background-color: var(--trophy-gold);
  width: auto;
  min-height: 2.6rem;
  max-height: 2.6rem;
  color: var(--white);
  letter-spacing: .5px;
  flex: 0 auto;
  align-self: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.1rem;
}

.card.button.danny:hover {
  box-shadow: none;
  color: var(--white);
  transform: none;
}

.card.horizontal {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  max-height: 30rem;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.card.horizontal:hover {
  color: var(--heading-grey);
}

.card.horizontal.thirds {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center stretch;
}

.card.square {
  aspect-ratio: 1;
}

.card.rectangle {
  aspect-ratio: 2;
}

.card.blog {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 2rem;
}

.card.homepage-grid {
  padding-top: 2rem;
}

.card.homepage-grid.danny {
  padding-top: 0;
}

.card.homepage-grid.full-w {
  aspect-ratio: 2;
}

.card.in-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.temp {
  flex: none;
  width: 300px;
  height: 300px;
}

.card.temp:hover {
  flex: none;
  align-self: center;
  width: 300px;
  height: 300px;
}

.card.footer-quote {
  letter-spacing: -.8px;
  padding: 6rem;
  font-size: 2.4rem;
  font-weight: 600;
  display: flex;
}

.card.footer-quote:hover {
  box-shadow: none;
  transform: none;
}

.social-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-wrapper.post-page {
  position: relative;
}

.card-image {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.card-image.logo {
  width: 100%;
  height: auto;
}

.card-image.podcast {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: 100%;
}

.card-image.horizontal {
  aspect-ratio: auto;
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.card-image.wide {
  aspect-ratio: auto;
  object-fit: contain;
}

.card-image.wide.mobile {
  display: none;
}

.card-image.wide.stretch {
  object-fit: cover;
  flex: 1;
}

.card-image.flowcode {
  aspect-ratio: auto;
  object-fit: contain;
}

.card-image.flowcode.mobile {
  display: none;
}

.card-image.square {
  aspect-ratio: 1;
}

.profile-pic {
  z-index: 10;
  border-radius: 50%;
  width: 5rem;
  position: relative;
}

.language-button {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.language-text {
  direction: rtl;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.card-and-title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.card-and-title-wrapper.danny {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: 0 2rem;
}

.card-and-title-wrapper.danny-leshem {
  width: 100%;
  max-width: 50%;
}

.profile-pic-wrapper {
  position: relative;
}

.profile-pic-stroke {
  background-color: #e9e9e9;
  border-radius: 66px;
  width: 5.2rem;
  height: 5.2rem;
  display: block;
  position: absolute;
  inset: -1px 0% auto -1px;
}

.posts-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.post-date {
  color: #aaa;
  font-size: 1.3rem;
}

.post-date.post-page {
  font-size: 1.6rem;
}

.picture-home-link {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.picture-home-link:hover {
  opacity: .7;
}

.header-text-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cards-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.cards-wrapper.horizontal {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  border: 1px solid var(--card-stroke);
  background-color: var(--white);
  color: var(--heading-grey);
  cursor: pointer;
  border-radius: 10rem;
  padding: .6rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.button.circle {
  aspect-ratio: 1;
  color: var(--heading-grey);
  padding: .4rem;
}

.button.circle:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 12px #0000000a, 0 5px 5px #00000012;
}

.copy-icon {
  z-index: 5;
  pointer-events: none;
  color: #000;
  padding: 1rem;
  position: absolute;
  inset: 0%;
}

.copy-link-button-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: none;
  position: relative;
}

.link-copied-tag {
  text-align: center;
  font-size: 1.2rem;
}

.text-block {
  white-space: nowrap;
}

.copy-btn {
  border: 1px solid var(--card-stroke);
  background-color: #fff;
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  inset: 0%;
}

.copy-btn:hover {
  background-color: var(--button-hover-fill);
}

.hidden {
  display: none;
}

.component-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.component-wrapper.max-w-70 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  max-width: 70rem;
  display: flex;
}

.component-wrapper.cards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.component-wrapper.cards.photography {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 100%;
}

.component-wrapper.full-width {
  max-width: 100%;
}

.component-wrapper.small-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.component-wrapper.posts-and-toc {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.component-wrapper.wide {
  max-width: 100%;
}

.component-wrapper.workshop-page {
  justify-content: flex-start;
  align-items: center;
}

.component-wrapper.stretch {
  align-items: stretch;
}

.component-wrapper.big-gap {
  grid-column-gap: 9.8rem;
  grid-row-gap: 9.8rem;
}

.post-teaser {
  text-align: left;
  max-height: 9rem;
  font-size: 1.4rem;
  overflow: hidden;
}

.post-teaser.he {
  text-align: right;
}

.post-heading {
  text-align: center;
  font-weight: 600;
}

.post-heading.no-pad {
  margin-bottom: 0;
}

.post-heading.align-right {
  text-align: right;
}

.social-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-wrapper.workshop-heading {
  text-align: center;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.content-wrapper.small-gap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.content-wrapper.danny {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 3rem;
}

.content-wrapper.post-with-image {
  justify-content: flex-start;
  align-items: flex-start;
}

.content-wrapper.post-no-image {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  max-width: 45rem;
}

.divider {
  background-color: var(--card-stroke);
  width: 100%;
  height: 1px;
}

.name-heading-2 {
  color: #1d1d1d;
  text-align: center;
  letter-spacing: 1.5px;
  font-weight: 600;
}

.post-content {
  text-align: left;
}

.post-content.workshop {
  color: var(--heading-grey);
  text-align: right;
  line-height: 1.5;
}

.post-content.workshop blockquote {
  border: 1px solid var(--card-stroke);
  background-color: var(--alt-card-fill);
  color: var(--para-grey);
  border-radius: 1rem;
  font-size: 1.6rem;
}

.post-content.workshop a {
  text-decoration: underline;
  transition: all .3s;
}

.post-content.workshop a:hover {
  color: #e2b133;
}

.post-content.workshop p {
  color: var(--heading-grey);
  margin-bottom: 1.75rem;
}

.post-content.workshop img {
  border: 1px solid var(--card-stroke);
  border-radius: 1rem;
  width: 100%;
}

.post-content.workshop figure {
  margin: 4rem 0;
}

.post-content.workshop h2 {
  color: var(--heading-grey);
  margin-bottom: 2rem;
}

.post-content.workshop h3 {
  color: var(--heading-grey);
  margin-top: 2rem;
}

.post-content.workshop ol {
  margin-bottom: 2rem;
  padding-left: 0;
  padding-right: 4rem;
}

.post-content a {
  text-decoration: underline;
}

.post-content.he {
  text-align: right;
}

.post-image {
  border: 1px solid var(--card-stroke);
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  max-height: 20rem;
}

.post-image.full {
  max-height: 100%;
}

.post-image.columns {
  width: 100%;
  height: 100%;
  max-height: 30rem;
}

.pagination-wrapper {
  margin-top: 4rem;
}

.inline-link {
  text-decoration: underline;
}

.small {
  font-size: 1.6rem;
}

.toc-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--card-stroke);
  background-color: var(--white);
  text-align: right;
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4rem;
  display: flex;
  position: sticky;
  top: 2.4rem;
}

.toc-wrapper.mobile {
  display: none;
}

.toc-wrapper.blog {
  text-align: left;
  flex: 0 auto;
}

.toc-wrapper.blog.he {
  text-align: right;
}

.toc_item {
  margin-bottom: .4rem;
  transition: all .3s;
}

.toc_uolist {
  color: var(--para-grey);
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 2rem;
  font-size: 1.4rem;
  line-height: 1.25;
}

.workshop-summary-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 80rem;
  display: flex;
}

.temp {
  color: red;
}

.code-embed {
  margin-bottom: 0;
}

.toc-heading {
  color: var(--heading-grey);
  margin-bottom: 0;
  font-weight: 700;
}

.toc-offsetter {
  margin-bottom: 0;
  margin-right: -4rem;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.back-to-top-wrapper {
  z-index: 100;
  width: 100%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.header-and-toc-wrapper {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.hero-heading {
  font-size: 5rem;
  font-weight: 700;
}

.new-button-text:hover {
  color: var(--white);
}

.danny-heading {
  text-align: right;
  margin-bottom: 0;
}

.card-title {
  margin-bottom: 0;
}

.card-title.horizontal {
  text-align: left;
}

.card-title.mini {
  font-size: 1.2rem;
  position: absolute;
  inset: auto 0% -1.4rem;
}

.card-title.mini.wider-than-title {
  white-space: nowrap;
}

.blog-link-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.blog-button-collection {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.blog-button-collection-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.blog-button-collection-list.tilted {
  background-color: var(--white);
  flex: 1;
}

.blog-button-text {
  color: #646464;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.blog-button-inner-wrapper {
  aspect-ratio: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.blog-button-inner-wrapper.padded {
  background-color: var(--white);
  margin: 3rem;
}

.blog-button-outer-wrapper {
  aspect-ratio: 1;
  background-image: linear-gradient(90deg, var(--white), var(--card-stroke) 15%, var(--card-stroke) 85%, var(--white));
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  display: flex;
  position: absolute;
  inset: auto 3rem 3rem;
  overflow: hidden;
}

.card-2 {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem;
  transition: all .2s;
  display: flex;
}

.card-2:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 10px 35px -5px #00000012;
}

.card-2.link-copied-tag {
  z-index: 10;
  pointer-events: none;
  direction: ltr;
  border-radius: 31.6rem;
  width: auto;
  padding: 1rem;
  display: none;
  position: absolute;
  top: -2rem;
}

.card-2.link-copied-tag:hover {
  transform: none;
  box-shadow: 0 8px 20px #0000001a;
}

.card-2.post {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 4rem;
}

.card-2.post:hover {
  color: #1d1d1d;
}

.card-2.button {
  border-radius: 10rem;
  align-self: center;
  width: auto;
  min-height: 3.5rem;
  font-size: 1.4rem;
}

.card-2.button:hover {
  color: #1d1d1d;
  transform: scale(1.05);
  box-shadow: 0 5px 10px -5px #00000012;
}

.card-2.button.fake:hover {
  box-shadow: none;
  transform: none;
}

.copy-btn-2 {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  inset: 0%;
}

.copy-btn-2:hover {
  background-color: #ebebeb;
}

.post-image-2 {
  object-fit: cover;
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
  width: 100%;
  max-height: 20rem;
}

.card-image-square-wrapper {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.no-pad {
  margin-bottom: 0;
}

.danny-tag {
  background-color: var(--trophy-gold);
  color: var(--white);
  border-radius: 5rem;
  padding: .4rem .8rem;
  font-size: 1rem;
}

.toc_uolist-2 {
  color: #1d1d1d;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 2rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.toc-heading-2 {
  color: #1d1d1d;
  margin-bottom: 0;
  font-weight: 700;
}

.toc-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  background-color: #f3f3f3;
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.workshop-summary-featured-image-2 {
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
}

.blog-list {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.5rem;
  line-height: 1.25;
  display: flex;
}

.blog-toc-outer-wrapper {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  min-width: 36rem;
  display: flex;
}

.blog-toc-overlay {
  pointer-events: none;
  background-image: linear-gradient(0deg, #fff, #f3f3f300);
  border-radius: 1.1rem;
  height: 8rem;
  display: none;
  position: absolute;
  inset: auto 1px 1px;
}

.toc-and-overlay-wrapper {
  position: relative;
}

.listen-buttons-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 2rem;
  display: flex;
}

.listen-button {
  height: 3.5rem;
}

.listen-button.small {
  height: 3rem;
}

.card-title-wrapper {
  position: relative;
}

.card-title-wrapper.podcast-and-spotify {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem;
  transition: all .2s;
  display: flex;
}

.card-3:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 10px 35px -5px #00000012;
}

.card-3.homepage-grid {
  padding-top: 2rem;
}

.card-3.homepage-grid.full-w {
  aspect-ratio: 2;
}

.nowpast-head {
  margin-bottom: -2rem;
}

.card-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem;
  transition: all .2s;
  display: flex;
}

.card-4:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 10px 35px -5px #00000012;
}

.card-4.homepage-grid {
  padding-top: 2rem;
}

.card-4.homepage-grid.full-w {
  aspect-ratio: 2;
}

.photo-grid {
  column-count: 3;
  column-gap: 1.2rem;
}

.photography-photo {
  border-radius: .4rem;
  margin-bottom: 1.2rem;
  transition: all .2s;
}

.photography-photo:hover {
  filter: brightness(70%);
}

.lightbox-link {
  position: relative;
}

.photography-label {
  pointer-events: none;
  color: var(--white);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 48%;
}

.hebrew {
  direction: rtl;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.footer-link-column-header {
  color: #fff;
  font-weight: 500;
}

.hero-subheading {
  font-size: 1.8rem;
}

.footer-big-logo-wrap {
  pointer-events: none;
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
}

.cta-heading {
  letter-spacing: -2.7px;
}

.footer3_component {
  background-color: #fab300;
}

.value-prop-text {
  color: #000;
  letter-spacing: -2.8px;
  font-size: 6rem;
  line-height: 1.1;
}

.card-5 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #686666;
  background-color: #fff;
  border: 1px solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4rem;
  display: flex;
}

.card-5.w--current {
  opacity: 1;
  background-color: #fff;
}

.card-5.in-grid {
  text-align: center;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 7.8rem;
  padding-bottom: 7.8rem;
  position: relative;
}

.text-color-white {
  color: #fff;
}

.footer3_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.nav-bg {
  z-index: -1;
  pointer-events: none;
  background-color: #fafafa;
  border: 1px solid #000;
  position: absolute;
  inset: 0%;
}

.feature-svg {
  aspect-ratio: 1;
  border: 1px solid #000;
  width: 6.8rem;
}

.feature-svg.in-focus {
  width: 6rem;
  margin-bottom: 1.6rem;
}

.logo {
  border-radius: 0;
  flex: 1;
  align-self: stretch;
}

.logo-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.logo-link.w--current {
  display: flex;
}

.logo-link.static {
  width: 14rem;
}

.logo-link.animated {
  justify-content: flex-start;
  align-items: stretch;
  width: 14rem;
  height: 3.8rem;
  margin-top: .5rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: static;
}

.padding-section-large.full-screen {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.padding-section-large.full-screen.hero {
  height: 100vh;
  padding-bottom: 20rem;
}

.padding-section-large.smaller-bottom {
  padding-bottom: 2.4rem;
}

.line-span {
  display: block;
}

.footer3_social-link {
  color: #fff;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer3_social-link:hover {
  color: #ffe2ab;
}

.anim-nav-logo-width {
  pointer-events: none;
  width: 14rem;
}

.top-overlay {
  z-index: 10;
  background-image: linear-gradient(#fafafa 10%, #fafafa00);
  height: 6rem;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.navbar6_link {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .4rem .8rem;
  font-size: 1.6rem;
  display: flex;
}

.navbar6_link:hover {
  color: #fab300;
}

.navbar6_link.w--current {
  color: #c4c4c4;
}

.label {
  color: var(--heading-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}

.label.on-yellow {
  color: #ffe2ab;
}

.component-wrapper-2 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.component-wrapper-2.centered {
  text-align: center;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}

.component-wrapper-2.horizontal-stretch {
  align-items: stretch;
}

.component-wrapper-2.line-section {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.navbar6_menu-button {
  padding: 0;
}

.content-stack {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-stack.tiny-gap {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
}

.content-stack.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.content-stack.centered.hero {
  max-width: 80rem;
}

.content-stack.horizontal-stretch {
  justify-content: flex-start;
  align-items: stretch;
}

.content-stack.horizontal-stretch.huge-gap {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.content-stack.small-gap {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
}

.content-stack.align-right {
  justify-content: flex-start;
  align-items: flex-end;
}

.content-stack.big-gap {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
}

.content-stack.medium-gap {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}

.button-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-align: center;
  text-underline-offset: 2px;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  display: flex;
}

.button-2:hover {
  color: #686666;
}

.button-2.is-secondary {
  text-decoration: none;
}

.button-2.main.is-mob-nav {
  display: none;
}

.navbar6_menu-right {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  justify-content: center;
}

.navbar6_component {
  background-color: var(--white);
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  margin-top: 0;
  display: flex;
}

.nav-logo-wrap {
  pointer-events: none;
  align-self: stretch;
  position: absolute;
  inset: 0%;
}

.section---now {
  position: relative;
}

.navbar6_menu-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-light-yellow {
  color: #ffe2ab;
}

.text-light-yellow.text-size-tiny.legal-link:hover {
  color: #fff;
}

.line {
  background-color: silver;
  width: 1px;
  height: 45vh;
}

.line.overlay-move {
  height: 60vh;
  margin-top: -6rem;
}

.container-large {
  width: 100%;
  max-width: 104rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.relative {
  position: relative;
}

.container-large.small {
  max-width: 80rem;
}

.container-large.xsmall {
  max-width: 64rem;
}

.text-link-anim-underline {
  background-color: #fff;
  height: 1.5px;
}

.text-link-anim-underline.black {
  background-color: #000;
}

.focus-grid-separators-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 6rem;
  display: flex;
  position: absolute;
  inset: 0% -3rem 0% auto;
}

.footer {
  background-color: var(--alt-card-fill);
  background-image: none;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.foot-custom {
  margin-bottom: 0;
  padding-top: 14rem;
}

.footer3_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.footer3_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer3_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.footer3_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.navbar6_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.focus-grid-separator {
  z-index: 10;
  color: #fab300;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  padding: .6rem;
  font-size: 1.3rem;
  font-weight: 700;
}

.social-icon-2 {
  width: 2.5rem;
  height: 2.5rem;
}

.navbar6_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  display: grid;
  position: relative;
}

.footer-big-logo.low-opacity {
  opacity: .35;
}

.padding-global {
  z-index: 110;
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-global.navbar {
  z-index: 1000;
  border-bottom: 1px solid var(--card-stroke);
  background-color: var(--white);
  z-index: 1000;
  inset: 0 0% auto;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: fixed;
  inset: 0 0% auto;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-section-small.features {
  padding-top: 0;
  padding-bottom: 24rem;
  position: relative;
}

.text-link-wrap {
  flex-flow: column;
  line-height: 1.1;
  display: flex;
  overflow: hidden;
}

.focus-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1px;
  display: grid;
  position: relative;
}

.hero-heading-2 {
  letter-spacing: -3px;
  flex-flow: column;
  font-size: 7rem;
}

.footer3_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.footer3_link.w--current {
  color: #ffe2ab;
}

.animated-logo-wrap {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.name-heading-3 {
  color: #1d1d1d;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
}

.navbar-spacer {
  height: 7.6rem;
}

.card-content-wrap {
  justify-content: flex-start;
  align-items: center;
  padding: 3.6rem;
  display: flex;
}

.card-content-wrap.hebrew {
  justify-content: flex-end;
  align-items: center;
}

.card-content-wrap.album {
  justify-content: center;
  align-items: center;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  line-height: 1;
}

.card-grid {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  display: flex;
}

.tag {
  background-color: var(--card-stroke);
  color: var(--para-grey);
  letter-spacing: .3px;
  text-transform: uppercase;
  border-radius: 1rem;
  padding: .4rem .8rem;
  font-size: 1rem;
  font-weight: 600;
}

.tag.yellow {
  color: var(--trophy-gold);
  background-color: #fff0c9;
}

.card-para {
  color: var(--para-grey);
}

.button-arrow-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.button-arrow {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
}

.card-6 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: all .3s;
  overflow: hidden;
}

.card-6:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 10px 35px -5px #00000012;
}

.card-6.button {
  border-radius: 10rem;
  align-self: center;
  width: auto;
  min-height: 3.5rem;
  font-size: 1.4rem;
}

.card-6.button:hover {
  color: #1d1d1d;
  transform: scale(1.05);
  box-shadow: 0 5px 10px -5px #00000012;
}

.card-6.button.circle {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: .6rem;
}

.name-heading-4 {
  color: #1d1d1d;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
}

.name {
  letter-spacing: -.3px;
  font-weight: 600;
}

.footer-link {
  font-size: 1.4rem;
}

.div-block {
  width: 743px;
}

.workshop-summary-max-width {
  max-width: 72rem;
}

.workshop-content-and-toc-wrap {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.toc-rail {
  flex: 1;
  align-self: stretch;
  position: relative;
}

._3-cards-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-small {
  color: var(--para-grey);
  font-size: 1.4rem;
}

.container-xlarge {
  max-width: 124rem;
  margin-left: auto;
  margin-right: auto;
}

.post-teaser-wrap {
  position: relative;
}

.post-teaser-overlay {
  background-image: linear-gradient(#fff0 30%, #fff);
  position: absolute;
  inset: 0%;
}

.rounded-corner {
  border-radius: 1.2rem;
}

.navbar6_menu-2 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.label-2 {
  color: #1d1d1d;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}

.navbar6_link-2 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  color: #686666;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .4rem .8rem;
  font-size: 1.4rem;
  display: flex;
}

.navbar6_link-2:hover {
  color: #fab300;
}

.navbar6_link-2.w--current {
  color: #000;
  text-decoration: underline;
}

.footer-2 {
  background-color: #e9e9e9;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
}

.navbar6_component-2 {
  background-color: #fff;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  margin-top: 0;
  display: flex;
}

.button-3 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: #1d1d1d;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 10rem;
  padding: .6rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.button-3.circle {
  aspect-ratio: 1;
  color: #1d1d1d;
  padding: .4rem;
}

.button-3.circle:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 12px #0000000a, 0 5px 5px #00000012;
}

.card-7 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: all .3s;
  overflow: hidden;
}

.card-7:hover {
  border-color: #e9e9e980;
  transform: scale(1.01);
  box-shadow: 0 10px 35px -5px #00000012;
}

.card-7.button-3 {
  border-radius: 10rem;
  align-self: center;
  width: auto;
  min-height: 3.5rem;
  font-size: 1.4rem;
}

.card-7.button-3:hover {
  color: #1d1d1d;
  transform: scale(1.05);
  box-shadow: 0 5px 10px -5px #00000012;
}

.card-7.button-3.circle {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: .6rem;
}

.card-7.button-3.fake {
  flex: none;
}

.card-7.button-3.fake:hover {
  box-shadow: none;
  transform: none;
}

.card-7.more-posts {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 2.4rem;
  display: flex;
}

.card-7.more-posts:hover {
  color: #1d1d1d;
}

.card-7.button {
  border-radius: 10rem;
  align-self: center;
  width: auto;
  min-height: 3.5rem;
  font-size: 1.4rem;
}

.card-7.button:hover {
  color: #1d1d1d;
  transform: scale(1.05);
  box-shadow: 0 5px 10px -5px #00000012;
}

.card-7.button.circle {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: .6rem;
}

.navbar6_menu-3 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.label-3 {
  color: #1d1d1d;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}

.navbar6_link-3 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  color: #686666;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .4rem .8rem;
  font-size: 1.4rem;
  display: flex;
}

.navbar6_link-3:hover {
  color: #fab300;
}

.navbar6_link-3.w--current {
  color: #000;
  text-decoration: underline;
}

.blogposts-grid {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  display: flex;
}

.blogposts-collection {
  flex: 1;
}

.large-head {
  letter-spacing: -2.3px;
  font-size: 5rem;
}

.vert-stretch {
  display: flex;
}

.eng {
  font-family: Inter, sans-serif;
}

.footer-label {
  color: #a1a1a1;
  font-size: 1.2rem;
}

.footer-quote-mark {
  opacity: .7;
  color: var(--trophy-gold);
  font-size: 4rem;
  position: absolute;
  inset: -2.4rem auto auto -2.4rem;
}

.foote-quote-wrap {
  position: relative;
}

@media screen and (max-width: 991px) {
  h1 {
    letter-spacing: -1.4px;
    font-size: 3.8rem;
  }

  .section {
    height: auto;
  }

  .container.workshop {
    flex-flow: column;
  }

  .card-wrapper {
    flex-direction: row;
  }

  .card.post.with-image {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .social-wrapper {
    left: 2rem;
  }

  .card-image {
    height: auto;
  }

  .language-button {
    right: 2rem;
  }

  .cards-wrapper.horizontal {
    grid-template-columns: 1fr;
  }

  .component-wrapper.posts-and-toc {
    flex-flow: column;
    align-items: stretch;
  }

  .post-image.columns {
    width: 100%;
    max-height: 20rem;
  }

  .toc-wrapper {
    order: 1;
    align-self: stretch;
  }

  .toc-wrapper.desktop {
    display: none;
  }

  .toc-wrapper.mobile {
    display: flex;
  }

  .toc-wrapper.blog {
    overflow: scroll;
  }

  .toc_item {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .workshop-summary-header {
    margin-bottom: 0;
  }

  .back-to-top-wrapper {
    display: block;
  }

  .header-and-toc-wrapper {
    flex-flow: column;
  }

  .hero-heading {
    font-size: 4rem;
  }

  .toc-wrapper-2 {
    order: 1;
    align-self: stretch;
  }

  .blog-toc-outer-wrapper {
    flex: none;
  }

  .photo-grid {
    column-count: 2;
  }

  .logo-link.static {
    width: 14rem;
    margin-left: 1.2rem;
  }

  .padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .navbar6_link {
    color: #000;
    text-align: center;
    width: auto;
    padding: 0;
    font-size: 1.8rem;
  }

  .navbar6_link:hover {
    color: var(--trophy-gold);
  }

  .navbar6_link.w--current {
    background-color: #fff0;
  }

  .component-wrapper-2.centered {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .component-wrapper-2.centered.hero {
    justify-content: flex-start;
    align-items: center;
  }

  .navbar6_menu-button.w--open {
    background-color: #0000;
  }

  .content-stack.centered {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-stack.centered.hero, .content-stack.centered.centered-mobile {
    justify-content: flex-start;
    align-items: center;
  }

  .button-2.main.is-mob-nav {
    padding: .3rem 1.4rem;
    display: flex;
  }

  .button-2.nav {
    text-align: left;
  }

  .navbar6_menu-right {
    letter-spacing: -1.6px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    font-size: 5rem;
    -webkit-text-decoration: underline #000;
    text-decoration: underline #000;
    text-decoration-thickness: 4px;
    transition: all .3s;
  }

  .navbar6_menu-right:hover {
    color: #000;
  }

  .menu-icon_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar6_menu-left {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer3_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: flex-start;
  }

  .navbar6_menu {
    background-color: var(--white);
    flex: none;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    padding: 1rem 4rem 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar6_container {
    display: flex;
  }

  .nav-mobile-btn-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .hero-heading-2 {
    font-size: 6rem;
  }

  .menu-icon_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .workshop-content-and-toc-wrap {
    flex-flow: column;
  }

  ._3-cards-grid {
    flex-flow: column;
    display: flex;
  }

  .navbar6_menu-2 {
    background-color: #fff;
    flex: none;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    padding: 1rem 4rem 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .navbar6_link-2 {
    color: #000;
    text-align: center;
    width: auto;
    padding: 0;
    font-size: 1.8rem;
  }

  .navbar6_link-2:hover {
    color: #fab300;
  }

  .navbar6_link-2.w--current {
    background-color: #fff0;
  }

  .navbar6_menu-3 {
    background-color: #fff;
    flex: none;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    padding: 1rem 4rem 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .navbar6_link-3 {
    color: #000;
    text-align: center;
    width: auto;
    padding: 0;
    font-size: 1.8rem;
  }

  .navbar6_link-3:hover {
    color: #fab300;
  }

  .navbar6_link-3.w--current {
    background-color: #fff0;
  }
}

@media screen and (max-width: 767px) {
  .card-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card.post {
    aspect-ratio: auto;
    padding: 2rem;
  }

  .card.post.with-image {
    flex-flow: column;
  }

  .card.button {
    aspect-ratio: auto;
  }

  .card.horizontal {
    aspect-ratio: auto;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-height: 100%;
    display: flex;
  }

  .card.homepage-grid {
    padding: 2rem;
  }

  .card.homepage-grid.full-w {
    aspect-ratio: auto;
  }

  .card.footer-quote {
    text-align: left;
  }

  .card-image.wide {
    display: none;
  }

  .card-image.wide.mobile {
    display: block;
  }

  .card-image.flowcode {
    display: none;
  }

  .card-image.flowcode.mobile {
    display: block;
  }

  .card-and-title-wrapper.danny {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem;
  }

  .card-and-title-wrapper.danny-leshem {
    max-width: 100%;
  }

  .component-wrapper.cards {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .component-wrapper.posts-and-toc {
    grid-column-gap: 3.6rem;
    grid-row-gap: 3.6rem;
    flex-flow: column;
  }

  .post-teaser {
    text-align: justify;
  }

  .content-wrapper.danny {
    justify-content: flex-start;
    align-items: center;
  }

  .toc-wrapper.blog {
    max-height: 30rem;
  }

  .back-to-top-wrapper {
    margin-bottom: 3rem;
  }

  .hero-heading {
    font-size: 3.6rem;
  }

  .danny-heading, .card-title.horizontal {
    text-align: center;
  }

  .blog-button-outer-wrapper {
    align-items: stretch;
  }

  .card-2 {
    aspect-ratio: 1;
  }

  .card-2.post {
    aspect-ratio: auto;
    padding: 2rem;
  }

  .card-2.button {
    aspect-ratio: auto;
  }

  .blog-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .blog-toc-overlay {
    display: block;
  }

  .card-3.homepage-grid {
    padding: 2rem;
  }

  .card-3.homepage-grid.full-w {
    aspect-ratio: auto;
  }

  .card-4.homepage-grid {
    padding: 2rem;
  }

  .card-4.homepage-grid.full-w {
    aspect-ratio: auto;
  }

  .cta-heading {
    font-size: 5.2rem;
  }

  .value-prop-text {
    letter-spacing: -2px;
    font-size: 4rem;
  }

  .footer3_legal-list {
    grid-column-gap: 2.4rem;
    grid-auto-flow: row;
    display: flex;
  }

  .padding-section-large.full-screen.hero {
    padding-bottom: 14rem;
  }

  .line-span {
    display: inline;
  }

  .component-wrapper-2.centered, .component-wrapper-2.centered.hero {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-stack.centered {
    text-align: left;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
  }

  .content-stack.centered.hero {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-stack.centered.in-line {
    text-align: center;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
  }

  .button-2.main.is-mob-nav {
    font-size: 1.4rem;
  }

  .navbar6_component {
    min-height: 4rem;
  }

  .focus-grid-separators-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4rem;
    inset: auto 0% -2rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar6_menu {
    padding-bottom: 6rem;
  }

  .focus-grid-separator {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .focus-grid {
    grid-template-columns: 1fr;
  }

  .hero-heading-2 {
    font-size: 5rem;
    line-height: 1.1;
  }

  .card-content-wrap.album {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }

  .card-6.button {
    aspect-ratio: auto;
  }

  .navbar6_menu-2 {
    padding-bottom: 6rem;
  }

  .navbar6_component-2 {
    min-height: 4rem;
  }

  .card-7.button-3 {
    aspect-ratio: auto;
  }

  .card-7.more-posts {
    aspect-ratio: auto;
    padding: 2rem;
  }

  .card-7.button {
    aspect-ratio: auto;
  }

  .navbar6_menu-3 {
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: -1px;
    font-size: 3.4rem;
  }

  .card {
    width: 100%;
    height: auto;
  }

  .card.button.fake.in-post-with-photo {
    align-self: center;
  }

  .card.button.back-to-top, .card.horizontal {
    width: 100%;
  }

  .card.square {
    padding: 2rem;
  }

  .card.blog {
    height: auto;
  }

  .card.in-grid {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .social-wrapper {
    position: relative;
    top: auto;
    left: auto;
  }

  .card-image {
    height: auto;
  }

  .language-button {
    position: relative;
    top: auto;
    right: auto;
  }

  .post-date {
    display: none;
  }

  .post-date.danny {
    display: block;
  }

  .post-heading {
    font-size: 2.4rem;
  }

  .content-wrapper.post-with-image {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .name-heading-2 {
    font-size: 3rem;
  }

  .post-content, .post-content.workshop blockquote {
    font-size: 1.6rem;
  }

  .top-buttons-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .card-title.horizontal {
    text-align: center;
  }

  .blog-link-wrapper {
    height: 100%;
  }

  .blog-button-collection-list.tilted {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .blog-button-text {
    font-size: 1.6rem;
  }

  .blog-button-outer-wrapper {
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
  }

  .card-2 {
    width: 100%;
    height: auto;
  }

  .invis-for-card-height-mobile {
    opacity: 0;
  }

  .blog-toc-outer-wrapper {
    min-width: auto;
  }

  .card-3, .card-4 {
    width: 100%;
    height: auto;
  }

  .photo-grid {
    column-count: 1;
  }

  .hebrew.mobile-span {
    display: block;
  }

  .card-5.in-grid {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .logo {
    object-fit: contain;
  }

  .logo-link {
    width: 14rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .line-span {
    display: inline;
  }

  .content-stack {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .content-stack.centered.centered-mobile {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .button-group.is-center {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer3_bottom-wrapper {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2.4px;
  }

  .nav-mobile-btn-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .card-content-wrap {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .card-6, .card-7 {
    width: 100%;
    height: auto;
  }
}

#w-node-_130544f5-f424-7136-18af-f25f58dd2fa2-58dd2fa2 {
  justify-self: center;
}

#w-node-_637b90a6-79c3-f893-659c-88d772da48ca-72da48c9 {
  place-self: stretch stretch;
}

#w-node-_21d77fd6-d95b-88a1-8e27-39447443847d-84863268, #w-node-_0f084fcc-e44e-2056-92a9-74cadac8f84d-84863268 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_53d535d2-fe57-5da8-3905-721edf226246-b3cf91e5 {
  align-self: stretch;
}