/* נוצר אוטומטית ע"י build/push_assets.py. אין לערוך ידנית. */ /* ========================================================= PART A — ניטרול Astra + Elementor נכתב ביד בבוררים מדויקים; rs_scope.py לא נוגע בקובץ הזה. כל הכללים בספציפיות של מערכת העיצוב (body.rs.rs …) או מתחתיה, והקובץ נטען לפניה — כך כל כלל של המוקאפ גובר עליו. ========================================================= */ /* ---- Astra: עוטפי תוכן, אם ערכת הנושא מדפיסה אותם ---- */ body.rs .ast-container{max-width:none;width:100%;margin:0;padding:0;display:block} body.rs #primary,body.rs .site-main,body.rs .entry-content{margin:0;padding:0} body.rs .entry-header,body.rs .post-navigation{display:none} /* כפתור "חזרה למעלה" של Astra מקבל style inline מה-JS שלו */ body.rs #ast-scroll-top{display:none !important} /* ---- Astra צובעת ומעצבת תגים. מחזירים לברירות הדפדפן, שעליהן המוקאפ נבנה ---- */ body.rs.rs :is(h1,h2,h3,h4,h5,h6){color:inherit;text-transform:none;clear:none} body.rs.rs ul,body.rs.rs ol{margin:1em 0;padding:0;padding-inline-start:40px} body.rs.rs li>ul,body.rs.rs li>ol{margin:0} body.rs.rs blockquote{margin:1em 40px;padding:0;border:0;font-size:inherit;font-style:normal;color:inherit;background:none} body.rs.rs small{font-size:smaller} body.rs.rs dt{font-weight:inherit} body.rs.rs dd{margin:0;margin-inline-start:40px} body.rs.rs figure{margin:1em 40px} body.rs.rs cite{font-style:italic} body.rs.rs button{border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:inherit;font-weight:inherit;width:auto;height:auto} body.rs.rs iframe{max-width:100%} body.rs.rs details,body.rs.rs summary{display:revert} body.rs.rs fieldset{border:0;margin:0;padding:0} /* Astra: input{height:40px;line-height:24px} · label,legend{line-height:20px} */ body.rs.rs input,body.rs.rs select,body.rs.rs textarea{height:auto} body.rs.rs label,body.rs.rs legend{line-height:inherit} /* ---- Elementor: קונטיינר = div רגיל ---- ברירות המחדל שלו (flex-column, gap 20px, padding 10px, position:relative, width:100%, min-width:0) מוחזרות לערכי div. מערכת העיצוב מדליקה grid / flex / position במפורש היכן שהמוקאפ מגדיר אותם. */ body.rs.rs .e-con{ display:block;position:static;width:auto;max-width:none;min-width:auto; height:auto;min-height:auto;margin:0;padding:0;border-radius:0;overflow:visible;z-index:auto; flex:0 1 auto;align-self:auto;order:0; gap:0;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal; transition:none; } /* ה-:before של הקונטיינר משמש את Elementor לשכבת overlay ונושא position/גודל. כלל של המוקאפ שמגדיר ::before (למשל .hero::before) מדליק אותו מחדש. */ body.rs.rs .e-con::before{ content:none;display:inline;position:static;inset:auto;width:auto;height:auto; border:0;border-radius:0;mix-blend-mode:normal;opacity:1;transition:none; } /* ---- Elementor: עוטף הווידג'ט שקוף לפריסה ---- האלמנט הפנימי (h2 / a / img / ה-HTML של text-editor) משתתף בפריסה של ההורה בדיוק כמו במוקאפ. !important כי המחלקות של מערכת העיצוב יושבות גם על העוטף (`.btn{display:inline-flex}`), ואסור שייצרו קופסה כפולה. */ body.rs.rs .elementor-widget, body.rs.rs .elementor-widget-container, body.rs.rs .elementor-form-fields-wrapper{display:contents !important} body.rs.rs .elementor-widget::before, body.rs.rs .elementor-widget::after{content:none !important} body.rs.rs .elementor-widget{text-align:inherit} /* ---- כפתור: רק נשאר; העטיפות הפנימיות שקופות ---- */ body.rs.rs .elementor-button-content-wrapper, body.rs.rs .elementor-button-icon, body.rs.rs .elementor-button-text{display:contents} body.rs.rs .e-font-icon-svg{fill:currentColor} /* ---- כותרת ותמונה ---- */ body.rs.rs .elementor-heading-title{padding:0} body.rs .elementor-widget-image a{display:inline} /* ---- טופס של Pro: השדה הוא `.field`, והפריסה מגיעה מ-`.form` ---- */ body.rs.rs .elementor-field-group{ width:auto;max-width:none;min-height:0;margin:0;padding:0;position:static; flex-wrap:nowrap;align-items:stretch;flex:0 1 auto; } /* בספציפיות נמוכה מ-`.inline-form input{flex:1}` של המוקאפ */ body.rs.rs .elementor-field-textual{min-height:0;box-shadow:none;flex:0 1 auto;max-width:none;vertical-align:baseline;line-height:inherit} body.rs.rs .elementor-select-wrapper{display:block;position:static;width:auto} body.rs.rs .elementor-select-wrapper::before{content:none} body.rs.rs .select-caret-down-wrapper{display:none} body.rs.rs .elementor-field-subgroup{flex-basis:auto;max-width:none} body.rs.rs .elementor-field-subgroup .elementor-field-option{padding:0} body.rs.rs .elementor-field-type-html{display:block} /* קבוצת כפתור השליחה היא div רגיל; `.ct-submit` של המוקאפ הופך אותה ל-flex */ body.rs.rs .elementor-field-type-submit{display:block} body.rs.rs .elementor-field-type-submit.rs-submit-bare{display:contents} /* ===== style.css ===== */ /* ===================================================================== Ronit Strum — Contemporary Mosaic Art Design system — source of truth for the mockup and the Elementor build. "Venetian Museum, no red": ivory walls, slate rooms, smalti gold lines. Each top-level
= one Elementor parent Container. ===================================================================== *//* ---------- 1. Tokens (→ Elementor Global Colors / Fonts) ---------- */:root { --ivory: #FAF7F1; --limestone: #EFE8DC; --slate: #1C2226; --slate-2: #2B3338; --ink: #23201C; --ink-soft: #6B645B; --gold: #B8914B; /* fills, lines, large display only */ --gold-leaf: #D9B970; /* gold on dark */ --gold-ink: #8A6A2E; /* gold for small text on light (AA) */ --lagoon: #1F5A5E; --wa: #25D366; --line: rgba(184, 145, 75, .35); --line-soft: rgba(35, 32, 28, .12); --line-dark: rgba(217, 185, 112, .22); --f-display: "Cormorant Garamond", "Frank Ruhl Libre", Georgia, serif; --f-body: "Assistant", "Manrope", system-ui, sans-serif; --r: 4px; --max: 1320px; --gutter: clamp(20px, 4vw, 64px); --sec-y: clamp(80px, 9vw, 150px); --hdr-h: 88px; --ease: cubic-bezier(.22, .61, .36, 1); --ease-slow: cubic-bezier(.16, 1, .3, 1); --shadow-art: 0 30px 60px -20px rgba(0, 0, 0, .55), 0 12px 24px -12px rgba(0, 0, 0, .4); --shadow-card: 0 24px 48px -28px rgba(35, 32, 28, .35); }[dir="rtl"] { --f-display: "Frank Ruhl Libre", "Cormorant Garamond", Georgia, serif; --f-body: "Assistant", "Manrope", system-ui, sans-serif; }/* ---------- 2. Base ---------- */body.rs.rs *, body.rs.rs *::before, body.rs.rs *::after { box-sizing: border-box; }html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }body.rs.rs { margin: 0; background: var(--ivory); color: var(--ink); font-family: var(--f-body); font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }body.rs.rs img { display: block; max-width: 100%; height: auto; }body.rs.rs a { color: inherit; text-decoration: none; }body.rs.rs button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }body.rs.rs :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }body.rs.rs .skip-link { position: absolute; inset-inline-start: 12px; top: -60px; background: var(--slate); color: var(--ivory); padding: 10px 16px; z-index: 999; }body.rs.rs .skip-link:focus { top: 12px; }body.rs.rs .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }body.rs.rs h1, body.rs.rs h2, body.rs.rs h3, body.rs.rs h4 { font-family: var(--f-display); font-weight: 500; line-height: 1.08; margin: 0; letter-spacing: -.01em; }body.rs.rs h1 { font-size: clamp(40px, 4.6vw, 80px); }body.rs.rs h2 { font-size: clamp(32px, 3.4vw, 56px); }body.rs.rs h3 { font-size: clamp(24px, 2vw, 34px); line-height: 1.15; }body.rs.rs h4 { font-size: 22px; font-weight: 600; line-height: 1.2; }[dir="rtl"] body.rs.rs h1, [dir="rtl"] body.rs.rs h2, [dir="rtl"] body.rs.rs h3, [dir="rtl"] body.rs.rs h4 { letter-spacing: 0; line-height: 1.2; font-weight: 500; }[dir="rtl"] body.rs.rs h1 { font-size: clamp(36px, 4vw, 68px); }body.rs.rs p { margin: 0 0 1em; }body.rs.rs p:last-child:where(:not(.p-nl)) { margin-bottom: 0; }body.rs.rs em.g, body.rs.rs .g { font-style: italic; color: var(--gold-ink); }body.rs.rs .on-dark em.g, body.rs.rs .on-dark .g { color: var(--gold-leaf); }[dir="rtl"] body.rs.rs em.g { font-style: normal; }/* ---------- 3. Layout ---------- */body.rs.rs .wrap { width: 100%; max-width: calc(var(--max) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); }body.rs.rs .wrap--narrow { max-width: calc(880px + var(--gutter) * 2); }body.rs.rs .wrap--wide { max-width: calc(1600px + var(--gutter) * 2); }body.rs.rs .sec { padding-block: var(--sec-y); position: relative; }body.rs.rs .sec--tight { padding-block: clamp(48px, 5vw, 80px); }body.rs.rs .sec--ivory { background: var(--ivory); }body.rs.rs .sec--stone { background: var(--limestone); }body.rs.rs .sec--slate { background: var(--slate); color: var(--ivory); }body.rs.rs .on-dark { color: var(--ivory); }body.rs.rs .on-dark .muted { color: rgba(250, 247, 241, .68); }body.rs.rs .grid-2, body.rs.rs .grid-3, body.rs.rs .grid-4 { display: grid; gap: clamp(24px, 3vw, 48px); }body.rs.rs .grid-2 { grid-template-columns: repeat(2, 1fr); }body.rs.rs .grid-3 { grid-template-columns: repeat(3, 1fr); }body.rs.rs .grid-4 { grid-template-columns: repeat(4, 1fr); }body.rs.rs .split { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 6vw, 110px); align-items: center; }body.rs.rs .split--rev > :first-child, body.rs.rs .split--rev > :where(.elementor-widget,.elementor-form-fields-wrapper) > :first-child { order: 2; }body.rs.rs .split--40 { grid-template-columns: .8fr 1.2fr; }body.rs.rs .split--top { align-items: start; }body.rs.rs .stack > * + *, body.rs.rs .stack > :where(.elementor-widget,.elementor-form-fields-wrapper) > * + * { margin-top: 24px; }body.rs.rs .center { text-align: center; }body.rs.rs .center .eyebrow { justify-content: center; }body.rs.rs .measure { max-width: 62ch; }body.rs.rs .center .measure { margin-inline: auto; }body.rs.rs .mt-s { margin-top: 16px; }body.rs.rs .mt-m { margin-top: 32px; }body.rs.rs .mt-l { margin-top: 56px; }body.rs.rs .sec-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: clamp(36px, 4vw, 64px); flex-wrap: wrap; }body.rs.rs .sec-head .measure { margin-top: 18px; }/* ---------- 4. Type helpers ---------- */body.rs.rs .eyebrow { display: flex; align-items: center; gap: 14px; font-family: var(--f-body); font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 22px; }body.rs.rs .on-dark .eyebrow, body.rs.rs .sec--slate .eyebrow { color: var(--gold-leaf); }[dir="rtl"] body.rs.rs .eyebrow { letter-spacing: .04em; font-size: 15px; }/* Gold Tessera Rule: three small tiles (→ 3 empty Containers 6×6) */body.rs.rs .tessera { display: inline-flex; gap: 4px; flex: none; }body.rs.rs .tessera i { width: 6px; height: 6px; display: block; background: var(--gold); }body.rs.rs .tessera i:nth-child(2) { background: var(--gold-leaf); transform: translateY(-2px); }body.rs.rs .tessera i:nth-child(3) { background: var(--lagoon); }body.rs.rs .lead { font-size: clamp(18px, 1.35vw, 21px); line-height: 1.65; color: var(--ink-soft); }body.rs.rs .on-dark .lead { color: rgba(250, 247, 241, .78); }body.rs.rs .muted { color: var(--ink-soft); }body.rs.rs .small { font-size: 14px; }body.rs.rs .museum-label { font-size: 13px; line-height: 1.55; color: var(--ink-soft); letter-spacing: .01em; }body.rs.rs .museum-label b { font-family: var(--f-display); font-style: italic; font-weight: 500; font-size: 19px; color: var(--ink); display: block; margin-bottom: 2px; letter-spacing: 0; }body.rs.rs .on-dark .museum-label { color: rgba(250, 247, 241, .62); }body.rs.rs .on-dark .museum-label b { color: var(--ivory); }[dir="rtl"] body.rs.rs .museum-label b { font-style: normal; }body.rs.rs .numeral { font-family: var(--f-display); font-size: 44px; line-height: 1; color: var(--gold); font-style: italic; }/* ---------- 5. Buttons ---------- */body.rs.rs .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 30px; border-radius: var(--r); font-family: var(--f-body); font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: background .35s var(--ease), color .35s var(--ease), transform .35s var(--ease), border-color .35s var(--ease); white-space: nowrap; }[dir="rtl"] body.rs.rs .btn { letter-spacing: .02em; font-size: 16px; }body.rs.rs .btn svg { width: 18px; height: 18px; flex: none; }body.rs.rs .btn:hover { transform: translateY(-2px); }body.rs.rs .btn--gold { background: var(--gold); color: var(--slate); }body.rs.rs .btn--gold:hover { background: var(--gold-leaf); }body.rs.rs .btn--line { border: 1px solid var(--ink); color: var(--ink); }body.rs.rs .btn--line:hover { background: var(--ink); color: var(--ivory); }body.rs.rs .btn--line-light { border: 1px solid rgba(250, 247, 241, .55); color: var(--ivory); }body.rs.rs .btn--line-light:hover { background: var(--ivory); color: var(--slate); border-color: var(--ivory); }body.rs.rs .btn--wa { background: var(--wa); color: #0B2E17; }body.rs.rs .btn--wa:hover { background: #3be07a; }body.rs.rs .btn--sm { min-height: 44px; padding: 0 20px; font-size: 11.5px; }[dir="rtl"] body.rs.rs .btn--sm { font-size: 14.5px; }body.rs.rs .btn--block { width: 100%; }body.rs.rs .btn-row { display: flex; flex-wrap: wrap; gap: 14px; }body.rs.rs .center .btn-row { justify-content: center; }body.rs.rs .link-arrow { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding-bottom: 6px; background: linear-gradient(var(--gold), var(--gold)) no-repeat left bottom / 34% 1px; transition: background-size .45s var(--ease); }[dir="rtl"] body.rs.rs .link-arrow { letter-spacing: .02em; font-size: 15.5px; background-position: right bottom; }body.rs.rs .link-arrow:hover { background-size: 100% 1px; }body.rs.rs .link-arrow svg { width: 16px; height: 16px; transition: transform .35s var(--ease); }body.rs.rs .link-arrow:hover svg { transform: translateX(4px); }[dir="rtl"] body.rs.rs .link-arrow svg { transform: scaleX(-1); }[dir="rtl"] body.rs.rs .link-arrow:hover svg { transform: scaleX(-1) translateX(4px); }/* ---------- 6. Header (Theme Builder: HDR-Ronit) ---------- */body.rs.rs .hdr { position: fixed; inset: 0 0 auto 0; z-index: 100; height: var(--hdr-h); color: var(--ink); transition: background .45s var(--ease), height .45s var(--ease), box-shadow .45s var(--ease), color .45s var(--ease); }body.rs.rs.over-dark .hdr { color: var(--ivory); }body.rs.rs .hdr.is-scrolled, body.rs.rs .hdr.mega-open { background: rgba(250, 247, 241, .96); color: var(--ink); height: 72px; box-shadow: 0 1px 0 var(--line); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }body.rs.rs .hdr__inner { height: 100%; display: flex; align-items: center; gap: 32px; }body.rs.rs .logo { display: flex; flex-direction: column; line-height: 1; flex: none; }body.rs.rs .logo__name { font-family: "Cormorant Garamond", serif; font-size: 25px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }body.rs.rs .logo__sub { font-family: "Manrope", sans-serif; font-size: 9.5px; font-weight: 600; letter-spacing: .34em; text-transform: uppercase; margin-top: 7px; opacity: .75; }[dir="rtl"] body.rs.rs .logo__sub { font-family: "Assistant", sans-serif; letter-spacing: .12em; font-size: 12px; }body.rs.rs .nav { margin-inline: auto; }body.rs.rs .nav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(18px, 2vw, 36px); }body.rs.rs .nav__list a { font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; padding-block: 8px; position: relative; display: inline-flex; align-items: center; gap: 6px; }[dir="rtl"] body.rs.rs .nav__list a { letter-spacing: .02em; font-size: 16px; }body.rs.rs .nav__list a::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .4s var(--ease); }body.rs.rs .nav__list a:hover::after, body.rs.rs .nav__list a[aria-current="page"]::after, body.rs.rs .nav__list a[aria-expanded="true"]::after { transform: scaleX(1); }body.rs.rs .nav__list svg { width: 10px; height: 10px; transition: transform .3s var(--ease); }body.rs.rs .nav__list a[aria-expanded="true"] svg { transform: rotate(180deg); }body.rs.rs .hdr__util { display: flex; align-items: center; gap: 22px; flex: none; }body.rs.rs .langsw { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; letter-spacing: .12em; }body.rs.rs .langsw a { opacity: .55; transition: opacity .3s; }body.rs.rs .langsw a:hover, body.rs.rs .langsw a.is-active { opacity: 1; }body.rs.rs .langsw a[lang="he"] { font-family: "Assistant", sans-serif; font-size: 15px; letter-spacing: 0; }body.rs.rs .langsw a[lang="en"] { font-family: "Manrope", sans-serif; }body.rs.rs .langsw span { opacity: .35; }body.rs.rs .burger { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; }body.rs.rs .burger svg { width: 26px; height: 26px; }/* Mega Menu (Elementor Menu widget → Mega content Container) */body.rs.rs .mega { position: absolute; inset-inline: 0; top: 100%; background: var(--ivory); color: var(--ink); border-top: 1px solid var(--line); box-shadow: 0 40px 60px -30px rgba(28, 34, 38, .35); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .35s var(--ease), transform .35s var(--ease), visibility 0s .35s; }body.rs.rs .hdr.mega-open .mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }body.rs.rs .mega__grid { display: grid; grid-template-columns: 4.2fr 2.6fr 5.2fr; gap: 48px; padding-block: 44px 48px; }body.rs.rs .mega__title { font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 18px; }[dir="rtl"] body.rs.rs .mega__title { letter-spacing: .04em; font-size: 14px; }body.rs.rs .mega-box { display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: center; padding: 10px; margin-inline: -10px; transition: background .3s; }body.rs.rs .mega-box:hover { background: var(--limestone); }body.rs.rs .mega-box img { width: 96px; height: 72px; object-fit: cover; }body.rs.rs .mega-box h4 { font-size: 20px; margin-bottom: 4px; }body.rs.rs .mega-box p { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }body.rs.rs .mega-list { list-style: none; margin: 0 0 26px; padding: 0; }body.rs.rs .mega-list li + li { margin-top: 8px; }body.rs.rs .mega-list a { font-size: 15px; color: var(--ink); transition: color .25s; display: inline-flex; gap: 10px; align-items: center; }body.rs.rs .mega-list a::before { content: ""; width: 5px; height: 5px; background: var(--gold); flex: none; }body.rs.rs .mega-list a:hover { color: var(--gold-ink); }body.rs.rs .mega-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--slate); }body.rs.rs .mega-video img { width: 100%; height: 100%; object-fit: cover; opacity: .82; transition: transform 1.2s var(--ease-slow); }body.rs.rs .mega-video:hover img { transform: scale(1.04); }body.rs.rs .play { position: absolute; inset: 0; margin: auto; width: 68px; height: 68px; border-radius: 50%; border: 1px solid rgba(250, 247, 241, .8); display: grid; place-items: center; color: var(--ivory); background: rgba(28, 34, 38, .35); backdrop-filter: blur(4px); }body.rs.rs .play svg { width: 20px; height: 20px; margin-inline-start: 3px; }body.rs.rs .mega-video figcaption { position: absolute; inset-inline-start: 16px; bottom: 12px; color: var(--ivory); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }body.rs.rs .mega__cap { font-family: var(--f-display); font-style: italic; font-size: 19px; line-height: 1.4; margin: 16px 0 14px; }body.rs.rs .mega__links { display: flex; gap: 28px; flex-wrap: wrap; }/* Off-canvas (Elementor Off-Canvas widget) */body.rs.rs .offcanvas { position: fixed; inset: 0; z-index: 200; background: var(--slate); color: var(--ivory); display: flex; flex-direction: column; padding: 22px var(--gutter) 32px; overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity .4s var(--ease), visibility 0s .4s; }body.rs.rs .offcanvas.is-open { opacity: 1; visibility: visible; transition-delay: 0s; }body.rs.rs .offcanvas__top { display: flex; justify-content: space-between; align-items: center; }body.rs.rs .offcanvas__nav { list-style: none; padding: 0; margin: 40px 0 28px; }body.rs.rs .offcanvas__nav > li, body.rs.rs .offcanvas__nav > :where(.elementor-widget,.elementor-form-fields-wrapper) > li { border-bottom: 1px solid var(--line-dark); }body.rs.rs .offcanvas__nav > li > a, body.rs.rs .offcanvas__nav > :where(.elementor-widget,.elementor-form-fields-wrapper) > li > a, body.rs.rs .offcanvas__nav > li > :where(.elementor-widget,.elementor-form-fields-wrapper) > a, body.rs.rs .offcanvas__nav > :where(.elementor-widget,.elementor-form-fields-wrapper) > li > :where(.elementor-widget,.elementor-form-fields-wrapper) > a, body.rs.rs .offcanvas__nav summary { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; font-family: var(--f-display); font-size: 30px; cursor: pointer; list-style: none; }body.rs.rs .offcanvas__nav summary::-webkit-details-marker { display: none; }body.rs.rs .offcanvas__nav details[open] summary svg { transform: rotate(180deg); }body.rs.rs .offcanvas__nav summary svg { width: 14px; height: 14px; transition: transform .3s; }body.rs.rs .offcanvas__sub { list-style: none; margin: 0 0 16px; padding: 0; }body.rs.rs .offcanvas__sub a { display: block; padding: 7px 0; color: rgba(250, 247, 241, .75); font-size: 16px; }body.rs.rs .offcanvas__foot { margin-top: auto; display: grid; gap: 12px; }body.rs.rs .offcanvas__meta { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: rgba(250, 247, 241, .7); margin-top: 8px; }body.rs.rs .icon-btn { width: 44px; height: 44px; display: grid; place-items: center; }body.rs.rs .icon-btn svg { width: 24px; height: 24px; }/* ---------- 7. Hero (Home) ---------- */body.rs.rs .hero { position: relative; min-height: 100vh; min-height: 100svh; background: var(--slate); color: var(--ivory); display: flex; flex-direction: column; overflow: hidden; isolation: isolate; }body.rs.rs .hero__bg { position: absolute; inset: -6%; z-index: -2; background-size: cover; background-position: center; opacity: .2; filter: saturate(.8); animation: kenburns 28s var(--ease) infinite alternate; }body.rs.rs .hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 80% at 72% 50%, rgba(217, 185, 112, .16), transparent 60%), linear-gradient(90deg, var(--slate) 18%, rgba(28, 34, 38, .55) 60%, rgba(28, 34, 38, .85)); }[dir="rtl"] body.rs.rs .hero::before { background: radial-gradient(70% 80% at 28% 50%, rgba(217, 185, 112, .16), transparent 60%), linear-gradient(270deg, var(--slate) 18%, rgba(28, 34, 38, .55) 60%, rgba(28, 34, 38, .85)); }@keyframes kenburns { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.12) translate(-2%, -2%); } }body.rs.rs .hero__body { flex: 1; display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(40px, 6vw, 120px); align-items: center; padding-top: calc(var(--hdr-h) + 56px); padding-bottom: 96px; }body.rs.rs .hero__chip { display: inline-flex; align-items: center; gap: 12px; padding: 9px 18px 9px 10px; border: 1px solid var(--line-dark); border-radius: 40px; font-size: 13px; color: rgba(250, 247, 241, .86); margin-bottom: 40px; transition: border-color .3s, background .3s; }body.rs.rs .hero__chip:hover { border-color: var(--gold-leaf); background: rgba(217, 185, 112, .06); }body.rs.rs .hero__chip b { background: var(--gold); color: var(--slate); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; padding: 5px 10px; border-radius: 30px; font-weight: 700; }[dir="rtl"] body.rs.rs .hero__chip { padding: 9px 10px 9px 18px; }body.rs.rs .hero h1 { margin-bottom: 30px; max-width: 13.5em; }body.rs.rs .hero h1 .g { color: var(--gold-leaf); }body.rs.rs .hero .lead { max-width: 33em; margin-bottom: 44px; }body.rs.rs .hero__art { position: relative; justify-self: center; width: min(100%, 560px); }body.rs.rs .frame { position: relative; padding: clamp(10px, 1.2vw, 18px); background: linear-gradient(145deg, #2f383d, #1a1f22); box-shadow: var(--shadow-art); outline: 1px solid var(--line-dark); outline-offset: -1px; }body.rs.rs .frame img { width: 100%; aspect-ratio: 1; object-fit: cover; }body.rs.rs .frame--light { background: #fff; outline-color: var(--line-soft); box-shadow: var(--shadow-card); }body.rs.rs .hero__glow { position: absolute; inset: 12% -8% -8% 12%; z-index: -1; background: radial-gradient(closest-side, rgba(217, 185, 112, .35), transparent); filter: blur(30px); }body.rs.rs .hero__label { margin-top: 22px; }body.rs.rs .scroll-cue { position: absolute; bottom: 28px; inset-inline-start: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: rgba(250, 247, 241, .55); }[dir="rtl"] body.rs.rs .scroll-cue { transform: translateX(50%); }body.rs.rs .scroll-cue i { width: 1px; height: 46px; background: linear-gradient(var(--gold-leaf), transparent); animation: cue 2.4s var(--ease) infinite; transform-origin: top; }@keyframes cue { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }/* Andamento divider (→ Elementor Shape Divider "Waves", gold 35%) */body.rs.rs .andamento { display: block; width: 100%; height: clamp(36px, 4vw, 60px); color: var(--gold); }body.rs.rs .andamento--bottom { position: absolute; inset: auto 0 -1px 0; }body.rs.rs .andamento path { fill: none; stroke: currentColor; stroke-width: 1; opacity: .5; vector-effect: non-scaling-stroke; }/* ---------- 8. Inner hero (SEC-InnerHero) ---------- */body.rs.rs .ihero { padding-top: calc(var(--hdr-h) + clamp(56px, 7vw, 110px)); padding-bottom: clamp(56px, 6vw, 96px); background: var(--ivory); position: relative; }body.rs.rs .ihero--dark { background: var(--slate); color: var(--ivory); }body.rs.rs .ihero--stone { background: var(--limestone); }body.rs.rs .ihero h1 { max-width: 15em; }body.rs.rs .ihero .lead { max-width: 40em; margin-top: 26px; }body.rs.rs .crumbs { display: flex; gap: 10px; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 30px; flex-wrap: wrap; }body.rs.rs .crumbs a:hover { color: var(--gold-ink); }body.rs.rs .ihero--dark .crumbs { color: rgba(250, 247, 241, .6); }/* ---------- 9. Credentials strip ---------- */body.rs.rs .creds { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }body.rs.rs .cred { padding: 38px 32px; position: relative; }body.rs.rs .cred + .cred { border-inline-start: 1px solid var(--line); }body.rs.rs .cred__k { font-family: var(--f-display); font-size: 30px; line-height: 1.1; margin-bottom: 10px; }body.rs.rs .cred__k .g { font-size: 34px; }body.rs.rs .cred__v { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); }/* ---------- 10. Pillars ---------- */body.rs.rs .pillar { background: var(--ivory); display: flex; flex-direction: column; transition: transform .6s var(--ease-slow), box-shadow .6s var(--ease-slow); }body.rs.rs .pillar:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); }body.rs.rs .pillar__img { aspect-ratio: 4 / 3; overflow: hidden; }body.rs.rs .pillar__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-slow); }body.rs.rs .pillar:hover .pillar__img img { transform: scale(1.05); }body.rs.rs .pillar__body { padding: 34px 34px 40px; }body.rs.rs .pillar__body .numeral { display: block; margin-bottom: 18px; font-size: 38px; }body.rs.rs .pillar__body h3 { margin-bottom: 14px; font-size: clamp(24px, 1.8vw, 30px); }body.rs.rs .pillar__body p { color: var(--ink-soft); font-size: 16px; }/* ---------- 11. Artwork card (Loop Item: LOOP-Artwork) ---------- */body.rs.rs .art-card { display: flex; flex-direction: column; }body.rs.rs .art-card__media { position: relative; background: #fff; padding: 14px; box-shadow: 0 1px 0 var(--line-soft); overflow: hidden; transition: box-shadow .6s var(--ease-slow), transform .6s var(--ease-slow); }body.rs.rs .art-card:hover .art-card__media { box-shadow: var(--shadow-card); transform: translateY(-4px); }body.rs.rs .art-card__media .ratio { aspect-ratio: 4 / 5; overflow: hidden; background: var(--limestone); }body.rs.rs .art-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-slow); }body.rs.rs .art-card:hover .art-card__media img { transform: scale(1.045); }body.rs.rs .art-card__hover { position: absolute; inset: 14px; display: flex; align-items: flex-end; justify-content: center; padding: 22px; background: linear-gradient(transparent 50%, rgba(28, 34, 38, .55)); opacity: 0; transition: opacity .45s var(--ease); }body.rs.rs .art-card:hover .art-card__hover, body.rs.rs .art-card:focus-within .art-card__hover { opacity: 1; }body.rs.rs .art-card__hover .btn { transform: translateY(10px); transition: transform .45s var(--ease), background .3s; }body.rs.rs .art-card:hover .art-card__hover .btn { transform: none; }body.rs.rs .art-card__label { padding: 20px 4px 0; }body.rs.rs .art-card__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }body.rs.rs .art-card__title { font-family: var(--f-display); font-style: italic; font-size: 24px; line-height: 1.2; }[dir="rtl"] body.rs.rs .art-card__title { font-style: normal; font-size: 22px; }body.rs.rs .art-card__meta { font-size: 13px; color: var(--ink-soft); margin-top: 6px; line-height: 1.5; }body.rs.rs .art-card__price { font-size: 14px; font-weight: 600; white-space: nowrap; }body.rs.rs .art-card__price.req { font-weight: 500; color: var(--ink-soft); font-style: italic; font-family: var(--f-display); font-size: 17px; }body.rs.rs .badge { display: inline-flex; align-items: center; gap: 7px; font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; }[dir="rtl"] body.rs.rs .badge { letter-spacing: .02em; font-size: 13px; }body.rs.rs .badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }body.rs.rs .badge--available { color: var(--lagoon); }body.rs.rs .badge--reserved { color: var(--gold-ink); }body.rs.rs .badge--private { color: var(--ink-soft); }body.rs.rs .badge--commission { color: var(--ink); }body.rs.rs .badge--commission::before { background: none; border: 1px solid currentColor; }/* Rail (Loop Carousel) */body.rs.rs .rail-wrap { position: relative; }body.rs.rs .rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 32px) / 4); gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px; }body.rs.rs .rail::-webkit-scrollbar { display: none; }body.rs.rs .rail > *, body.rs.rs .rail > :where(.elementor-widget,.elementor-form-fields-wrapper) > * { scroll-snap-align: start; }body.rs.rs .rail-nav { display: flex; gap: 10px; }body.rs.rs .rail-nav button { width: 52px; height: 52px; border: 1px solid var(--line-soft); display: grid; place-items: center; transition: background .3s, border-color .3s; }body.rs.rs .rail-nav button:hover { background: var(--slate); color: var(--ivory); border-color: var(--slate); }body.rs.rs .rail-nav svg { width: 18px; height: 18px; }[dir="rtl"] body.rs.rs .rail-nav svg { transform: scaleX(-1); }/* Collection banners */body.rs.rs .coll-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: clamp(56px, 6vw, 96px); }body.rs.rs .coll-banner { position: relative; min-height: 460px; overflow: hidden; color: var(--ivory); display: flex; align-items: flex-end; isolation: isolate; }body.rs.rs .coll-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.6s var(--ease-slow); }body.rs.rs .coll-banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(transparent 25%, rgba(28, 34, 38, .86)); }body.rs.rs .coll-banner:hover img { transform: scale(1.05); }body.rs.rs .coll-banner__body { padding: 40px; }body.rs.rs .coll-banner__body .eyebrow { color: var(--gold-leaf); margin-bottom: 14px; }body.rs.rs .coll-banner h3 { font-size: clamp(30px, 2.6vw, 42px); margin-bottom: 12px; }body.rs.rs .coll-banner p { color: rgba(250, 247, 241, .8); max-width: 30em; margin-bottom: 22px; }/* ---------- 12. Exhibition spotlight & countdown ---------- */body.rs.rs .expo { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(40px, 6vw, 110px); align-items: center; }body.rs.rs .expo__title-he { font-family: "Frank Ruhl Libre", serif; font-size: clamp(22px, 1.8vw, 28px); color: var(--gold-leaf); margin-top: 10px; display: block; }body.rs.rs .expo__when { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 28px 0 36px; font-size: 15px; color: rgba(250, 247, 241, .8); }body.rs.rs .expo__when span { display: inline-flex; gap: 10px; align-items: center; }body.rs.rs .expo__when svg { width: 17px; height: 17px; color: var(--gold-leaf); }body.rs.rs .countdown { display: flex; gap: clamp(10px, 1.6vw, 20px); margin-bottom: 40px; }body.rs.rs .countdown div { min-width: clamp(70px, 7vw, 104px); padding: 16px 10px 14px; border: 1px solid var(--line-dark); text-align: center; background: rgba(250, 247, 241, .03); }body.rs.rs .countdown b { display: block; font-family: "Cormorant Garamond", serif; font-weight: 500; font-size: clamp(38px, 3.6vw, 60px); line-height: 1; color: var(--gold-leaf); font-variant-numeric: tabular-nums lining-nums; }body.rs.rs .countdown span { display: block; margin-top: 8px; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: rgba(250, 247, 241, .6); }[dir="rtl"] body.rs.rs .countdown span { letter-spacing: .02em; font-size: 13px; }body.rs.rs .sec--stone .countdown div, body.rs.rs .sec--ivory .countdown div { border-color: var(--line); background: transparent; }body.rs.rs .sec--stone .countdown b, body.rs.rs .sec--ivory .countdown b { color: var(--gold); }body.rs.rs .sec--stone .countdown span, body.rs.rs .sec--ivory .countdown span { color: var(--ink-soft); }/* ---------- 13. Media blocks ---------- */body.rs.rs .media { position: relative; overflow: hidden; }body.rs.rs .media img { width: 100%; height: 100%; object-fit: cover; }body.rs.rs .media--tall { aspect-ratio: 4 / 5; }body.rs.rs .media--wide { aspect-ratio: 16 / 10; }body.rs.rs .media--square { aspect-ratio: 1; }body.rs.rs .media-cap { margin-top: 14px; }body.rs.rs .check-list { list-style: none; padding: 0; margin: 28px 0 36px; display: grid; gap: 14px; }body.rs.rs .check-list li { display: flex; gap: 14px; align-items: flex-start; }body.rs.rs .check-list li::before { content: ""; width: 18px; height: 1px; background: var(--gold); margin-top: 14px; flex: none; }/* ---------- 14. Quotes / voices / press ---------- */body.rs.rs .quote-xl { font-family: var(--f-display); font-style: italic; font-size: clamp(32px, 3.6vw, 60px); line-height: 1.18; max-width: 18em; margin: 0 auto; text-align: center; }[dir="rtl"] body.rs.rs .quote-xl { font-style: normal; }body.rs.rs .quote-xl::before { content: "\201C"; display: block; font-size: 1.6em; line-height: .6; color: var(--gold); margin-bottom: 18px; font-style: normal; }body.rs.rs .quote-by { text-align: center; margin-top: 28px; font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-ink); font-weight: 600; }body.rs.rs .on-dark .quote-by { color: var(--gold-leaf); }body.rs.rs .voices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }body.rs.rs .voice { background: var(--ivory); padding: 44px 38px; display: flex; flex-direction: column; border-top: 1px solid var(--gold); }body.rs.rs .voice blockquote { margin: 0 0 28px; font-family: var(--f-display); font-style: italic; font-size: 22px; line-height: 1.45; }[dir="rtl"] body.rs.rs .voice blockquote { font-style: normal; font-size: 20px; }body.rs.rs .voice blockquote::before { content: "\201C"; display: block; font-size: 56px; line-height: .5; color: var(--gold); margin-bottom: 18px; font-style: normal; }body.rs.rs .voice cite { margin-top: auto; font-style: normal; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }body.rs.rs .voice cite span { display: block; font-weight: 500; letter-spacing: .02em; text-transform: none; color: var(--ink-soft); font-size: 14px; margin-top: 4px; }body.rs.rs .press { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 40px; margin-top: 64px; padding-top: 44px; border-top: 1px solid var(--line); }body.rs.rs .press__k { font-size: 11.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--ink-soft); font-weight: 700; width: 100%; text-align: center; }body.rs.rs .press span { font-family: var(--f-display); font-size: 21px; font-style: italic; color: var(--ink); }body.rs.rs .press span + span::before { content: "◆"; font-size: 8px; color: var(--gold); margin-inline-end: 40px; font-style: normal; vertical-align: middle; position: relative; top: -2px; }/* ---------- 15. CTA band (SEC-CTA-Studio) ---------- */body.rs.rs .cta-band { position: relative; padding-block: clamp(110px, 12vw, 200px); color: var(--ivory); text-align: center; overflow: hidden; isolation: isolate; }body.rs.rs .cta-band__bg { position: absolute; inset: -15% 0; z-index: -2; background-size: cover; background-position: center; filter: blur(2px) saturate(.9); will-change: transform; }body.rs.rs .cta-band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(28, 34, 38, .78); }body.rs.rs .cta-band h2 { margin-bottom: 22px; }body.rs.rs .cta-band .lead { max-width: 36em; margin: 0 auto 44px; }/* ---------- 16. Footer (FTR-Ronit) ---------- */body.rs.rs .ftr { background: var(--slate); color: rgba(250, 247, 241, .78); font-size: 15px; }body.rs.rs .ftr__news { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding-block: 72px 56px; }body.rs.rs .ftr__news h3 { color: var(--ivory); font-size: clamp(28px, 2.4vw, 40px); }body.rs.rs .ftr__news p { margin-top: 10px; }body.rs.rs .inline-form { display: flex; gap: 0; border-bottom: 1px solid rgba(250, 247, 241, .4); }body.rs.rs .inline-form input { flex: 1; min-width: 0; background: transparent; border: 0; color: var(--ivory); font: inherit; padding: 16px 0; outline: none; }body.rs.rs .inline-form input::placeholder { color: rgba(250, 247, 241, .5); }body.rs.rs .inline-form button { color: var(--gold-leaf); font-size: 12.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; padding-inline: 12px 0; }[dir="rtl"] body.rs.rs .inline-form button { letter-spacing: .02em; font-size: 15px; }body.rs.rs .ftr .andamento { color: var(--gold-leaf); }body.rs.rs .ftr__grid { display: grid; grid-template-columns: 1.5fr 1fr 1.1fr 1.3fr; gap: 48px; padding-block: 64px 56px; }body.rs.rs .ftr .logo { color: var(--ivory); margin-bottom: 22px; }body.rs.rs .ftr h4 { font-family: var(--f-body); font-size: 11.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-leaf); margin-bottom: 20px; }[dir="rtl"] body.rs.rs .ftr h4 { letter-spacing: .04em; font-size: 14px; }body.rs.rs .ftr ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }body.rs.rs .ftr a:hover { color: var(--gold-leaf); }body.rs.rs .ftr__contact li { display: flex; gap: 12px; align-items: flex-start; }body.rs.rs .ftr__contact svg { width: 17px; height: 17px; color: var(--gold-leaf); flex: none; margin-top: 4px; }body.rs.rs .socials { display: flex; gap: 10px; margin-top: 22px; }body.rs.rs .socials a { width: 42px; height: 42px; border: 1px solid var(--line-dark); display: grid; place-items: center; transition: border-color .3s, color .3s; }body.rs.rs .socials a:hover { border-color: var(--gold-leaf); }body.rs.rs .socials svg { width: 17px; height: 17px; }body.rs.rs .ftr__bottom { border-top: 1px solid var(--line-dark); padding-block: 26px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 13px; color: rgba(250, 247, 241, .55); }body.rs.rs .ftr__bottom nav { display: flex; gap: 22px; flex-wrap: wrap; }/* ---------- 17. Timeline ---------- */body.rs.rs .timeline { position: relative; max-width: 1040px; margin-inline: auto; }body.rs.rs .timeline::before { content: ""; position: absolute; top: 0; bottom: 0; inset-inline-start: 50%; width: 1px; background: var(--line); }body.rs.rs .tl-item { position: relative; width: 50%; padding-inline-end: 64px; padding-block: 22px; text-align: end; }body.rs.rs .tl-item:nth-child(even) { margin-inline-start: 50%; padding-inline: 64px 0; text-align: start; }body.rs.rs .tl-item::after { content: ""; position: absolute; top: 40px; inset-inline-end: -5px; width: 9px; height: 9px; background: var(--gold); transform: rotate(45deg); }body.rs.rs .tl-item:nth-child(even)::after { inset-inline: -4px auto; }body.rs.rs .tl-year { font-family: "Cormorant Garamond", serif; font-size: 46px; line-height: 1; color: var(--gold); font-style: italic; }body.rs.rs .tl-item h4 { margin-top: 8px; font-size: 22px; }body.rs.rs .tl-item p { color: var(--ink-soft); font-size: 15px; margin-top: 6px; }body.rs.rs .tl-item--key .tl-year { font-size: 62px; }body.rs.rs .tl-item--key h4 { font-size: 26px; }/* ---------- 18. Process steps ---------- */body.rs.rs .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; counter-reset: step; }body.rs.rs .steps::before { content: ""; position: absolute; top: 31px; inset-inline: 12% 12%; height: 1px; background: var(--line); }body.rs.rs .step { position: relative; text-align: center; }body.rs.rs .step__n { width: 62px; height: 62px; margin: 0 auto 26px; display: grid; place-items: center; border: 1px solid var(--gold); background: var(--ivory); font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 26px; color: var(--gold-ink); transform: rotate(45deg); }body.rs.rs .step__n span { transform: rotate(-45deg); }body.rs.rs .sec--stone .step__n { background: var(--limestone); }body.rs.rs .step h4 { margin-bottom: 10px; }body.rs.rs .step p { font-size: 15px; color: var(--ink-soft); }/* ---------- 19. Services cards ---------- */body.rs.rs .svc { display: flex; flex-direction: column; background: var(--ivory); transition: transform .6s var(--ease-slow), box-shadow .6s var(--ease-slow); }body.rs.rs .svc:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); }body.rs.rs .svc__img { aspect-ratio: 5 / 4; overflow: hidden; }body.rs.rs .svc__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-slow); }body.rs.rs .svc:hover .svc__img img { transform: scale(1.05); }body.rs.rs .svc__body { padding: 34px 34px 40px; display: flex; flex-direction: column; flex: 1; }body.rs.rs .svc__body h3 { margin-bottom: 14px; }body.rs.rs .svc__body p { color: var(--ink-soft); }body.rs.rs .svc__body .link-arrow { margin-top: auto; align-self: flex-start; padding-top: 22px; }/* ---------- 20. Schedule ---------- */body.rs.rs .schedule { width: 100%; border-collapse: collapse; font-size: 16px; }body.rs.rs .schedule th, body.rs.rs .schedule td { padding: 16px 0; border-bottom: 1px solid var(--line); text-align: start; vertical-align: top; }body.rs.rs .schedule th { font-family: var(--f-display); font-size: 22px; font-weight: 500; width: 34%; }body.rs.rs .schedule td span { display: inline-block; padding: 4px 12px; border: 1px solid var(--line); margin: 0 6px 6px 0; font-size: 14px; }body.rs.rs .chips { display: flex; flex-wrap: wrap; gap: 10px; }body.rs.rs .chip { padding: 8px 16px; border: 1px solid var(--line); font-size: 14px; }/* ---------- 21. FAQ (Accordion) ---------- */body.rs.rs .faq { border-top: 1px solid var(--line); }body.rs.rs .faq details { border-bottom: 1px solid var(--line); }body.rs.rs .faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 0; font-family: var(--f-display); font-size: clamp(21px, 1.7vw, 26px); line-height: 1.3; }body.rs.rs .faq summary::-webkit-details-marker { display: none; }body.rs.rs .faq summary i { width: 22px; height: 22px; flex: none; position: relative; }body.rs.rs .faq summary i::before, body.rs.rs .faq summary i::after { content: ""; position: absolute; inset: 50% 0 auto; height: 1px; background: var(--gold-ink); transition: transform .35s var(--ease); }body.rs.rs .faq summary i::after { transform: rotate(90deg); }body.rs.rs .faq details[open] summary i::after { transform: rotate(0); }body.rs.rs .faq .faq__a { padding: 0 0 28px; color: var(--ink-soft); max-width: 66ch; }/* ---------- 22. Forms (WPForms wrapper) ---------- */body.rs.rs .form-card { background: #fff; padding: clamp(28px, 4vw, 56px); box-shadow: var(--shadow-card); position: relative; }body.rs.rs .form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 24px; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) { display: flex; flex-direction: column; gap: 8px; }body.rs.rs :is(.field--full,.elementor-col-100) { grid-column: 1 / -1; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) label, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) legend { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }[dir="rtl"] body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) label, [dir="rtl"] body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) legend { letter-spacing: .02em; font-size: 14.5px; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) label i { color: var(--gold-ink); font-style: normal; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) input, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea { width: 100%; font: inherit; font-size: 16px; color: var(--ink); background: var(--ivory); border: 1px solid var(--line-soft); border-radius: 0; padding: 14px 16px; min-height: 52px; outline: none; transition: border-color .3s, background .3s; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea { min-height: 130px; resize: vertical; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) input:focus, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select:focus, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea:focus { border-color: var(--gold); background: #fff; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238A6A2E' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 12px; background-position: right 16px center; padding-inline-end: 44px; }[dir="rtl"] body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select { background-position: left 16px center; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) fieldset { border: 0; padding: 0; margin: 0; }body.rs.rs .seg { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }body.rs.rs .seg label { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 14.5px; cursor: pointer; }body.rs.rs .seg input { position: absolute; opacity: 0; pointer-events: none; }body.rs.rs .seg span { display: inline-block; padding: 10px 16px; border: 1px solid var(--line-soft); background: var(--ivory); transition: all .25s; }body.rs.rs .seg input:checked + span { background: var(--slate); color: var(--ivory); border-color: var(--slate); }body.rs.rs .seg input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }body.rs.rs .check { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; color: var(--ink-soft); cursor: pointer; }body.rs.rs .check input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--slate); flex: none; }body.rs.rs .form-note { font-size: 13px; color: var(--ink-soft); }body.rs.rs .form-done { display: none; text-align: center; padding: 40px 10px; }body.rs.rs .form-done h3 { margin: 14px 0 12px; }body.rs.rs .is-sent .form { display: none; }body.rs.rs .is-sent .form-done { display: block; }body.rs.rs .prefill { background: var(--limestone) !important; font-family: var(--f-display); font-style: italic; font-size: 18px !important; }/* Info cards (Contact) */body.rs.rs .info { display: grid; gap: 0; border-top: 1px solid var(--line); }body.rs.rs .info__item { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }body.rs.rs .info__item svg { width: 22px; height: 22px; color: var(--gold-ink); margin-top: 4px; }body.rs.rs .info__item h4 { font-family: var(--f-body); font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 6px; }[dir="rtl"] body.rs.rs .info__item h4 { letter-spacing: .04em; font-size: 14px; }body.rs.rs .info__item p, body.rs.rs .info__item a { font-family: var(--f-display); font-size: 23px; line-height: 1.35; }body.rs.rs .info__item a:hover { color: var(--gold-ink); }body.rs.rs .map { aspect-ratio: 21 / 8; width: 100%; border: 0; filter: grayscale(.85) contrast(.95) sepia(.12); display: block; }/* ---------- 23. Filters (Taxonomy Filter) ---------- */body.rs.rs .filters { position: sticky; top: 72px; z-index: 20; background: rgba(250, 247, 241, .96); backdrop-filter: blur(8px); border-block: 1px solid var(--line); }body.rs.rs .filters__inner { display: flex; gap: 28px; align-items: center; padding-block: 16px; overflow-x: auto; scrollbar-width: none; }body.rs.rs .filters__inner::-webkit-scrollbar { display: none; }body.rs.rs .filter-group { display: flex; align-items: center; gap: 8px; flex: none; }body.rs.rs .filter-group > span, body.rs.rs .filter-group > :where(.elementor-widget,.elementor-form-fields-wrapper) > span { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-soft); margin-inline-end: 6px; }[dir="rtl"] body.rs.rs .filter-group > span, [dir="rtl"] body.rs.rs .filter-group > :where(.elementor-widget,.elementor-form-fields-wrapper) > span { letter-spacing: .04em; font-size: 13.5px; }body.rs.rs .filter-sep { width: 1px; height: 28px; background: var(--line); flex: none; }body.rs.rs .pill { padding: 9px 16px; border: 1px solid var(--line-soft); font-size: 13.5px; white-space: nowrap; transition: all .25s; background: transparent; }body.rs.rs .pill:hover { border-color: var(--gold); }body.rs.rs .pill.is-active { background: var(--slate); border-color: var(--slate); color: var(--ivory); }body.rs.rs .filters__count { margin-inline-start: auto; font-size: 13px; color: var(--ink-soft); white-space: nowrap; flex: none; }body.rs.rs .art-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(36px, 4vw, 64px) clamp(24px, 3vw, 48px); }body.rs.rs .art-card.is-hidden { display: none; }body.rs.rs .empty { display: none; text-align: center; padding: 60px 0; }body.rs.rs .empty.is-on { display: block; }/* ---------- 24. Product page (SP-Artwork) ---------- */body.rs.rs .pdp { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(40px, 6vw, 110px); align-items: start; }body.rs.rs .pdp__stage { background: #fff; padding: clamp(14px, 2vw, 28px); box-shadow: var(--shadow-card); cursor: zoom-in; overflow: hidden; }body.rs.rs .pdp__stage img { width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--limestone); transition: transform .5s var(--ease); }body.rs.rs .pdp__thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 16px; }body.rs.rs .pdp__thumbs button { aspect-ratio: 1; overflow: hidden; border: 1px solid transparent; opacity: .6; transition: opacity .3s, border-color .3s; position: relative; }body.rs.rs .pdp__thumbs button.is-active, body.rs.rs .pdp__thumbs button:hover { opacity: 1; border-color: var(--gold); }body.rs.rs .pdp__thumbs img { width: 100%; height: 100%; object-fit: cover; }body.rs.rs .pdp__thumbs .tag { position: absolute; inset: auto 0 0; background: rgba(28, 34, 38, .75); color: var(--ivory); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; padding: 3px; }body.rs.rs .pdp__info { position: sticky; top: 104px; }body.rs.rs .pdp__info h1 { font-style: italic; font-size: clamp(40px, 3.6vw, 62px); margin-bottom: 8px; }[dir="rtl"] body.rs.rs .pdp__info h1 { font-style: normal; }body.rs.rs .pdp__year { font-family: var(--f-display); font-size: 22px; color: var(--ink-soft); }body.rs.rs .meta-list { margin: 30px 0; border-top: 1px solid var(--line); }body.rs.rs .meta-list div { display: grid; grid-template-columns: 130px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 15px; }body.rs.rs .meta-list dt { font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--ink-soft); padding-top: 3px; }[dir="rtl"] body.rs.rs .meta-list dt { letter-spacing: .04em; font-size: 14px; }body.rs.rs .meta-list dd { margin: 0; }body.rs.rs .pdp__price { font-family: var(--f-display); font-size: 34px; margin-bottom: 4px; }body.rs.rs .pdp__price small { font-family: var(--f-body); font-size: 14px; color: var(--ink-soft); margin-inline-start: 10px; }body.rs.rs .pdp__actions { display: grid; gap: 12px; margin: 26px 0 30px; }body.rs.rs .assure { list-style: none; padding: 0; margin: 0 0 30px; display: grid; gap: 12px; font-size: 14.5px; }body.rs.rs .assure li { display: flex; gap: 12px; align-items: center; }body.rs.rs .assure svg { width: 20px; height: 20px; color: var(--gold-ink); flex: none; }body.rs.rs .acc details { border-top: 1px solid var(--line); }body.rs.rs .acc details:last-child { border-bottom: 1px solid var(--line); }body.rs.rs .acc summary { list-style: none; cursor: pointer; padding: 18px 0; display: flex; justify-content: space-between; font-size: 12.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }[dir="rtl"] body.rs.rs .acc summary { letter-spacing: .04em; font-size: 15px; }body.rs.rs .acc summary::-webkit-details-marker { display: none; }body.rs.rs .acc summary::after { content: "+"; font-size: 20px; font-weight: 400; color: var(--gold-ink); line-height: 1; }body.rs.rs .acc details[open] summary::after { content: "–"; }body.rs.rs .acc .acc__a { padding-bottom: 20px; color: var(--ink-soft); font-size: 15.5px; }/* ---------- 25. Popups (Elementor Popups) ---------- */body.rs.rs .modal { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; background: rgba(20, 24, 27, .72); backdrop-filter: blur(6px); opacity: 0; visibility: hidden; transition: opacity .4s var(--ease), visibility 0s .4s; }body.rs.rs .modal.is-open { opacity: 1; visibility: visible; transition-delay: 0s; }body.rs.rs .modal__panel { position: relative; width: min(100%, 560px); max-height: calc(100vh - 40px); overflow-y: auto; background: var(--ivory); transform: translateY(20px) scale(.98); transition: transform .5s var(--ease-slow); }body.rs.rs .modal.is-open .modal__panel { transform: none; }body.rs.rs .modal__panel--split { width: min(100%, 940px); display: grid; grid-template-columns: .9fr 1.1fr; }body.rs.rs .modal__art { position: relative; min-height: 100%; }body.rs.rs .modal__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }body.rs.rs .modal__body { padding: clamp(28px, 4vw, 52px); }body.rs.rs .modal__body h3 { margin-bottom: 12px; font-size: clamp(28px, 2.4vw, 38px); }body.rs.rs .modal__body > p, body.rs.rs .modal__body > :where(.elementor-widget,.elementor-form-fields-wrapper) > p { color: var(--ink-soft); margin-bottom: 26px; }body.rs.rs .modal__close { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; background: rgba(250, 247, 241, .9); }body.rs.rs .modal__close svg { width: 20px; height: 20px; }body.rs.rs .modal .form { grid-template-columns: 1fr; gap: 16px; }body.rs.rs .modal .or { display: flex; align-items: center; gap: 14px; margin: 18px 0; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-soft); }body.rs.rs .modal .or::before, body.rs.rs .modal .or::after { content: ""; flex: 1; height: 1px; background: var(--line); }/* Mobile collectors slide-in */body.rs.rs .slidein { position: fixed; inset-inline: 12px; bottom: 12px; z-index: 250; background: var(--slate); color: var(--ivory); padding: 18px 54px 18px 20px; display: none; box-shadow: 0 20px 40px rgba(0, 0, 0, .35); transform: translateY(140%); transition: transform .6s var(--ease-slow); }[dir="rtl"] body.rs.rs .slidein { padding: 18px 20px 18px 54px; }body.rs.rs .slidein.is-open { transform: none; }body.rs.rs .slidein p { margin: 0 0 12px; font-family: var(--f-display); font-size: 21px; line-height: 1.3; }body.rs.rs .slidein .modal__close { background: transparent; color: var(--ivory); top: 6px; inset-inline-end: 6px; }/* Floating WhatsApp (mobile) */body.rs.rs .wa-float { position: fixed; inset-inline-end: 18px; bottom: 18px; z-index: 90; width: 56px; height: 56px; border-radius: 50%; background: var(--wa); color: #0B2E17; display: none; place-items: center; box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }body.rs.rs .wa-float svg { width: 28px; height: 28px; }/* ---------- 26. Motion ---------- */body.rs.rs [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 1.1s var(--ease-slow), transform 1.1s var(--ease-slow); transition-delay: var(--d, 0s); }body.rs.rs [data-reveal="fade"] { transform: none; }body.rs.rs [data-reveal].is-in { opacity: 1; transform: none; }body.rs.rs [data-tilt] { transform-style: preserve-3d; transition: transform .8s var(--ease-slow); will-change: transform; }@media (prefers-reduced-motion: reduce) {body.rs.rs *, body.rs.rs *::before, body.rs.rs *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }body.rs.rs [data-reveal] { opacity: 1; transform: none; }}/* ---------- 27. Responsive ---------- */@media (max-width: 1280px) {body.rs.rs .nav__list { gap: 18px; }body.rs.rs .nav__list a { font-size: 12px; letter-spacing: .08em; }body.rs.rs .hdr__cta .lbl-long { display: none; }}@media (max-width: 1100px) {:root { --hdr-h: 76px; }body.rs.rs .nav, body.rs.rs .hdr__cta, body.rs.rs .hdr .langsw { display: none; }body.rs.rs .burger { display: inline-flex; margin-inline-start: auto; }body.rs.rs .hdr__util { margin-inline-start: auto; }body.rs.rs .creds { grid-template-columns: repeat(2, 1fr); }body.rs.rs .cred:nth-child(3) { border-inline-start: 0; }body.rs.rs .cred:nth-child(n+3) { border-top: 1px solid var(--line); }body.rs.rs .grid-4 { grid-template-columns: repeat(2, 1fr); }body.rs.rs .rail { grid-auto-columns: calc((100% - 32px) / 2.3); }body.rs.rs .ftr__grid { grid-template-columns: 1fr 1fr; }body.rs.rs .steps { grid-template-columns: repeat(2, 1fr); row-gap: 48px; }body.rs.rs .steps::before { display: none; }body.rs.rs .art-grid { grid-template-columns: repeat(2, 1fr); }body.rs.rs .wa-float { display: grid; }}@media (max-width: 900px) {body.rs.rs .hero__body, body.rs.rs .split, body.rs.rs .split--40, body.rs.rs .expo, body.rs.rs .pdp, body.rs.rs .grid-2, body.rs.rs .coll-banners, body.rs.rs .ftr__news, body.rs.rs .modal__panel--split { grid-template-columns: 1fr; }body.rs.rs .split--rev > :first-child, body.rs.rs .split--rev > :where(.elementor-widget,.elementor-form-fields-wrapper) > :first-child { order: 0; }body.rs.rs .grid-3, body.rs.rs .voices { grid-template-columns: 1fr; }body.rs.rs .hero__body { padding-top: calc(var(--hdr-h) + 28px); padding-bottom: 110px; gap: 48px; }body.rs.rs .hero__art { width: min(100%, 440px); }body.rs.rs .pdp__info { position: static; }body.rs.rs .modal__art { display: none; }body.rs.rs .timeline::before { inset-inline-start: 8px; }body.rs.rs .tl-item, body.rs.rs .tl-item:nth-child(even) { width: auto; margin-inline-start: 0; padding-inline: 44px 0; text-align: start; }body.rs.rs .tl-item::after, body.rs.rs .tl-item:nth-child(even)::after { inset-inline: 4px auto; }body.rs.rs .map { aspect-ratio: 4 / 3; }}@media (max-width: 640px) {body.rs.rs { font-size: 16px; }body.rs.rs .grid-4, body.rs.rs .creds, body.rs.rs .steps, body.rs.rs .art-grid, body.rs.rs .ftr__grid, body.rs.rs .form { grid-template-columns: 1fr; }body.rs.rs .cred + .cred { border-inline-start: 0; border-top: 1px solid var(--line); }body.rs.rs .cred { padding: 26px 4px; }body.rs.rs .rail { grid-auto-columns: 82%; gap: 18px; }body.rs.rs .coll-banner { min-height: 380px; }body.rs.rs .coll-banner__body { padding: 28px 24px; }body.rs.rs .btn-row .btn { width: 100%; }body.rs.rs .hero__chip { font-size: 12px; margin-bottom: 28px; }body.rs.rs .countdown div { min-width: 0; flex: 1; padding-inline: 4px; }body.rs.rs .meta-list div { grid-template-columns: 110px 1fr; }body.rs.rs .slidein { display: block; }body.rs.rs .pillar__body, body.rs.rs .svc__body { padding: 28px 24px 32px; }body.rs.rs .voice { padding: 36px 26px; }body.rs.rs .info__item p, body.rs.rs .info__item a { font-size: 20px; }body.rs.rs .press span + span::before { margin-inline-end: 16px; }body.rs.rs .press { gap: 12px 16px; }body.rs.rs .press span { font-size: 18px; }body.rs.rs .filters { top: 64px; }body.rs.rs .hdr.is-scrolled, body.rs.rs .hdr.mega-open { height: 64px; }body.rs.rs .logo__name { font-size: 21px; }body.rs.rs .sec-head { margin-bottom: 32px; }}/* ---------- 28. Additions ---------- */body.rs.rs .flip { transform: scaleX(-1); }[dir="rtl"] body.rs.rs .rail-nav .flip { transform: none; }body.rs.rs .art-card__hover { pointer-events: none; }body.rs.rs .art-card__hover .btn { pointer-events: auto; }body.rs.rs .art-card__inq { display: none; margin-top: 10px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-ink); }[dir="rtl"] body.rs.rs .art-card__inq { letter-spacing: .02em; font-size: 14.5px; }@media (hover: none) {body.rs.rs .art-card__inq { display: inline-block; }body.rs.rs .art-card__hover { display: none; }}body.rs.rs .ig-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }body.rs.rs .ig-grid a { aspect-ratio: 1; overflow: hidden; position: relative; }body.rs.rs .ig-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-slow), filter .6s; }body.rs.rs .ig-grid a:hover img { transform: scale(1.06); filter: brightness(.85); }@media (max-width: 900px) {body.rs.rs .ig-grid { grid-template-columns: repeat(3, 1fr); }}body.rs.rs .nav__list a { white-space: nowrap; }[dir="ltr"] body.rs.rs .expo__title-he { text-align: left; }[dir="rtl"] body.rs.rs .expo__title-en { text-align: right; }body.rs.rs .art-card__media .ratio { display: block; }body.rs.rs .coll-banner::after { background: linear-gradient(rgba(28, 34, 38, .1) 0%, rgba(28, 34, 38, .55) 45%, rgba(28, 34, 38, .92)); }body.rs.rs .ftr__bottom { border-top: 0; position: relative; }body.rs.rs .ftr__bottom::before { content: ""; position: absolute; top: 0; inset-inline: var(--gutter); height: 1px; background: var(--line-dark); }body.rs.rs .cta-band__bg { inset: -15% -6%; }body.rs.rs .mega { }@media (max-width: 1100px) {body.rs.rs .mega { display: none; }}body.rs.rs fieldset:is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) { border: 0; padding: 0; margin: 0; min-width: 0; }body.rs.rs .modal__panel { overflow-x: hidden; }body.rs.rs .modal .form { gap: 14px; }body.rs.rs .modal :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) input, body.rs.rs .modal :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select { min-height: 46px; padding-block: 10px; }body.rs.rs .modal :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea { min-height: 84px; }body.rs.rs .modal__body { padding: clamp(26px, 3.4vw, 46px); }body.rs.rs .modal__body > p, body.rs.rs .modal__body > :where(.elementor-widget,.elementor-form-fields-wrapper) > p { margin-bottom: 20px; }body.rs.rs .modal .form :is(.field--half,.elementor-col-50) { grid-column: auto; }@media (min-width: 641px) {body.rs.rs .modal .form--pair { grid-template-columns: 1fr 1fr; }body.rs.rs .modal .form--pair > :not(:is(.field--half,.elementor-col-50)), body.rs.rs .modal .form--pair > :where(.elementor-widget,.elementor-form-fields-wrapper) > :not(:is(.field--half,.elementor-col-50)) { grid-column: 1 / -1; }}body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) .seg input { width: 1px; height: 1px; min-height: 0; padding: 0; }body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) .check input, body.rs.rs .check input { width: 18px; min-height: 0; padding: 0; }[dir="rtl"] body.rs.rs .g { font-style: normal; }/* ===================================================================== v2 — less template, more studio (client feedback 06.10) ===================================================================== *//* Small radius everywhere */body.rs.rs .frame, body.rs.rs .frame img, body.rs.rs .art-card__media, body.rs.rs .art-card__media .ratio, body.rs.rs .media, body.rs.rs .pillar, body.rs.rs .pillar__img, body.rs.rs .svc, body.rs.rs .svc__img, body.rs.rs .coll-banner, body.rs.rs .voice, body.rs.rs .form-card, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) input, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select, body.rs.rs :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea, body.rs.rs .seg span, body.rs.rs .modal__panel, body.rs.rs .pill, body.rs.rs .chip, body.rs.rs .countdown div, body.rs.rs .rail-nav button, body.rs.rs .socials a, body.rs.rs .ig-grid a, body.rs.rs .pdp__stage, body.rs.rs .pdp__stage img, body.rs.rs .pdp__thumbs button, body.rs.rs .mega-box, body.rs.rs .mega-box img, body.rs.rs .mega-video, body.rs.rs .map, body.rs.rs .slidein, body.rs.rs .schedule td span, body.rs.rs .media img { border-radius: var(--r); }body.rs.rs .hero__chip, body.rs.rs .hero__chip b { border-radius: 40px; }body.rs.rs .form-card, body.rs.rs .media { overflow: hidden; }/* Remove the repeated formula outside the hero */body.rs.rs .tessera { display: none; }body.rs.rs .hero .tessera { display: inline-flex; }body.rs.rs em.g, body.rs.rs .g { font-style: inherit; color: inherit; }body.rs.rs .hero .g { font-style: italic; color: var(--gold-leaf); }[dir="rtl"] body.rs.rs .hero .g { font-style: normal; }body.rs.rs .eyebrow { font-size: 13px; letter-spacing: .08em; color: var(--ink-soft); font-weight: 600; margin-bottom: 16px; }body.rs.rs .hero .eyebrow { color: var(--gold-leaf); letter-spacing: .2em; font-size: 12.5px; }body.rs.rs .sec--slate .eyebrow, body.rs.rs .on-dark .eyebrow { color: rgba(250, 247, 241, .62); }body.rs.rs .hero.on-dark .eyebrow { color: var(--gold-leaf); }body.rs.rs .link-arrow { letter-spacing: .08em; font-size: 13px; }/* ---------- Editorial components ---------- */body.rs.rs .sec--quiet { padding-block: clamp(72px, 8vw, 128px); }/* Intro: the artist talks (art-andvision) */body.rs.rs .intro { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(40px, 7vw, 120px); align-items: center; }body.rs.rs .intro__img { margin: 0; }body.rs.rs .intro__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }body.rs.rs .intro__img figcaption { font-size: 14px; color: var(--ink-soft); margin-top: 12px; }body.rs.rs .intro__say { font-family: var(--f-display); font-size: clamp(28px, 2.6vw, 42px); line-height: 1.28; font-weight: 400; margin: 0 0 26px; }[dir="rtl"] body.rs.rs .intro__say { line-height: 1.45; }body.rs.rs .intro__body { max-width: 58ch; color: var(--ink-soft); font-size: 18px; }body.rs.rs .credits { list-style: none; margin: 36px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line-soft); display: flex; flex-wrap: wrap; gap: 6px 0; font-size: 15px; color: var(--ink-soft); }body.rs.rs .credits li + li::before { content: "·"; margin-inline: 12px; color: var(--gold); }body.rs.rs .credits b { color: var(--ink); font-weight: 600; }/* Section heading row: plain, with a quiet link */body.rs.rs .head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: clamp(32px, 4vw, 56px); flex-wrap: wrap; }body.rs.rs .head h2 { font-size: clamp(30px, 3vw, 48px); }body.rs.rs .head p { color: var(--ink-soft); margin: 10px 0 0; max-width: 52ch; }body.rs.rs .quiet-link { font-size: 15px; font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 2px; white-space: nowrap; transition: color .25s; }body.rs.rs .quiet-link:hover { color: var(--gold-ink); }body.rs.rs .on-dark .quiet-link:hover { color: var(--gold-leaf); }/* Works: uncropped objects on a wall colour (Hivroni) → Loop Grid Masonry */body.rs.rs .works { columns: 3; column-gap: clamp(24px, 3vw, 48px); }body.rs.rs .work { display: block; break-inside: avoid; margin-bottom: clamp(36px, 4vw, 56px); }body.rs.rs .work__img { display: block; overflow: hidden; border-radius: var(--r); background: #EDE7DD; }body.rs.rs .work__img img { width: 100%; height: auto; transition: transform 1.2s var(--ease-slow); }body.rs.rs .work:hover .work__img img { transform: scale(1.03); }body.rs.rs .work__cap { display: flex; justify-content: space-between; gap: 16px; margin-top: 14px; align-items: baseline; }body.rs.rs .work__t { font-family: var(--f-display); font-size: 23px; line-height: 1.2; display: block; }body.rs.rs .work__m { display: block; font-size: 14.5px; color: var(--ink-soft); margin-top: 2px; }body.rs.rs .work__p { font-size: 15.5px; white-space: nowrap; }body.rs.rs .work__p.req, body.rs.rs .work__p.sold { color: var(--ink-soft); }/* Collections (art-andvision "shop by category") */body.rs.rs .colls { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: clamp(20px, 2.4vw, 36px); align-items: start; }body.rs.rs .coll { display: block; }body.rs.rs .coll__img { display: block; overflow: hidden; border-radius: var(--r); }body.rs.rs .coll__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform 1.2s var(--ease-slow); }body.rs.rs .coll:hover .coll__img img { transform: scale(1.03); }body.rs.rs .coll:nth-child(2) { margin-top: clamp(0px, 6vw, 96px); }body.rs.rs .coll h3 { font-size: 27px; margin-top: 16px; }body.rs.rs .coll p { color: var(--ink-soft); font-size: 15.5px; margin-top: 6px; }/* Exhibition: a poster, not a widget */body.rs.rs .poster { display: grid; grid-template-columns: auto 1fr minmax(0, 400px); gap: clamp(32px, 5vw, 88px); align-items: center; }body.rs.rs .poster__date { font-family: "Cormorant Garamond", serif; font-weight: 400; line-height: .8; color: var(--gold-leaf); font-size: clamp(96px, 11vw, 190px); letter-spacing: -.03em; direction: ltr; }body.rs.rs .poster__date small { display: block; font-size: .3em; letter-spacing: .04em; color: rgba(250, 247, 241, .7); margin-top: 16px; }body.rs.rs .poster h2 { font-size: clamp(40px, 4vw, 64px); }body.rs.rs .poster__he { font-family: "Frank Ruhl Libre", serif; font-size: 24px; color: rgba(250, 247, 241, .75); margin: 10px 0 22px; display: block; }body.rs.rs .poster__lines { color: rgba(250, 247, 241, .78); margin-bottom: 30px; }body.rs.rs .poster__lines b { color: var(--ivory); font-weight: 600; }body.rs.rs .poster__img { margin: 0; }body.rs.rs .poster__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }/* Commissions: an index of real projects */body.rs.rs .projects { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(40px, 6vw, 100px); align-items: center; }body.rs.rs .projects__img { margin: 0; }body.rs.rs .projects__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }body.rs.rs .plist { list-style: none; margin: 28px 0 32px; padding: 0; border-top: 1px solid var(--line-soft); }body.rs.rs .plist li { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }body.rs.rs .plist b { font-family: var(--f-display); font-weight: 500; font-size: 24px; }body.rs.rs .plist span { color: var(--ink-soft); font-size: 15px; text-align: end; }/* Studio */body.rs.rs .studio { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(40px, 6vw, 100px); align-items: center; }body.rs.rs .studio__pics { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; }body.rs.rs .studio__pics img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); }body.rs.rs .studio__pics :where(.elementor-widget-image):first-child img { grid-row: span 2; aspect-ratio: 3 / 4; }body.rs.rs .studio__pics :where(.elementor-widget-image):not(:first-child) img { aspect-ratio: 4 / 3; }body.rs.rs .hours { list-style: none; margin: 22px 0 30px; padding: 0; font-size: 16px; }body.rs.rs .hours li { display: flex; justify-content: space-between; gap: 20px; padding: 9px 0; border-bottom: 1px solid var(--line-soft); }body.rs.rs .hours li span:last-child { color: var(--ink-soft); direction: ltr; }/* One real quote, set like text */body.rs.rs .said { max-width: 940px; }body.rs.rs .said blockquote { margin: 0; font-family: var(--f-display); font-size: clamp(26px, 2.4vw, 38px); line-height: 1.35; }body.rs.rs .said cite { display: block; margin-top: 22px; font-style: normal; color: var(--ink-soft); font-size: 15px; }body.rs.rs .said cite b { color: var(--ink); font-weight: 600; }/* Visit */body.rs.rs .visit { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: end; }body.rs.rs .visit h2 { font-size: clamp(34px, 3.4vw, 56px); }body.rs.rs .visit__info { display: grid; gap: 4px; font-size: 17px; margin-bottom: 26px; }body.rs.rs .visit__info a:hover { color: var(--gold-ink); }body.rs.rs .btn--dark { background: var(--slate); color: var(--ivory); }body.rs.rs .btn--dark:hover { background: #2f383d; }/* ---------- Mobile: center everything (client feedback) ---------- */@media (max-width: 900px) {body.rs.rs .intro, body.rs.rs .colls, body.rs.rs .poster, body.rs.rs .projects, body.rs.rs .studio, body.rs.rs .visit { grid-template-columns: 1fr; }body.rs.rs .coll:nth-child(2) { margin-top: 0; }body.rs.rs .works { columns: 2; }body.rs.rs .poster__img { max-width: 420px; }}@media (max-width: 640px) {body.rs.rs main, body.rs.rs .ftr, body.rs.rs .offcanvas__foot { text-align: center; }body.rs.rs .eyebrow, body.rs.rs .btn-row, body.rs.rs .head, body.rs.rs .sec-head, body.rs.rs .expo__when, body.rs.rs .countdown, body.rs.rs .chips, body.rs.rs .credits, body.rs.rs .socials, body.rs.rs .ftr__bottom, body.rs.rs .ftr__bottom nav, body.rs.rs .mega__links, body.rs.rs .rail-nav, body.rs.rs .art-card__row, body.rs.rs .filters__inner { justify-content: center; }body.rs.rs .head { flex-direction: column; align-items: center; }body.rs.rs .hero__chip { margin-inline: auto; }body.rs.rs .lead, body.rs.rs .measure, body.rs.rs .intro__body, body.rs.rs .head p, body.rs.rs .said { margin-inline: auto; }body.rs.rs .work__cap { flex-direction: column; align-items: center; gap: 4px; }body.rs.rs .art-card__row { flex-direction: column; align-items: center; gap: 4px; }body.rs.rs .plist li { grid-template-columns: 1fr; gap: 4px; }body.rs.rs .plist span { text-align: center; }body.rs.rs .hours li { justify-content: center; gap: 14px; }body.rs.rs .ftr__contact li { justify-content: center; }body.rs.rs .check-list li { justify-content: center; }body.rs.rs .works { columns: 1; }body.rs.rs .poster__date { font-size: 112px; }body.rs.rs .poster__img, body.rs.rs .intro__img, body.rs.rs .studio__pics, body.rs.rs .projects__img { max-width: 420px; margin-inline: auto; }body.rs.rs .credits li + li::before { margin-inline: 8px; }/* readability: forms, FAQ, tables and data lists keep start alignment */body.rs.rs .form, body.rs.rs .form-card, body.rs.rs .faq, body.rs.rs .timeline, body.rs.rs .schedule, body.rs.rs .meta-list, body.rs.rs .acc, body.rs.rs .info, body.rs.rs .assure { text-align: start; }}@media (min-width: 901px) {body.rs.rs .poster { grid-template-columns: minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, 400px); }}body.rs.rs .poster__date { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; font-size: clamp(90px, 9vw, 160px); }body.rs.rs .poster__date small { font-family: var(--f-body); font-size: 15px; letter-spacing: .08em; margin-top: 22px; }[dir="ltr"] body.rs.rs .poster__he { text-align: left; }@media (max-width: 640px) {[dir="ltr"] body.rs.rs .poster__he, body.rs.rs .poster__he { text-align: center; }body.rs.rs .hero .tessera { display: none; }}/* ===================================================================== v3 — impeccable critique (06.10): out of the cream "editorial" lane. Hero is frozen: every rule below either excludes .hero or re-asserts it. Palette from her materials: gallery-wall white, slate room, lagoon, smalti gold. Type roles: grotesk = her voice (headings), Cormorant italic = the artwork (titles only). ===================================================================== */:root { --ivory: #F3F3F0; /* gallery wall, neutral (was cream #FAF7F1) */ --limestone: #E4E5E1; /* raw lime plaster, cool */ --ink: #1D2225; /* slate-tinted ink */ --ink-soft: #5B6266; --line-soft: rgba(29, 34, 37, .14); --lagoon: #1D4B4D; /* Venetian lagoon, drench colour */ --lagoon-2: #245A5C; --f-head: "Familjen Grotesk", "Assistant", system-ui, sans-serif; --f-title: "Cormorant Garamond", Georgia, serif; }[dir="rtl"] { --f-head: "Assistant", "Familjen Grotesk", system-ui, sans-serif; --f-title: "Frank Ruhl Libre", serif; }/* Headings speak in the grotesk; the hero keeps its serif */body.rs.rs h1, body.rs.rs h2, body.rs.rs h3, body.rs.rs h4 { font-family: var(--f-head); font-weight: 500; letter-spacing: -.022em; line-height: 1.06; }[dir="rtl"] body.rs.rs h1, [dir="rtl"] body.rs.rs h2, [dir="rtl"] body.rs.rs h3, [dir="rtl"] body.rs.rs h4 { font-weight: 700; letter-spacing: 0; line-height: 1.15; }body.rs.rs .hero h1 { font-family: var(--f-display); font-weight: 500; letter-spacing: -.01em; line-height: 1.08; }[dir="rtl"] body.rs.rs .hero h1 { font-weight: 500; line-height: 1.2; }body.rs.rs h2 { font-size: clamp(34px, 3.6vw, 60px); }body.rs.rs .head h2 { font-size: clamp(34px, 3.6vw, 60px); }/* Artwork titles = museum caption (serif italic), the only place the serif lives below the hero */body.rs.rs .work__t, body.rs.rs .art-card__title, body.rs.rs .plist b, body.rs.rs .pdp__info h1, body.rs.rs .museum-label b, body.rs.rs .coll h3 { font-family: var(--f-title); font-style: italic; font-weight: 500; letter-spacing: 0; }body.rs.rs .coll h3 { font-size: 30px; }[dir="rtl"] body.rs.rs .work__t, [dir="rtl"] body.rs.rs .plist b, [dir="rtl"] body.rs.rs .coll h3 { font-style: normal; }body.rs.rs .work__t:lang(en), body.rs.rs .plist b:lang(en) { font-family: "Cormorant Garamond", serif; }/* Body copy in the intro is the artist's voice: grotesk, large, not serif */body.rs.rs .intro__say { font-family: var(--f-head); font-weight: 400; letter-spacing: -.015em; line-height: 1.22; font-size: clamp(28px, 2.5vw, 40px); }body.rs.rs .said blockquote { font-family: var(--f-head); font-weight: 400; letter-spacing: -.012em; }/* Buttons: sentence case outside the hero */body.rs.rs .btn { text-transform: none; letter-spacing: 0; font-size: 15.5px; font-weight: 600; }body.rs.rs .hero .btn, body.rs.rs .hdr .btn { text-transform: uppercase; letter-spacing: .1em; font-size: 14px; font-weight: 700; }[dir="rtl"] body.rs.rs .btn { font-size: 16.5px; }body.rs.rs .eyebrow { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; }body.rs.rs .hero .eyebrow { text-transform: uppercase; letter-spacing: .2em; font-size: 12.5px; font-weight: 600; }body.rs.rs .link-arrow { text-transform: none; letter-spacing: 0; font-size: 15px; }body.rs.rs .quiet-link { font-weight: 500; }/* No decorative stripe on forms (side-tab tell) */body.rs.rs .form-card::before { content: none; }body.rs.rs .form-card { box-shadow: none; border: 1px solid var(--line-soft); background: #FBFBF9; }/* Undersized text floor */body.rs.rs .badge, body.rs.rs .pdp__thumbs .tag, body.rs.rs .mega-video figcaption, body.rs.rs .countdown span, body.rs.rs .press__k, body.rs.rs .filter-group > span, body.rs.rs .filter-group > :where(.elementor-widget,.elementor-form-fields-wrapper) > span { font-size: 12px; }/* ---------- Art direction per room ---------- *//* The works hang in a dark room, like the hero */body.rs.rs .room-dark { background: var(--slate); color: var(--ivory); }body.rs.rs .room-dark .head p, body.rs.rs .room-dark .work__m, body.rs.rs .room-dark .work__p.req, body.rs.rs .room-dark .work__p.sold { color: rgba(243, 243, 240, .62); }body.rs.rs .room-dark .work__img { background: #262E33; }body.rs.rs .room-dark .quiet-link:hover { color: var(--gold-leaf); }body.rs.rs .room-dark .work__p { color: var(--ivory); }/* The exhibition is drenched in lagoon */body.rs.rs .room-lagoon { background: var(--lagoon); color: var(--ivory); }body.rs.rs .room-lagoon .poster__lines, body.rs.rs .room-lagoon .poster__he { color: rgba(243, 243, 240, .78); }body.rs.rs .room-lagoon .eyebrow { color: rgba(243, 243, 240, .7); }body.rs.rs .room-lagoon .btn--gold:hover { background: var(--gold-leaf); }/* Plaster room: the studio */body.rs.rs .room-plaster { background: var(--limestone); }/* Rhythm: not every room has the same height */body.rs.rs .sec--tall { padding-block: clamp(110px, 12vw, 200px); }body.rs.rs .sec--short { padding-block: clamp(56px, 6vw, 96px); }/* Mobile: keep centred */@media (max-width: 640px) {body.rs.rs .intro__say { font-size: 27px; }}/* v3.1 — reference sites (07.10): Hebrew headings in Rubik like smadarsart.com (liked); avoid the Frank Ruhl + gold-label Hebrew look of photollier / ahuvasherman (disliked) */[dir="rtl"] { --f-head: "Rubik", "Assistant", system-ui, sans-serif; }[dir="rtl"] body.rs.rs h1, [dir="rtl"] body.rs.rs h2, [dir="rtl"] body.rs.rs h3, [dir="rtl"] body.rs.rs h4 { font-weight: 500; letter-spacing: -.005em; }[dir="rtl"] body.rs.rs .hero h1 { font-family: var(--f-display); }/* v3.2 (07.10) — hero background drifts slowly; HE hero in Rubik; quieter footer labels */body.rs.rs .hero__bg { inset: -10%; opacity: .26; animation: drift 38s cubic-bezier(.45, 0, .55, 1) infinite alternate; will-change: transform; }@keyframes drift { 0% { transform: translate3d(-2.5%, -1.5%, 0) scale(1.04); } 50% { transform: translate3d(1.5%, 1%, 0) scale(1.1); } 100% { transform: translate3d(3%, -1%, 0) scale(1.14); } }body.rs.rs .hero__bg-wrap { position: absolute; inset: 0; z-index: -2; transition: transform 1.6s cubic-bezier(.16, 1, .3, 1); will-change: transform; }body.rs.rs .hero__bg-wrap .hero__bg { z-index: auto; }[dir="rtl"] body.rs.rs .hero h1 { font-family: "Rubik", "Assistant", sans-serif; font-weight: 500; letter-spacing: -.01em; line-height: 1.12; }body.rs.rs .hero-alt .hero h1 { font-family: "Bodoni Moda", "Cormorant Garamond", serif; font-weight: 500; letter-spacing: -.02em; line-height: 1.04; font-size: clamp(38px, 4.2vw, 74px); }body.rs.rs .hero-alt .hero .g { font-style: italic; }body.rs.rs .logo__sub { font-size: 11px; }body.rs.rs .hero__chip b { font-size: 11.5px; }body.rs.rs .intro__say { line-height: 1.3; }body.rs.rs .ftr h4 { font-family: var(--f-head); text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; color: rgba(243, 243, 240, .55); }body.rs.rs .inline-form button { text-transform: none; letter-spacing: 0; font-size: 15.5px; font-weight: 600; }@media (prefers-reduced-motion: reduce) {body.rs.rs .hero__bg { animation: none; }}/* v3.3 (07.10) — Bodoni Moda becomes the default hero face (classic Cormorant: ?hero=classic); stronger, still slow drift */body.rs.rs .hero h1 { font-family: "Bodoni Moda", "Cormorant Garamond", serif; font-weight: 500; letter-spacing: -.02em; line-height: 1.04; font-size: clamp(38px, 4.2vw, 74px); }body.rs.rs .hero-classic .hero h1 { font-family: "Cormorant Garamond", serif; letter-spacing: -.01em; line-height: 1.08; font-size: clamp(40px, 4.6vw, 80px); }[dir="rtl"] body.rs.rs .hero h1 { font-family: "Rubik", "Assistant", sans-serif; letter-spacing: -.01em; line-height: 1.12; }body.rs.rs .hero__bg { opacity: .34; animation: drift 26s cubic-bezier(.45, 0, .55, 1) infinite alternate; }@keyframes drift { 0% { transform: translate3d(-5%, -3%, 0) scale(1.06); } 50% { transform: translate3d(2%, 2.5%, 0) scale(1.13); } 100% { transform: translate3d(5%, -2%, 0) scale(1.18); } }/* 07.10 — header CTA no longer a gold block (photollier.com has the same mustard corner button) */body.rs.rs .hdr__cta { background: transparent; color: inherit; border: 1px solid currentColor; }body.rs.rs .hdr__cta:hover { background: var(--ivory); color: var(--slate); border-color: var(--ivory); }body.rs.rs .hdr.is-scrolled .hdr__cta:hover, body.rs.rs .hdr.mega-open .hdr__cta:hover { background: var(--slate); color: var(--ivory); border-color: var(--slate); }body.rs.rs .hero h1 { max-width: 15.5em; font-size: clamp(36px, 3.7vw, 64px); }/* v3.4 (07.10) — LIGHT HERO option (index.html?hero=light), Shultzo / Hivroni direction. The dark hero stays the default; this is a body-class variant only. */body.rs.rs .hero-light .hero { background: var(--ivory); color: var(--ink); }body.rs.rs .hero-light .hero::before { background: radial-gradient(55% 70% at 72% 52%, rgba(184, 145, 75, .10), transparent 68%); }body.rs.rs [dir="rtl"].hero-light .hero::before, body.rs.rs .hero-light[dir="rtl"] .hero::before { background: radial-gradient(55% 70% at 28% 52%, rgba(184, 145, 75, .10), transparent 68%); }body.rs.rs .hero-light .hero__bg { opacity: .07; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; }body.rs.rs .hero-light .hero h1 { color: var(--ink); }body.rs.rs .hero-light .hero .g { color: var(--gold-ink); }body.rs.rs .hero-light .hero .lead { color: var(--ink-soft); }body.rs.rs .hero-light .hero__chip { border-color: var(--line-soft); color: var(--ink); background: rgba(255, 255, 255, .5); }body.rs.rs .hero-light .hero__chip:hover { border-color: var(--gold); background: #fff; }body.rs.rs .hero-light .hero__chip b { background: var(--slate); color: var(--ivory); }body.rs.rs .hero-light .hero .btn--gold { background: var(--slate); color: var(--ivory); }body.rs.rs .hero-light .hero .btn--gold:hover { background: #2f383d; }body.rs.rs .hero-light .hero .btn--line-light { border-color: var(--ink); color: var(--ink); }body.rs.rs .hero-light .hero .btn--line-light:hover { background: var(--ink); color: var(--ivory); }body.rs.rs .hero-light .hero__glow { display: none; }body.rs.rs .hero-light .frame { background: transparent; padding: 0; outline: 0; box-shadow: 0 40px 70px -34px rgba(29, 34, 37, .45), 0 14px 26px -16px rgba(29, 34, 37, .25); }body.rs.rs .hero-light .museum-label, body.rs.rs .hero-light .hero .museum-label { color: var(--ink-soft); }body.rs.rs .hero-light .hero .museum-label b { color: var(--ink); }body.rs.rs .hero-light .scroll-cue { color: var(--ink-soft); }body.rs.rs .hero-light .scroll-cue i { background: linear-gradient(var(--gold), transparent); }body.rs.rs .hero-light .hero .tessera i:nth-child(2) { background: var(--gold); }body.rs.rs .hero-light .hdr--over-dark { color: var(--ink); }body.rs.rs .hero-light .hdr--over-dark .hdr__cta:hover { background: var(--slate); color: var(--ivory); border-color: var(--slate); }/* MOCKUP ONLY — design-options switcher (excluded from the Elementor build) */body.rs.rs .mk-opts { position: fixed; bottom: 18px; inset-inline-start: 18px; z-index: 260; background: rgba(29, 34, 37, .94); color: #F3F3F0; border-radius: 10px; padding: 10px 12px 12px; font: 500 13px/1.3 "Assistant", system-ui, sans-serif; box-shadow: 0 14px 40px rgba(0, 0, 0, .35); backdrop-filter: blur(8px); min-width: 220px; }body.rs.rs .mk-opts__toggle { font-weight: 700; font-size: 12.5px; letter-spacing: .04em; color: #D9B970; width: 100%; text-align: start; padding: 2px 0 8px; }body.rs.rs .mk-opts.is-collapsed { min-width: 0; padding-bottom: 8px; }body.rs.rs .mk-opts.is-collapsed .mk-opts__body { display: none; }body.rs.rs .mk-opts.is-collapsed .mk-opts__toggle { padding-bottom: 2px; }body.rs.rs .mk-opts__row { display: flex; align-items: center; gap: 6px; margin-top: 6px; }body.rs.rs .mk-opts__row span { flex: 1; color: rgba(243, 243, 240, .7); margin-inline-end: 8px; white-space: nowrap; }body.rs.rs .mk-opts__row button { padding: 6px 11px; border-radius: 6px; border: 1px solid rgba(243, 243, 240, .25); color: #F3F3F0; font-size: 13px; }body.rs.rs .mk-opts__row button.is-on { background: #F3F3F0; color: #1D2225; border-color: #F3F3F0; }@media (max-width: 640px) {body.rs.rs .mk-opts { bottom: 86px; inset-inline-start: 12px; min-width: 0; }} /* ===== about.css ===== */ /* ===================================================================== About (v2) — the artist's story, in her words. Page-level only. Tokens from style.css · logical properties for the HE mirror. ===================================================================== *//* S1 · Opening: large portrait, name, one sentence */body.rs.rs:where(.pg-about) .ab-open { background: var(--ivory); padding-top: calc(var(--hdr-h) + clamp(32px, 4vw, 64px)); padding-bottom: clamp(64px, 7vw, 120px); }body.rs.rs:where(.pg-about) .ab-open__grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(40px, 6vw, 110px); align-items: end; }body.rs.rs:where(.pg-about) .ab-open__img { margin: 0; }body.rs.rs:where(.pg-about) .ab-open__img img { width: 100%; max-height: 86vh; aspect-ratio: 3 / 4; object-fit: cover; object-position: center top; border-radius: var(--r); }body.rs.rs:where(.pg-about) .ab-open h1 { font-size: clamp(56px, 6.4vw, 112px); line-height: .95; }body.rs.rs:where(.pg-about) .ab-open__say { font-family: var(--f-head); letter-spacing: -.012em; font-size: clamp(26px, 2.2vw, 36px); line-height: 1.3; margin: 28px 0 0; max-width: 20em; }[dir="rtl"] body.rs.rs:where(.pg-about) .ab-open__say { line-height: 1.5; }body.rs.rs:where(.pg-about) .ab-open__meta { margin: 28px 0 0; padding-top: 18px; border-top: 1px solid var(--line-soft); font-size: 15px; color: var(--ink-soft); }/* S2 · Story passages — each one laid out differently */body.rs.rs:where(.pg-about) .ab-story { padding-top: 0; }body.rs.rs:where(.pg-about) .ab-pass { display: grid; gap: clamp(36px, 6vw, 110px); }body.rs.rs:where(.pg-about) .ab-pass + .ab-pass { margin-top: clamp(88px, 10vw, 168px); }body.rs.rs:where(.pg-about) .ab-pass__text h2 { font-size: clamp(30px, 2.8vw, 44px); margin-bottom: 20px; }body.rs.rs:where(.pg-about) .ab-pass__text p { color: var(--ink-soft); font-size: 18px; max-width: 34em; }body.rs.rs:where(.pg-about) .ab-pass__text p + p { margin-top: 14px; }body.rs.rs:where(.pg-about) .ab-fig { margin: 0; }body.rs.rs:where(.pg-about) .ab-fig img { width: 100%; height: auto; display: block; border-radius: var(--r); }body.rs.rs:where(.pg-about) .ab-fig figcaption { font-size: 14px; color: var(--ink-soft); margin-top: 12px; }body.rs.rs:where(.pg-about) .ab-fig figcaption b { color: var(--ink); font-weight: 600; }body.rs.rs:where(.pg-about) .ab-pass--a { grid-template-columns: 7fr 4fr; align-items: end; }body.rs.rs:where(.pg-about) .ab-pass--b { grid-template-columns: 5fr 6fr; align-items: center; }body.rs.rs:where(.pg-about) .ab-pass__pics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: end; }body.rs.rs:where(.pg-about) .ab-fig--tall { grid-column: 1 / -1; width: 78%; justify-self: end; }body.rs.rs:where(.pg-about) .ab-fig--tall img { aspect-ratio: 4 / 5; object-fit: cover; }body.rs.rs:where(.pg-about) .ab-fig--tall figcaption { text-align: end; }body.rs.rs:where(.pg-about) .ab-fig--small { grid-column: 1; grid-row: 2; width: 92%; margin-top: -32%; position: relative; }body.rs.rs:where(.pg-about) .ab-fig--small img { aspect-ratio: 4 / 3; object-fit: cover; outline: 10px solid var(--ivory); }body.rs.rs:where(.pg-about) .ab-pass--c { grid-template-columns: 4fr 7fr; align-items: start; }body.rs.rs:where(.pg-about) .ab-pass--c .ab-pass__text { padding-top: clamp(0px, 4vw, 64px); }body.rs.rs:where(.pg-about) .ab-line { font-family: var(--f-head); font-size: clamp(22px, 1.8vw, 28px) !important; line-height: 1.4; color: var(--ink) !important; margin-top: 32px !important; }/* S3 · The sea: a plain line and a quiet strip */body.rs.rs:where(.pg-about) .ab-sea__line { font-size: clamp(34px, 4.2vw, 68px); line-height: 1.12; max-width: 15em; font-weight: 400; }body.rs.rs:where(.pg-about) .ab-sea__strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(10px, 1.4vw, 24px); margin-top: clamp(48px, 5vw, 80px); }body.rs.rs:where(.pg-about) .ab-sea__strip img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--r); }body.rs.rs:where(.pg-about) .ab-sea__cap { margin-top: 18px; font-size: 15px; color: var(--ink-soft); }body.rs.rs:where(.pg-about) .ab-sea__cap .quiet-link { color: var(--ink); margin-inline-start: 10px; }/* S4 · Exhibitions: plain two-column year list */body.rs.rs:where(.pg-about) .ab-cv { display: grid; grid-template-columns: 8fr 3fr; gap: clamp(40px, 6vw, 110px); align-items: start; }body.rs.rs:where(.pg-about) .years { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-about) .years li { display: grid; grid-template-columns: 6.5em 1fr; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }body.rs.rs:where(.pg-about) .years__y { font-family: var(--f-head); font-size: 21px; color: var(--ink-soft); font-variant-numeric: lining-nums; }body.rs.rs:where(.pg-about) .years__w { color: var(--ink-soft); font-size: 15.5px; }body.rs.rs:where(.pg-about) .years__w b { display: block; font-family: var(--f-head); font-weight: 500; font-size: 22px; color: var(--ink); line-height: 1.25; margin-bottom: 2px; }body.rs.rs:where(.pg-about) .years li.is-key .years__y { color: var(--ink); font-weight: 600; }body.rs.rs:where(.pg-about) .years li.is-key .years__w b { font-weight: 700; }body.rs.rs:where(.pg-about) .years .quiet-link { font-size: 14px; margin-inline-start: 6px; color: var(--ink); }body.rs.rs:where(.pg-about) .ab-cv__img { margin: 0; position: sticky; top: calc(var(--hdr-h) + 24px); }body.rs.rs:where(.pg-about) .ab-cv__img img { width: 100%; aspect-ratio: 3 / 5; object-fit: cover; object-position: top; border-radius: var(--r); border: 1px solid var(--line-soft); }body.rs.rs:where(.pg-about) .ab-cv__img figcaption { font-size: 14px; color: var(--ink-soft); margin-top: 12px; }/* S5 · Studio: two images of different size, short text */body.rs.rs:where(.pg-about) .ab-studio { display: grid; grid-template-columns: 8fr 4fr; gap: clamp(40px, 6vw, 100px); align-items: end; }body.rs.rs:where(.pg-about) .ab-studio__pics { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; align-items: start; }body.rs.rs:where(.pg-about) .ab-studio__pics img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r); }body.rs.rs:where(.pg-about) .ab-studio__pics :where(.elementor-widget-image):last-child img { margin-top: clamp(40px, 6vw, 96px); }body.rs.rs:where(.pg-about) .ab-studio__text h2 { font-size: clamp(30px, 2.8vw, 44px); margin-bottom: 18px; }body.rs.rs:where(.pg-about) .ab-studio__text p { color: var(--ink-soft); font-size: 18px; margin-bottom: 22px; }@media (max-width: 900px) {body.rs.rs:where(.pg-about) .ab-open__grid, body.rs.rs:where(.pg-about) .ab-pass--a, body.rs.rs:where(.pg-about) .ab-pass--b, body.rs.rs:where(.pg-about) .ab-pass--c, body.rs.rs:where(.pg-about) .ab-cv, body.rs.rs:where(.pg-about) .ab-studio { grid-template-columns: 1fr; }body.rs.rs:where(.pg-about) .ab-open__text { order: -1; }body.rs.rs:where(.pg-about) .ab-open__img img { max-height: none; }body.rs.rs:where(.pg-about) .ab-pass--c .ab-pass__text { padding-top: 0; }body.rs.rs:where(.pg-about) .ab-cv__img { position: static; max-width: 320px; }body.rs.rs:where(.pg-about) .ab-sea__strip { grid-template-columns: repeat(3, 1fr); }body.rs.rs:where(.pg-about) .ab-sea__strip :where(.elementor-widget-image):nth-child(n+4) img { display: none; }}@media (max-width: 640px) {body.rs.rs:where(.pg-about) .ab-open__img, body.rs.rs:where(.pg-about) .ab-fig, body.rs.rs:where(.pg-about) .ab-pass__pics, body.rs.rs:where(.pg-about) .ab-studio__pics { max-width: 420px; margin-inline: auto; }body.rs.rs:where(.pg-about) .ab-pass__text p, body.rs.rs:where(.pg-about) .ab-open__say, body.rs.rs:where(.pg-about) .ab-sea__line { margin-inline: auto; }body.rs.rs:where(.pg-about) .ab-pass__pics { display: block; }body.rs.rs:where(.pg-about) .ab-fig--tall { width: 100%; }body.rs.rs:where(.pg-about) .ab-fig--tall figcaption { text-align: center; }body.rs.rs:where(.pg-about) .ab-fig--small { display: none; }body.rs.rs:where(.pg-about) .ab-sea__cap .quiet-link { display: inline-block; margin: 10px 0 0; }body.rs.rs:where(.pg-about) .years li { grid-template-columns: 1fr; gap: 2px; text-align: center; }body.rs.rs:where(.pg-about) .ab-cv__img { margin-inline: auto; max-width: 260px; }body.rs.rs:where(.pg-about) .ab-cv__img img { aspect-ratio: 3 / 4; }body.rs.rs:where(.pg-about) .ab-studio__pics { grid-template-columns: 1fr 1fr; }body.rs.rs:where(.pg-about) .ab-studio__pics :where(.elementor-widget-image):last-child img { margin-top: 0; }}/* 07.10 — highlights as images first (moves away from ahuvasherman.com's two-column year list) */body.rs.rs:where(.pg-about) .travel { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: clamp(16px, 2vw, 28px); align-items: end; margin-bottom: clamp(48px, 5vw, 80px); }body.rs.rs:where(.pg-about) .travel :is(figure,.t-figure) { margin: 0; }body.rs.rs:where(.pg-about) .travel img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--r); background: var(--limestone); }body.rs.rs:where(.pg-about) .travel :is(figure,.t-figure):first-child img { aspect-ratio: 4 / 5; }body.rs.rs:where(.pg-about) .travel figcaption { margin-top: 12px; font-size: 14.5px; color: var(--ink-soft); line-height: 1.45; }body.rs.rs:where(.pg-about) .travel figcaption b { display: block; font-family: var(--f-head); font-weight: 500; font-size: 19px; color: var(--ink); }body.rs.rs:where(.pg-about) .travel__k { font-family: var(--f-head); font-size: 15px; color: var(--ink-soft); margin: 0 0 12px; }@media (max-width: 900px) {body.rs.rs:where(.pg-about) .travel { grid-template-columns: 1fr 1fr; }}@media (max-width: 640px) {body.rs.rs:where(.pg-about) .travel { text-align: center; }} /* ===== artwork.css ===== */ /* SP-Artwork v2 — a museum object page: big uncropped image, plain facts, the artist's words. */body.rs.rs:where(.pg-artwork) .pdp-sec { padding-top: calc(var(--hdr-h) + clamp(32px, 4vw, 56px)); }body.rs.rs:where(.pg-artwork) .pdp-sec .crumbs { margin-bottom: clamp(24px, 3vw, 40px); font-size: 14px; letter-spacing: 0; text-transform: none; }body.rs.rs:where(.pg-artwork) .pdp { gap: clamp(40px, 5.5vw, 100px); }@media (min-width: 901px) {body.rs.rs:where(.pg-artwork) .pdp { grid-template-columns: 1.4fr 1fr; }}/* Image: on a wall colour, no frame or shadow */body.rs.rs:where(.pg-artwork) .pdp__stage { background: #EDE7DD; padding: 0; box-shadow: none; cursor: default; }body.rs.rs:where(.pg-artwork) .pdp__stage img { aspect-ratio: 4 / 3; object-fit: contain; background: none; }body.rs.rs:where(.pg-artwork) .pdp__thumbs { grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 440px; margin-top: 12px; }body.rs.rs:where(.pg-artwork) .pdp__thumbs button { opacity: .55; }body.rs.rs:where(.pg-artwork) .pdp__cap { font-size: 14px; color: var(--ink-soft); margin-top: 10px; }/* Facts */body.rs.rs:where(.pg-artwork) .pdp__info h1 { font-style: normal; font-size: clamp(42px, 3.8vw, 64px); margin-bottom: 0; }body.rs.rs:where(.pg-artwork) .meta-list { margin: 26px 0 28px; border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-artwork) .meta-list div { grid-template-columns: 110px 1fr; padding: 11px 0; border-bottom: 1px solid var(--line-soft); }body.rs.rs:where(.pg-artwork) .meta-list dt { font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; padding-top: 1px; }body.rs.rs:where(.pg-artwork) .meta-list dd a { border-bottom: 1px solid var(--line-soft); transition: color .25s, border-color .25s; }body.rs.rs:where(.pg-artwork) .meta-list dd a:hover { color: var(--gold-ink); border-color: currentColor; }body.rs.rs:where(.pg-artwork) .pdp__say { font-family: var(--f-head); font-size: clamp(20px, 1.5vw, 23px); line-height: 1.5; margin: 0 0 28px; max-width: 34em; }body.rs.rs:where(.pg-artwork) .pdp__price { font-size: 26px; margin-bottom: 18px; }body.rs.rs:where(.pg-artwork) .pdp__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 22px; }body.rs.rs:where(.pg-artwork) .pdp__note { font-size: 15px; color: var(--ink-soft); margin: 30px 0 28px; max-width: 46ch; }/* Accordion: plain */body.rs.rs:where(.pg-artwork) .acc details { border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-artwork) .acc details:last-child { border-bottom: 1px solid var(--line-soft); }body.rs.rs:where(.pg-artwork) .acc summary { font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 14px 0; }body.rs.rs:where(.pg-artwork) .acc summary::after { color: var(--ink-soft); }body.rs.rs:where(.pg-artwork) .acc .acc__a { font-size: 15.5px; padding-bottom: 18px; }body.rs.rs:where(.pg-artwork) .acc__a p + p { margin-top: .8em; }/* More from the collection: one row of objects, bottoms aligned */body.rs.rs:where(.pg-artwork) .more-sec { padding-top: 0; }body.rs.rs:where(.pg-artwork) .works--row { columns: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 48px); align-items: end; }body.rs.rs:where(.pg-artwork) .works--row .work { margin-bottom: 0; }@media (min-width: 901px) {body.rs.rs:where(.pg-artwork) .pdp__gallery { position: sticky; top: 104px; }}@media (max-width: 900px) {body.rs.rs:where(.pg-artwork) .works--row { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 640px) {body.rs.rs:where(.pg-artwork) .pdp-sec .crumbs { justify-content: center; }body.rs.rs:where(.pg-artwork) .pdp__thumbs { margin-inline: auto; gap: 8px; }body.rs.rs:where(.pg-artwork) .pdp__say { margin-inline: auto; }body.rs.rs:where(.pg-artwork) .pdp__actions { justify-content: center; }body.rs.rs:where(.pg-artwork) .pdp__note { margin-inline: auto; }body.rs.rs:where(.pg-artwork) .works--row { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; row-gap: 40px; }} /* ===== collections.css ===== */ /* Collections v2 — a plain catalogue (Hivroni): heading row, text tabs, quiet filters, uncropped masonry. Tokens & .head/.works/.work/.visit live in style.css. */body.rs.rs:where(.pg-collections) .shop { padding-top: calc(var(--hdr-h) + clamp(48px, 6vw, 96px)); padding-bottom: 0; }body.rs.rs:where(.pg-collections) .shop__head h1 { font-size: clamp(46px, 4.6vw, 76px); }/* Collection = text tabs (Taxonomy Filter "collection", text style) */body.rs.rs:where(.pg-collections) .tabs { display: flex; flex-wrap: wrap; gap: 6px 36px; border-bottom: 1px solid var(--line-soft); }body.rs.rs:where(.pg-collections) .tab { font-family: var(--f-display); font-size: clamp(20px, 1.6vw, 25px); line-height: 1.3; color: var(--ink-soft); padding: 0 0 14px; margin-bottom: -1px; border-bottom: 1px solid transparent; transition: color .25s, border-color .25s; }body.rs.rs:where(.pg-collections) .tab:hover { color: var(--ink); }body.rs.rs:where(.pg-collections) .tab.is-active { color: var(--ink); border-bottom-color: var(--ink); }body.rs.rs:where(.pg-collections) .coll-note { display: none; margin: 20px 0 0; max-width: 60ch; color: var(--ink-soft); }body.rs.rs:where(.pg-collections) .shop:has(.tab[data-value="waves"].is-active) .coll-note--waves, body.rs.rs:where(.pg-collections) .shop:has(.tab[data-value="love"].is-active) .coll-note--love, body.rs.rs:where(.pg-collections) .shop:has(.tab[data-value="signature"].is-active) .coll-note--signature { display: block; }/* Material / placement: a quiet text bar (sticky) */body.rs.rs:where(.pg-collections) .shop .filters { border-block: 0; border-bottom: 1px solid var(--line-soft); margin-top: 6px; }body.rs.rs:where(.pg-collections) .shop .filters__inner { gap: 10px 44px; padding-block: 12px; }body.rs.rs:where(.pg-collections) .shop .filter-group { gap: 2px; }body.rs.rs:where(.pg-collections) .shop .filter-group > span, body.rs.rs:where(.pg-collections) .shop .filter-group > :where(.elementor-widget,.elementor-form-fields-wrapper) > span { font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink); margin-inline-end: 8px; }body.rs.rs:where(.pg-collections) .shop .pill { border: 0; padding: 5px 9px; font-size: 14.5px; color: var(--ink-soft); }body.rs.rs:where(.pg-collections) .shop .pill:hover { color: var(--ink); }body.rs.rs:where(.pg-collections) .shop .pill.is-active { background: var(--limestone); color: var(--ink); }body.rs.rs:where(.pg-collections) .shop .filters__count { font-size: 14px; }/* Works (one .work per artwork; .art-card kept for the filter script) */body.rs.rs:where(.pg-collections) .shop__body { padding-block: clamp(40px, 4.5vw, 72px) var(--sec-y); }body.rs.rs:where(.pg-collections) .works .work { display: block; }body.rs.rs:where(.pg-collections) .works .work.is-hidden { display: none; }body.rs.rs:where(.pg-collections) .work__t:hover { color: var(--gold-ink); }body.rs.rs:where(.pg-collections) .work__inq { margin-top: 10px; font-size: 14px; color: var(--ink-soft); border-bottom: 1px solid var(--line-soft); padding-bottom: 1px; transition: color .25s, border-color .25s; }body.rs.rs:where(.pg-collections) .work__inq:hover { color: var(--gold-ink); border-color: currentColor; }body.rs.rs:where(.pg-collections) .empty { padding: 24px 0 40px; text-align: start; }body.rs.rs:where(.pg-collections) .empty p { font-family: var(--f-head); font-size: clamp(24px, 2vw, 30px); line-height: 1.35; max-width: 28em; margin: 0 0 18px; }body.rs.rs:where(.pg-collections) .empty .btn-row { gap: 28px; }@media (min-width: 1101px) {body.rs.rs:where(.pg-collections) .shop .filters__inner { flex-wrap: wrap; overflow: visible; }}@media (max-width: 1100px) {body.rs.rs:where(.pg-collections) .shop .filters__inner { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }[dir="rtl"] body.rs.rs:where(.pg-collections) .shop .filters__inner { -webkit-mask-image: linear-gradient(270deg, #000 85%, transparent); mask-image: linear-gradient(270deg, #000 85%, transparent); }}@media (max-width: 640px) {body.rs.rs:where(.pg-collections) .tabs { justify-content: center; gap: 4px 20px; border-bottom: 0; }body.rs.rs:where(.pg-collections) .tab { font-size: 19px; padding-bottom: 6px; }body.rs.rs:where(.pg-collections) .coll-note { margin-inline: auto; }/* filters wrap into centred lines instead of a sideways scroll */body.rs.rs:where(.pg-collections) .shop .filters { position: static; border-block: 1px solid var(--line-soft); margin-top: 22px; }body.rs.rs:where(.pg-collections) .shop .filters__inner { flex-wrap: wrap; justify-content: center; overflow: visible; -webkit-mask-image: none; mask-image: none; gap: 10px; padding-block: 14px; }body.rs.rs:where(.pg-collections) .shop .filter-group { flex-wrap: wrap; justify-content: center; flex: 1 1 100%; }body.rs.rs:where(.pg-collections) .shop .filter-group > span, body.rs.rs:where(.pg-collections) .shop .filter-group > :where(.elementor-widget,.elementor-form-fields-wrapper) > span { flex: 1 1 100%; margin: 0; }body.rs.rs:where(.pg-collections) .shop .filters__count { margin-inline: auto; }body.rs.rs:where(.pg-collections) .empty { text-align: center; }body.rs.rs:where(.pg-collections) .empty p { margin-inline: auto; }} /* ===== commissions.css ===== */ /* ===================================================================== Commissions & Workshops (v2) Builds on .plist / .studio / .hours / .said / .visit from style.css. ===================================================================== */body.rs.rs:where(.pg-commissions) .cm-fig { margin: 0; }body.rs.rs:where(.pg-commissions) .cm-fig img { width: 100%; height: auto; border-radius: var(--r); }body.rs.rs:where(.pg-commissions) .cm-fig figcaption { margin-top: 10px; font-size: 14px; color: var(--ink-soft); }/* S1 · Opening: text + one image */body.rs.rs:where(.pg-commissions) .cm-open { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(40px, 6vw, 110px); align-items: end; }body.rs.rs:where(.pg-commissions) .cm-open h1 { max-width: 12em; }body.rs.rs:where(.pg-commissions) .cm-open .lead { max-width: 36em; }body.rs.rs:where(.pg-commissions) .cm-open__img { margin: 0; }body.rs.rs:where(.pg-commissions) .cm-open__img img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 20% 50%; border-radius: var(--r); }body.rs.rs:where(.pg-commissions) .cm-open__img figcaption { margin-top: 10px; font-size: 14px; color: var(--ink-soft); }body.rs.rs:where(.pg-commissions) .cm-jump { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 34px; }/* S2 · Real projects: list beside images of different sizes */body.rs.rs:where(.pg-commissions) .cm-proj { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 110px); align-items: start; }body.rs.rs:where(.pg-commissions) .cm-fig--column { max-width: 360px; }body.rs.rs:where(.pg-commissions) .cm-pics { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(16px, 2vw, 28px); align-items: start; }body.rs.rs:where(.pg-commissions) .cm-pics__a { grid-row: span 2; }body.rs.rs:where(.pg-commissions) .cm-pics__b { margin-top: clamp(40px, 6vw, 110px); }body.rs.rs:where(.pg-commissions) .cm-pics__c { width: 78%; }/* S3 · Process: numbered prose */body.rs.rs:where(.pg-commissions) .cm-process { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 36px clamp(32px, 5vw, 90px); align-items: start; }body.rs.rs:where(.pg-commissions) .cm-steps { list-style: none; counter-reset: step; margin: 0; padding: 0; }body.rs.rs:where(.pg-commissions) .cm-steps li { counter-increment: step; display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 20px 0; border-bottom: 1px solid var(--line-soft); font-size: 18px; color: var(--ink-soft); }body.rs.rs:where(.pg-commissions) .cm-steps li:first-child { border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-commissions) .cm-steps li::before { content: counter(step) "."; font-family: var(--f-head); font-size: 18px; font-weight: 600; color: var(--ink); font-variant-numeric: lining-nums; }body.rs.rs:where(.pg-commissions) .cm-process__cta { grid-column: 2; }/* S4 · One line for designers */body.rs.rs:where(.pg-commissions) .cm-line { display: flex; align-items: center; justify-content: space-between; gap: 24px 56px; }body.rs.rs:where(.pg-commissions) .cm-line p { margin: 0; font-family: var(--f-head); font-size: clamp(22px, 2vw, 30px); line-height: 1.35; max-width: 36em; }/* S5 · Classes */body.rs.rs:where(.pg-commissions) .cm-class-pics { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 14px; align-items: stretch; }body.rs.rs:where(.pg-commissions) .cm-class-pics img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); }body.rs.rs:where(.pg-commissions) .cm-class-pics :where(.elementor-widget-image):not(:first-child) img { aspect-ratio: 236 / 591; height: auto; }body.rs.rs:where(.pg-commissions) .cm-said { margin-top: clamp(64px, 7vw, 110px); margin-inline-start: auto; }@media (max-width: 900px) {body.rs.rs:where(.pg-commissions) .cm-open, body.rs.rs:where(.pg-commissions) .cm-proj, body.rs.rs:where(.pg-commissions) .cm-process { grid-template-columns: 1fr; }body.rs.rs:where(.pg-commissions) .cm-process__cta { grid-column: auto; }body.rs.rs:where(.pg-commissions) .cm-line { flex-direction: column; align-items: flex-start; }}@media (max-width: 640px) {body.rs.rs:where(.pg-commissions) .cm-jump, body.rs.rs:where(.pg-commissions) .cm-line { justify-content: center; align-items: center; }body.rs.rs:where(.pg-commissions) .cm-open__img, body.rs.rs:where(.pg-commissions) .cm-fig--column, body.rs.rs:where(.pg-commissions) .cm-class-pics { max-width: 420px; margin-inline: auto; }body.rs.rs:where(.pg-commissions) .cm-steps { text-align: start; }body.rs.rs:where(.pg-commissions) .cm-pics__b { margin-top: 0; }body.rs.rs:where(.pg-commissions) .cm-pics__c { width: 100%; }} /* ===== contact.css ===== */ /* ===================================================================== Contact (v2) — plain and warm. Page-level only. Tokens from style.css · logical properties for the HE mirror. ===================================================================== *//* S1 · Intro */body.rs.rs:where(.pg-contact) .ct-intro { background: var(--ivory); padding-top: calc(var(--hdr-h) + clamp(48px, 6vw, 96px)); padding-bottom: clamp(24px, 3vw, 40px); }body.rs.rs:where(.pg-contact) .ct-intro__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(32px, 6vw, 110px); align-items: end; }body.rs.rs:where(.pg-contact) .ct-intro h1 { font-size: clamp(48px, 5.4vw, 92px); line-height: 1; }body.rs.rs:where(.pg-contact) .ct-intro__say { font-family: var(--f-head); letter-spacing: -.01em; font-size: clamp(24px, 2vw, 32px); line-height: 1.35; max-width: 24em; margin: 26px 0 0; }[dir="rtl"] body.rs.rs:where(.pg-contact) .ct-intro__say { line-height: 1.55; }body.rs.rs:where(.pg-contact) .ct-intro__sign { margin: 14px 0 0; font-family: var(--f-display); font-style: italic; font-size: 24px; color: var(--ink-soft); }body.rs.rs:where(.pg-contact) .ct-intro__img { margin: 0; width: clamp(160px, 15vw, 230px); }body.rs.rs:where(.pg-contact) .ct-intro__img img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r); }/* S2 · Form + contact column */body.rs.rs:where(.pg-contact) .ct-main { padding-top: clamp(48px, 5vw, 80px); }body.rs.rs:where(.pg-contact) .ct-grid { display: grid; grid-template-columns: 7fr 4fr; gap: clamp(40px, 6vw, 110px); align-items: start; }body.rs.rs:where(.pg-contact) .ct-h { font-size: clamp(28px, 2.4vw, 38px); margin-bottom: 28px; }body.rs.rs:where(.pg-contact) .ct-form { padding-top: 28px; border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-contact) .ct-form :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) input, body.rs.rs:where(.pg-contact) .ct-form :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) select, body.rs.rs:where(.pg-contact) .ct-form :is(.field,.elementor-field-group:where(:not(.inline-form *,.elementor-field-type-submit))) textarea { background: #fff; }body.rs.rs:where(.pg-contact) .form fieldset { min-width: 0; }body.rs.rs:where(.pg-contact) .form .check { margin-top: 2px; }body.rs.rs:where(.pg-contact) .ct-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 6px; }body.rs.rs:where(.pg-contact) .ct-submit .form-note { margin: 0; flex: 1 1 220px; }body.rs.rs:where(.pg-contact) .ct-form .form-done { text-align: start; padding: 8px 0 0; }body.rs.rs:where(.pg-contact) .ct-form .form-done .btn { display: inline-flex; }body.rs.rs:where(.pg-contact) .ct-aside { padding-top: 28px; border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-contact) .ct-aside__who { color: var(--ink-soft); margin: -12px 0 22px; }body.rs.rs:where(.pg-contact) .ct-list { margin: 34px 0 0; border-top: 1px solid var(--line-soft); }body.rs.rs:where(.pg-contact) .ct-list > div, body.rs.rs:where(.pg-contact) .ct-list > :where(.elementor-widget,.elementor-form-fields-wrapper) > div { display: grid; grid-template-columns: 8.5em 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }body.rs.rs:where(.pg-contact) .ct-list dt { font-size: 14px; color: var(--ink-soft); }body.rs.rs:where(.pg-contact) .ct-list dd { margin: 0; font-size: 16.5px; overflow-wrap: anywhere; }body.rs.rs:where(.pg-contact) .ct-list a:hover { color: var(--gold-ink); }body.rs.rs:where(.pg-contact) .ct-list a[href^="tel"] { direction: ltr; unicode-bidi: isolate; }/* S3 · Map */body.rs.rs:where(.pg-contact) .ct-map .map { aspect-ratio: 21 / 8; }@media (max-width: 1000px) {body.rs.rs:where(.pg-contact) .ct-grid { grid-template-columns: 1fr; }}@media (max-width: 640px) {body.rs.rs:where(.pg-contact) .ct-intro__grid { grid-template-columns: 1fr; }body.rs.rs:where(.pg-contact) .ct-intro__img { margin-inline: auto; width: 160px; }body.rs.rs:where(.pg-contact) .ct-intro__say { margin-inline: auto; }body.rs.rs:where(.pg-contact) .ct-submit .btn { width: 100%; }body.rs.rs:where(.pg-contact) .ct-list > div, body.rs.rs:where(.pg-contact) .ct-list > :where(.elementor-widget,.elementor-form-fields-wrapper) > div { grid-template-columns: 1fr; gap: 2px; }body.rs.rs:where(.pg-contact) .ct-map .map { aspect-ratio: 4 / 5; }} /* ===== exhibition.css ===== */ /* ===================================================================== Exhibition landing page: "Created Out of Love" (v2) Builds on .poster / .intro / .works / .hours from style.css. ===================================================================== *//* S1 · Poster first screen (dark, under the transparent header) */body.rs.rs:where(.pg-exhibition) .xh { background: var(--lagoon); color: var(--ivory); min-height: 100svh; display: flex; align-items: center; padding-block: calc(var(--hdr-h) + clamp(32px, 4vw, 64px)) clamp(56px, 6vw, 96px); }body.rs.rs:where(.pg-exhibition) .xh__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(40px, 6vw, 110px); align-items: center; }body.rs.rs:where(.pg-exhibition) .xh .poster__date { font-size: clamp(130px, 15vw, 270px); margin-bottom: clamp(28px, 3vw, 48px); }body.rs.rs:where(.pg-exhibition) .xh h1 { font-size: clamp(44px, 4.4vw, 76px); }body.rs.rs:where(.pg-exhibition) .xh .poster__lines { max-width: 34em; font-size: 17px; }body.rs.rs:where(.pg-exhibition) .xh__img { margin: 0; }body.rs.rs:where(.pg-exhibition) .xh__img img { width: 100%; aspect-ratio: 4 / 5; max-height: calc(100svh - var(--hdr-h) - 120px); object-fit: cover; border-radius: var(--r); }body.rs.rs:where(.pg-exhibition) .xh__img figcaption { margin-top: 12px; font-size: 14px; color: rgba(250, 247, 241, .6); }/* S2 · Ronit's text, portrait on the other side */body.rs.rs:where(.pg-exhibition) .xp-intro { grid-template-columns: 7fr 5fr; }body.rs.rs:where(.pg-exhibition) .xp-sign { margin-top: 26px; font-family: var(--f-display); font-size: 22px; font-style: italic; }/* S4 · Opening details + RSVP form */body.rs.rs:where(.pg-exhibition) .xp-rsvp { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 110px); align-items: start; }body.rs.rs:where(.pg-exhibition) .xp-facts { margin-top: 28px; }body.rs.rs:where(.pg-exhibition) .xp-rsvp .form-card { box-shadow: none; }body.rs.rs:where(.pg-exhibition) .xp-rsvp .form-card::before { display: none; }@media (max-width: 900px) {body.rs.rs:where(.pg-exhibition) .xh { min-height: 0; }body.rs.rs:where(.pg-exhibition) .xh__grid, body.rs.rs:where(.pg-exhibition) .xp-intro, body.rs.rs:where(.pg-exhibition) .xp-rsvp { grid-template-columns: 1fr; }body.rs.rs:where(.pg-exhibition) .xh__img { max-width: 480px; }body.rs.rs:where(.pg-exhibition) .xh__img img { max-height: none; }}@media (max-width: 640px) {body.rs.rs:where(.pg-exhibition) .xh .poster__date { font-size: 120px; }body.rs.rs:where(.pg-exhibition) .xh .poster__lines { margin-inline: auto; }body.rs.rs:where(.pg-exhibition) .xh__img, body.rs.rs:where(.pg-exhibition) .xp-intro .intro__img { margin-inline: auto; }} /* ===== he.css ===== */ /* ===================================================================== Ronit Strum — Hebrew (RTL) layer. Linked AFTER style.css on he/ pages. Only fixes what style.css does not already mirror (v2 components incl.). Elementor: WPML HE translation inherits the RTL theme; these map to per-widget settings. ===================================================================== *//* ---------- Type: Hebrew never gets synthetic italics or wide tracking ---------- */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .g, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .mega__cap { font-style: normal; }/* Logo: Hebrew wordmark (Cormorant has no Hebrew glyphs) */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .logo__name { font-family: "Frank Ruhl Libre", serif; font-weight: 500; font-size: 27px; letter-spacing: .04em; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .logo__sub { letter-spacing: .05em; font-size: 12.5px; margin-top: 6px; }@media (max-width: 640px) {[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .logo__name { font-size: 23px; }}/* Tracking on small caps-style labels (Latin values in style.css) */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hero__chip b, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .crumbs, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .scroll-cue, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .mega-video figcaption, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .modal .or { letter-spacing: .03em; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hero__chip b { font-size: 12.5px; white-space: nowrap; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .crumbs { font-size: 14px; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .scroll-cue { font-size: 13px; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .mega-video figcaption { font-size: 13px; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .modal .or { font-size: 14px; }/* English artwork titles inside Hebrew pages */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .museum-label b:lang(en) { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 20px; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .work__t:lang(en) { font-family: "Cormorant Garamond", serif; font-size: 25px; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) [data-piece-name], [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .prefill { font-family: "Cormorant Garamond", "Frank Ruhl Libre", serif; font-style: italic; }/* ---------- Mirroring of physical / directional details ---------- */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hero__chip svg { transform: scaleX(-1); flex: none; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hero__glow { inset: 12% 12% -8% -8%; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .play svg { margin-inline-start: 0; margin-left: 3px; }/* play triangle is never mirrored */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .form-card::before { background: linear-gradient(270deg, var(--gold) 0 40%, var(--gold-leaf) 40% 70%, var(--lagoon) 70%); }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) h1, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) h2 { text-wrap: balance; }/* Email / phone fields: typed LTR, aligned to the Hebrew start edge */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) input[type="email"], [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) input[type="tel"] { direction: ltr; text-align: right; }[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) input[type="email"]::placeholder, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) input[type="tel"]::placeholder { direction: rtl; }/* Phone numbers, time ranges, year ranges: keeps digit order */body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }/* ---------- v2 components in RTL ---------- *//* Hours: the day list reads right-to-left; each time range stays LTR via */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hours li > span:last-child, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .hours li > :where(.elementor-widget,.elementor-form-fields-wrapper) > span:last-child { direction: rtl; }/* Poster: the date is Latin digits (LTR) but hugs the Hebrew start edge on desktop; the English subtitle sits in Cormorant */[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster__he:lang(en) { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 28px; }@media (min-width: 641px) {[dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster__date, [dir="rtl"] body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster__he:lang(en) { text-align: right; }}/* ---------- HE exhibition ---------- *//* Dark first screen = the poster */body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first { min-height: min(100svh, 1000px); display: flex; align-items: center; padding-top: calc(var(--hdr-h) + clamp(32px, 4vw, 64px)); }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first > .wrap, body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first > :where(.elementor-widget,.elementor-form-fields-wrapper) > .wrap { width: 100%; }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first .crumbs { color: rgba(250, 247, 241, .6); margin-bottom: clamp(28px, 4vw, 56px); }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first .crumbs a:hover { color: var(--gold-leaf); }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster h1 { font-size: clamp(44px, 4.6vw, 76px); }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-sign { font-family: var(--f-display); font-size: 26px; margin-top: 26px; }@media (min-width: 901px) {body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .intro--rev { grid-template-columns: 7fr 5fr; }}@media (max-width: 900px) {body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .intro--rev .intro__img { order: -1; }}@media (max-width: 640px) {body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first { min-height: 0; }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .ex-first .crumbs { justify-content: center; }}/* style.css sets .poster columns again after its own ≤900px rule, so collapse it here */@media (max-width: 900px) {body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster { grid-template-columns: 1fr; gap: 36px; }body.rs.rs:where(.pg-he-home,.pg-he-exhibition) .poster__img { margin-inline: auto; width: 100%; }} /* ========================================================= PART C — התאמות ל-DOM של Elementor שאין להן מקבילה במוקאפ. נטען אחרי מערכת העיצוב. נכתב ביד; rs_scope.py לא נוגע בקובץ. ========================================================= */ /* ---- טופס Pro: סימון שדה חובה (במוקאפ * בתוך התווית) ---- */ body.rs.rs .elementor-mark-required .elementor-field-label::after{ color:var(--gold-ink);content:"*";padding-inline-start:.3em;font-style:normal; } /* ---- טופס הפוטר: השדה והכפתור הם ילדי ה-flex של .inline-form ---- */ body.rs.rs .inline-form .elementor-field-group{display:contents} /* הערה שהייתה אח של הכפתור (לא באותו div): אחרי הכפתור, לא לפניו */ body.rs.rs .elementor-field-group.elementor-field-type-submit{order:1} body.rs.rs .elementor-field-group.elementor-field-type-html{order:2} /* ---- רדיו / תיבות סימון = ה-.seg של המוקאפ ---- */ body.rs.rs :is(.elementor-field-type-radio,.elementor-field-type-checkbox) .elementor-field-subgroup{ display:flex;flex-wrap:wrap;gap:8px;margin-top:0; /* ה-8px מגיעים מה-gap של .field */ flex:0 0 auto;align-items:flex-start;align-content:flex-start; /* לא נמתח לגובה השורה ב-grid */ } body.rs.rs :is(.elementor-field-type-radio,.elementor-field-type-checkbox) .elementor-field-option input{ position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;padding:0;border:0; } body.rs.rs :is(.elementor-field-type-radio,.elementor-field-type-checkbox) .elementor-field-option label{ display:inline-block;padding:10px 16px;border:1px solid var(--line-soft);background:var(--ivory); border-radius:var(--r);transition:all .25s; text-transform:none;letter-spacing:0;font-weight:500;font-size:14.5px;color:inherit;cursor:pointer; } body.rs.rs :is(.elementor-field-type-radio,.elementor-field-type-checkbox) .elementor-field-option input:checked + label{ background:var(--slate);color:var(--ivory);border-color:var(--slate); } body.rs.rs :is(.elementor-field-type-radio,.elementor-field-type-checkbox) .elementor-field-option input:focus-visible + label{ outline:2px solid var(--gold);outline-offset:2px; } /* ---- אישור (acceptance) = ה-.check של המוקאפ ---- */ body.rs.rs .elementor-field-type-acceptance .elementor-field-subgroup{display:block} body.rs.rs .elementor-field-type-acceptance .elementor-field-option{ display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink-soft); } body.rs.rs .elementor-field-type-acceptance .elementor-field-option input{ width:18px;height:18px;min-height:0;padding:0;margin:3px 3px 3px 4px;flex:none; accent-color:var(--slate);border:revert;background:revert;border-radius:revert;appearance:auto;-webkit-appearance:auto; } body.rs.rs .elementor-field-type-acceptance .elementor-field-option label{ font-size:inherit;font-weight:400;letter-spacing:0;text-transform:none;color:inherit;cursor:pointer; } /* contact.css: `.form .check{margin-top:2px}` — רק בעמוד צור קשר */ body.rs.rs.pg-contact .form .elementor-field-type-acceptance{margin-top:2px} /* ---- הודעות הטופס ---- */ body.rs.rs .elementor-message{grid-column:1/-1;margin:6px 0 0;font-size:15px;line-height:1.5} body.rs.rs .elementor-message.elementor-message-success{color:var(--lagoon)} body.rs.rs .on-dark .elementor-message.elementor-message-success, body.rs.rs .ftr .elementor-message.elementor-message-success{color:var(--gold-leaf)} body.rs.rs .elementor-message::before{content:none} body.rs.rs .inline-form{flex-wrap:wrap} body.rs.rs .inline-form .elementor-message{flex:1 1 100%} body.rs.rs .elementor-form .elementor-field-group .elementor-message-danger{font-size:13px;margin:0} /* ---- מפה: וידג'ט google_maps במקום ה-iframe של המוקאפ ---- */ body.rs.rs .elementor-widget-google_maps .elementor-custom-embed{line-height:0} body.rs.rs .elementor-widget-google_maps iframe{ aspect-ratio:21/8;width:100%;height:auto;border:0;display:block;border-radius:var(--r); filter:grayscale(.85) contrast(.95) sepia(.12); } /* contact.css קובע 21/8 בכל רוחב, ו-4/5 במובייל */ @media (max-width:640px){body.rs.rs.pg-contact .elementor-widget-google_maps iframe{aspect-ratio:4/5}} /* ---- בעורך של Elementor: מה שמוסתר עד גלילה/לחיצה נראה תמיד ---- */ body.rs.rs.elementor-editor-active [data-reveal]{opacity:1;transform:none} /* ---- טופס בשתי עמודות בפופאפ: כפתור שיושב ישירות ב-
נפרש על שתיהן ---- (`.modal .form--pair > :not(.field--half)` של המוקאפ; כאן הכפתור עטוף בקבוצה שקופה) */ @media (min-width:641px){ body.rs.rs .modal .form--pair .rs-submit-bare > button{grid-column:1/-1} }