:root{--site-page:#101012;--site-ink:#f8f5ef;--site-ink-2:#d1ccd2;--site-hairline:#34343b;--site-font-text:Arial,sans-serif;--site-font-display:Arial,sans-serif}
html,body{margin:0;min-height:100%;background:#101012}*{box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:14px;line-height:24px;letter-spacing:-.01em}a{color:inherit}.site-card{width:100%;max-width:1040px;margin:auto;padding:24px;display:flex;flex-direction:column;gap:48px;background:#101012;color:#f8f5ef}.site-card>*{min-width:0}.site-group{display:flex;flex-direction:column;gap:24px}.site-group-heading{margin:0;font-size:21px;line-height:1.1;letter-spacing:-.025em;font-weight:400}.site-caption{margin:0;font-size:12px;line-height:20px;color:#9ba392}.site-closing{margin:0;color:#9ba392;max-width:72ch}.site-link{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.site-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;min-width:0}.site-photos img{display:block;width:100%;min-width:0;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.site-photo-zoom{all:unset;box-sizing:border-box;display:block;min-width:0;border-radius:8px;cursor:zoom-in}.site-photo-zoom:focus-visible{outline:2px solid #19dce9;outline-offset:-2px}.site-card :focus-visible{outline:2px solid #19dce9;outline-offset:2px}@media(min-width:768px){.site-card{padding:36px}}dialog{background:#101012;color:#f8f5ef;border:1px solid #555;padding:16px;max-width:96vw;max-height:96vh}dialog::backdrop{background:#000c}dialog img{display:block;max-width:90vw;max-height:80vh;object-fit:contain}dialog button{padding:12px 20px;background:#19dce9;border:0;margin-bottom:10px;cursor:pointer}

html,
body,
#root {
  margin: 0;
  min-height: 100%;
}
body {
  background: var(--site-page);
}
* {
  box-sizing: border-box;
}
.landing {
  color: var(--site-ink);
  --paint-yellow:#ffcf30;
  --paint-blue:#135aa0;
  --paint-pink:#df4076;
  --paint-mint:#c4e6d6;
}
.draft {
  font-size: 12px;
  color: var(--site-ink-2);
  padding: 6px 0 12px;
  border-bottom: 1px solid var(--site-hairline);
}
.mast {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  padding: 24px 0;
}
.mast strong {
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: -.045em;
  transform: rotate(-3deg);
  border-bottom: 5px solid var(--paint-yellow);
}
.mast span {
  font-size: 13px;
}
.hero {
  display: grid;
  gap: 30px;
  align-items: center;
  margin: 14px 0 32px;
}
.hero-copy {
  padding: 12px 0;
}
.eyebrow {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 18px;
}
.hero h1 {
  font-family: Arial, sans-serif;
  font-size: clamp(46px, 10vw, 74px);
  line-height: 1.04;
  letter-spacing: -.05em;
  font-weight: 900;
  margin: 0 0 24px;
}
.hero h1 span {
  display: inline-block;
  color: var(--paint-blue);
  position: relative;
  z-index: 0;
  padding: 0 8px 10px;
}
.hero h1 span:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--paint-yellow);
  inset: 20% -4% 4%;
  transform: rotate(-5deg);
  border-radius: 45% 8% 25% 12%;
}
.hero-intro {
  font-size: 16px;
  line-height: 1.8;
  margin: 16px 0;
  max-width: 410px;
}
.hero-art {
  position: relative;
  padding: 18px 10px 32px;
}
.hero-art:before {
  content: "";
  position: absolute;
  inset: 0 0 7%;
  background: var(--paint-mint);
  border-radius: 45% 35% 25% 40%;
  transform: rotate(7deg);
}
.hero-photo {
  position: relative;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 28px 8px 28px 8px;
  transform: rotate(-3deg);
  border: 6px solid white;
  box-shadow: 0 12px 0 var(--paint-blue);
}
.art-sticker {
  position: absolute;
  bottom: 4px;
  left: 0;
  background: var(--paint-yellow);
  padding: 18px 20px;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.15;
  transform: rotate(8deg);
  border-radius: 50%;
  text-align: center;
}
.art-star {
  position: absolute;
  top: -13px;
  right: 4px;
  font-size: 70px;
  line-height: 1;
  color: var(--paint-pink);
}
.contact {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin: 24px 0 12px;
}
.cta,
.call {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 7px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.landing .cta,
.landing .cta:visited {
  background: var(--paint-blue);
  color: white !important;
  box-shadow: 3px 3px 0 var(--site-ink);
}
.call {
  border: 1px solid var(--site-ink);
  color: var(--site-ink);
  gap: 6px;
  background: white;
}
.fine {
  font-size: 12px;
  color: var(--site-ink-2);
}
.paint-strip {
  display: flex;
  justify-content: space-around;
  gap: 12px;
  flex-wrap: wrap;
  background: var(--paint-yellow);
  padding: 16px 10px;
  border-radius: 7px;
  transform: rotate(-1deg);
  margin: 32px 0 48px;
  font-size: 22px;
  font-weight: 900;
}
.services,
.steps {
  display: grid;
  gap: 18px;
}
.services article {
  border: 1px solid var(--site-hairline);
  border-radius: 18px;
  padding: 22px;
  position: relative;
  background: var(--site-page);
  border-top: 8px solid var(--paint-blue);
}
.services article:nth-child(2) {
  border-top-color: var(--paint-pink);
}
.services article:nth-child(3) {
  border-top-color: var(--paint-yellow);
}
.service-num {
  font-size: 15px;
  font-weight: 900;
  color: var(--paint-blue);
}
h3 {
  font-family: Arial, sans-serif;
  font-size: 25px;
  margin: 12px 0;
}
.services p,
.steps p {
  font-size: 15px;
  line-height: 1.8;
  margin: 8px 0;
}
.art-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 24px;
}
.art-gallery figure {
  margin: 0;
  padding: 8px 8px 10px;
  background: white;
  border: 1px solid var(--site-hairline);
  box-shadow: 0 5px 0 var(--site-hairline);
  border-radius: 12px;
}
.art-gallery img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.art-gallery figcaption {
  direction: ltr;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-align: left;
  padding: 10px 2px 0;
}
.steps {
  padding: 24px 0;
}
.steps div {
  border-right: 4px solid var(--paint-yellow);
  padding-right: 14px;
}
.steps b {
  font-size: 16px;
}
.about {
  display: grid;
  gap: 24px;
  align-items: center;
  background: var(--paint-mint);
  padding: 24px;
  border-radius: 24px;
}
.about img {
  width: 160px;
  height: 190px;
  object-fit: cover;
  border: 5px solid white;
  border-radius: 18px;
  transform: rotate(3deg);
}
.final-contact {
  position: relative;
  background: var(--paint-yellow);
  border-radius: 28px 8px 28px 8px;
  padding: 28px 22px;
  margin: 32px 0;
}
.final-contact h2 {
  font-family: Arial, sans-serif;
  font-weight: 900;
  font-size: 35px;
  line-height: 1.1;
  margin: 0 0 18px;
  letter-spacing: -.035em;
}
.final-contact p {
  font-size: 15px;
  line-height: 1.8;
  max-width: 600px;
}
.landing h1,
.landing h2,
.landing h3 {
  overflow-wrap: anywhere;
}
.landing img {
  max-width: 100%;
}
.landing a:focus-visible {
  outline: 3px solid var(--paint-pink);
  outline-offset: 4px;
}
@media (min-width: 768px) {
  .hero {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }
  .hero-photo {
    height: 420px;
  }
  .hero h1 {
    font-size: 78px;
  }
  .services,
  .steps {
    grid-template-columns: repeat(3, 1fr);
  }
  .services article:nth-child(2) {
    transform: translateY(10px);
  }
  .about {
    grid-template-columns: 190px 1fr;
  }
  .about img {
    width: 190px;
    height: 220px;
  }
  .art-gallery {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 24px;
  }
  .art-gallery figure:nth-child(3n+1) {
    transform: rotate(-2deg);
  }
  .art-gallery figure:nth-child(3n+2) {
    transform: rotate(2deg);
    margin-top: 22px;
  }
  .art-gallery img {
    height: 210px;
    object-fit: cover;
  }
  .final-contact {
    padding: 42px;
  }
  .final-contact h2 {
    font-size: 52px;
  }
  .paint-strip {
    font-size: 30px;
  }
}
@media (max-width: 359px) {
  .contact {
    display: grid;
  }
  .cta,
  .call {
    width: 100%;
  }
  .hero h1 {
    font-size: 44px;
  }
  .final-contact h2 {
    font-size: 30px;
  }
  .hero-photo {
    height: 270px;
  }
  .art-sticker {
    font-size: 18px;
  }
}
.landing {
  --site-page:#101012;
  --site-ink:#f8f5ef;
  --site-ink-2:#d1ccd2;
  --site-hairline:#34343b;
  --paint-blue:#68c5ff;
  --paint-pink:#ff6eab;
  --paint-mint:#16372d;
  background: #101012;
  color: #f8f5ef;
}
.landing main {
  background: #101012;
}
.mast strong {
  color: #fff;
}
.hero-copy {
  position: relative;
}
.hero-copy:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 2%;
  right: -10px;
  width: 190px;
  height: 150px;
  background:
    radial-gradient(
      ellipse,
      #ff6eab22,
      transparent 70%);
  filter: blur(8px);
}
.hero h1 span {
  color: #101012;
}
.hero-art:before {
  background: #204e44;
}
.hero-photo {
  border-color: #101012;
  box-shadow: 0 12px 0 #68c5ff;
}
.art-sticker,
.paint-strip,
.final-contact {
  color: #101012;
}
.art-star {
  filter: drop-shadow(0 2px 0 #101012);
}
.landing .cta,
.landing .cta:visited {
  background: #ffcf30;
  color: #101012 !important;
  box-shadow: 4px 4px 0 #ff6eab;
}
.call {
  background: transparent;
  color: #f8f5ef;
  border-color: #72727c;
}
.services article {
  background: #19191e;
}
.art-gallery figure {
  background: #1c1c22;
}
.art-gallery figcaption {
  color: #eee8ef;
}
.about {
  background: #16372d;
}
.about img {
  border-color: #68c5ff;
}
.final-contact .cta,
.final-contact .cta:visited {
  background: #101012;
  color: #fff !important;
  box-shadow: 4px 4px 0 #df4076;
}
.final-contact .call {
  background: #fff;
  color: #101012;
  border-color: #101012;
}
.final-contact [class*=caption] {
  color: #29292d;
}
.landing a {
  transition: transform .18s ease, box-shadow .18s ease;
}
.landing .cta:hover {
  transform: translate(-2px, -3px);
  box-shadow: 7px 7px 0 #ff6eab;
}
.hero h1 {
  animation: spray-reveal .85s ease-out both;
}
.hero-art {
  animation: paint-in .9s .1s ease-out both;
}
.art-star {
  animation: spray-spin 14s linear infinite;
}
.art-gallery figure {
  transition: transform .25s ease, box-shadow .25s ease;
}
.art-gallery figure:hover {
  transform: translateY(-7px) rotate(0);
  box-shadow: 0 9px 0 #ff6eab;
}
.services article:hover {
  border-color: #68c5ff;
}
.paint-strip {
  position: relative;
}
.paint-strip:after {
  content: "";
  position: absolute;
  top: calc(100% - 2px);
  left: 14%;
  width: 8px;
  height: 24px;
  border-radius: 0 0 7px 7px;
  background: #ffcf30;
  box-shadow: 17px -6px 0 #ffcf30, 29px -15px 0 #ffcf30;
  animation: drip-grow 4s ease-in-out infinite;
}
.final-contact:after {
  content: "\2733";
  position: absolute;
  top: 12px;
  left: 20px;
  color: #df4076;
  font-size: 52px;
  transform: rotate(12deg);
}
@keyframes spray-reveal {
  from {
    opacity: 0;
    filter: blur(9px);
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes paint-in {
  from {
    opacity: 0;
    transform: translateY(20px) rotate(2deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}
@keyframes spray-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes drip-grow {
  0%, 100% {
    transform: scaleY(.75);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
  }
}
@supports (animation-timeline:view()) {
  .services article,
  .art-gallery figure,
  .about {
    animation: scroll-paint linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 25%;
  }
  @keyframes scroll-paint {
    from {
      opacity: .45;
      translate: 0 22px;
    }
    to {
      opacity: 1;
      translate: 0 0;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .landing *,
  .landing *:before,
  .landing *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .art-gallery figure:hover,
  .landing .cta:hover {
    transform: none;
  }
}
.hero h1 {
  animation: none;
}
.hero h1 span:before {
  animation: paint-wipe .9s ease-out both;
}
.hero-art {
  animation: none;
}
@keyframes paint-wipe {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.hero h1 span:before {
  animation: none;
}
.hero h1 span:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      circle,
      #ffffff80 1px,
      transparent 2px) 0 0/13px 11px;
  opacity: 0;
  animation: spray-dust 1s ease-out both;
}
@keyframes spray-dust {
  0% {
    opacity: .6;
    transform: translateX(30px);
  }
  100% {
    opacity: 0;
    transform: translateX(-15px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero h1 span:after {
    animation: none !important;
  }
}
.site-nav {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid var(--site-hairline);
  padding: 0 0 16px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 18px;
  color: #f8f5ef;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #34343b;
  font-weight: 600;
}
.site-nav a[aria-current=page] {
  background: #ffcf30;
  color: #101012;
  border-color: #ffcf30;
}
.path-buttons {
  display: grid;
  gap: 14px;
  margin: 26px 0;
}
.path-button {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px;
  border-radius: 14px;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 26px;
  color: #101012 !important;
  min-height: 105px;
  box-shadow: 5px 5px 0 #34343b;
  transition: transform .2s;
}
.path-button:hover {
  transform: translateY(-4px);
}
.path-button span {
  font-size: 14px;
  font-weight: 600;
}
.workshops-path {
  background: #ffcf30;
}
.murals-path {
  background: #68c5ff;
}
.home-end {
  border-top: 1px solid #34343b;
  padding-top: 18px;
}
.home-end > p {
  font-size: 20px;
  font-weight: 600;
}
.audiences {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.audiences span {
  padding: 14px 20px;
  background: #1c1c22;
  border: 1px solid #68c5ff;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 600;
}
.draft-notes {
  padding-top: 24px;
  font-size: 12px;
  color: #d1ccd2;
}
.draft-notes p {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .path-buttons {
    grid-template-columns: 1fr 1fr;
  }
  .path-button {
    font-size: 25px;
  }
  .workshop-services {
    grid-template-columns: 1fr 1fr;
  }
  .hero h1 {
    font-size: 70px;
  }
}
@media (max-width: 359px) {
  .site-nav {
    gap: 6px;
  }
  .site-nav a {
    padding: 10px 13px;
  }
  .hero h1 {
    font-size: 41px;
  }
}
.landing {
  overflow: hidden;
}
.hero-copy,
.hero-art,
.final-contact,
.art-gallery figure {
  isolation: isolate;
  position: relative;
}
.spray-mark {
  position: absolute;
  pointer-events: none;
  width: 180px;
  height: 180px;
  overflow: visible;
  color: #ff6eab;
}
.heading-splash {
  width: 240px;
  height: 240px;
  right: -75px;
  top: -42px;
  z-index: -1;
  opacity: .24;
  transform: rotate(-15deg);
}
.hero-copy:before {
  top: 5%;
  right: -20px;
  width: 100%;
  height: 240px;
  background:
    radial-gradient(
      ellipse at 78% 28%,
      #ff6eab52,
      transparent 60%),
    radial-gradient(
      ellipse at 20% 75%,
      #68c5ff42,
      transparent 58%);
  filter: none;
  z-index: -1;
}
.hero-copy:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  inset: -30px -16px 0;
  background:
    radial-gradient(
      circle,
      #ffcf3080 1px,
      transparent 1.6px) 0 0/17px 19px;
  mask-image:
    radial-gradient(
      ellipse at 90% 20%,
      black,
      transparent 62%);
  opacity: .8;
}
.photo-splash {
  left: -48px;
  bottom: -25px;
  width: 210px;
  height: 210px;
  color: #68c5ff;
  z-index: -1;
  opacity: .9;
  transform: rotate(22deg);
}
.hero-art:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 84%;
  right: 18px;
  width: 11px;
  height: 60px;
  border-radius: 0 0 12px 12px;
  background: #ff6eab;
  box-shadow: 19px -12px 0 -2px #ff6eab, 38px -25px 0 -1px #ff6eab;
  z-index: -1;
  transform-origin: top;
  animation: wet-drip 5s ease-in-out infinite;
}
.site-nav {
  position: relative;
}
.site-nav:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 120px;
  height: 7px;
  border-radius: 55% 20% 70% 15%;
  background: #ff6eab;
  transform: rotate(-3deg);
}
.path-button,
.cta,
.site-nav a {
  position: relative;
  isolation: isolate;
}
.path-button:after,
.cta:after,
.site-nav a:after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: -24px;
  z-index: -1;
  background:
    radial-gradient(
      circle at 9% 20%,
      #ff6eab 0 5px,
      transparent 6px),
    radial-gradient(
      circle at 88% 10%,
      #68c5ff 0 7px,
      transparent 8px),
    radial-gradient(
      circle at 95% 79%,
      #ff6eab 0 4px,
      transparent 5px),
    radial-gradient(
      circle at 14% 91%,
      #ffcf30 0 6px,
      transparent 7px);
  opacity: .6;
  transform: scale(.88);
  transition: transform .3s ease, opacity .3s;
}
.path-button:hover:after,
.cta:hover:after,
.site-nav a:hover:after {
  opacity: 1;
  transform: scale(1.25) rotate(7deg);
}
.gallery-splash {
  right: -20px;
  top: -30px;
  width: 120px;
  height: 120px;
  color: #ff6eab;
  z-index: -1;
  opacity: .65;
  transition: transform .35s, opacity .35s;
}
.art-gallery figure:nth-child(3n+2) .gallery-splash {
  color: #68c5ff;
  right: auto;
  left: -25px;
}
.art-gallery figure:nth-child(3n) .gallery-splash {
  color: #ffcf30;
}
.art-gallery figure:hover .gallery-splash {
  transform: scale(1.6) rotate(30deg);
  opacity: 1;
}
.contact-splash {
  color: #df4076;
  width: 160px;
  height: 160px;
  left: -28px;
  top: -40px;
  opacity: .8;
  z-index: -1;
}
.final-contact:after {
  content: "";
  top: calc(100% - 3px);
  left: 18%;
  width: 12px;
  height: 42px;
  background: #ffcf30;
  border-radius: 0 0 12px 12px;
  box-shadow: 20px -15px 0 -2px #ffcf30, 43px -23px 0 #ffcf30;
  transform: none;
  animation: wet-drip 4s ease-in-out infinite;
}
.paint-strip:before {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: -25px;
  background:
    radial-gradient(
      circle at 5% 15%,
      #ff6eab 0 7px,
      transparent 8px),
    radial-gradient(
      circle at 92% 85%,
      #68c5ff 0 10px,
      transparent 11px),
    radial-gradient(
      circle at 85% 0%,
      #ffcf30 0 5px,
      transparent 6px);
  z-index: -1;
}
.audiences span {
  box-shadow: 3px 3px 0 #204e44;
}
.services article:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 26px;
  width: 7px;
  height: 25px;
  background: #68c5ff;
  border-radius: 0 0 7px 7px;
  box-shadow: 14px -10px 0 -1px #68c5ff;
  pointer-events: none;
}
.services article:nth-child(2):after {
  background: #ff6eab;
  box-shadow: 14px -10px 0 -1px #ff6eab;
}
@keyframes wet-drip {
  0%, 100% {
    scale: 1 .75;
  }
  50% {
    scale: 1 1;
  }
}
@supports (animation-timeline:view()) {
  .photo-splash,
  .gallery-splash,
  .contact-splash {
    animation: splash-arrive linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 45%;
  }
  @keyframes splash-arrive {
    from {
      scale: .35;
      rotate: -30deg;
      opacity: .12;
    }
    to {
      scale: 1;
      rotate: 0deg;
      opacity: .85;
    }
  }
}
@media (max-width: 767px) {
  .heading-splash {
    right: -65px;
    top: -32px;
    width: 210px;
    height: 210px;
    opacity: .24;
  }
  .photo-splash {
    left: -28px;
    width: 155px;
    height: 155px;
  }
  .gallery-splash {
    width: 95px;
    height: 95px;
    right: -14px;
  }
  .contact-splash {
    width: 120px;
    height: 120px;
    left: -20px;
    opacity: .65;
  }
  .hero-art {
    margin-bottom: 28px;
  }
  .final-contact {
    margin-bottom: 55px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .landing *,
  .landing *:before,
  .landing *:after {
    animation: none !important;
    transition: none !important;
  }
  .spray-mark {
    scale: 1 !important;
  }
  .path-button:hover:after,
  .cta:hover:after,
  .site-nav a:hover:after,
  .art-gallery figure:hover .gallery-splash {
    transform: none !important;
  }
}
.landing {
  --paint-yellow:#19dce9;
  --paint-pink:#a4aaa2;
  --paint-blue:#bfc8c0;
}
.mast {
  padding: 25px 0 28px;
}
.mast strong {
  font-size: 28px;
  letter-spacing: -.065em;
  border-bottom: 2px solid #19dce9;
  transform: none;
  padding-bottom: 7px;
}
.hero {
  margin-top: 34px;
  gap: 34px;
}
.hero h1 {
  letter-spacing: -.065em;
  line-height: 1.05;
}
.hero h1 span {
  color: #19dce9;
  padding: 0;
}
.hero h1 span:before,
.hero h1 span:after {
  display: none;
}
.eyebrow {
  letter-spacing: .02em;
  color: #c2c6bf;
}
.hero-copy:before {
  background:
    radial-gradient(
      ellipse at 80% 20%,
      #19dce917,
      transparent 65%),
    radial-gradient(
      ellipse at 10% 85%,
      #d2dbd312,
      transparent 60%);
}
.hero-copy:after {
  background:
    radial-gradient(
      circle,
      #8c71bc77 .7px,
      transparent 1.2px) 0 0/11px 13px;
  opacity: .6;
  mask-image:
    radial-gradient(
      ellipse at 82% 10%,
      black,
      transparent 66%);
}
.heading-splash {
  color: #19dce9;
  opacity: .12;
  right: -60px;
  top: -28px;
}
.hero-art {
  padding: 0;
  margin-bottom: 16px;
}
.hero-art:before {
  display: none;
}
.hero-photo {
  height: auto !important;
  aspect-ratio: 1.39;
  object-fit: cover;
  border-radius: 0;
  transform: none;
  border: 1px solid #41473d;
  box-shadow: none;
}
.photo-splash {
  color: #19dce9;
  opacity: .55;
  left: -28px;
  bottom: -22px;
  width: 120px;
  height: 120px;
}
.hero-art:after {
  background: #19dce9;
  right: 6%;
  top: 99%;
  width: 4px;
  height: 33px;
  box-shadow: 11px -13px 0 -1px #19dce9, 23px -20px 0 -1px #19dce9;
}
.site-nav {
  gap: 22px;
  padding-bottom: 17px;
}
.site-nav a {
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  color: #aeb5ac;
  font-size: 14px;
}
.site-nav a[aria-current=page] {
  background: none;
  color: #e9f0df;
  border-bottom: 2px solid #19dce9;
}
.site-nav:after {
  display: none;
}
.path-button {
  border-radius: 0;
  box-shadow: none;
  min-height: 98px;
  border: 1px solid #8f9a83;
  background: transparent !important;
  color: #f8f5ef !important;
  font-size: 24px;
  padding: 20px;
}
.path-button span {
  color: #adb7a4;
  font-size: 12px;
}
.workshops-path {
  border-color: #19dce9;
}
.path-button:hover {
  background: #20261c !important;
  transform: translateY(-3px);
}
.landing .cta,
.landing .cta:visited {
  background: #19dce9;
  box-shadow: none;
  color: #10120d !important;
  border-radius: 0;
}
.landing .cta:hover {
  box-shadow: none;
  background: #65f0fa;
  transform: translateY(-2px);
}
.call {
  border-color: #555e50;
  border-radius: 0;
}
.path-button:after,
.cta:after,
.site-nav a:after {
  background:
    radial-gradient(
      circle at 9% 20%,
      #19dce9 0 2px,
      transparent 3px),
    radial-gradient(
      circle at 88% 10%,
      #c2c8bc 0 1px,
      transparent 2px),
    radial-gradient(
      circle at 95% 79%,
      #a36cff 0 2px,
      transparent 3px),
    radial-gradient(
      circle at 14% 91%,
      #19dce9 0 1px,
      transparent 2px);
  opacity: .35;
}
.site-nav a:after {
  display: none;
}
.paint-strip {
  background: none;
  border-radius: 0;
  border-top: 1px solid #41473d;
  border-bottom: 1px solid #41473d;
  transform: none;
  color: #19dce9;
  font-weight: 500;
  font-size: 23px;
  padding: 22px 0;
}
.paint-strip:before,
.paint-strip:after {
  display: none;
}
.services article {
  border-radius: 0;
  border: 1px solid #343b30;
  border-top: 2px solid #19dce9;
  background: #151713;
  padding: 24px;
}
.services article:nth-child(2) {
  transform: none;
  border-top-color: #a4aaa2;
}
.service-num {
  color: #b5bfaa;
  font-size: 12px;
}
.services article:after {
  background: #19dce9;
  box-shadow: 9px -12px 0 -1px #19dce9;
  width: 3px;
  height: 20px;
}
.services article:nth-child(2):after {
  background: #919e85;
  box-shadow: 9px -12px 0 -1px #919e85;
}
.audiences span {
  border-radius: 0;
  border-color: #454f3d;
  background: none;
  box-shadow: none;
  font-size: 14px;
  padding: 12px 16px;
}
.final-contact {
  background: #171c13;
  border: 1px solid #4e5c3b;
  color: #f8f5ef;
  border-radius: 0;
  padding: 30px 24px;
}
.final-contact h2 {
  font-size: 36px;
  color: #19dce9;
}
.final-contact p {
  color: #d5dacc;
}
.contact-splash {
  color: #19dce9;
  opacity: .35;
  width: 90px;
  height: 90px;
  top: -25px;
  left: -20px;
}
.final-contact .cta,
.final-contact .cta:visited {
  background: #19dce9;
  color: #10120d !important;
  box-shadow: none;
}
.final-contact .call {
  background: transparent;
  color: #f8f5ef;
  border-color: #77816c;
}
.final-contact [class*=caption] {
  color: #b1baa7;
}
.final-contact:after {
  background: #19dce9;
  width: 4px;
  height: 30px;
  box-shadow: 12px -14px 0 -1px #19dce9, 23px -19px 0 -1px #19dce9;
}
.art-gallery figure {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  transform: none !important;
  margin-top: 0 !important;
}
.art-gallery img {
  border-radius: 0;
}
.art-gallery figcaption {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: .13em;
  color: #8e9983;
}
.gallery-splash {
  width: 80px;
  height: 80px;
  right: -15px;
  top: -20px;
  color: #19dce9 !important;
  opacity: .35;
}
.art-gallery figure:nth-child(3n+2) .gallery-splash {
  left: -15px;
}
.art-gallery figure:hover {
  translate: 0 -4px;
}
.art-gallery figure:hover .gallery-splash {
  transform: scale(1.3) rotate(13deg);
}
.draft-notes {
  color: #9ba392;
}
.draft {
  color: #929c88;
}
.hero-intro {
  color: #dce0d5;
}
.home-end > p {
  font-size: 19px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .hero {
    grid-template-columns: 1fr 1.12fr;
  }
  .hero h1 {
    font-size: 68px;
  }
  .final-contact {
    padding: 42px;
  }
  .final-contact h2 {
    font-size: 48px;
  }
  .art-gallery img {
    height: 220px;
  }
  .hero-photo {
    aspect-ratio: 1.15;
  }
  .hero {
    align-items: center;
  }
}
@media (max-width: 359px) {
  .hero h1 {
    font-size: 42px;
  }
  .site-nav {
    gap: 20px;
  }
  .site-nav a {
    padding: 10px 0;
  }
  .final-contact h2 {
    font-size: 29px;
  }
}
@font-face {
  font-family: "Ktav Yad CLM";
  src: url(https://indik.co.il/assets/9523e396687b.ttf) format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Rubik Marker Hatch";
  src: url(https://indik.co.il/assets/8d91e401dfaf.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.landing h1,
.landing h2,
.landing h3,
.landing .paint-strip,
.landing .path-button {
  font-family: "Rubik Marker Hatch", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.22;
}
.landing .hero h1 {
  font-size: clamp(42px, 10vw, 65px);
  padding-bottom: 6px;
  overflow-wrap: normal;
  line-height: 1.12;
}
.landing .final-contact h2 {
  font-size: 35px;
  line-height: 1.24;
  overflow-wrap: normal;
}
.landing .services h3 {
  font-size: 28px;
  line-height: 1.3;
}
.landing .path-button {
  font-size: 25px;
  line-height: 1.25;
}
.landing .eyebrow,
.landing .hero-intro,
.landing .home-end > p,
.landing .path-button span {
  font-family: "Ktav Yad CLM", sans-serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
}
.landing .eyebrow {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 18px;
}
.landing .hero-intro {
  font-size: 23px;
  line-height: 1.6;
  max-width: 430px;
}
.landing .path-button span {
  font-size: 19px;
  line-height: 1.5;
}
.landing .home-end > p {
  font-size: 25px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .landing .hero h1 {
    font-size: 65px;
  }
  .landing .final-contact h2 {
    font-size: 46px;
  }
  .landing .path-button {
    font-size: 25px;
  }
}
@media (max-width: 359px) {
  .landing .hero h1 {
    font-size: 39px;
  }
  .landing .final-contact h2 {
    font-size: 29px;
  }
  .landing .path-button {
    font-size: 23px;
  }
  .landing .hero-intro {
    font-size: 22px;
  }
}
.landing .hero-copy {
  padding-inline: 12px;
}
.landing .hero h1 {
  font-size: clamp(40px, 10vw, 62px);
}
@media (min-width: 768px) {
  .landing .hero h1 {
    font-size: 62px;
  }
}
@media (max-width: 359px) {
  .landing .hero h1 {
    font-size: 35px;
  }
}
.landing .workshops-title {
  white-space: nowrap;
  font-size: clamp(28px, 7.5vw, 52px);
  letter-spacing: -.025em;
}
.landing .path-button.workshops-path {
  white-space: nowrap;
  font-size: clamp(19px, 5.8vw, 25px);
}
.landing .eyebrow,
.landing .hero-intro,
.landing .home-end > p,
.landing .path-button span {
  -webkit-text-stroke: .48px currentColor;
  text-shadow: .18px 0 currentColor, -.18px 0 currentColor;
}
@media (min-width: 768px) {
  .landing .workshops-title {
    font-size: 48px;
  }
  .landing .path-button.workshops-path {
    font-size: 22px;
  }
}
@media (max-width: 359px) {
  .landing .workshops-title {
    font-size: 28px;
  }
  .landing .path-button.workshops-path {
    font-size: 21px;
  }
}
.landing .hero .home-title {
  white-space: nowrap;
  font-size: clamp(26px, 8vw, 44px);
  letter-spacing: -.02em;
}
@media (min-width: 768px) {
  .landing .hero .home-title {
    font-size: 44px;
  }
}
.landing .site-card {
  position: relative;
  isolation: isolate;
}
.graffiti-wall {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .9;
}
.graffiti-wall i {
  position: absolute;
  top: 75px;
  bottom: 0;
  width: 210px;
  background-image: inherit;
  background-position: left top;
  background-size: 210px 900px;
  background-repeat: repeat-y;
}
.graffiti-wall i:first-child {
  left: -18px;
}
.graffiti-wall i:last-child {
  right: -20px;
  transform: scaleX(-1);
  background-position: 0 360px;
  opacity: .66;
}
.landing .site-card > :not(.graffiti-wall) {
  position: relative;
  z-index: 1;
}
.landing .hero-copy:before {
  background:
    radial-gradient(
      ellipse at 92% 6%,
      #19dce924,
      transparent 62%);
}
.landing .heading-splash {
  opacity: .20;
  transform: rotate(-22deg);
  width: 255px;
  height: 255px;
}
.landing .hero-copy:after {
  opacity: .45;
}
.landing .hero-art:before {
  display: block;
  inset: -16px -13px;
  background:
    repeating-linear-gradient(
      174deg,
      transparent 0 29px,
      #19dce938 30px 32px,
      transparent 33px 44px);
  border-radius: 0;
  transform: rotate(-2deg);
  clip-path: polygon(0 8%, 100% 0, 96% 89%, 3% 100%);
  opacity: .7;
}
.landing .photo-splash {
  width: 160px;
  height: 160px;
  opacity: .8;
}
.landing .paint-strip {
  position: relative;
  background:
    linear-gradient(
      95deg,
      #19dce908,
      transparent 60%);
  border-color: #674696;
  letter-spacing: .02em;
}
.landing .paint-strip:before {
  display: block;
  inset: 0;
  z-index: -1;
  background:
    repeating-linear-gradient(
      176deg,
      transparent 0 13px,
      #19dce912 14px 15px,
      transparent 16px 29px);
  clip-path: polygon(0 14%, 100% 1%, 98% 76%, 2% 100%);
}
.landing .services article {
  background: #11140fee;
}
.landing .services article:before {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
  background:
    radial-gradient(
      ellipse at 0 100%,
      #19dce914,
      transparent 65%);
}
.landing .final-contact {
  background:
    linear-gradient(
      110deg,
      #12160fee,
      #10120ff2);
  border-color: #674696;
}
.landing .home-end {
  background:
    linear-gradient(
      90deg,
      #19dce907,
      transparent);
}
@media (max-width: 767px) {
  .graffiti-wall i {
    width: 95px;
    background-size: 140px 900px;
    opacity: .66;
  }
  .graffiti-wall i:first-child {
    left: -44px;
  }
  .graffiti-wall i:last-child {
    right: -45px;
    opacity: .48;
  }
  .landing .heading-splash {
    width: 200px;
    height: 200px;
    opacity: .17;
  }
  .landing .hero-art:before {
    inset: -12px -7px;
  }
  .landing .photo-splash {
    width: 125px;
    height: 125px;
  }
}
.landing {
  --paint-yellow:#19dce9;
  --paint-blue:#37baff;
  --paint-pink:#9754f4;
}
.graffiti-wall {
  background-repeat: no-repeat;
  background-position: -9999px -9999px;
}
.landing .hero h1 span,
.landing .paint-strip,
.landing .final-contact h2 {
  color: #22e0ed;
}
.landing .heading-splash {
  color: #9854f7;
}
.landing .photo-splash {
  color: #ff9b43;
}
.landing .hero-art:before {
  background:
    repeating-linear-gradient(
      174deg,
      transparent 0 29px,
      #9854f76b 30px 32px,
      transparent 33px 44px);
}
.landing .hero-art:after,
.landing .final-contact:after {
  background: #ff9b43;
  box-shadow: 11px -13px 0 -1px #ff9b43, 23px -20px 0 -1px #ff9b43;
}
.landing .path-button.workshops-path {
  border-color: #22d5e5;
}
.landing .path-button.murals-path {
  border-color: #9760db;
}
.landing .services article {
  background: #111116f2;
  border-color: #43354e;
  border-top-color: #19dce9;
}
.landing .services article:nth-child(2) {
  border-top-color: #a36cff;
}
.landing .services article:before {
  background:
    radial-gradient(
      ellipse at 0 100%,
      #9854f71c,
      transparent 65%);
}
.landing .services article:nth-child(2):after {
  background: #ff9b43;
  box-shadow: 9px -12px 0 -1px #ff9b43;
}
.landing .audiences span {
  border-color: #574369;
}
.landing .call {
  border-color: #62526f;
}
.landing .final-contact {
  background:
    linear-gradient(
      110deg,
      #141019ef,
      #101014f2);
  border-color: #64458a;
}
.landing .gallery-splash {
  color: #9854f7 !important;
}
.landing .art-gallery figure:nth-child(3n+2) .gallery-splash {
  color: #19dce9 !important;
}
.landing .art-gallery figure:nth-child(3n) .gallery-splash {
  color: #ff9b43 !important;
}
.landing .hero h1,
.landing .hero-intro,
.landing .eyebrow {
  position: relative;
}
.graffiti-wall i {
  background: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.graffiti-wall svg {
  width: 210px;
  height: 900px;
  flex: 0 0 900px;
}
.graffiti-wall i:last-child {
  top: 360px;
}
@media (max-width: 767px) {
  .graffiti-wall svg {
    width: 140px;
    height: 900px;
    max-width: none !important;
  }
  .graffiti-wall i {
    width: 140px;
  }
}
.landing .hero .home-title {
  color: #f8f5ef;
  font-size: clamp(19px, 5.9vw, 32px);
  letter-spacing: -.03em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .landing .hero .home-title {
    font-size: 32px;
  }
}
.landing .hero .home-title {
  font-size: clamp(27px, 8.5vw, 48px);
  width: 142.857%;
  transform: scaleX(.7);
  transform-origin: right center;
  color: #f8f5ef;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .landing .hero .home-title {
    font-size: 48px;
  }
}
.landing .home-hero .hero-copy {
  min-width: 0;
}
.landing .art-gallery .full-photo img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

html,body,#root{margin:0;min-height:100%}body{background:var(--site-page)}*{box-sizing:border-box}.landing{color:var(--site-ink);--paint-yellow:#ffcf30;--paint-blue:#135aa0;--paint-pink:#df4076;--paint-mint:#c4e6d6}.draft{font-size:12px;color:var(--site-ink-2);padding:6px 0 12px;border-bottom:1px solid var(--site-hairline)}.mast{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:24px 0}.mast strong{font-family:Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-.045em;transform:rotate(-3deg);border-bottom:5px solid var(--paint-yellow)}.mast span{font-size:13px}.hero{display:grid;gap:30px;align-items:center;margin:14px 0 32px}.hero-copy{padding:12px 0}.eyebrow{font-size:13px;font-weight:600;margin-bottom:18px}.hero h1{font-family:Arial,sans-serif;font-size:clamp(46px,10vw,74px);line-height:1.04;letter-spacing:-.05em;font-weight:900;margin:0 0 24px}.hero h1 span{display:inline-block;color:var(--paint-blue);position:relative;z-index:0;padding:0 8px 10px}.hero h1 span:before{content:'';position:absolute;z-index:-1;background:var(--paint-yellow);inset:20% -4% 4%;transform:rotate(-5deg);border-radius:45% 8% 25% 12%}.hero-intro{font-size:16px;line-height:1.8;margin:16px 0;max-width:410px}.hero-art{position:relative;padding:18px 10px 32px}.hero-art:before{content:'';position:absolute;inset:0 0 7%;background:var(--paint-mint);border-radius:45% 35% 25% 40%;transform:rotate(7deg)}.hero-photo{position:relative;width:100%;height:300px;object-fit:cover;border-radius:28px 8px 28px 8px;transform:rotate(-3deg);border:6px solid white;box-shadow:0 12px 0 var(--paint-blue)}.art-sticker{position:absolute;bottom:4px;left:0;background:var(--paint-yellow);padding:18px 20px;font-size:21px;font-weight:900;line-height:1.15;transform:rotate(8deg);border-radius:50%;text-align:center}.art-star{position:absolute;top:-13px;right:4px;font-size:70px;line-height:1;color:var(--paint-pink)}.contact{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:24px 0 12px}.cta,.call{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 16px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600}.landing .cta,.landing .cta:visited{background:var(--paint-blue);color:white!important;box-shadow:3px 3px 0 var(--site-ink)}.call{border:1px solid var(--site-ink);color:var(--site-ink);gap:6px;background:white}.fine{font-size:12px;color:var(--site-ink-2)}.paint-strip{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;background:var(--paint-yellow);padding:16px 10px;border-radius:7px;transform:rotate(-1deg);margin:32px 0 48px;font-size:22px;font-weight:900}.services,.steps{display:grid;gap:18px}.services article{border:1px solid var(--site-hairline);border-radius:18px;padding:22px;position:relative;background:var(--site-page);border-top:8px solid var(--paint-blue)}.services article:nth-child(2){border-top-color:var(--paint-pink)}.services article:nth-child(3){border-top-color:var(--paint-yellow)}.service-num{font-size:15px;font-weight:900;color:var(--paint-blue)}h3{font-family:Arial,sans-serif;font-size:25px;margin:12px 0}.services p,.steps p{font-size:15px;line-height:1.8;margin:8px 0}.art-gallery{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}.art-gallery figure{margin:0;padding:8px 8px 10px;background:white;border:1px solid var(--site-hairline);box-shadow:0 5px 0 var(--site-hairline);border-radius:12px}.art-gallery img{display:block;width:100%;height:auto;border-radius:7px}.art-gallery figcaption{direction:ltr;font-size:11px;font-weight:600;letter-spacing:.08em;text-align:left;padding:10px 2px 0}.steps{padding:24px 0}.steps div{border-right:4px solid var(--paint-yellow);padding-right:14px}.steps b{font-size:16px}.about{display:grid;gap:24px;align-items:center;background:var(--paint-mint);padding:24px;border-radius:24px}.about img{width:160px;height:190px;object-fit:cover;border:5px solid white;border-radius:18px;transform:rotate(3deg)}.final-contact{position:relative;background:var(--paint-yellow);border-radius:28px 8px 28px 8px;padding:28px 22px;margin:32px 0}.final-contact h2{font-family:Arial,sans-serif;font-weight:900;font-size:35px;line-height:1.1;margin:0 0 18px;letter-spacing:-.035em}.final-contact p{font-size:15px;line-height:1.8;max-width:600px}.landing h1,.landing h2,.landing h3{overflow-wrap:anywhere}.landing img{max-width:100%}.landing a:focus-visible{outline:3px solid var(--paint-pink);outline-offset:4px}@media(min-width:768px){.hero{grid-template-columns:1fr 1fr;gap:34px}.hero-photo{height:420px}.hero h1{font-size:78px}.services,.steps{grid-template-columns:repeat(3,1fr)}.services article:nth-child(2){transform:translateY(10px)}.about{grid-template-columns:190px 1fr}.about img{width:190px;height:220px}.art-gallery{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px}.art-gallery figure:nth-child(3n+1){transform:rotate(-2deg)}.art-gallery figure:nth-child(3n+2){transform:rotate(2deg);margin-top:22px}.art-gallery img{height:210px;object-fit:cover}.final-contact{padding:42px}.final-contact h2{font-size:52px}.paint-strip{font-size:30px}}@media(max-width:359px){.contact{display:grid}.cta,.call{width:100%}.hero h1{font-size:44px}.final-contact h2{font-size:30px}.hero-photo{height:270px}.art-sticker{font-size:18px}}

.landing{--site-page:#101012;--site-ink:#f8f5ef;--site-ink-2:#d1ccd2;--site-hairline:#34343b;--paint-blue:#68c5ff;--paint-pink:#ff6eab;--paint-mint:#16372d;background:#101012;color:#f8f5ef}.landing main{background:#101012}.mast strong{color:#fff}.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;pointer-events:none;top:2%;right:-10px;width:190px;height:150px;background:radial-gradient(ellipse,#ff6eab22,transparent 70%);filter:blur(8px)}.hero h1 span{color:#101012}.hero-art:before{background:#204e44}.hero-photo{border-color:#101012;box-shadow:0 12px 0 #68c5ff}.art-sticker,.paint-strip,.final-contact{color:#101012}.art-star{filter:drop-shadow(0 2px 0 #101012)}.landing .cta,.landing .cta:visited{background:#ffcf30;color:#101012!important;box-shadow:4px 4px 0 #ff6eab}.call{background:transparent;color:#f8f5ef;border-color:#72727c}.services article{background:#19191e}.art-gallery figure{background:#1c1c22}.art-gallery figcaption{color:#eee8ef}.about{background:#16372d}.about img{border-color:#68c5ff}.final-contact .cta,.final-contact .cta:visited{background:#101012;color:#fff!important;box-shadow:4px 4px 0 #df4076}.final-contact .call{background:#fff;color:#101012;border-color:#101012}.final-contact [class*="caption"]{color:#29292d}.landing a{transition:transform .18s ease,box-shadow .18s ease}.landing .cta:hover{transform:translate(-2px,-3px);box-shadow:7px 7px 0 #ff6eab}.hero h1{animation:spray-reveal .85s ease-out both}.hero-art{animation:paint-in .9s .1s ease-out both}.art-star{animation:spray-spin 14s linear infinite}.art-gallery figure{transition:transform .25s ease,box-shadow .25s ease}.art-gallery figure:hover{transform:translateY(-7px) rotate(0);box-shadow:0 9px 0 #ff6eab}.services article:hover{border-color:#68c5ff}.paint-strip{position:relative}.paint-strip:after{content:'';position:absolute;top:calc(100% - 2px);left:14%;width:8px;height:24px;border-radius:0 0 7px 7px;background:#ffcf30;box-shadow:17px -6px 0 #ffcf30,29px -15px 0 #ffcf30;animation:drip-grow 4s ease-in-out infinite}.final-contact:after{content:'✳';position:absolute;top:12px;left:20px;color:#df4076;font-size:52px;transform:rotate(12deg)}@keyframes spray-reveal{from{opacity:0;filter:blur(9px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes paint-in{from{opacity:0;transform:translateY(20px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes spray-spin{to{transform:rotate(360deg)}}@keyframes drip-grow{0%,100%{transform:scaleY(.75);transform-origin:top}50%{transform:scaleY(1)}}@supports(animation-timeline:view()){.services article,.art-gallery figure,.about{animation:scroll-paint linear both;animation-timeline:view();animation-range:entry 0% entry 25%}@keyframes scroll-paint{from{opacity:.45;translate:0 22px}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art-gallery figure:hover,.landing .cta:hover{transform:none}}

.hero h1{animation:none}.hero h1 span:before{animation:paint-wipe .9s ease-out both}.hero-art{animation:none}@keyframes paint-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.hero h1 span:before{animation:none}.hero h1 span:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#ffffff80 1px,transparent 2px) 0 0/13px 11px;opacity:0;animation:spray-dust 1s ease-out both}@keyframes spray-dust{0%{opacity:.6;transform:translateX(30px)}100%{opacity:0;transform:translateX(-15px)}}@media(prefers-reduced-motion:reduce){.hero h1 span:after{animation:none!important}}
.site-nav{display:flex;gap:10px;border-bottom:1px solid var(--site-hairline);padding:0 0 16px;margin-bottom:22px;flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;color:#f8f5ef;text-decoration:none;border-radius:7px;border:1px solid #34343b;font-weight:600}.site-nav a[aria-current=page]{background:#ffcf30;color:#101012;border-color:#ffcf30}.path-buttons{display:grid;gap:14px;margin:26px 0}.path-button{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:14px;text-decoration:none!important;font-weight:900;font-size:26px;color:#101012!important;min-height:105px;box-shadow:5px 5px 0 #34343b;transition:transform .2s}.path-button:hover{transform:translateY(-4px)}.path-button span{font-size:14px;font-weight:600}.workshops-path{background:#ffcf30}.murals-path{background:#68c5ff}.home-end{border-top:1px solid #34343b;padding-top:18px}.home-end>p{font-size:20px;font-weight:600}.audiences{display:flex;gap:12px;flex-wrap:wrap}.audiences span{padding:14px 20px;background:#1c1c22;border:1px solid #68c5ff;border-radius:40px;font-size:15px;font-weight:600}.draft-notes{padding-top:24px;font-size:12px;color:#d1ccd2}.draft-notes p{margin-bottom:8px}@media(min-width:768px){.path-buttons{grid-template-columns:1fr 1fr}.path-button{font-size:25px}.workshop-services{grid-template-columns:1fr 1fr}.hero h1{font-size:70px}}@media(max-width:359px){.site-nav{gap:6px}.site-nav a{padding:10px 13px}.hero h1{font-size:41px}}

.landing{overflow:hidden}.hero-copy,.hero-art,.final-contact,.art-gallery figure{isolation:isolate;position:relative}.spray-mark{position:absolute;pointer-events:none;width:180px;height:180px;overflow:visible;color:#ff6eab}.heading-splash{width:240px;height:240px;right:-75px;top:-42px;z-index:-1;opacity:.24;transform:rotate(-15deg)}.hero-copy:before{top:5%;right:-20px;width:100%;height:240px;background:radial-gradient(ellipse at 78% 28%,#ff6eab52,transparent 60%),radial-gradient(ellipse at 20% 75%,#68c5ff42,transparent 58%);filter:none;z-index:-1}.hero-copy:after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:-30px -16px 0;background:radial-gradient(circle,#ffcf3080 1px,transparent 1.6px) 0 0/17px 19px;mask-image:radial-gradient(ellipse at 90% 20%,black,transparent 62%);opacity:.8}.photo-splash{left:-48px;bottom:-25px;width:210px;height:210px;color:#68c5ff;z-index:-1;opacity:.9;transform:rotate(22deg)}.hero-art:after{content:'';position:absolute;pointer-events:none;top:84%;right:18px;width:11px;height:60px;border-radius:0 0 12px 12px;background:#ff6eab;box-shadow:19px -12px 0 -2px #ff6eab,38px -25px 0 -1px #ff6eab;z-index:-1;transform-origin:top;animation:wet-drip 5s ease-in-out infinite}.site-nav{position:relative}.site-nav:after{content:'';position:absolute;left:0;bottom:-3px;width:120px;height:7px;border-radius:55% 20% 70% 15%;background:#ff6eab;transform:rotate(-3deg)}.path-button,.cta,.site-nav a{position:relative;isolation:isolate}.path-button:after,.cta:after,.site-nav a:after{content:'';position:absolute;pointer-events:none;inset:-24px;z-index:-1;background:radial-gradient(circle at 9% 20%,#ff6eab 0 5px,transparent 6px),radial-gradient(circle at 88% 10%,#68c5ff 0 7px,transparent 8px),radial-gradient(circle at 95% 79%,#ff6eab 0 4px,transparent 5px),radial-gradient(circle at 14% 91%,#ffcf30 0 6px,transparent 7px);opacity:.6;transform:scale(.88);transition:transform .3s ease,opacity .3s}.path-button:hover:after,.cta:hover:after,.site-nav a:hover:after{opacity:1;transform:scale(1.25) rotate(7deg)}.gallery-splash{right:-20px;top:-30px;width:120px;height:120px;color:#ff6eab;z-index:-1;opacity:.65;transition:transform .35s,opacity .35s}.art-gallery figure:nth-child(3n+2) .gallery-splash{color:#68c5ff;right:auto;left:-25px}.art-gallery figure:nth-child(3n) .gallery-splash{color:#ffcf30}.art-gallery figure:hover .gallery-splash{transform:scale(1.6) rotate(30deg);opacity:1}.contact-splash{color:#df4076;width:160px;height:160px;left:-28px;top:-40px;opacity:.8;z-index:-1}.final-contact:after{content:'';top:calc(100% - 3px);left:18%;width:12px;height:42px;background:#ffcf30;border-radius:0 0 12px 12px;box-shadow:20px -15px 0 -2px #ffcf30,43px -23px 0 #ffcf30;transform:none;animation:wet-drip 4s ease-in-out infinite}.paint-strip:before{content:'';position:absolute;pointer-events:none;inset:-25px;background:radial-gradient(circle at 5% 15%,#ff6eab 0 7px,transparent 8px),radial-gradient(circle at 92% 85%,#68c5ff 0 10px,transparent 11px),radial-gradient(circle at 85% 0%,#ffcf30 0 5px,transparent 6px);z-index:-1}.audiences span{box-shadow:3px 3px 0 #204e44}.services article:after{content:'';position:absolute;bottom:-24px;left:26px;width:7px;height:25px;background:#68c5ff;border-radius:0 0 7px 7px;box-shadow:14px -10px 0 -1px #68c5ff;pointer-events:none}.services article:nth-child(2):after{background:#ff6eab;box-shadow:14px -10px 0 -1px #ff6eab}@keyframes wet-drip{0%,100%{scale:1 .75}50%{scale:1 1}}
@supports(animation-timeline:view()){.photo-splash,.gallery-splash,.contact-splash{animation:splash-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 45%}@keyframes splash-arrive{from{scale:.35;rotate:-30deg;opacity:.12}to{scale:1;rotate:0deg;opacity:.85}}}
@media(max-width:767px){.heading-splash{right:-65px;top:-32px;width:210px;height:210px;opacity:.24}.photo-splash{left:-28px;width:155px;height:155px}.gallery-splash{width:95px;height:95px;right:-14px}.contact-splash{width:120px;height:120px;left:-20px;opacity:.65}.hero-art{margin-bottom:28px}.final-contact{margin-bottom:55px}}
@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}.spray-mark{scale:1!important}.path-button:hover:after,.cta:hover:after,.site-nav a:hover:after,.art-gallery figure:hover .gallery-splash{transform:none!important}}

.landing{--paint-yellow:#19dce9;--paint-pink:#a4aaa2;--paint-blue:#bfc8c0}.mast{padding:25px 0 28px}.mast strong{font-size:28px;letter-spacing:-.065em;border-bottom:2px solid #19dce9;transform:none;padding-bottom:7px}.hero{margin-top:34px;gap:34px}.hero h1{letter-spacing:-.065em;line-height:1.05}.hero h1 span{color:#19dce9;padding:0}.hero h1 span:before,.hero h1 span:after{display:none}.eyebrow{letter-spacing:.02em;color:#c2c6bf}.hero-copy:before{background:radial-gradient(ellipse at 80% 20%,#19dce917,transparent 65%),radial-gradient(ellipse at 10% 85%,#d2dbd312,transparent 60%)}.hero-copy:after{background:radial-gradient(circle,#8c71bc77 .7px,transparent 1.2px) 0 0/11px 13px;opacity:.6;mask-image:radial-gradient(ellipse at 82% 10%,black,transparent 66%)}.heading-splash{color:#19dce9;opacity:.12;right:-60px;top:-28px}.hero-art{padding:0;margin-bottom:16px}.hero-art:before{display:none}.hero-photo{height:auto!important;aspect-ratio:1.39;object-fit:cover;border-radius:0;transform:none;border:1px solid #41473d;box-shadow:none}.photo-splash{color:#19dce9;opacity:.55;left:-28px;bottom:-22px;width:120px;height:120px}.hero-art:after{background:#19dce9;right:6%;top:99%;width:4px;height:33px;box-shadow:11px -13px 0 -1px #19dce9,23px -20px 0 -1px #19dce9}.site-nav{gap:22px;padding-bottom:17px}.site-nav a{padding:10px 0;border:0;border-radius:0;color:#aeb5ac;font-size:14px}.site-nav a[aria-current=page]{background:none;color:#e9f0df;border-bottom:2px solid #19dce9}.site-nav:after{display:none}.path-button{border-radius:0;box-shadow:none;min-height:98px;border:1px solid #8f9a83;background:transparent!important;color:#f8f5ef!important;font-size:24px;padding:20px}.path-button span{color:#adb7a4;font-size:12px}.workshops-path{border-color:#19dce9}.path-button:hover{background:#20261c!important;transform:translateY(-3px)}.landing .cta,.landing .cta:visited{background:#19dce9;box-shadow:none;color:#10120d!important;border-radius:0}.landing .cta:hover{box-shadow:none;background:#65f0fa;transform:translateY(-2px)}.call{border-color:#555e50;border-radius:0}.path-button:after,.cta:after,.site-nav a:after{background:radial-gradient(circle at 9% 20%,#19dce9 0 2px,transparent 3px),radial-gradient(circle at 88% 10%,#c2c8bc 0 1px,transparent 2px),radial-gradient(circle at 95% 79%,#a36cff 0 2px,transparent 3px),radial-gradient(circle at 14% 91%,#19dce9 0 1px,transparent 2px);opacity:.35}.site-nav a:after{display:none}.paint-strip{background:none;border-radius:0;border-top:1px solid #41473d;border-bottom:1px solid #41473d;transform:none;color:#19dce9;font-weight:500;font-size:23px;padding:22px 0}.paint-strip:before,.paint-strip:after{display:none}.services article{border-radius:0;border:1px solid #343b30;border-top:2px solid #19dce9;background:#151713;padding:24px}.services article:nth-child(2){transform:none;border-top-color:#a4aaa2}.service-num{color:#b5bfaa;font-size:12px}.services article:after{background:#19dce9;box-shadow:9px -12px 0 -1px #19dce9;width:3px;height:20px}.services article:nth-child(2):after{background:#919e85;box-shadow:9px -12px 0 -1px #919e85}.audiences span{border-radius:0;border-color:#454f3d;background:none;box-shadow:none;font-size:14px;padding:12px 16px}.final-contact{background:#171c13;border:1px solid #4e5c3b;color:#f8f5ef;border-radius:0;padding:30px 24px}.final-contact h2{font-size:36px;color:#19dce9}.final-contact p{color:#d5dacc}.contact-splash{color:#19dce9;opacity:.35;width:90px;height:90px;top:-25px;left:-20px}.final-contact .cta,.final-contact .cta:visited{background:#19dce9;color:#10120d!important;box-shadow:none}.final-contact .call{background:transparent;color:#f8f5ef;border-color:#77816c}.final-contact [class*="caption"]{color:#b1baa7}.final-contact:after{background:#19dce9;width:4px;height:30px;box-shadow:12px -14px 0 -1px #19dce9,23px -19px 0 -1px #19dce9}.art-gallery figure{padding:0;background:none;border:0;border-radius:0;box-shadow:none!important;transform:none!important;margin-top:0!important}.art-gallery img{border-radius:0}.art-gallery figcaption{font-weight:400;font-size:10px;letter-spacing:.13em;color:#8e9983}.gallery-splash{width:80px;height:80px;right:-15px;top:-20px;color:#19dce9!important;opacity:.35}.art-gallery figure:nth-child(3n+2) .gallery-splash{left:-15px}.art-gallery figure:hover{translate:0 -4px}.art-gallery figure:hover .gallery-splash{transform:scale(1.3) rotate(13deg)}.draft-notes{color:#9ba392}.draft{color:#929c88}.hero-intro{color:#dce0d5}.home-end>p{font-size:19px;font-weight:400}@media(min-width:768px){.hero{grid-template-columns:1fr 1.12fr}.hero h1{font-size:68px}.final-contact{padding:42px}.final-contact h2{font-size:48px}.art-gallery img{height:220px}.hero-photo{aspect-ratio:1.15}.hero{align-items:center}}@media(max-width:359px){.hero h1{font-size:42px}.site-nav{gap:20px}.site-nav a{padding:10px 0}.final-contact h2{font-size:29px}}

@font-face{font-family:'Ktav Yad CLM';src:url('fonts/KtavYadCLM-MediumItalic.ttf') format('truetype');font-style:italic;font-weight:500;font-display:swap}
@font-face{font-family:'Rubik Marker Hatch';src:url('fonts/RubikMarkerHatch.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.landing h1,.landing h2,.landing h3,.landing .paint-strip,.landing .path-button{font-family:'Rubik Marker Hatch',sans-serif;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.22}
.landing .hero h1{font-size:clamp(42px,10vw,65px);padding-bottom:6px;overflow-wrap:normal;line-height:1.12}
.landing .final-contact h2{font-size:35px;line-height:1.24;overflow-wrap:normal}
.landing .services h3{font-size:28px;line-height:1.3}
.landing .path-button{font-size:25px;line-height:1.25}
.landing .eyebrow,.landing .hero-intro,.landing .home-end>p,.landing .path-button span{font-family:'Ktav Yad CLM',sans-serif;font-style:italic;font-weight:500;letter-spacing:0}
.landing .eyebrow{font-size:22px;line-height:1.5;margin-bottom:18px}
.landing .hero-intro{font-size:23px;line-height:1.6;max-width:430px}
.landing .path-button span{font-size:19px;line-height:1.5}
.landing .home-end>p{font-size:25px;line-height:1.5}
@media(min-width:768px){.landing .hero h1{font-size:65px}.landing .final-contact h2{font-size:46px}.landing .path-button{font-size:25px}}
@media(max-width:359px){.landing .hero h1{font-size:39px}.landing .final-contact h2{font-size:29px}.landing .path-button{font-size:23px}.landing .hero-intro{font-size:22px}}

.landing .hero-copy{padding-inline:12px}
.landing .hero h1{font-size:clamp(40px,10vw,62px)}
@media(min-width:768px){.landing .hero h1{font-size:62px}}
@media(max-width:359px){.landing .hero h1{font-size:35px}}

.landing .workshops-title{white-space:nowrap;font-size:clamp(28px,7.5vw,52px);letter-spacing:-.025em}
.landing .path-button.workshops-path{white-space:nowrap;font-size:clamp(19px,5.8vw,25px)}
.landing .eyebrow,.landing .hero-intro,.landing .home-end>p,.landing .path-button span{-webkit-text-stroke:.48px currentColor;text-shadow:.18px 0 currentColor,-.18px 0 currentColor}
@media(min-width:768px){.landing .workshops-title{font-size:48px}.landing .path-button.workshops-path{font-size:22px}}
@media(max-width:359px){.landing .workshops-title{font-size:28px}.landing .path-button.workshops-path{font-size:21px}}


.landing .hero .home-title{white-space:nowrap;font-size:clamp(26px,8vw,44px);letter-spacing:-.02em}
@media(min-width:768px){.landing .hero .home-title{font-size:44px}}

.landing .site-card{position:relative;isolation:isolate}
.graffiti-wall{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.9}
.graffiti-wall i{position:absolute;top:75px;bottom:0;width:210px;background-image:inherit;background-position:left top;background-size:210px 900px;background-repeat:repeat-y}
.graffiti-wall i:first-child{left:-18px}
.graffiti-wall i:last-child{right:-20px;transform:scaleX(-1);background-position:0 360px;opacity:.66}
.landing .site-card> :not(.graffiti-wall){position:relative;z-index:1}
.landing .hero-copy:before{background:radial-gradient(ellipse at 92% 6%,#19dce924,transparent 62%)}
.landing .heading-splash{opacity:.20;transform:rotate(-22deg);width:255px;height:255px}
.landing .hero-copy:after{opacity:.45}
.landing .hero-art:before{display:block;inset:-16px -13px;background:repeating-linear-gradient(174deg,transparent 0 29px,#19dce938 30px 32px,transparent 33px 44px);border-radius:0;transform:rotate(-2deg);clip-path:polygon(0 8%,100% 0,96% 89%,3% 100%);opacity:.7}
.landing .photo-splash{width:160px;height:160px;opacity:.8}
.landing .paint-strip{position:relative;background:linear-gradient(95deg,#19dce908,transparent 60%);border-color:#674696;letter-spacing:.02em}
.landing .paint-strip:before{display:block;inset:0;z-index:-1;background:repeating-linear-gradient(176deg,transparent 0 13px,#19dce912 14px 15px,transparent 16px 29px);clip-path:polygon(0 14%,100% 1%,98% 76%,2% 100%)}
.landing .services article{background:#11140fee}
.landing .services article:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 0 100%,#19dce914,transparent 65%)}
.landing .final-contact{background:linear-gradient(110deg,#12160fee,#10120ff2);border-color:#674696}
.landing .home-end{background:linear-gradient(90deg,#19dce907,transparent)}
@media(max-width:767px){.graffiti-wall i{width:95px;background-size:140px 900px;opacity:.66}.graffiti-wall i:first-child{left:-44px}.graffiti-wall i:last-child{right:-45px;opacity:.48}.landing .heading-splash{width:200px;height:200px;opacity:.17}.landing .hero-art:before{inset:-12px -7px}.landing .photo-splash{width:125px;height:125px}}


.landing{--paint-yellow:#19dce9;--paint-blue:#37baff;--paint-pink:#9754f4}
.graffiti-wall{background-repeat:no-repeat;background-position:-9999px -9999px}
.landing .hero h1 span,.landing .paint-strip,.landing .final-contact h2{color:#22e0ed}
.landing .heading-splash{color:#9854f7}.landing .photo-splash{color:#ff9b43}
.landing .hero-art:before{background:repeating-linear-gradient(174deg,transparent 0 29px,#9854f76b 30px 32px,transparent 33px 44px)}
.landing .hero-art:after,.landing .final-contact:after{background:#ff9b43;box-shadow:11px -13px 0 -1px #ff9b43,23px -20px 0 -1px #ff9b43}
.landing .path-button.workshops-path{border-color:#22d5e5}.landing .path-button.murals-path{border-color:#9760db}
.landing .services article{background:#111116f2;border-color:#43354e;border-top-color:#19dce9}.landing .services article:nth-child(2){border-top-color:#a36cff}
.landing .services article:before{background:radial-gradient(ellipse at 0 100%,#9854f71c,transparent 65%)}
.landing .services article:nth-child(2):after{background:#ff9b43;box-shadow:9px -12px 0 -1px #ff9b43}
.landing .audiences span{border-color:#574369}.landing .call{border-color:#62526f}
.landing .final-contact{background:linear-gradient(110deg,#141019ef,#101014f2);border-color:#64458a}
.landing .gallery-splash{color:#9854f7!important}.landing .art-gallery figure:nth-child(3n+2) .gallery-splash{color:#19dce9!important}.landing .art-gallery figure:nth-child(3n) .gallery-splash{color:#ff9b43!important}
.landing .hero h1,.landing .hero-intro,.landing .eyebrow{position:relative}

.graffiti-wall i{background:none;display:flex;flex-direction:column;gap:0}.graffiti-wall svg{width:210px;height:900px;flex:0 0 900px}.graffiti-wall i:last-child{top:360px}
@media(max-width:767px){.graffiti-wall svg{width:140px;height:900px;max-width:none!important}.graffiti-wall i{width:140px}}

.landing .hero .home-title{color:#f8f5ef;font-size:clamp(19px,5.9vw,32px);letter-spacing:-.03em;white-space:nowrap}
@media(min-width:768px){.landing .hero .home-title{font-size:32px}}


.landing .hero .home-title{font-size:clamp(27px,8.5vw,48px);width:142.857%;transform:scaleX(.7);transform-origin:right center;color:#f8f5ef;white-space:nowrap}
@media(min-width:768px){.landing .hero .home-title{font-size:48px}}

.landing .home-hero .hero-copy{min-width:0}

.landing .art-gallery .full-photo img{height:auto;aspect-ratio:auto;object-fit:contain}

/* White lettering throughout, with dark controls for contrast. */
.landing :is(h1,h2,h3,h4,p,a,span,strong,figcaption,footer,button,nav,article),
.landing .hero .home-title,
.landing .hero h1 span,
.landing .final-contact h2,
.landing .path-button,
.landing .cta,
.landing .cta:visited,
dialog,dialog button {color:#fff!important}
.landing .cta,.landing .cta:visited,.landing .final-contact .cta,
.landing .final-contact .cta:visited,dialog button {
 background:#101012;border:1px solid #19dce9;
}
.landing .cta:hover,.landing .final-contact .cta:hover,dialog button:hover {background:#202025}
.landing .hero h1.murals-title {font-size:clamp(18px,5.6vw,34px);white-space:nowrap;letter-spacing:-.035em}
.landing .hero h1.murals-title span {display:inline}
.landing .eyebrow {color:#fff!important}

/* Approved headline font: Heebo */
@font-face {font-family:Heebo;src:url('fonts/Heebo.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
.landing h1,.landing h2,.landing h3,.landing .path-button {font-family:Heebo,Arial,sans-serif!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.025em}
.landing .hero .home-title {width:auto;transform:none}
.landing .hero .home-title {font-size:clamp(21px,5.45vw,30px);line-height:1.25;white-space:nowrap}

/* === 2026-10-19: all secondary text in handwriting (Ktav Yad CLM); headings stay Heebo === */
.landing{font-family:'Ktav Yad CLM',sans-serif;font-style:italic;font-weight:500}
.landing p,.landing li,.landing .steps b,.landing .service-num{font-size:19px;line-height:1.65}
.landing .cta,.landing .call{font-size:19px;font-weight:500}
.landing .site-nav a{font-size:17px;font-weight:500}
.landing .fine{font-size:15px}
.landing .mast span{font-size:16px}
.landing p,.landing .cta,.landing .call,.landing .site-nav a,.landing .steps b,.landing .service-num{-webkit-text-stroke:.3px currentColor;text-shadow:.12px 0 currentColor,-.12px 0 currentColor}
@font-face{font-family:Heebo;src:url('fonts/Heebo.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.landing,.landing *:not(.home-end>p){font-family:Heebo,Arial,sans-serif!important;font-style:normal!important;letter-spacing:0}
.landing{font-weight:400!important}
.landing h1{font-weight:800!important}
.landing h2,.landing h3,.imgbtn .cap b,.trust span{font-weight:700!important}
.landing p,.landing .eyebrow,.landing .hero-intro,.landing .path-button span,.imgbtn .cap p,.about-text p{font-weight:400!important}
.landing .cta,.landing .path-button,.imgbtn .more,.fixbar a{font-weight:600!important}
.landing .home-end>p{font-family:'Ktav Yad CLM',sans-serif!important;font-style:italic!important;font-weight:500!important;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.3}
.about-text .pn{font-weight:400!important;font-size:1em!important;line-height:inherit!important}
html,body{overflow-x:hidden!important;max-width:100%}
.art-gallery figure::after,.site-photo-zoom::after,.trust::after,.home-end::after,.about-grid::after,.reel-box::after,.audiences::after{content:"";position:absolute;pointer-events:none;z-index:2;top:calc(100% - 1px);left:var(--dl,18%);width:9px;height:var(--dh,30px);border-radius:0 0 9px 9px;background:var(--dc,#19dce9);box-shadow:16px -5px 0 -1px var(--dc,#19dce9),calc(var(--dh,30px)*-.5 - 10px) -9px 0 -2px var(--dc,#19dce9)}
.art-gallery figure::before{}
.art-gallery figure:nth-child(5n+1),.site-photo-zoom:nth-child(5n+1){--dc:#19dce9;--dl:14%;--dh:34px}
.art-gallery figure:nth-child(5n+2),.site-photo-zoom:nth-child(5n+2){--dc:#9854f7;--dl:72%;--dh:26px}
.art-gallery figure:nth-child(5n+3),.site-photo-zoom:nth-child(5n+3){--dc:#ffcf30;--dl:38%;--dh:40px}
.art-gallery figure:nth-child(5n+4),.site-photo-zoom:nth-child(5n+4){--dc:#ff6eab;--dl:82%;--dh:30px}
.art-gallery figure:nth-child(5n),.site-photo-zoom:nth-child(5n){--dc:#ff9b43;--dl:22%;--dh:36px}
.site-photo-zoom{position:relative;overflow:visible}
.trust::after{--dc:#9854f7;--dl:60%}
.home-end::after{--dc:#ffcf30}
.trust,.home-end,.about-grid,.reel-box,.audiences{position:relative}.about-grid::after{--dc:#ff6eab;--dl:30%}.reel-box::after{--dc:#19dce9;--dl:70%}.audiences::after{--dc:#ff9b43;--dl:50%}
.art-gallery figure:nth-child(2n),.site-photo-zoom:nth-child(2n+1){margin-bottom:34px}
.art-gallery figure:nth-child(2n+1):after,.site-photo-zoom:nth-child(2n)::after{display:none}
.js .rv{opacity:0;transform:translateY(36px) scale(.95) rotate(var(--rr,0deg));transition:opacity .7s ease var(--d,0ms),transform .9s cubic-bezier(.34,1.45,.55,1) var(--d,0ms);animation:none!important;will-change:opacity,transform}
.js .rv.in{opacity:1;transform:none}
.imgbtn,.services article,.site-photo-zoom,.art-gallery figure,.trust span{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.tilting{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.025)!important;box-shadow:0 0 0 1px #19dce9aa,0 14px 36px #19dce94d,0 0 26px #9854f740!important;z-index:3;position:relative}
.cta,.call,.fb-wa,.fb-call,.more,.wa-float{transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
@keyframes pop{0%{transform:scale(1)}30%{transform:scale(.9)}65%{transform:scale(1.07)}100%{transform:scale(1)}}
.pop{animation:pop .5s cubic-bezier(.3,1.4,.5,1)}
.burst{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:9999}
.burst i{position:absolute;left:0;top:0;border-radius:50%;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.tilting{transform:none!important}.pop{animation:none}.burst{display:none}}
.imgbtn,.services article,.art-gallery figure,.site-photo-zoom,.trust span,.cta,.call,.fb-wa,.fb-call,.more,.wa-float,.fixbar a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.site-photo-zoom::before,.art-gallery figure::before,.home-end::before,.about-grid::before,.final-contact::before,.reel-box::before{content:"";position:absolute;pointer-events:none;z-index:3;display:none;width:var(--cs,96px);height:var(--cs,96px);background:url(sp-c1.webp) center/contain no-repeat}
.site-photo-zoom:nth-child(6n+2)::before,.art-gallery figure:nth-child(4n+2)::before{display:block}
/* top-right corner, splash spilling outward */
.site-photo-zoom:nth-child(6n+2)::before,.art-gallery figure:nth-child(4n+2)::before{top:calc(var(--cs,96px)*-.42);right:calc(var(--cs,96px)*-.12)}
/* bottom-left corner, mirrored */
.site-photo-zoom:nth-child(6n+5)::before{bottom:calc(var(--cs,96px)*-.42);left:calc(var(--cs,96px)*-.12);transform:scale(-1,-1);background-image:url(sp-c2.webp)}
/* cards: one corner each */
.about-grid::before,.final-contact::before,.home-end::before,.reel-box::before{display:block;--cs:120px;top:calc(var(--cs)*-.4);left:calc(var(--cs)*-.1);transform:scaleX(-1)}
.about-grid::before,.home-end::before{top:auto;left:auto;bottom:calc(var(--cs)*-.4);right:calc(var(--cs)*-.1);transform:scaleY(-1);background-image:url(sp-c2.webp)}
@media(min-width:768px){.site-photo-zoom,.art-gallery figure{--cs:96px}.about-grid::before,.final-contact::before,.home-end::before,.reel-box::before{--cs:170px}}
/* no drip lines */
.art-gallery figure::after,.site-photo-zoom::after,.trust::after,.home-end::after,.about-grid::after,.reel-box::after,.audiences::after,.final-contact::after,.services article::after,.hero-art::after,.site-card *:not(.cta):not(.call):not(a):not(button)::after{display:none!important}
/* no background speckles / glows */
.spray-mark,.hero-copy::before,.hero-copy::after,.hero h1 span::after,.hero-art::before,.paint-strip::before,.landing .hero-copy::before,.landing .hero-copy::after,.about-text::before,.about-text::after,.about-grid::after,.home-intro::before,.home-intro::after{display:none!important}
/* spray squiggles beside headings (in the empty side of the title row) */
.site-group-heading{position:relative}
.site-group-heading::before{content:"";position:absolute;left:0;top:50%;width:84px;height:17px;transform:translateY(-50%);background:url(sp-q1.webp) center/contain no-repeat;pointer-events:none}
.site-group:nth-of-type(3n+2) .site-group-heading::before{background-image:url(sp-q2.webp);transform:translateY(-50%) scaleX(-1)}
.site-group:nth-of-type(3n) .site-group-heading::before{background-image:url(sp-q3.webp)}
@media(min-width:480px){.site-group-heading::before{width:150px;height:30px}}@media(min-width:768px){.site-group-heading::before{width:240px;height:48px}}
/* more corner splashes */
.site-photo-zoom:nth-child(6n+2)::before,.site-photo-zoom:nth-child(6n+5)::before,.art-gallery figure:nth-child(4n+2)::before{display:block}
.site-photo-zoom:nth-child(6n+5)::before{bottom:calc(var(--cs,96px)*-.42);left:calc(var(--cs,96px)*-.12);transform:scale(-1,-1);background-image:url(sp-c2.webp)}
/* mist only in specific places */
.sp,.site-group-heading::before,.site-photo-zoom::before,.art-gallery figure::before,.about-grid::before,.final-contact::before,.home-end::before,.reel-box::before{display:none!important}
.graffiti-wall{display:block!important;position:absolute;inset:0;overflow:hidden;background:none!important;opacity:1}
.graffiti-wall i{display:none!important}
.graffiti-wall::before{display:block!important;content:"";position:absolute;left:0;right:0;top:0;height:780px;background:url(mist-p.webp) top center/100% auto no-repeat;opacity:.9;-webkit-mask-image:linear-gradient(#000 35%,transparent 100%);mask-image:linear-gradient(#000 35%,transparent 100%)}
@media(min-width:700px){.graffiti-wall::before{background-image:url(mist-d.webp);height:820px}}
@media(min-width:1100px){.graffiti-wall{inset:0 auto 0 50%!important;width:100vw;margin-left:-50vw}}
@media(min-width:1300px){.graffiti-wall::after{content:"";position:absolute;left:0;right:0;top:1500px;height:760px;background:url(mist-d.webp) 0 -300px/100% auto no-repeat;-webkit-mask-image:radial-gradient(ellipse 200px 340px at 120px 50%,#000 35%,transparent 100%),radial-gradient(ellipse 200px 340px at calc(100% - 120px) 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 200px 340px at 120px 50%,#000 35%,transparent 100%),radial-gradient(ellipse 200px 340px at calc(100% - 120px) 50%,#000 35%,transparent 100%)}}
.site-card{background:transparent!important}
html.lb-open,html.lb-open body{overflow:hidden}
.art-gallery img,.site-photo-zoom img{cursor:zoom-in}
.landing .art-gallery figure{margin:0!important;padding:0!important;transform:none!important;overflow:hidden;aspect-ratio:4/3}
.landing .art-gallery figure::before,.landing .art-gallery figure::after,.landing .art-gallery .gallery-splash{display:none!important}
.landing .art-gallery{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;align-items:stretch!important}
.landing .art-gallery figure img,.landing .art-gallery .full-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.landing .art-gallery figure:last-child:nth-child(2n+1){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
@media(min-width:768px){.landing .art-gallery{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.landing .art-gallery figure:last-child:nth-child(2n+1){grid-column:auto;justify-self:stretch;width:auto}
.landing .art-gallery figure:last-child:nth-child(3n+1){grid-column:2}}
.site-photos{align-items:start}
.site-photos .site-photo-zoom,.site-photos .site-photo-zoom:nth-child(n){margin:0!important;transform:none!important;position:relative}
.site-photos .site-photo-zoom img{aspect-ratio:4/3!important;height:auto!important}
@media(min-width:768px){.site-photos{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}}
@media(max-width:767px){.site-photos{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}
.site-photos .site-photo-zoom:last-child:nth-child(2n+1){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
@media(min-width:768px){.site-photos .site-photo-zoom:last-child:nth-child(2n+1){grid-column:auto;justify-self:stretch;width:auto}.site-photos .site-photo-zoom:last-child:nth-child(3n+1){grid-column:2}}
#lb{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-out;touch-action:pan-y}
#lb[hidden]{display:none}
#lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:56px 12px;will-change:transform}
#lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 0 40px rgba(0,0,0,.6);cursor:default;-webkit-user-drag:none;user-select:none}
#lb-x,#lb-prev,#lb-next{position:absolute;z-index:2;border:1px solid #fff;background:#000;color:#fff;padding:0;cursor:pointer;font-family:Arial,sans-serif;width:48px;height:48px;font-size:32px;line-height:44px;text-align:center}
#lb-x{top:12px;right:12px}
#lb-prev{top:50%;right:12px;margin-top:-24px}
#lb-next{top:50%;left:12px;margin-top:-24px}
#lb-prev:hover,#lb-next:hover,#lb-x:hover{background:#202025}
#lb-count{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font:14px Arial,sans-serif;letter-spacing:.08em;z-index:2;pointer-events:none}
@media(max-width:767px){#lb-prev,#lb-next{width:40px;height:40px;font-size:26px;line-height:36px;margin-top:-20px;opacity:.85}}
html.lb-open,html.lb-open body{overflow:hidden}
html.lb-open .fixbar,html.lb-open .wa-float{visibility:hidden!important}
.landing .hero .workshops-title{white-space:nowrap!important;font-size:clamp(24px,7.4vw,30px)!important;letter-spacing:-.01em;line-height:1.2}
@media(min-width:768px){.landing .hero .workshops-title{font-size:40px!important}}
@media(min-width:768px){.landing .art-gallery figure:last-child:nth-child(3n+2),.landing .art-gallery figure:nth-last-child(2):nth-child(3n+1){translate:calc(-50% - 8px) 0}}
@media(min-width:768px){.site-photos .site-photo-zoom:last-child:nth-child(3n+2),.site-photos .site-photo-zoom:nth-last-child(2):nth-child(3n+1){translate:calc(-50% - 8px) 0}}
.contact{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:stretch}
.contact .cta,.contact .call:not(.mail){flex:1 1 calc(50% - 5px);width:auto!important;min-width:0;padding-inline:8px;font-size:14px;text-align:center}
.contact .mail{flex:1 1 100%;width:100%}
.site-social{flex:1 1 100%;display:flex;justify-content:center;gap:16px;padding:6px 0 0}
.site-social a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;transition:transform .2s,border-color .2s,background .2s}
.site-social a:hover,.site-social a:focus-visible{transform:translateY(-3px);border-color:#22d3ee;background:rgba(34,211,238,.08)}
.site-social svg{width:22px;height:22px}
.contact .call:not(.mail){white-space:nowrap}
@media(max-width:420px){.contact .call:not(.mail){font-size:12.5px;padding-inline:4px;gap:4px}.contact .cta{font-size:13px;padding-inline:6px;line-height:1.25}}
.site-social a{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.06)}
.site-social svg{width:26px;height:26px}

.ws-sec{gap:34px}
.ws-block{display:flex;flex-direction:column;gap:14px;max-width:1100px}
.ws-block>h3{font-size:30px;margin:6px 0 0;line-height:1.2;color:#fff}
.ws-block p{font-size:16px;line-height:1.7;margin:0;color:#e8e8ee}
.ws-lead{font-weight:700;font-size:18px!important;color:#fff!important}
.ws-tracks{display:grid;gap:20px;grid-template-columns:1fr;margin-top:6px}
.ws-track{border:1px solid var(--site-hairline);border-radius:18px;padding:18px;background:var(--site-page);border-top:8px solid var(--paint-blue);display:flex;flex-direction:column;gap:12px;min-width:0}
.ws-track:nth-child(2){border-top-color:var(--paint-pink)}
.ws-ttl{display:flex;align-items:baseline;gap:12px;margin:0}
.ws-ttl .acc-t{font-size:22px;line-height:1.35;font-weight:700;color:#fff}
.ws-ttl .service-num{font-size:22px;font-weight:900;color:var(--paint-yellow)}
.ws-btn{align-self:flex-start;margin-top:4px;text-align:center}
.ws-note{border-inline-start:4px solid var(--paint-yellow);padding:6px 16px;font-size:15px!important;color:#fff!important}
.ws-ph{all:unset;box-sizing:border-box;display:block;cursor:zoom-in;border-radius:12px;overflow:hidden;min-width:0;line-height:0}
.ws-ph:focus-visible{outline:2px solid var(--paint-blue);outline-offset:2px}
.ws-ph img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.ws-main img{aspect-ratio:16/10}
.ws-wide{max-width:560px}
.ws-gal{display:grid;grid-template-columns:1fr;gap:10px;margin:6px 0}
@media (min-width:560px){.ws-gal{grid-template-columns:1fr 1fr}}
.acc-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;color:#fff;font-family:Arial,sans-serif;direction:rtl}
.acc-btn:focus-visible{outline:2px solid var(--paint-blue);outline-offset:4px;border-radius:8px}
.acc-btn .acc-t{flex:1;font-size:17px;font-weight:700;line-height:1.35;text-align:right}
.acc-i{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);box-sizing:border-box;background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 14px no-repeat}
.acc-btn[aria-expanded=true] .acc-i{background:linear-gradient(#fff,#fff) center/14px 2px no-repeat}
.acc-btn:hover .acc-i{border-color:var(--paint-blue)}
.acc-panel{display:flex;flex-direction:column;gap:12px}
.acc-panel[hidden]{display:none}
.acc-course{border:1px solid var(--site-hairline);border-radius:14px;padding:12px 16px;background:var(--site-page)}
.ws-course .acc-course{border-top:6px solid var(--paint-pink);padding:16px 18px}
.ws-sub{font-size:22px;margin:6px 0 4px;color:#fff}
.sessions{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.sess{border:1px solid var(--site-hairline);border-radius:16px;padding:18px;background:var(--site-page);display:flex;flex-direction:column;gap:8px;border-top:6px solid var(--paint-blue)}
.sess:nth-child(2){border-top-color:var(--paint-pink)}.sess:nth-child(3){border-top-color:var(--paint-yellow)}.sess:nth-child(4){border-top-color:var(--paint-mint)}
.sess-n{font-size:34px;font-weight:900;line-height:1;color:var(--paint-yellow)}
.sess h4{margin:0;font-size:13px;color:#aeb4bf;letter-spacing:.04em}
.sess h5{margin:0;font-size:18px;line-height:1.3;color:#fff}
.sess p{font-size:14px!important;line-height:1.7!important}
.ws-credit{margin-top:6px}
@media (min-width:900px){.ws-tracks{grid-template-columns:1fr 1fr;align-items:start}.sessions{grid-template-columns:repeat(4,1fr)}.ws-block>h3{font-size:36px}}
@media (max-width:420px){.sessions{grid-template-columns:1fr}.ws-btn{align-self:stretch}.ws-main img{aspect-ratio:16/11}}
.ws-gal .ws-ph:last-child:nth-child(odd){grid-column:1/-1}
.ws-gal .ws-ph:last-child:nth-child(odd) img{aspect-ratio:16/9}
@media (min-width:900px){.ws-course .ws-gal{grid-template-columns:repeat(4,1fr)}.ws-course .ws-gal .ws-ph:last-child:nth-child(odd){grid-column:auto}.ws-course .ws-gal .ws-ph:last-child:nth-child(odd) img{aspect-ratio:4/3}}
.ws-ph img,.ws-main img,.ws-gal .ws-ph:last-child:nth-child(odd) img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important}
.ws-main{background:#0c0c0e;text-align:center}
.ws-main img{max-height:520px;margin:0 auto}
.ws-gal{display:block!important;column-count:1;column-gap:10px}
@media (min-width:560px){.ws-gal{column-count:2}}
@media (min-width:900px){.ws-course .ws-gal{column-count:4}}
.ws-gal .ws-ph{break-inside:avoid;margin:0 0 10px!important;grid-column:auto!important}
.ws-gal .ws-ph:last-child:nth-child(odd){grid-column:auto!important}

.ws-gal-sq{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;column-count:auto}
.ws-gal-sq .ws-ph{margin:0!important;aspect-ratio:1/1;background:#0c0c0e;display:flex!important;align-items:center;justify-content:center;grid-column:auto!important}
.ws-gal-sq .ws-ph:last-child{grid-column:1/-1!important}
.ws-gal-sq .ws-ph img{width:100%!important;height:100%!important;object-fit:contain!important}
.ws-gal.ws-gal-sq .ws-ph:last-child:nth-child(odd){grid-column:1/-1!important}
.ws-gal.ws-gal-sq .ws-ph:last-child:nth-child(odd) img{aspect-ratio:auto!important}
.ws-gal.ws-gal-sq .ws-ph:last-child{max-width:100%}
.ws-gal-sq .ws-ph{background:none!important;display:block!important;overflow:hidden}
.ws-gal-sq .ws-ph img{object-fit:cover!important;width:100%!important;height:100%!important}
.ws-main:has(img[src*="ws-p-galaxy"]){background:none!important}
.ws-track>.ws-main{background:none!important}.ws-track>.ws-main img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;max-height:none!important;object-fit:cover!important}
.ws-ph{position:relative}
.ws-ph::after{content:"";position:absolute;left:8px;bottom:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5.5 5.5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/18px no-repeat;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.ws-ph::after{left:auto;right:6px;bottom:6px;width:16px;height:16px;border-radius:0;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7'/%3E%3C/svg%3E") center/100% no-repeat;opacity:.7;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}
.sess-ph{margin:6px 0 0!important;border-radius:10px;overflow:hidden;display:block;width:100%;padding:0;border:0;background:#0c0c0e;cursor:zoom-in}
.sess-ph img{width:100%!important;height:auto!important;display:block;object-fit:contain!important}
.sess{height:100%}
.sess-ph{margin:auto 0 0!important;aspect-ratio:1/1;background:none!important;flex:none}
.sess-ph::before{content:"";display:block;height:0}
.sess-ph img{width:100%!important;height:100%!important;object-fit:cover!important}
.sess p{margin-bottom:10px}
.hero-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:none;margin:0;cursor:zoom-in;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.hero-zoom .hero-photo{display:block;width:100%}
.hero-zoom::after{content:"";position:absolute;right:10px;bottom:10px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7'/%3E%3C/svg%3E") center/100% no-repeat;opacity:.75;filter:drop-shadow(0 0 2px rgba(0,0,0,.9));pointer-events:none;z-index:3}
.fz{margin:20px 0 6px;padding-top:6px}
.fz h4{margin:0 0 8px;font-size:20px;line-height:1.3;color:#fff}
.fz p{margin:0 0 14px}
.fz-row{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){.fz-row{grid-template-columns:repeat(3,1fr);gap:10px}}
.fz-item{display:flex;flex-direction:column;gap:8px;min-width:0}
.fz-item .ws-ph{aspect-ratio:4/3!important;width:100%;margin:0!important;display:block!important;overflow:hidden;border-radius:10px;padding:0;border:0;background:none!important}
.fz-item .ws-ph img{width:100%!important;height:100%!important;object-fit:cover!important}
.fz-cap{font-size:13px;line-height:1.5;color:#d1ccd2;text-align:center}
.fz[hidden]{display:none}
.fz{margin:8px 0 6px}
@media(min-width:768px){.fz-row{gap:16px}.fz-cap{font-size:14px}}


.fz-row,.fz .fz-row{grid-template-columns:1fr!important;gap:16px}
.qf{max-width:560px;margin:26px auto 8px;padding:22px 20px;border:1px solid var(--site-hairline,#2a2a2e);border-radius:18px;background:rgba(255,255,255,.02);text-align:right;color:#fff;display:flex;flex-direction:column;gap:14px}
.qf h3{margin:0;font-size:22px;line-height:1.3;color:#fff}
.qf .qf-sub{margin:0;color:#cfcad0;font-size:15px;line-height:1.6}
.qf fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.qf legend{padding:0;margin-bottom:6px;color:#cfcad0;font-size:14px}
.qf-types label{display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer;padding:6px 2px}
.qf-types input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid #77727a;border-radius:50%;margin:0;flex:none;background:transparent;display:grid;place-content:center}
.qf-types input::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff;transform:scale(0)}
.qf-types input:checked{border-color:#fff}
.qf-types input:checked::after{transform:scale(1)}
.qf-f{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cfcad0}
.qf-f input{font:inherit;font-size:16px;color:#fff;background:#0c0c0e;border:1px solid #3a363c;border-radius:999px;padding:12px 18px;text-align:right;width:100%;box-sizing:border-box}
.qf-f input::placeholder{color:#8d8890}
.qf-f input:focus{outline:2px solid #fff;outline-offset:2px}
.qf-btn{font:inherit;font-weight:700;font-size:17px;background:#fff;color:#000;border:0;border-radius:999px;padding:14px 20px;cursor:pointer;margin-top:4px}
.qf .qf-btn{color:#000!important;background:#fff!important;text-align:center}
.qf .qf-sub{font-weight:400!important}
.qf-types input::after{display:none}
.qf-types input:checked{background:radial-gradient(circle,#fff 0 4.5px,transparent 5.5px)}
.qf{gap:12px}
.qf-row{display:flex;flex-direction:column;gap:12px}
@media(min-width:480px){.qf-row{flex-direction:row}.qf-row .qf-f{flex:1;min-width:0}}
.qf-f input{padding:8px 14px;height:40px;font-size:16px}
.qf .qf-btn{padding:11px 18px;font-size:16px}
.qf .qf-note{margin:2px 0 0;text-align:center;color:#cfcad0;font-size:14px;font-weight:400!important;line-height:1.5}
.qf-f input{background:rgba(255,255,255,.05)!important;border-color:#4a464c!important}
.qf-f input{height:46px;padding:10px 16px}
.qf-row .qf-f{width:230px;max-width:100%}@media(min-width:480px){.qf-row .qf-f{flex:0 1 230px!important}}@media(max-width:479px){.qf-row .qf-f{flex:none!important}}
.qf-row{align-items:flex-start}
/* workshop pairs gallery + more grid */
.ws-pairs{display:flex;flex-direction:column;gap:28px}
.ws-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.ws-pair-item{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.ws-pair-item figcaption{font-size:13px;line-height:1.4;color:#c9cdd4;text-align:center}
.ws2-ph{all:unset;box-sizing:border-box;display:block;position:relative;cursor:zoom-in;border-radius:12px;overflow:hidden;min-width:0;line-height:0}
.ws2-ph:focus-visible{outline:2px solid #19dce9;outline-offset:2px}
.ws2-ph img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;aspect-ratio:1/1}
.ws2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.ws2-grid[hidden]{display:none}
.ws-pair .ws2-ph img{aspect-ratio:3/2}
.ws2-grid .ws2-wide{grid-column:span 2}
.ws2-grid .ws2-wide img{aspect-ratio:2/1}
.ws2-grid .ws2-ph img[src*="group-rose"]{object-position:50% 30%}
.ws2-grid .ws2-ph img[src*="fence-girls"]{object-position:40% 50%}
.zoom-glyph{position:absolute;bottom:8px;inset-inline-start:8px;width:26px;height:26px;border-radius:50%;background:rgba(10,10,12,.55);display:flex;align-items:center;justify-content:center;line-height:normal;pointer-events:none}
.zoom-glyph svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.ws-more-btn{margin:24px auto 0;display:block;cursor:pointer;font:inherit;font-weight:700;font-size:16px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:12px 28px}.ws-more-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}.ws-more-btn:focus-visible{outline:2px solid var(--paint-blue);outline-offset:3px}.ws-gal-sq .ws-ph img[src*="ws-p-palm"]{object-position:100% 50%!important}
@media(max-width:640px){.ws2-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ws-pair{gap:10px}}

/* one-line final-contact heading (workshops) */
.final-contact h2.fc-oneline{white-space:nowrap;font-size:clamp(19px,4.35vw,46px)}

/* murals hero: long title wraps */
.landing .hero h1.murals-title{white-space:normal;font-size:clamp(28px,7vw,52px)!important;line-height:1.18;max-width:640px;letter-spacing:-.02em}

/* murals page: featured projects, process, why, gallery more, project dialog */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat-card{position:relative;padding:0;border:0;background:none;cursor:pointer;text-align:right;font:inherit;color:inherit}
.feat-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:14px;background:#212b1b}
.feat-cap{display:block;margin-top:8px}
.feat-name{display:block;font-weight:700;font-size:19px;color:#fff}
.feat-meta{display:block;color:#b9c4b4;font-size:14px}
.feat-cta{margin:24px 0 4px;text-align:center}
.feat-cta .cta{display:block;max-width:420px;margin:0 auto;text-align:center}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:0}
.steps li{background:#212b1b;border-radius:14px;padding:16px}
.steps b{color:#19dce9;font-size:15px}
.steps h3{margin:6px 0;font-size:18px;color:#fff}
.steps p{margin:0;font-size:15px;color:#e3eadd;line-height:1.6}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.why-grid article{background:#212b1b;border-radius:14px;padding:16px}
.why-grid h3{margin:0 0 6px;font-size:18px;color:#fff}
.why-grid p{margin:0;font-size:15px;color:#e3eadd;line-height:1.6}
.mur-x[hidden]{display:none}
.mur-more-btn{display:block;margin:18px auto 0;padding:12px 26px;background:none;border:1.5px solid #19dce9;border-radius:999px;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
dialog.pj{max-width:min(1100px,94vw);background:#101012;color:#fff;border:1px solid #2a2f24;border-radius:16px;padding:16px;text-align:center}
dialog.pj::backdrop{background:rgba(0,0,0,.75)}
dialog.pj img{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;background:#212b1b}
dialog.pj h3{margin:12px 0 2px;font-size:22px}
.pj-meta{margin:0;color:#b9c4b4;font-size:14px}
dialog.pj p{margin:6px 0 0;color:#e3eadd;font-size:15px}
.pj-x{position:absolute;top:10px;left:10px;background:#212b1b;color:#fff;border:1px solid #2a2f24;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:16px}
@media(max-width:800px){
.feat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.steps{grid-template-columns:1fr;gap:12px}
.steps li{padding:18px}
.steps b{font-size:16px}
.steps h3{font-size:21px}
.steps p{font-size:17px;line-height:1.7}
.why-grid{grid-template-columns:1fr}
.why-grid article{padding:18px}
.why-grid h3{font-size:21px}
.why-grid p{font-size:17px;line-height:1.7}
}

/* murals tablet fixes: gallery 2-col up to 800px, hero stacks up to 1023px */
@media(max-width:800px){
.landing .art-gallery{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
.landing .art-gallery figure{transform:none!important;margin-top:0!important}
}
@media(min-width:768px) and (max-width:1023px){
.landing .hero{grid-template-columns:1fr!important}
.landing .hero h1.murals-title{max-width:100%}
}

/* v4: max 2 images per row everywhere + Arad shelters pair card */
.feat-grid{grid-template-columns:repeat(2,1fr)!important}
.landing .art-gallery{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
.landing .art-gallery figure{transform:none!important;margin-top:0!important}
.feat-card--pair{grid-column:1/-1}
.feat-card--pair .feat-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:800px){.feat-card--pair .feat-pair{gap:14px}}
.pj-imgs{display:block}
.pj.multi .pj-imgs{column-count:2;column-gap:8px}
.pj.multi .pj-imgs img{width:100%;margin:0 0 8px;display:block;break-inside:avoid}
@media(max-width:520px){.pj.multi .pj-imgs{column-count:1}}

/* v5: project title styled as the clickable button */
.feat-cap{margin-top:12px}
.feat-name{display:inline-block;padding:9px 20px;border:1.5px solid #19dce9;border-radius:999px;font-size:17px;font-weight:700;color:#fff;line-height:1.35}
.feat-meta{margin-top:6px}
@media(max-width:800px){.feat-name{font-size:16px;padding:9px 18px}}

/* v6: plus sign on project title buttons (explicit markup) */
.feat-plus{color:#19dce9;font-weight:800;margin-inline-start:9px}

/* v6b: pair project title buttons span the combined photo width */
.feat-card--pair .feat-cap{text-align:center}
.feat-card--pair .feat-name{display:block;text-align:center}

/* v7: 4-image dialog mosaic - hero full width, tall image spans two rows, no voids */
.pj.multi.imgs4 .pj-imgs{display:grid;column-count:initial;grid-template-columns:0.8745fr 1fr;grid-template-rows:auto auto auto;gap:8px}
.pj.multi.imgs4 .pj-imgs img{width:100%;margin:0;align-self:start;max-height:none}
.pj.multi.imgs4 #pj-img{grid-area:1/1/2/3}
.pj.multi.imgs4 #pj-img2{grid-area:2/1/3/2}
.pj.multi.imgs4 #pj-img3{grid-area:2/2/4/3}
.pj.multi.imgs4 #pj-img4{grid-area:3/1/4/2}
@media(max-width:520px){.pj.multi.imgs4 .pj-imgs{display:block}.pj.multi.imgs4 .pj-imgs img{margin:0 0 8px}}

/* v7c: keep hidden dialog images hidden (global dialog img{display:block} was overriding) */
dialog.pj img[hidden]{display:none!important}

/* v8: desktop layout steering, murals page only */
@media(min-width:1024px){
.murals-landing .site-card{max-width:1200px}
.murals-landing .feat-name{font-size:19px}
.murals-landing .feat-cap{margin-top:14px}
.murals-landing .steps{gap:20px}
.murals-landing .steps li{padding:22px}
.murals-landing .steps b{font-size:20px}
.murals-landing .steps h3{font-size:19px}
.murals-landing .steps p{font-size:16px}
.murals-landing .art-gallery{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.murals-landing .art-gallery figure{translate:none!important}
.murals-landing .art-gallery figure:last-child:nth-child(3n+2){grid-column:2}
}

/* v9: photo sizing steering (murals only) - narrower gaps and side margins, photos ~15-20% taller */
.murals-landing .site-card{padding-inline:14px}
@media(min-width:768px){.murals-landing .site-card{padding-inline:16px}}
.murals-landing .feat-grid{gap:10px!important}
.murals-landing .feat-card--pair .feat-pair{gap:10px}
@media(max-width:800px){.murals-landing .feat-card--pair .feat-pair{gap:10px}}
.murals-landing .feat-card img{aspect-ratio:1.2}
.murals-landing .art-gallery{gap:10px!important}
@media(min-width:1024px){.murals-landing .art-gallery{gap:12px!important}}
@media(min-width:768px){.murals-landing .art-gallery img{height:255px}}

/* v10: dialog description - justified lines, no lone-word last line (her 09:35:59 voice note) */
dialog.pj #pj-desc{text-align:justify;text-align-last:start;text-wrap:pretty;max-width:64ch;margin-inline:auto}

/* v11: featured rearrangement - tall skateboard bear spanning two rows (murals only) */
.murals-landing .feat-card--tall{grid-row:span 2;display:flex;flex-direction:column}
.murals-landing .feat-card--tall img{aspect-ratio:auto;flex:1 1 auto;min-height:0;object-fit:cover}

/* v12: location subtitles start under the title text, not the pill edge (her 10:06 voice note) */
.murals-landing .feat-card:not(.feat-card--pair) .feat-meta{padding-inline-start:20px}
@media(max-width:800px){.murals-landing .feat-card:not(.feat-card--pair) .feat-meta{padding-inline-start:18px}}

/* v13: center a lone last gallery item also when count is 3n+1 */
/* v17: 9 visible tiles fill 3 full rows at 3 columns, so the last tile sits in the row (no forced centering) */
@media(max-width:1023px){.murals-landing .art-gallery:not(.gal-open) figure.gal-last{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}}

/* v13b: keep same-project pairs side-by-side on 2-col layouts too (phone/tablet reorder) */
@media(max-width:1023px){
.murals-landing .art-gallery figure{order:10}
.murals-landing .art-gallery figure.gal-a1{order:1}
.murals-landing .art-gallery figure.gal-a2{order:2}
.murals-landing .art-gallery figure.gal-b1{order:3}
.murals-landing .art-gallery figure.gal-b2{order:4}
}

/* v15 (23/10): center final-contact heading + intro line above the quote form (her 10:30 request) */
.final-contact>h2.fc-oneline{text-align:center}
.final-contact>p{text-align:center;margin-inline:auto}

/* v16 2026-10-23 workshops: pair names + mobile density + larger photo area */
.ws-pair-name{grid-column:1/-1;margin:0;text-align:center;font-size:17px;font-weight:700;color:#fff;line-height:1.4}
@media (max-width:767px){
.ws-pairs{gap:22px;margin-inline:-8px}
.ws-pair{gap:6px}
.ws-pair-item{gap:6px}
.ws-pair-name{font-size:15px}
}
/* v16 2026-10-23 murals: hero without photo, centered wide copy; feat-card split interactions */
.murals-landing .hero-art{display:none}
.murals-landing .hero{grid-template-columns:1fr!important}
.murals-landing .hero-copy{text-align:center}
.murals-landing .murals-title{margin-inline:auto;max-width:900px}
.murals-landing .hero-intro{margin-inline:auto;max-width:660px}
.murals-landing .hero-copy .contact{justify-content:center}
.feat-card{cursor:default}
.feat-zoom{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;cursor:zoom-in;line-height:0;border-radius:14px;overflow:hidden}
.feat-zoom:focus-visible{outline:3px solid #00d0ff;outline-offset:2px}
.feat-card--tall .feat-zoom{flex:1 1 auto;min-height:0;height:100%}
.feat-card--tall .feat-zoom img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.feat-open{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:inherit;line-height:inherit}
.feat-open:focus-visible{outline:3px solid #00d0ff;outline-offset:2px;border-radius:10px}

/* v16b 2026-10-23: הסדנה בפעולה heading renders outside .landing (pre-existing structure) - keep it white like the other section headings */
#reel-h{color:#fff}

/* v17 2026-10-23: murals hero CTA - content width instead of stretched bar (her 11:07 request) */
.murals-landing .hero .contact .cta{flex:0 0 auto;width:auto;padding-inline:32px}

/* v18 2026-10-23: מלחמת עם כלביא card - added context line under meta (her 12:03 request) */
.feat-sub{display:block;font-size:13px;line-height:1.4;color:#c9cdd4;text-align:center;margin-top:2px}

/* v17: circular outline around plus signs on project title buttons (all pages) */
.feat-plus{display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;border:1.5px solid #19dce9;border-radius:50%;line-height:1;font-size:.95em;padding:0;vertical-align:middle;box-sizing:border-box}

/* one-line plain project titles on phone (her 21:47 voice note) */
@media(max-width:800px){
.murals-landing .feat-card:not(.feat-card--pair) .feat-name{font-size:15px;padding:8px 10px;white-space:nowrap}
}