@font-face{font-family:Heebo;src:url('/assets/heebo.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Gveret Levin';src:url('/assets/gveret-levin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#092654;--accent:#ae7925;--paper:#fcfaf6;--page-gutter:clamp(18px,3.2vw,58px)}
html{scroll-padding-top:80px;background:var(--paper)}
body,button,input,textarea,select{font-family:Heebo,Arial,sans-serif}
body.notebook-site{background:var(--paper);color:var(--ink);margin:0;overflow-x:clip}
.notebook-site footer{background:#f1ece3;color:var(--ink);border-top:1px solid #ded3c2}
.notebook-site .wrap,.workshop-page .wrap{width:100%;max-width:none;padding-inline:var(--page-gutter)}
.notebook-site #main>.section{min-width:0;scroll-margin-top:0}
.notebook-site p[data-content]:empty{display:none}
.notebook-site .section{padding-block:clamp(50px,6vw,92px)}
.notebook-site p,.notebook-site li,.notebook-site h1,.notebook-site h2,.notebook-site h3,.notebook-site label,.notebook-site figcaption{color:var(--ink)}
body.notebook-site>.notebook-header{position:sticky;inset:0 0 auto;width:100%;height:74px;max-height:none;z-index:30;background:#fffffff5;box-shadow:0 2px 16px #0926540a;transition:height .2s}
.notebook-site>.notebook-header:before{display:none}
.notebook-header.is-compact{height:56px!important}
.notebook-header .header-inner{width:100%;height:100%;min-height:0;padding:0 var(--page-gutter);gap:28px}
.notebook-header .original-brand img{width:64px;height:64px;max-width:none;max-height:none;object-fit:contain;transition:width .2s,height .2s}
.notebook-header.is-compact .original-brand img{width:48px;height:48px}
.notebook-header nav{flex:1;justify-content:space-between;gap:18px;font-size:16px}
.notebook-header .nav-contact{border:0;padding:0}
.notebook-header nav a[href='#groups'],.notebook-header nav a[href='#custom'],.notebook-header nav a[href='#exhibitions']{display:none}
.notebook-site .reference-hero{position:relative;display:grid;grid-template-columns:53% 47%;direction:ltr;align-items:center;gap:0;width:100%;height:auto;min-height:640px;max-height:none;padding:0;isolation:isolate;overflow:hidden}
.reference-hero:before{display:none}
.notebook-site .hero-collage{position:absolute;inset:0;z-index:-2;width:100%;height:100%;overflow:hidden;display:block}
.notebook-site .hero-collage img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.notebook-site .hero-collage:after{content:'';position:absolute;inset:0;background:rgba(255,255,255,var(--hero-veil,.44));pointer-events:none}
.notebook-site .hero-artworks{position:relative;grid-column:1;grid-row:1;inset:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:14px;align-items:center;padding:60px 8px 72px 5.5%;width:100%;pointer-events:none;z-index:0}
.notebook-site .hero-artwork{position:relative;inset:auto;display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center;transform:none;clip-path:none;mix-blend-mode:normal;opacity:1;background:transparent;padding:0;border:0;box-shadow:none}
.notebook-site .hero-artwork-left{align-self:start;margin-top:0}
.notebook-site .hero-artwork-right{margin-top:62px}
.notebook-site .reference-hero .hero-copy{position:relative;grid-column:2;grid-row:1;inset:auto;direction:rtl;width:100%;min-width:0;z-index:1;text-align:right;padding:44px clamp(20px,3.2vw,56px) 58px 28px}
.notebook-site .reference-hero .eyebrow{font-size:clamp(20px,1.8vw,30px);font-weight:500;line-height:1.5;letter-spacing:0;white-space:pre-line;margin:0 0 10px;overflow-wrap:normal}
.notebook-site .reference-hero h1{font-family:'Gveret Levin',Heebo,sans-serif;font-size:clamp(36px,3.8vw,66px);font-weight:400;line-height:1.32;letter-spacing:0;white-space:pre-line;overflow-wrap:normal;margin:0}
.reference-hero h1:after{display:none}
.notebook-site .reference-hero .hero-intro{font-size:clamp(19px,1.65vw,28px);line-height:1.6;white-space:normal;width:auto;max-width:none;margin:20px 0 0}
.notebook-site .reference-hero .actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,390px);margin:24px 0 0}
.notebook-site .reference-hero .actions a{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;max-width:none;width:100%;min-height:56px;padding:14px 20px;margin:0;align-self:stretch;box-sizing:border-box;border:1px solid var(--ink);border-radius:9px;text-decoration:none;font-size:clamp(17px,1.5vw,24px);line-height:1.3;letter-spacing:0}
.notebook-site .reference-hero .actions a[href='#gallery']{order:0;background:var(--button-hero-gallery,#ae7925);border-color:transparent;color:#fff}
.notebook-site .reference-hero .actions a[href='#workshops']{order:1;background:var(--button-hero-workshops,#ffffffb8);border-color:var(--ink);color:var(--ink)}
.reference-hero .chevron{font-size:1.7em;line-height:.7;direction:ltr}
.needle-thread-ornament{display:block;object-fit:contain;height:auto;width:220px;max-width:70%;margin:0 0 18px;pointer-events:none}
.hero-title-ornament{width:200px;margin:4px 0 12px;max-width:58%}
.notebook-site .about-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.notebook-site .about-heading .about-ornament{width:235px;max-width:74%;margin-bottom:20px}
.about-heading h2{margin:0 0 24px;line-height:1.3}
.notebook-site .about{gap:clamp(28px,5vw,80px);align-items:start}
.notebook-site .about>*,.notebook-site .contact>*,.notebook-site .groups-layout>*{min-width:0}
.notebook-site .about-visual{background:none;padding:0;transform:none;box-shadow:none;position:static}
.notebook-site .about-visual img{object-fit:cover;max-height:600px;border-radius:4px}
.notebook-site .about-copy>p{max-width:none}
.notebook-site .section-head{width:100%;margin-bottom:28px}
.notebook-site .section-head>div{width:100%;min-width:0}
.notebook-site .section-head h2{font-size:clamp(32px,3.3vw,50px)}
.notebook-site .section-head h2:after,.notebook-site .section-head h2:before{display:none}
.notebook-site .gallery-section{border:0;background:var(--paper)}
.gallery-eyebrow,.gallery-description{display:none}


.notebook-site .workshop-title-copy{direction:rtl;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.workshop-title-copy h2{margin:0;line-height:1.3}
.notebook-site .workshop-intro{width:100%;max-width:none;columns:auto;display:block}
.notebook-site .workshop-intro p{display:block;width:100%;max-width:none;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;line-height:1.85;margin-bottom:12px}
.notebook-site .button,.workshop-page .button,.notebook-site .custom-contact-cta{background:var(--button-workshop-contact,#ae7925);border:1px solid transparent;color:white;border-radius:7px;text-decoration:none;padding:13px 24px}
.notebook-site .button:hover,.notebook-site .custom-contact-cta:hover{filter:brightness(.94)}
.notebook-site .workshop-contact-cta{display:flex;justify-content:center;text-align:center;width:fit-content;max-width:100%;margin:22px 0 30px auto;background:var(--button-workshop-contact,#ae7925)}
.notebook-site [data-button-key='groups-contact']{background:var(--button-groups-contact,#ae7925);color:#fff}
.notebook-site [data-button-key='custom-contact']{background:var(--button-custom-contact,#ae7925);color:#fff}
.notebook-site #contact-form button[data-ui='ui-24']{background:var(--button-contact-whatsapp,#ae7925);color:#fff}
.workshop-page .workshop-detail-cta{background:var(--button-workshop-detail,#ae7925)}
.notebook-site .rail{width:calc(100% + 2 * var(--page-gutter));max-width:none;margin:24px calc(-1 * var(--page-gutter)) 0;padding:8px 0 0;min-width:0;background:var(--rail-surface,#fff)}
.rail[data-rail='works']{--rail-surface:var(--rail-background-works,#fff)}.rail[data-rail='workshops']{--rail-surface:var(--rail-background-workshops,#fff)}.rail[data-rail='custom']{--rail-surface:var(--rail-background-custom,#fff)}.rail[data-rail='exhibitions']{--rail-surface:var(--rail-background-exhibitions,#fff)}
.rail-controls{display:flex;justify-content:flex-end;padding:0 var(--page-gutter) 8px}
.rail-pause{background:white;border:1px solid #c8baa4;border-radius:24px;padding:8px 14px;color:var(--ink);font-size:14px}
.rail-viewport{position:relative;min-width:0}
.rail-track{direction:ltr;display:flex;gap:8px;overflow:auto hidden;padding:0 0 16px;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-behavior:auto;min-width:0}
.notebook-site .rail-track>.art-card,.notebook-site .rail-track>.workshop{position:relative;flex:0 0 clamp(300px,35vw,540px);height:clamp(370px,41vw,580px);min-width:0;direction:rtl;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none;order:0!important;overflow:hidden}
html[lang='en'] .rail-track>*{direction:ltr}
.notebook-site .rail-track .image-button,.notebook-site .rail-track .workshop-card-link{display:block;position:relative;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;text-decoration:none;color:var(--ink);overflow:hidden}
.notebook-site .rail-track .image-button img,.notebook-site .rail-track .workshop img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transition:transform .35s}
.notebook-site .rail-track .image-button:hover img,.notebook-site .rail-track .workshop-card-link:hover img{transform:scale(1.025)}
.notebook-site .rail-track figcaption,.notebook-site .rail-track .workshop-card-link>div{position:absolute;inset:auto 0 0;z-index:1;padding:62px 24px 24px;margin:0;min-height:120px;background:linear-gradient(to bottom,#ffffff00 0%,#ffffffe0 52%,#fffffff5 100%);color:var(--ink);font-size:20px;line-height:1.6;pointer-events:none}
.notebook-site .rail-track figcaption{font-weight:500}
.notebook-site .rail-track .workshop h3{font-size:25px;margin:0 0 6px;line-height:1.4}
.notebook-site .rail-track .workshop p{display:block;white-space:normal;overflow:visible;-webkit-line-clamp:unset;word-break:normal;overflow-wrap:normal;hyphens:none;font-size:16px;line-height:1.6;margin:0 0 10px}
.notebook-site .rail-track .workshop-details-link{display:block;font-size:15px;font-weight:600;margin-top:10px;color:var(--ink)}
.rail-arrow{position:absolute;top:43%;z-index:3;display:grid;place-items:center;direction:ltr;width:46px;height:58px;border:1px solid #d1c6b6;border-radius:8px;background:#ffffffe8;color:var(--ink);padding:0;box-shadow:0 3px 12px #0002}
.rail-left{left:8px}.rail-right{right:8px}.rail-arrow svg{width:24px;height:28px}.rail-arrow:disabled{opacity:.3;cursor:default}
.notebook-site .groups{background:#f4eee5;color:var(--ink)}
.notebook-site .groups-layout>div:first-child{transform:none;padding:0;background:none}.notebook-site .groups-layout>div:first-child img{transform:none;border-radius:4px}
.exhibitions .years{columns:2;column-gap:40px;margin-top:40px}.exhibitions .year{break-inside:avoid}
.notebook-site .contact{gap:clamp(30px,7vw,100px)}
.notebook-site .contact-handwritten-row{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 28px}
.notebook-site .contact-handwritten-row .needle-thread-ornament{width:285px;max-width:78%;margin:0 0 20px}
.notebook-site .contact h2.handwritten-heading{font-family:'Gveret Levin',Heebo,sans-serif;font-size:clamp(42px,4vw,66px);font-weight:400;line-height:1.32;letter-spacing:0;margin:0}
.notebook-site .contact-info>a,.notebook-site .contact-info>p:not(.eyebrow){font-size:19px;margin:0 0 14px}
.notebook-site .socials{gap:16px;justify-content:flex-end;max-width:none}
.notebook-site .social-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;text-decoration:none}
.social-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}.facebook-icon svg{fill:currentColor;stroke:none;width:25px;height:25px}.instagram-icon .social-dot{fill:currentColor;stroke:none}
.whatsapp{left:auto;right:22px;bottom:100px;width:54px;height:54px;padding:8px;background:#1fc65c;color:#fff;border:2px solid white;border-radius:50%;display:grid;place-items:center;z-index:32}.whatsapp svg{width:34px;height:34px;fill:currentColor;stroke:none}
.home-button{right:25px;bottom:32px;width:48px;height:48px;padding:10px;border:1px solid var(--ink);background:white;border-radius:50%;display:grid;place-items:center;z-index:32}.home-button svg{width:27px;height:27px}.home-button span{display:none}
.accessibility-toggle{left:18px!important;right:auto!important;bottom:28px!important}
.detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:15px}.detail-header img{width:110px;height:110px;object-fit:contain}.workshop-page{background:var(--paper);color:var(--ink)}
.workshop-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.workshop-detail h1{font-size:clamp(30px,4vw,54px);line-height:1.3}.workshop-detail-image{width:100%;max-height:650px;object-fit:contain}.workshop-long-copy{white-space:pre-line;margin:25px 0}.workshop-dates{list-style:none;padding:0}.workshop-dates li{display:flex;gap:20px;border-bottom:1px dashed #bdaa8a;padding:12px 0}
.preview-banner{position:relative;inset:auto;z-index:35;text-align:center;font-size:14px;padding:9px;background:#fff1b9}.preview-banner~.notebook-header{top:0}
.menu-lines{display:flex;flex-direction:column;gap:5px;width:28px;margin:0 auto 4px}.menu-lines i{height:2px;width:100%;background:var(--ink)}
@media(max-width:900px){
 .notebook-header nav{font-size:14px;gap:12px}.notebook-header #menu-toggle{display:none}
 .notebook-site .reference-hero{grid-template-columns:52% 48%;min-height:560px}.notebook-site .reference-hero h1{font-size:38px}
 
}
@media(max-width:680px){
 html{scroll-padding-top:65px}.notebook-site>.notebook-header{height:66px}.notebook-header .header-inner{justify-content:space-between;gap:12px}.notebook-header .original-brand img{width:56px;height:56px}.notebook-header #menu-toggle{display:block;font-size:13px;padding:6px;border:0;background:none;min-width:48px;color:var(--ink)}
 .notebook-header nav{display:none;position:absolute;inset:100% 0 auto;flex-wrap:wrap;background:white;padding:20px;box-shadow:0 8px 15px #09265415;font-size:16px}.notebook-header nav.open{display:flex}.notebook-header nav.open a[href='#groups'],.notebook-header nav.open a[href='#custom'],.notebook-header nav.open a[href='#exhibitions']{display:block}
 .notebook-site .reference-hero{display:flex;flex-direction:column;min-height:0;padding:0 0 40px;overflow:hidden}
 .notebook-site .hero-collage img{object-position:35% center}.notebook-site .hero-collage:after{background:rgba(255,255,255,var(--hero-veil,.44))}
 .notebook-site .reference-hero .hero-copy{order:0;padding:28px 24px 12px;width:100%;text-align:right}
 .notebook-site .reference-hero .eyebrow{font-size:22px;line-height:1.4}.notebook-site .reference-hero h1{font-size:clamp(34px,8.7vw,50px);line-height:1.3}
 .hero-title-ornament{width:166px;margin:6px 0 10px}.notebook-site .reference-hero .hero-intro{font-size:20px;line-height:1.5;margin-top:15px}
 .notebook-site .reference-hero .actions{width:100%;max-width:390px;margin-top:20px;gap:10px}.notebook-site .reference-hero .actions a{width:100%;min-height:52px;font-size:19px;padding:13px 16px}
 .notebook-site .hero-artworks{order:1;padding:28px 20px 0;gap:12px;width:100%;grid-template-columns:1fr 1fr;align-items:center}.notebook-site .hero-artwork-right{margin-top:25px}.notebook-site .hero-artwork{width:100%;height:auto;max-height:none}
 .notebook-site .about{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:20px 14px;align-items:center}.notebook-site .about-copy{display:contents}.notebook-site .about-heading{grid-column:1;grid-row:1;min-width:0}.notebook-site .about-visual{grid-column:2;grid-row:1;align-self:center}.notebook-site .about-visual img{width:108px;height:138px;object-fit:cover}.notebook-site .about-visual .image-note{display:none}.notebook-site .about-copy>p,.notebook-site .about-copy>details{grid-column:1/-1}.notebook-site .about-heading h2{font-size:25px;margin-bottom:0;line-height:1.4}.notebook-site .about-heading .needle-thread-ornament{width:145px;max-width:92%;margin-bottom:13px}
 .notebook-site .section{padding-block:45px}.notebook-site .section-head h2{font-size:32px}.notebook-site .workshop-title-copy h2{font-size:28px;line-height:1.35}.workshop-title-copy .needle-thread-ornament{width:160px;max-width:100%;margin-bottom:12px}.notebook-site .workshop-contact-cta{font-size:16px;line-height:1.65;text-align:center;justify-content:center;width:100%}
 .notebook-site .rail-track>.art-card,.notebook-site .rail-track>.workshop{flex-basis:84vw;height:111vw;max-height:560px;max-width:none}.notebook-site .rail-track figcaption,.notebook-site .rail-track .workshop-card-link>div{font-size:19px;padding:65px 20px 20px}.notebook-site .rail-track .workshop h3{font-size:23px}.rail-arrow{width:42px;height:52px}.rail-left{left:4px}.rail-right{right:4px}
 .notebook-site .contact{grid-template-columns:1fr;gap:30px}.notebook-site .contact h2.handwritten-heading{font-size:42px}.notebook-site .contact-handwritten-row .needle-thread-ornament{width:235px}.notebook-site .contact-info>a,.notebook-site .contact-info>p:not(.eyebrow){font-size:17px}.exhibitions .years{columns:1}.notebook-site .groups-layout{grid-template-columns:1fr;gap:28px}
 .whatsapp{right:14px;bottom:92px;width:48px;height:48px}.home-button{right:17px;bottom:30px;width:42px;height:42px}.accessibility-toggle{left:14px!important;bottom:25px!important}
 .workshop-detail{grid-template-columns:1fr;gap:25px}.detail-header{flex-wrap:wrap}.detail-header img{width:80px;height:80px}
}
@media(prefers-reduced-motion:reduce){.rail-track img,.notebook-header,.notebook-header img{transition:none!important}}

/* Large studio photograph above the section copy in both studio sections. */
.notebook-site .workshop-studio-image,.notebook-site .groups-studio-image{display:block;width:100%;height:auto;max-width:1200px;max-height:none;object-fit:contain;object-position:center;margin:0 auto 36px;padding:0;border:0;border-radius:5px;box-shadow:none;transform:none}
.notebook-site .groups-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
.notebook-site .groups-layout>.groups-photo{width:100%;margin:0!important;order:0}
.notebook-site .groups-layout>.groups-copy{order:1}
.notebook-site .groups-copy,.notebook-site .workshop-title-copy,.notebook-site .workshop-intro{text-align:start;width:100%;max-width:none}
.notebook-site .groups-copy h2{margin-bottom:24px}
.notebook-site .workshop-title-copy{direction:inherit;align-items:flex-start}
.notebook-site .groups-copy>.button{display:inline-flex;max-width:100%;margin-top:14px}
@media(max-width:680px){.notebook-site .workshop-studio-image,.notebook-site .groups-studio-image{margin-bottom:26px}.notebook-site .groups-copy>.button,.notebook-site .workshop-contact-cta{display:flex;width:100%;justify-content:center;text-align:center}.notebook-site .workshop-title-copy .needle-thread-ornament{max-width:70%}}
/* Logical, mirrored layout and a soft transition out of the textile hero. */
.notebook-site .reference-hero{direction:inherit;grid-template-columns:47% 53%;padding-bottom:84px}
.notebook-site .reference-hero:after{content:'';position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,var(--paper));pointer-events:none;z-index:0}
.notebook-site .hero-artworks{grid-column:2;padding:60px 5.5% 40px 8px;direction:inherit}
.notebook-site .reference-hero .hero-copy{grid-column:1;direction:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;padding:44px clamp(20px,3.2vw,56px) 44px}
.notebook-site .reference-hero .hero-copy>*{max-width:100%}
.notebook-site .reference-hero .actions{margin-inline:auto;align-items:stretch}
.notebook-site .reference-hero .actions a{flex-direction:row}
.notebook-header .header-inner{direction:inherit}
.notebook-site .reference-hero .hero-copy .hero-title-ornament{margin-inline:auto}
.notebook-site .rail-track{direction:inherit}
.notebook-site .rail-track>.art-card,.notebook-site .rail-track>.workshop{direction:inherit}
.notebook-site .workshop-contact-cta{margin-inline:0 auto}
.notebook-site .contact-info>a:not(.social-icon){margin-inline:0 auto}
html[dir=ltr] .chevron{transform:scaleX(-1)}
[data-layout-group='hero-copy'],[data-layout-group='about-heading'],[data-layout-group='workshop-title'],[data-layout-group='contact-heading']{display:flex;flex-direction:column;align-items:flex-start}
[data-layout-group='hero-actions']{display:flex;flex-direction:column}
.notebook-site [data-layout-group='hero-actions']>a{order:0!important}
.notebook-site [data-layout-group='hero-artworks']>img{grid-column:auto;grid-row:auto}
.notebook-site [data-layout-group='groups-layout']>*{order:0!important}
.notebook-site [data-layout-group='about-copy'],.notebook-site [data-layout-group='about-visual'],.notebook-site [data-layout-group='workshop-intro'],.notebook-site [data-layout-group='groups-copy'],.notebook-site [data-layout-group='contact-info'],.notebook-site [data-layout-group='custom-title'],.notebook-site [data-layout-group='exhibitions-heading']{display:flex;flex-direction:column;align-items:stretch}
.notebook-site [data-layout-group='contact-info']>.socials{align-self:flex-start}
html[dir=ltr] .notebook-site .hero-artworks{padding-inline:8px 5.5%}
@media(max-width:680px){
 .notebook-site .reference-hero{padding-bottom:65px}
 .notebook-site .reference-hero .hero-copy{padding:28px 24px 12px;text-align:center}
 .notebook-site .hero-artworks{padding:28px 20px 0}
 html[dir=ltr] .notebook-site .hero-artworks{padding-inline:20px}
 .notebook-site .about [data-layout-group='about-copy']{display:contents}
 .notebook-site .reference-hero:after{height:100px}
}
/* Keep the approved Hebrew collage order; mirror positions, never the artwork pixels. */
.notebook-site .hero-artworks{direction:ltr}
html[dir=ltr] .notebook-site .hero-artworks{direction:rtl}
/* Main-copy alignment is an editable setting, mirrored with the site language. */
.notebook-site #main[data-hero-alignment='start'] .hero-copy{align-items:flex-start;text-align:start}
.notebook-site #main[data-hero-alignment='start'] .hero-copy .actions{margin-inline:0 auto}
.notebook-site #main[data-hero-alignment='start'] .hero-title-ornament{margin-inline:0 auto}
