/* Hebrew pages. Loaded after the page's own styles; only what changes with the language and the reading direction. */
:root{--font:"Avenir Next","Nunito Sans","Assistant",system-ui,sans-serif}
body{font-size:17px}

/* Hebrew has no capitals, and wide letter spacing breaks up its words */
.caps{letter-spacing:.02em;font-size:14px}
nav a{letter-spacing:.02em;font-size:16px}
.menu-btn{letter-spacing:.02em;font-size:16px}
.head h2,.sub-head{letter-spacing:.02em;font-size:16px}
.field label{letter-spacing:.02em;font-size:14px}
.talk-fab{letter-spacing:.02em;font-size:15px}
.cp-form .btn{letter-spacing:.02em;font-size:16px}

/* opening: photos wipe in from the right, the arrows swap sides */
.hero .slide{clip-path:inset(0 0 0 100%)}
.hero .slide.back{clip-path:inset(0 100% 0 0)}
.hero .slide.on{clip-path:inset(0)}
.step.prev{left:auto;right:clamp(4px,1vw,16px)}
.step.next{right:auto;left:clamp(4px,1vw,16px)}

.talk-fab{right:auto;left:14px}
.hp{left:auto;right:-9999px}
.channels a{text-align:left}
.field input[type=email]{text-align:right}

/* lightbox */
.lb .x{right:auto;left:14px}
.lb .prev{left:auto;right:8px}
.lb .nxt{right:auto;left:8px}

/* a second, quieter way to get in touch next to the main button */
.btn.alt,.contact .btn.alt{background:none;color:var(--washi);border:1px solid rgba(247,242,234,.6);margin-inline-start:8px}
.btn.alt:hover,.contact .btn.alt:hover{background:var(--washi);color:var(--ink)}
.cta .btn.alt{background:none;color:var(--washi)}
.cta .btn.alt:hover{background:var(--washi);color:var(--ink)}

.services a.more{display:inline-block;margin-top:10px;border-bottom:1px solid var(--sun);padding-bottom:2px}

/* one quiet line under the photos, for visitors and for search */
.text-block{padding:clamp(28px,3vw,44px) var(--gutter) 0}
.text-block p{color:var(--soft);font-size:15px}
.about-photo{padding:0 var(--gutter)}
.about-photo img{width:100%;height:auto}

.cp-intro .wa{display:inline-block;margin-top:24px;background:var(--ink);color:var(--washi);padding:15px 30px;font-size:16px;transition:transform 160ms ease-out,background .2s}
.cp-intro .wa:hover{background:#3a342e}
.cp-intro .wa:active{transform:scale(.97)}

@media (max-width:820px){
  nav a{font-size:24px;letter-spacing:.02em}
}
@media (max-width:560px){
  .channels li{align-items:flex-start}
  .channels a{text-align:right}
}