@font-face{font-family:"Assistant";src:url("fonts/assistant-hebrew-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-hebrew-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-hebrew-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-hebrew-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-hebrew-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url("fonts/frank-ruhl-libre-hebrew-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url("fonts/frank-ruhl-libre-hebrew-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url("fonts/frank-ruhl-libre-hebrew-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url("fonts/frank-ruhl-libre-hebrew-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

html{scroll-behavior:smooth}
body,button,input,textarea,select{font-family:"Assistant",Arial,sans-serif}
h1,h2,h3,.serif,.display,.quote{font-family:"Frank Ruhl Libre","Times New Roman",serif}
::selection{background:#b47e55;color:#fff}
:focus-visible{outline:3px solid #d6b08d;outline-offset:4px}
a,button{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-08-13 integration patch: shared locked palette and component rhythm. */
:root{
  --ink:#172b24;
  --muted:#58675f;
  --paper:#f4efe4;
  --mist:#e7e1d5;
  --deep:#18382f;
  --gold:#ad7654;
  --line:rgba(23,43,36,.16);
  --glass:rgba(255,252,245,.82);
}
body{background:var(--paper);color:var(--ink)}
::selection{background:#b47e55;color:#07130f}
.preview-note,.oshra-professional-preview{background:#142f28;color:#f3eadc}
.nav{background:rgba(20,47,40,.94);border-bottom-color:rgba(255,255,255,.1);color:#f6efe3}
.nav .brandmark{background:#b47e55;color:#182c25}
.nav .navlinks a{color:#eee5d8}
.nav .navlinks a:hover{color:#d7aa88}
.nav .pill.primary{background:#b47e55;border-color:#b47e55;color:#07130f}
.nav .pill.ghost{border-color:rgba(255,255,255,.25);color:#fff}
.section.alt,.story-map{background:#e9e3d8}
.section.dark,.footer{background:#142f28;color:#f5eee3}
.card,.door,.book,.pro-card,.origin-story,.story-chapter{background:rgba(255,252,245,.86)}
.contact{background:linear-gradient(140deg,#e6d6c3,#d9e2d8)}
.legal-doc a{text-decoration:underline;text-underline-offset:3px}
.legal-doc h1,.legal-doc h2{color:#18382f}
.legal-doc .updated{color:#6b776f}
.contact-form{margin-top:22px;padding:clamp(22px,4vw,36px);border:1px solid rgba(23,43,36,.14);border-radius:28px;background:rgba(255,252,245,.82);box-shadow:0 20px 55px rgba(20,47,40,.08)}
.contact-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-form label{display:grid;gap:7px;font-weight:700}
.contact-form label.full,.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #b9c3bb;border-radius:14px;background:#fffdf8;color:#172b24;padding:13px 14px;min-height:48px}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form .consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:.9rem}
.contact-form .consent input{width:auto;min-height:0;margin-top:5px}
.contact-form button{border:0;border-radius:999px;background:#18382f;color:#fff;padding:13px 22px;font-weight:800;min-height:48px}
.room01-preview-status{background:#f5e8d8;border-right:4px solid #ad7654;border-radius:12px;padding:12px 14px;color:#4c3d32}
@media(max-width:760px){
  .contact-form .form-grid{grid-template-columns:1fr}
  .nav .nav-actions{display:none}
}