/* Architectural editorial theme: light surfaces, warm material tones. */
:root,html[data-theme="sage"]{--bg:#f4f5ef;--bg-2:#e8ece2;--surface:#fcfcf7;--line:#cbd2c4;--ink:#25362d;--ink-soft:#505e53;--ink-dim:#5e6d60;--accent:#415e47;--accent-deep:#304635;--accent-glow:#afc0a24d}
html[data-theme="terracotta"]{--bg:#faf3ed;--bg-2:#f0e2d8;--surface:#fffaf6;--line:#dbc4b4;--ink:#4b3027;--ink-soft:#745347;--ink-dim:#7b584b;--accent:#965338;--accent-deep:#733d29;--accent-glow:#d08a634d}
html[data-theme="coffee"]{--bg:#f7f3eb;--bg-2:#ebe3d6;--surface:#fffcf7;--line:#d5c9b7;--ink:#40352a;--ink-soft:#685a49;--ink-dim:#75624f;--accent:#785b3d;--accent-deep:#59422e;--accent-glow:#c9a98a4d}
body{font-weight:400}section{scroll-margin-top:95px}.wrap{width:min(1240px,90vw)}
.site-header,.site-header.is-stuck{background:color-mix(in srgb,var(--bg) 95%,transparent);border-color:var(--line);backdrop-filter:blur(16px)}
.header__inner{height:86px}.brand__mark{width:46px;height:46px;font-size:1rem}.brand__text strong{font-size:1.25rem}.nav{gap:1.65rem}.nav a{font-size:.86rem}.lang__btn,.burger{min-height:44px;min-width:44px}
.btn{letter-spacing:.04em;min-height:48px}.btn--solid{color:#fff}.btn--solid:hover{background:var(--accent-deep);color:#fff;box-shadow:none}.btn--outline{border-color:var(--line);color:var(--ink)}
.hero{min-height:0;padding-top:118px;background:var(--bg)}.hero__media{z-index:0;pointer-events:none}.hero__video{opacity:.09;filter:grayscale(1)}.hero__scrim{background:linear-gradient(90deg,var(--bg),transparent 60%,var(--bg))}.hero__grain{opacity:.02}
.hero__layout{display:grid;grid-template-columns:1fr 1.06fr;gap:6%;align-items:center;position:relative;z-index:1}.hero__content{text-align:start;padding:35px 0 55px}.hero__title{font-size:clamp(4rem,7.7vw,7rem);font-weight:400}.hero__sub{font-size:1.6rem;direction:ltr;text-align:start;padding:0;letter-spacing:.38em}.hero__lede{margin:0;max-width:38ch;font-size:1.05rem;line-height:1.95}.hero .rule{margin:1.8rem 0;width:50px}.hero__actions{justify-content:flex-start;gap:.7rem;margin-top:2rem}.hero__actions .btn{padding:.85rem 1.4rem}.kicker,html[dir="rtl"] .kicker{font-family:"Alef",Arial,sans-serif;letter-spacing:.07em;font-size:.76rem}.hero__feature{position:relative;margin:0;align-self:stretch;min-height:490px;border:1px solid var(--line);padding:10px 10px 0;background:var(--surface)}.hero__feature img{width:100%;height:460px;object-fit:cover}.hero__feature figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 4px;font-size:.75rem;color:var(--ink-soft)}.hero__feature figcaption span:last-child{direction:ltr;font-family:"Alef",Arial,sans-serif;letter-spacing:.1em;font-size:.65rem}.hero__bottom{position:relative;z-index:1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;font-size:.75rem;color:var(--ink-dim)}#motionToggle{min-height:44px;padding:8px 0}
.cats{padding-block:80px 95px}.section-head{text-align:start;margin-bottom:45px}.section-head .body--center{text-align:start;margin:16px 0 0;max-width:65ch}.h2{font-size:clamp(2.1rem,3.7vw,3.3rem);font-weight:400}.cat-grid{gap:42px 5%}.cat__disc{padding:6px;box-shadow:0 12px 20px -15px #24312866,inset 0 1px 0 #fff;background:var(--surface)}.cat__inner img{filter:saturate(.7) brightness(.96)}.cat:hover .cat__disc,.cat:focus-visible .cat__disc{transform:translateY(-5px);box-shadow:0 20px 32px -20px #24312888}.cat__plus{background:var(--surface);border-color:var(--line);color:var(--accent);inset-block-end:2%;inset-inline-start:auto;inset-inline-end:9%;width:38px;height:38px}.cat__label{font-size:1.12rem}.cat__count{letter-spacing:.02em;font-size:.76rem}.cat__veil{opacity:.12}
.craft{padding-block:85px}.craft__inner{grid-template-columns:1fr 1fr;gap:8%}.craft__text .body{margin-top:25px}.craft__photo img{width:100%;height:360px;object-fit:cover;filter:saturate(.6)}.craft__photo figcaption{font-size:.78rem;margin-top:14px;color:var(--ink-dim)}.ticks li{font-size:.9rem}.marquee{background:var(--bg);padding-block:65px;border:0}.marquee__track{direction:ltr;animation-name:slide-fixed}.marquee__track img{opacity:.2}.marquee__fade--l{left:0;right:auto;background:linear-gradient(to right,var(--bg),transparent)}.marquee__fade--r{right:0;left:auto;background:linear-gradient(to left,var(--bg),transparent)}@keyframes slide-fixed{to{transform:translateX(calc(-50% - .7rem))}}
.process{padding-block:70px 90px}.steps{border:0;background:none;gap:28px}.steps li{border-top:1px solid var(--accent);padding:28px 0;background:none}.steps b{font-size:2.3rem;margin-bottom:30px}.steps h3{font-size:1.35rem}.steps p{font-size:.91rem}
.contact{padding-block:85px}.contact__inner{grid-template-columns:1fr 1fr}.contact .body{margin-top:20px}.demo-note{max-width:45ch;font-size:.8rem;margin-top:30px;padding:16px;border-inline-start:2px solid var(--accent);color:var(--ink-soft)}.form{padding:30px;background:var(--surface);border:1px solid var(--line)}.form label{color:var(--ink-soft)}.form input,.form select,.form textarea{border-color:var(--line)}#formStatus{font-size:.85rem;color:var(--ink-soft)}#formStatus:empty{display:none}.site-footer{padding-block:30px 100px}.footer__note{max-width:65ch}
.theme-switch{background:var(--surface);border-color:var(--line);box-shadow:0 6px 25px #0000000c;padding:4px 10px;z-index:65}.theme-switch .sw{min-height:44px}.theme-switch .sw.is-active{background:var(--bg-2)}.theme-switch .sw i{border:1px solid #0002}.theme-switch__label{color:var(--ink-soft)}
.gallery__bar{background:var(--bg)}.gallery__note{padding-top:24px;color:var(--ink-soft);font-size:.85rem}.gallery__grid{padding-top:24px}.gallery-shot{display:block;width:100%}.gallery-shot img{min-height:160px;background:var(--bg-2)}.lightbox{padding:65px 70px}.lightbox button{position:absolute;color:white;min-width:48px;min-height:48px;border:1px solid #ffffff55;background:#2228}.lb-close{top:18px;right:20px}.lb-prev{left:12px;top:48%}.lb-next{right:12px;top:48%}.lb-count{position:absolute;bottom:15px;color:white;direction:ltr}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.lightbox :focus-visible{outline-color:white}.skip-link{position:fixed;top:-90px;left:20px;z-index:110;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.motion-paused *{animation-play-state:paused!important}
@media(max-width:1100px){.nav{gap:1rem;margin-inline-start:0}.header__cta{display:none}.hero__feature{min-height:420px}.hero__feature img{height:390px}.hero__title{font-size:5rem}.hero__actions .btn{font-size:.82rem;padding:.7rem 1rem}}
@media(max-width:860px){.header__inner{height:74px}.nav{inset-block-start:74px;background:var(--bg);visibility:hidden;pointer-events:none}.nav.is-open{visibility:visible;pointer-events:auto}.hero{padding-top:98px}.hero__layout{grid-template-columns:1fr;gap:12px}.hero__content{padding:25px 0 20px}.hero__title{font-size:4.5rem}.hero__feature{min-height:0}.hero__feature img{height:320px}.hero__lede{max-width:none}.hero__bottom{padding:12px 0}.cat-grid{grid-template-columns:repeat(2,1fr);gap:30px 7%}.cats,.craft,.process,.contact{padding-block:55px}.craft__inner,.contact__inner{grid-template-columns:1fr;gap:35px}.theme-switch{inset-inline:auto 12px;inset-block-end:12px;flex-wrap:nowrap;border-radius:30px}.theme-switch__label{display:none}.theme-switch .sw em{font-size:.7rem}.section-head{margin-bottom:30px}.craft__photo img{height:300px}.hero__actions .btn{width:auto}.steps{grid-template-columns:repeat(2,1fr)}section{scroll-margin-top:84px}}
@media(max-width:420px){.hero__title{font-size:3.8rem}.hero__feature img{height:260px}.hero__feature figcaption{font-size:.66rem}.brand__text small{letter-spacing:.08em}.header__inner{gap:.5rem}.header__right{gap:.4rem}.lang__btn{padding:.5rem}.cat__label{font-size:1rem}.form{padding:22px}.steps{grid-template-columns:1fr}.lightbox{padding:65px 48px}.lb-prev{left:0}.lb-next{right:0}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee__track{animation:none!important}}

html[dir="rtl"] .hero__sub{text-align:right}.hero__feature img{object-position:center}

/* Full-width photographic hero with centred overlay text. */
.hero{min-height:100svh;padding:146px 0 86px;display:flex;flex-direction:column;justify-content:center;background:#1d2925;color:#fff}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero__video{display:none}
.hero__scrim{background:linear-gradient(180deg,rgba(10,19,16,.25),rgba(10,19,16,.48) 45%,rgba(10,19,16,.68))}
.hero__layout{display:block;position:relative;z-index:1}
.hero__content{max-width:850px;margin-inline:auto;padding:40px 0;text-align:center;text-shadow:0 2px 24px #0005}
.hero .kicker,.hero__lede,.hero__sub,html[dir="rtl"] .hero__sub{color:#fff;text-align:center}
.hero__title{font-size:clamp(3.5rem,8vw,7rem);line-height:1.1}
.hero__lede{max-width:52ch;margin-inline:auto}
.hero .rule{margin:1.8rem auto;background:#ffffffb3}
.hero__actions{justify-content:center}
.hero .btn--solid{background:#f4f5ef;color:#25362d;text-shadow:none}
.hero .btn--solid:hover{background:#fff;color:#25362d}
.hero .btn--outline{color:#fff;border-color:#ffffffb3;background:#10231c33;text-shadow:none}
.hero .btn--outline:hover{background:#ffffff22}
.hero__bottom{position:absolute;inset-inline:0;bottom:18px;margin-inline:auto;color:#fff;border-color:#ffffff55}
.hero :focus-visible{outline-color:#fff}
@media(max-width:860px){.hero{min-height:92svh;padding:114px 0 96px}.hero__content{padding:35px 0}.hero__title{font-size:clamp(3rem,10vw,5rem)}.hero__lede{font-size:1rem}.hero__bottom{font-size:.7rem}.hero__actions{gap:12px}}
@media(max-width:420px){.hero__actions .btn{width:100%;max-width:280px}.hero__bottom{align-items:center;gap:12px}.hero__content{padding:24px 0}}
/* Keep the hero initials slightly smaller than the business name. */
.hero__content{--hero-name-size:clamp(3.5rem,8vw,7rem)}
.hero__title{font-size:var(--hero-name-size)}
.hero__sub{font-size:calc(var(--hero-name-size) * .85);line-height:1.1;letter-spacing:.04em;margin-top:.25em;padding-inline-start:0}
@media(max-width:860px){.hero__content{--hero-name-size:clamp(3rem,10vw,5rem)}}
/* Palette matched to Galili jewelry/src/app/globals.css. */
:root,html[data-theme="sage"],html[data-theme="terracotta"],html[data-theme="coffee"]{
  --bg:#F3F0EB;--bg-2:#F2EEE8;--surface:#FAF8F4;--line:#E0DCD7;
  --ink:#7A5A40;--ink-soft:#7A5A40;--ink-dim:#64523B;
  --accent:#64523B;--accent-deep:#443C34;--accent-glow:#B8976A4d;
  --brand-gold:#B8976A;--brand-gold-soft:#E0C9A6;
}
body{background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% 0%,var(--surface) 0%,var(--bg) 55%,var(--bg-2) 100%)}
.site-header,.site-header.is-stuck{background:color-mix(in srgb,var(--surface) 95%,transparent)}
.brand__mark{border-color:var(--brand-gold);color:var(--ink)}
.h2,.cat__label,.steps h3{color:var(--ink)}
.rule,.steps li{border-color:var(--brand-gold)}
.cat__disc{box-shadow:0 12px 20px -15px #6b4f3a2e,inset 0 1px 0 #fff}
.cat:hover .cat__disc,.cat:focus-visible .cat__disc{box-shadow:0 20px 32px -20px #6b4f3a47}
.cat__plus{border-color:var(--brand-gold)}
.hero{background:#443C34}
.hero__scrim{background:linear-gradient(180deg,rgba(68,60,52,.25),rgba(68,60,52,.6) 55%,rgba(68,60,52,.9))}
.hero .btn--solid{background:var(--surface);color:#443C34;border-color:var(--surface)}
.hero .btn--solid:hover{background:var(--brand-gold-soft);color:#443C34;border-color:var(--brand-gold-soft)}
.hero .btn--outline{background:#443C3433;color:#FAF8F4;border-color:var(--brand-gold-soft)}
.hero .btn--outline:hover{background:#B8976A33}
.hero .kicker,.hero__lede,.hero__sub,html[dir="rtl"] .hero__sub,.hero__title,.hero__bottom{color:#FAF8F4}
.hero .rule{background:var(--brand-gold-soft)}
.theme-switch{display:none}
/* Dedicated production gallery: images left, copy right. */
.process-feature{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"visual text";gap:7%;align-items:center;direction:ltr;margin-bottom:56px}
.process-text{grid-area:text;direction:rtl;text-align:start}.process-visual{grid-area:visual;min-width:0;direction:rtl}
html[dir="ltr"] .process-text,html[dir="ltr"] .process-visual{direction:ltr}
.process-text .body{margin:22px 0 28px}
.process-slides{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}
.process-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity 1.2s ease-in-out}
.process-slide.is-current{opacity:1;z-index:2}
.process-slide.is-outgoing{opacity:1;z-index:1;transition:none}
.process-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.8rem;margin-top:12px;color:var(--accent)}
#processPause{min-height:44px;padding:8px}.process-note{font-size:.75rem;color:var(--ink-dim);margin-top:4px}
@media(max-width:860px){.process-feature{grid-template-columns:1fr;grid-template-areas:"text" "visual";gap:30px;margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.process-slide{transition:none}}

.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.steps{grid-template-columns:1fr}}

/* Six collections in two rows of three, including pergolas in row one. */
.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-inline:auto;gap:42px 6%}
.cat{min-width:0}.cat__label{max-width:100%;overflow-wrap:break-word}
@media(max-width:860px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 4%}.cat{gap:.8rem}.cat__label{font-size:.95rem}}
@media(max-width:420px){.cat-grid{gap:24px 3%}.cat__disc{padding:4px}.cat__label{font-size:.8rem}.cat__plus{width:28px;height:28px;font-size:1rem;inset-inline-end:0}}
/* Slightly smaller collection circles, preserving the three-column layout. */
.cat__disc{width:88%}

/* Match the jewelry site's floating WhatsApp dimensions and logical placement. */
.whatsapp-float{position:fixed;inset-inline-end:16px;bottom:max(40px,env(safe-area-inset-bottom,0px));z-index:40;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;align-items:center;justify-content:center;transform-origin:bottom;transition:transform .2s;cursor:pointer}
.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover{transform:scale(1.05)}.whatsapp-float:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(min-width:640px){.whatsapp-float{inset-inline-end:24px}}
@media(min-width:1024px){.whatsapp-float{bottom:max(54px,env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}

/* Display the logo without a surrounding square. */
.brand__mark{border:0;background:none;box-shadow:none}

/* Five catalog circles: three above, two centered between them. */
.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:3%;row-gap:32px}
.cat-grid>.cat{grid-column:span 2}
.cat-grid>.cat:nth-child(4){grid-column:2 / span 2}
.cat-grid>.cat:nth-child(5){grid-column:4 / span 2}
@media(max-width:860px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:2%;row-gap:24px}}

/* Photo mood boards preserve each photograph's natural proportions. */
.gallery:not([data-cat="production"]) .gallery__grid{
 display:block;columns:3;column-gap:18px;max-width:1440px;
 padding-block:32px 70px;overflow:visible;
}
.gallery:not([data-cat="production"]) .gallery__grid figure{
 break-inside:avoid;display:inline-block;width:100%;margin:0 0 18px;
 overflow:visible;vertical-align:top;position:relative;z-index:0;
}
.gallery:not([data-cat="production"]) .gallery-shot{
 display:block;width:100%;padding:0;opacity:.5;border-radius:0;
 aspect-ratio:auto;overflow:hidden;cursor:zoom-in;transform:scale(1);
 transition:opacity .25s ease,transform .3s ease,box-shadow .3s ease;
}
.gallery:not([data-cat="production"]) .gallery-shot img{
 display:block;width:100%;height:auto;min-height:0;object-fit:contain;filter:none;transform:none;
}
.gallery:not([data-cat="production"]) .gallery__grid figure:focus-within{z-index:2}
.gallery:not([data-cat="production"]) .gallery-shot:focus-visible{
 opacity:1;transform:scale(1.04);box-shadow:0 14px 35px #443c3430;
}
@media(hover:hover){
 .gallery:not([data-cat="production"]) .gallery__grid figure:hover{z-index:2}
 .gallery:not([data-cat="production"]) .gallery-shot:hover{opacity:1;transform:scale(1.04);box-shadow:0 14px 35px #443c3430}
}
@media(max-width:900px){.gallery:not([data-cat="production"]) .gallery__grid{columns:2;column-gap:12px}.gallery:not([data-cat="production"]) .gallery__grid figure{margin-bottom:12px}}
@media(max-width:480px){.gallery:not([data-cat="production"]) .gallery__grid{columns:2;column-gap:8px;padding-block:20px 45px}.gallery:not([data-cat="production"]) .gallery__grid figure{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.gallery:not([data-cat="production"]) .gallery-shot{transition:none}}

/* Uniform, adjoining catalog panels and fine photo frames. */
.process-slides,.craft__photo img{border:1px solid var(--brand-gold);box-shadow:0 0 0 5px var(--surface),0 0 0 6px var(--line);border-radius:0}
.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1280px;background:transparent;border:0;isolation:isolate;overflow:visible}
.cat-grid>.cat,.cat-grid>.cat:nth-child(4),.cat-grid>.cat:nth-child(5){grid-column:auto;position:relative;display:flex;gap:0;background:var(--surface);z-index:0;transition:transform .25s ease,box-shadow .25s ease;transition-delay:0s!important}
.cat-grid .cat__disc{width:100%;aspect-ratio:3/4;padding:0;border:0;border-radius:0;box-shadow:none;transform:none}
.cat-grid .cat__inner,.cat-grid .cat__veil{border-radius:0;box-shadow:none}
.cat-grid .cat__inner img{filter:none;transform:none}
.cat-grid .cat__plus{display:none}
.cat-grid .cat__label{display:flex;align-items:center;justify-content:center;width:100%;min-height:78px;padding:12px 8px;font-size:1rem;box-sizing:border-box}
.cat-grid .cat:hover .cat__disc,.cat-grid .cat:focus-visible .cat__disc{transform:none;box-shadow:none}
.cat-grid .cat:hover .cat__inner img{transform:none;filter:none}
.cat-grid .cat:hover .cat__veil{opacity:.12}
.cat-grid>.cat:focus-visible{z-index:3;transform:scale(1.045);box-shadow:0 12px 28px #443c3438;outline:1px solid var(--brand-gold);outline-offset:0}
@media(hover:hover){.cat-grid>.cat:hover,.steps>li:hover{z-index:3;transform:scale(1.045);box-shadow:0 12px 28px #443c3438}}
@media(max-width:860px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-grid .cat__label{min-height:70px}.cat-grid .cat__disc{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.cat-grid>.cat{transition:none}}

/* Small gaps between catalog panels; matching opacity in the process gallery. */
.cat-grid>.cat{border:1px solid var(--line)}
.gallery[data-cat="production"] .gallery-shot{opacity:.5;transition:opacity .25s ease}
.gallery[data-cat="production"] .gallery-shot img{filter:none}
.gallery[data-cat="production"] .gallery-shot:focus-visible{opacity:1}
@media(hover:hover){.gallery[data-cat="production"] .gallery-shot:hover{opacity:1}}
@media(max-width:860px){.cat-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.gallery[data-cat="production"] .gallery-shot{transition:none}}

.cat-grid .cat__inner{border:1px solid var(--brand-gold);box-sizing:border-box}
.footer__privacy{font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
.footer__privacy:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.privacy-page{max-width:760px;margin:0 auto;padding:72px 24px;line-height:1.9}
.privacy-page h1{font-size:2rem;margin:32px 0 20px}
.privacy-page h2{font-size:1.5rem;margin:0 0 16px}
.privacy-page section{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.privacy-page a{text-decoration:underline;text-underline-offset:4px}

/* Match the catalog photo border around each production step. */
.steps li{border:1px solid var(--brand-gold);padding:28px 22px;box-sizing:border-box}
.steps{isolation:isolate;overflow:visible}
.steps>li{position:relative;z-index:0;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}
@media(prefers-reduced-motion:reduce){.steps>li{transition:none}}

/* One consistent frame for the catalog, process cards, photos and contact form. */
:root{--content-frame:1px solid var(--line)}
.cat-grid>.cat,.steps li,.contact .form,.process-slides,.craft__photo img{border:var(--content-frame);border-radius:0;box-sizing:border-box}
.cat-grid .cat__inner{border:0}
.process-slides,.craft__photo img{box-shadow:none}

/* A single, consistent divider between every main section and the footer. */
main>section{border-block:0}
main>section+section,main+.site-footer{border-top:1px solid var(--line)}

/* Keep Hebrew on the right and Latin language names on the left in every locale. */
.lang__menu button[data-lang="he"]{direction:rtl}
.lang__menu button[data-lang="en"],.lang__menu button[data-lang="nl"]{direction:ltr}

/* Full-opacity photography on phones and touch devices. */
@media(max-width:860px),(hover:none){
 .gallery:not([data-cat="production"]) .gallery-shot,
 .gallery[data-cat="production"] .gallery-shot{opacity:1}
 .cat-grid .cat__veil{display:none}
 .cat-grid .cat__inner img,.craft__photo img,.gallery-shot img{opacity:1;filter:none}
}
/* Three-line mobile menu, with an X when expanded. */
.burger span:nth-child(1){top:13px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:29px}
.burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:21px;transform:none;opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}

/* Vertical mobile catalog: the card nearest the viewport center takes focus. */
@media(max-width:860px){
 .cat-grid{display:flex;flex-direction:column;gap:12px;overflow:visible}
 .cat-grid>.cat{width:100%;flex:none;transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease-out,box-shadow .3s ease-out}
 .cat-grid>.cat .cat__disc{height:44svh;min-height:180px;max-height:460px;aspect-ratio:auto}
 .cat-grid>.cat .cat__label{min-height:64px;font-size:1rem}
 .cat-grid>.cat,.cat-grid>.cat.is-centered,.cat-grid>.cat:not(.is-centered){opacity:var(--card-opacity,.5);transform:scale(var(--card-scale,.88));box-shadow:0 12px 28px rgb(68 60 52 / var(--card-shadow,0))}
 .cat-grid>.cat.is-centered{z-index:2}
}
@media(max-width:860px) and (prefers-reduced-motion:reduce){.cat-grid>.cat{transition:none}}

/* Header navigation links without frames. */
.site-header .nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .85rem;border:0;border-radius:2px;font-size:.85rem;color:var(--ink-soft);transition:.3s;white-space:nowrap}
.site-header .nav a:hover{border-color:var(--accent);color:var(--accent)}
.site-header .nav a::after{display:none}
/* Size the header initials to the full two-line brand, keeping the existing gap. */
:is(.site-header,.site-footer) .brand{align-items:center;gap:.75rem;flex-shrink:0}
:is(.site-header,.site-footer) .brand__mark{width:auto;height:auto;font-size:1.7rem;line-height:1;letter-spacing:.02em;align-self:center}
:is(.site-header,.site-footer) .brand__text{white-space:nowrap}
/* Give the opening description more emphasis and soften the name beneath it. */
.hero .kicker,html[dir] .hero .kicker{font-size:clamp(1.3rem,2.3vw,1.85rem);font-weight:700;line-height:1.5;letter-spacing:.02em;margin-bottom:1.25rem}
.hero__content{--hero-name-size:clamp(3rem,6.8vw,6rem)}
@media(max-width:860px){.hero__content{--hero-name-size:clamp(2.6rem,8.5vw,4.25rem)}}
/* Restore the fine gold frames around the homepage photographs. */
.cat-grid>.cat,.process-slides,.craft__photo img{border:1px solid var(--brand-gold)}
/* A Latin companion with a similar open, understated appearance to Alef. */
html[lang="en"] body,html[lang="en"] body *{font-family:"Open Sans","Alef",Arial,sans-serif}

/* Equal spacing between the four opening text blocks. */
.hero__content{display:flex;flex-direction:column;align-items:center;gap:.5rem}
html[dir] .hero__content>.kicker,.hero__content>.hero__title,.hero__content>.hero__sub,.hero__content>.hero__lede{margin:0}

/* Fine photo outlines with a warm light mat matching the process card hover. */
.cat-grid>.cat,.process-slides,.craft__photo img{border:1px solid var(--brand-gold);padding:5px;background:var(--surface);box-sizing:border-box}
.process-slides .process-slide{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
/* Match the Hebrew row's label sizes to the other language rows. */
.lang__menu button[data-lang="he"] b{font-size:.72rem;color:var(--ink-dim)}
.lang__menu button[data-lang="he"] span{font-size:.94rem;font-weight:400;color:var(--ink-soft)}
/* Multiple project categories, with touch-friendly checkbox labels. */
.form-categories{border:0;padding:0;min-width:0}
.form-categories legend{font-size:.85rem;color:var(--ink-soft);margin-bottom:6px}
.form-categories__hint{font-size:.78rem;color:var(--ink-dim);margin-bottom:8px}
#formCats{display:grid;gap:4px}
.form #formCats .form-category{display:flex;align-items:center;gap:10px;min-height:44px;letter-spacing:normal;text-transform:none;font-size:.9rem;cursor:pointer}
.form #formCats input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--accent)}
/* Privacy details and notice next to the enquiry form. */
.form-privacy{font-size:.8rem;line-height:1.7;color:var(--ink-dim)}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}
.privacy-page p{margin:0 0 1rem}
.privacy-page .privacy-updated{font-size:.85rem;color:var(--ink-dim)}
.privacy-page a{overflow-wrap:anywhere}