/* Base */
body{margin:0;background:#fbf7ee}
a{color:#1f3a6e}a:hover{color:#7a5800}
.page{position:relative;overflow:hidden;background:#fbf7ee;color:#1f3a6e;font-family:'Mulish','Segoe UI',sans-serif;font-size:1.0625rem;line-height:1.65;min-height:100vh}
.page-doc{line-height:1.7}
.muted{color:#33476b}

/* Watercolor washes */
.wash{position:absolute;pointer-events:none}
.wash-1{top:-120px;left:-140px;width:620px;height:520px;border-radius:48% 52% 60% 40%;background:radial-gradient(closest-side,rgba(110,160,215,.45),rgba(110,160,215,0));filter:blur(18px)}
.wash-2{top:380px;right:-160px;width:560px;height:520px;border-radius:55% 45% 40% 60%;background:radial-gradient(closest-side,rgba(232,190,80,.42),rgba(232,190,80,0));filter:blur(20px)}
.wash-3{top:1350px;left:-180px;width:600px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,190,80,.30),rgba(232,190,80,0));filter:blur(22px)}
.wash-4{top:1150px;right:-120px;width:520px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,160,215,.35),rgba(110,160,215,0));filter:blur(20px)}
.wash-doc{top:-140px;right:-160px;width:560px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,160,215,.35),rgba(110,160,215,0));filter:blur(20px)}

/* Header */
.site-header{position:relative;max-width:1180px;margin:0 auto;padding:1.5rem 1.5rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-family:'Caveat',cursive;font-weight:700;font-size:2.1rem;text-decoration:none}
.main-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}
.main-nav a{text-decoration:none;padding:.75rem 0}
.header-links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem}
.back-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

/* Shared type */
.section{position:relative;margin:0 auto}
.script-h{margin:0;font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1}
.marker-h{margin:0;font-family:'Permanent Marker','Comic Sans MS',cursive;font-weight:400;line-height:1.05}
.swoosh{width:min(100%,380px);height:auto}
.swoosh-sm{width:200px;height:auto}

/* Hero */
.hero{max-width:1180px;padding:2rem 1.5rem 4rem;display:flex;flex-wrap:wrap;align-items:center;gap:2.5rem}
.hero-photo{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.hero-img{width:100%;max-width:520px;height:auto;display:block;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 62%,transparent 100%)}
.hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:1rem}
.hero-text p{margin:0}
.hello{font-family:'Caveat',cursive;font-size:2.2rem;line-height:1.1;color:#2a5aa0}
.name{margin:0;font-family:'Permanent Marker','Comic Sans MS',cursive;font-weight:400;font-size:clamp(3rem,7vw,5.4rem);line-height:.95;letter-spacing:.01em}
.name-accent{color:#946b00}
.tagline{font-family:'Caveat',cursive;font-size:2rem;line-height:1.2}
.lede{max-width:34rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.6rem;border-radius:999px;font-weight:700;text-decoration:none}
.btn-wa{gap:.55rem;background:#12704a;color:#fff}
.btn-wa:hover{color:#fff}
.btn-wa-lg{gap:.6rem;min-height:52px;padding:0 2rem;margin-top:1rem;font-size:1.1rem}
.btn-outline{border:2px solid #1f3a6e}
.btn-outline,.btn-outline:hover{color:#1f3a6e}

/* About */
.about{max-width:860px;padding:4rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.about p{margin:0;font-size:1.15rem}

/* Work */
.work{max-width:1180px;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}
.work-head{text-align:center}
.work-head .marker-h{font-size:clamp(2.2rem,4.5vw,3.2rem);color:#2a5aa0}
.work-sub{margin:.5rem 0 0;font-family:'Caveat',cursive;font-size:1.7rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.card{background:rgba(255,255,255,.72);border-radius:22px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 30px rgba(31,58,110,.08)}
.card h3{margin:0;font-family:'Caveat',cursive;font-size:2rem;line-height:1.1}
.card p{margin:0}
.card-icon{width:54px;height:54px}
.card-icon-blue{border-radius:46% 54% 50% 50%;background:rgba(110,160,215,.45)}
.card-icon-gold{border-radius:52% 48% 44% 56%;background:rgba(232,190,80,.55)}
.card-icon-navy{border-radius:50% 50% 58% 42%;background:rgba(42,90,160,.35)}

/* Contact */
.contact{max-width:860px;padding:4rem 1.5rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}
.contact p{margin:0}
.contact .marker-h{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:#946b00}
.contact-hello{font-family:'Caveat',cursive;font-size:1.9rem;color:#1f3a6e}
.contact-note{max-width:36rem;padding:1rem 1.25rem;border-radius:18px;background:rgba(255,255,255,.75)}
.contact-note strong{color:#1f3a6e}
.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;margin-top:.5rem;font-size:1.15rem}
.contact-item{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;font-weight:700}
a.contact-item{text-decoration:none}
span.contact-item{color:#1f3a6e}

/* Footer */
.footer-art{display:block;width:100%;height:150px;object-fit:cover;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%);mask-image:linear-gradient(to bottom,transparent,#000 45%)}
.site-footer{position:relative}
.footer-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1.5rem;padding:.9rem 1.5rem;background:#1f3a6e;color:#fbf7ee;font-size:.9rem}
.footer-bar p{margin:0}
.footer-bar a,.footer-bar a:hover{color:#fbf7ee}
.footer-bar a{display:inline-flex;align-items:center;min-height:44px}
.footer-bar-plain{display:block;text-align:center}

/* Accessibility statement page */
.doc{max-width:780px;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}
.doc h1{margin:0;font-family:'Permanent Marker','Comic Sans MS',cursive;font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}
.doc .updated{margin:.5rem 0 0}
.doc section{display:flex;flex-direction:column;gap:.5rem}
.doc h2{margin:0;font-family:'Caveat',cursive;font-size:2.1rem;line-height:1.1}
.doc p{margin:0}
.doc ul{margin:0;padding-inline-start:1.4rem;display:flex;flex-direction:column;gap:.35rem}
.doc a{font-weight:700}
.doc-card{background:rgba(255,255,255,.75);border-radius:18px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 8px 24px rgba(31,58,110,.08)}
.doc .doc-card p:first-child{font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Hebrew (RTL) */
html[lang="he"] .page{font-family:'Assistant','Segoe UI',Arial,sans-serif}
html[lang="he"] .doc h1,html[lang="he"] .doc h2{font-family:'Assistant','Segoe UI',Arial,sans-serif;font-weight:800;line-height:1.2}
html[lang="he"] .doc h1{font-size:clamp(2rem,5vw,3rem)}
html[lang="he"] .doc h2{font-size:1.6rem}
html[lang="he"] .readable,html[lang="he"] .readable *{font-family:'Assistant',Arial,sans-serif !important}
html[lang="he"] .brand{font-family:'Assistant','Segoe UI',Arial,sans-serif;font-weight:800;font-size:1.8rem}