/* דודי חדד — שמאי רכוש. Mobile first: cream / stone, black type, gold only as a hairline accent. */
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/frank-ruhl-libre-hebrew-500-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/frank-ruhl-libre-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
 --cream:#f7f4ee;--stone:#eee8de;--paper:#fffdf9;--ink:#141414;--ink-2:#3d3a35;--muted:#5f5a52;--line:#ddd5c7;
 --gold:#a8854a;--gold-text:#7a5f2e;
 --serif:"Frank Ruhl Libre","David Libre",Georgia,serif;
 --sans:"Segoe UI",Arial,"Noto Sans Hebrew",Helvetica,sans-serif;
 --gutter:20px;--header:60px;--bar:60px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
.icon{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.skip-link{position:fixed;top:10px;right:10px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.small-muted{font-size:.85rem;color:var(--muted)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:30;background:rgba(247,244,238,.96);border-bottom:1px solid rgba(20,20,20,.07);padding-top:env(safe-area-inset-top)}
@supports (backdrop-filter:blur(8px)){.site-header{background:rgba(247,244,238,.88);backdrop-filter:blur(8px)}}
.header-inner{height:var(--header);max-width:1240px;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:var(--serif);font-size:24px;line-height:1;letter-spacing:-.5px;direction:ltr;padding:8px 0}
.brand i{font-style:normal;color:var(--gold)}
.nav{display:none}
.header-tools{display:flex;align-items:center;gap:4px}
.header-phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;height:44px;color:var(--ink)}
.header-phone-number{display:none}
.menu-toggle{width:44px;height:44px;border:0;background:none;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.mobile-nav{border-top:1px solid var(--line);padding:4px var(--gutter) 16px;background:var(--cream)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;text-align:center}
.mobile-nav a:last-child{border-bottom:0}

/* ---------- shared ---------- */
.label{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--gold-text)}
.label::before,.label::after{content:"";width:24px;height:1px;background:var(--gold)}
.section-title{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.25;letter-spacing:-.2px;color:var(--ink);margin-top:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:2px;font-size:16px;font-weight:600;letter-spacing:.01em;transition:background-color .2s,color .2s}
.button-primary{background:var(--ink);color:var(--paper)}
.button-primary:hover{background:#2c2a27}
.button-number{display:none}
.text-link{display:inline-block;padding:10px 4px;font-size:15px;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:6px}
.text-link:hover{color:var(--ink)}

/* ---------- hero ---------- */
.hero{max-width:1240px;margin:0 auto;padding:44px var(--gutter) 0;text-align:center}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(52px,16vw,64px);line-height:1;letter-spacing:-1px}
.hero-role{margin-top:12px;font-size:20px;letter-spacing:.06em;color:var(--ink-2)}
.hero-role::before{content:"";display:block;width:32px;height:1px;margin:0 auto 14px;background:var(--gold)}
.hero-statement{margin-top:26px;font-family:var(--serif);font-weight:500;font-size:clamp(22px,6.4vw,26px);line-height:1.45;color:var(--ink)}
.hero-description{margin:14px auto 0;max-width:30ch;font-size:16px;line-height:1.75;color:var(--muted)}
.hero-actions{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px}
.hero-actions .button{width:100%;max-width:320px}
.hero-visual{margin:36px auto 0;max-width:482px}
.hero-visual img{width:100%;aspect-ratio:482/504;border-radius:2px}

/* ---------- services ---------- */
.services{max-width:1240px;margin:0 auto;padding:56px var(--gutter) 64px}
.services-list{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.services-list li{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:20px 12px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.services-list li:last-child{grid-column:1/-1}
.services-list .icon{color:var(--gold)}
.services-list h3{font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.services-list p{display:none}

/* ---------- about ---------- */
.about{background:var(--stone);padding:64px var(--gutter);text-align:center}
.about-copy{max-width:560px;margin:0 auto}
.about-copy p:not(.label){margin-top:16px;color:var(--ink-2);font-size:16px}
.about-copy .section-title+p{margin-top:20px}
.about-visual{max-width:604px;margin:36px auto 0}
.about-visual img{width:100%;aspect-ratio:604/204;border-radius:2px}

/* ---------- process ---------- */
.process{max-width:1240px;margin:0 auto;padding:64px var(--gutter);text-align:center}
.steps{margin:32px auto 0;max-width:520px;border-top:1px solid var(--line)}
.steps li{padding:22px 0;border-bottom:1px solid var(--line)}
.step-number{display:block;font-family:var(--serif);font-size:18px;color:var(--gold-text);direction:ltr;line-height:1}
.steps h3{margin-top:10px;font-size:17px;font-weight:600}
.steps p{margin-top:4px;font-size:15px;color:var(--muted)}

/* ---------- contact ---------- */
.contact{background:var(--stone);padding:64px var(--gutter) 72px;text-align:center}
.contact-text{margin-top:12px;color:var(--muted)}
.contact-actions{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px}
.contact-actions .button{width:100%;max-width:320px}

/* ---------- footer ---------- */
.site-footer{padding:32px var(--gutter) calc(32px + var(--bar) + env(safe-area-inset-bottom));text-align:center;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.footer-links{margin-top:8px;display:flex;justify-content:center;gap:20px}
.footer-links a{padding:8px 4px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.footer-note{margin-top:6px;font-size:12.5px}

/* ---------- mobile contact bar: only while the page's own contact buttons are out of view ---------- */
.contact-bar{position:fixed;inset:auto 0 0 0;z-index:25;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:rgba(247,244,238,.97);border-top:1px solid var(--line);transition:transform .25s ease,opacity .25s ease}
.contact-bar[hidden]{display:grid;transform:translateY(110%);opacity:0;pointer-events:none;visibility:hidden}
.contact-bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:2px;font-size:15px;font-weight:600}
.contact-bar-call{background:var(--ink);color:var(--paper)}
.contact-bar-wa{border:1px solid var(--line);background:var(--paper);color:var(--ink)}

/* ---------- dialogs ---------- */
dialog{border:0;padding:0;border-radius:4px;max-width:min(560px,calc(100vw - 32px));background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(20,20,20,.45)}
.dialog-content{padding:28px 24px 24px;position:relative}
.dialog-content h2{font-family:var(--serif);font-weight:500;font-size:24px;margin-bottom:12px}
.dialog-content p{margin-top:10px;font-size:15px;color:var(--ink-2)}
.dialog-content a{text-decoration:underline;text-underline-offset:3px}
.dialog-close{position:absolute;top:8px;left:8px;width:44px;height:44px;border:0;background:none;font-size:26px;line-height:1}

/* ---------- small phones ---------- */
@media (max-width:359px){
 :root{--gutter:16px}
 .services-list li{padding:18px 8px 16px}
 .services-list h3{font-size:14px}
}

/* ---------- tablet ---------- */
@media (min-width:600px){
 .services-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .services-list li:last-child{grid-column:auto}
 .services-list li:nth-child(7){grid-column:2}
}

/* ---------- desktop ---------- */
@media (min-width:960px){
 :root{--gutter:40px;--header:84px}
 body{font-size:17px}
 .brand{font-size:30px}
 .nav{display:flex;gap:36px;font-size:15px}
 .nav a{position:relative;padding:12px 0;color:var(--ink-2)}
 .nav a::after{content:"";position:absolute;inset:auto 0 6px 0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
 .nav a:hover{color:var(--ink)}
 .nav a:hover::after{transform:scaleX(1)}
 .header-phone{font-size:16px;font-weight:600;padding:0 4px}
 .header-phone .icon{color:var(--gold-text)}
 .header-phone-number{display:inline}
 .menu-toggle,.mobile-nav{display:none!important}
 .contact-bar{display:none!important}
 .site-footer{padding-bottom:32px}

 .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,482px);gap:clamp(56px,7vw,112px);align-items:center;padding:clamp(56px,7vw,96px) var(--gutter) 0;text-align:right}
 .hero-copy{max-width:560px}
 .hero h1{font-size:clamp(72px,7.4vw,104px)}
 .hero-role{font-size:24px;margin-top:16px}
 .hero-role::before{margin:0 0 18px;width:40px}
 .hero-statement{margin-top:36px;font-size:32px}
 .hero-description{margin:16px 0 0;max-width:42ch;font-size:17px}
 .hero-actions{margin-top:36px;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}
 .hero-actions .button,.contact-actions .button{width:auto;max-width:none}
 .button-number{display:inline;font-weight:400;opacity:.8;padding-right:12px;margin-right:2px;border-right:1px solid rgba(255,253,249,.3)}
 .hero-visual{margin:0;max-width:482px;width:100%;justify-self:end}

 .services{padding:96px var(--gutter) 104px}
 .services .label{justify-content:flex-start}
 .services .label::after{flex:1;max-width:none}
 .services-list{margin-top:40px;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .services-list li,.services-list li:nth-child(7){grid-column:auto;background:none;border:0;border-left:1px solid var(--line);padding:32px 14px 30px}
 .services-list li:last-child{border-left:0}
 .services-list h3{font-size:16px}
 .services-list p{display:block;font-size:14px;line-height:1.55;color:var(--muted)}

 .about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,604px);gap:clamp(48px,6vw,96px);align-items:center;padding:104px max(var(--gutter),calc((100% - 1240px)/2 + var(--gutter)));text-align:right}
 .about-copy{margin:0;max-width:520px}
 .about .label,.process .label,.contact .label{justify-content:flex-start}
 .about .label::after{display:none}
 .section-title{font-size:42px}
 .about-visual{margin:0}

 .process{padding:104px var(--gutter);text-align:right}
 .process .label::after{display:none}
 .steps{max-width:none;margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;border-top:0}
 .steps li{border-bottom:0;border-top:1px solid var(--ink);padding:24px 0 0}
 .steps h3{font-size:18px}

 .contact{padding:104px var(--gutter) 112px}
 .contact .label{justify-content:center}
 .contact-actions{flex-direction:row;justify-content:center;gap:24px;margin-top:36px}
}

@media (min-width:1600px){
 .hero{padding-top:112px}
}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important}
}


/* 2026-10-26 — compact landing hero + visible services in the opening viewport */
@media (min-width:960px){
 :root{--header:64px}.header-inner{gap:25px}.header-phone{height:36px;min-width:0;font-size:13px;gap:6px}.header-phone .icon{width:16px;height:16px}.brand{font-size:27px}.nav{font-size:14px;gap:28px}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,410px);gap:clamp(24px,4vw,62px);padding-top:22px}
 .hero h1{font-size:clamp(64px,6vw,82px);line-height:1.02}
 .hero-role{font-size:20px;margin-top:9px}.hero-role::before{margin-bottom:11px}
 .hero-statement{font-size:26px;line-height:1.38;margin-top:17px}
 .hero-description{font-size:16px;line-height:1.6;margin-top:10px}
 .hero-actions{margin-top:17px;gap:18px}
 .hero-actions .button{min-height:44px;padding:0 22px;font-size:14px}
 .hero-visual{max-width:410px}.hero-visual img{aspect-ratio:41/36;object-fit:cover;object-position:50% 31%}
 .services{padding-top:23px;padding-bottom:35px}.services-list{margin-top:15px}
 .services-list li,.services-list li:nth-child(7){padding:15px 11px 14px;gap:6px}
 .services-list .icon{width:25px;height:25px}.services-list h3{font-size:14px;line-height:1.35}.services-list p{font-size:12px;line-height:1.45}
}
@media (min-width:600px) and (max-width:959px){
 .hero{padding-top:28px}.hero-visual{max-width:550px;margin-top:24px}.hero-visual img{aspect-ratio:16/9;object-fit:cover;object-position:center 32%}
 .services{padding-top:25px;padding-bottom:38px}.services-list{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.services-list li:nth-child(7){grid-column:auto}
}
@media (max-width:599px){
 :root{--header:56px}.header-inner{height:var(--header)}.brand{font-size:23px}.header-phone{height:40px;min-width:40px}.menu-toggle{height:40px;width:40px}
 .hero{padding-top:21px}.hero h1{font-size:clamp(46px,12.7vw,55px);line-height:1.06}.hero-role{font-size:17px;margin-top:7px;line-height:1.3}.hero-role::before{margin-bottom:8px}
 .hero-statement{font-size:21px;margin-top:16px;line-height:1.32}.hero-description{font-size:14px;line-height:1.6;margin-top:8px;max-width:37ch}
 .hero-actions{margin-top:16px;gap:5px}.hero-actions .button{min-height:43px;padding:0 22px;font-size:14px}.hero-actions .text-link{padding:7px 5px;font-size:14px}
 .hero-visual{margin-top:20px;max-width:none}.hero-visual img{aspect-ratio:16/8.5;object-fit:cover;object-position:50% 30%}
 .services{padding-top:18px;padding-bottom:25px}
 .services-list{display:grid;grid-template-columns:repeat(7,144px);gap:8px;margin:14px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) 12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
 .services-list li,.services-list li:nth-child(7){grid-column:auto;scroll-snap-align:start;min-width:0;min-height:105px;padding:13px 8px 12px;gap:7px}
 .services-list .icon{width:24px;height:24px}.services-list h3{font-size:13px;line-height:1.4}
}