/* Resolve site v2 - shared shell (header, footer, button, tokens). Palette B "Tenenbaums" = /realoffice/ palette.
   Contrast: navy/base 14.2, navy/sky 10.9, navy/coral 8.1, base/navy 14.2, base/tomato 4.48 (large text only) -
   the button text is 18px bold on tomato #C4301B (5.0:1). */
@font-face{font-family:"Heebo";src:url("/realoffice/fonts/heebo-hebrew.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";src:url("/realoffice/fonts/heebo-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --base:#FBF4E8; --navy:#1B2438; --tomato:#C4301B; --tomato-big:#D2361F; --sky:#BFDDEB; --coral:#F4A99A;
  --rule:2px solid var(--navy);
  --font:"Heebo",Arial,"Noto Sans Hebrew",sans-serif;
  --pad:clamp(20px,6vw,96px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--base);overflow-x:clip;scroll-behavior:smooth;scroll-padding-block-start:88px}
body{background:var(--base);color:var(--navy);font-family:var(--font);font-weight:400;font-size:18px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}
.skip{position:absolute;inset-inline-start:12px;inset-block-start:-60px;background:var(--navy);color:var(--base);padding:12px 18px;z-index:100}
.skip:focus{inset-block-start:12px}
h1,h2,h3{text-wrap:balance;font-weight:800;line-height:1.12}
p{text-wrap:pretty}

/* resolve wordmark, painted with currentColor */
.wm{display:block;width:133px;height:34px;background:currentColor;-webkit-mask:url(/assets/brand/resolve-wordmark.svg) center/contain no-repeat;mask:url(/assets/brand/resolve-wordmark.svg) center/contain no-repeat}

/* the one primary button */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;background:var(--tomato);color:#fff;
  border:var(--rule);border-radius:8px;font:800 18px/1.2 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:transform .12s linear,background-color .12s linear}
.btn:hover{background:#A9261A}
.btn:active{transform:translateY(1px)}
.btn.is-sm{min-height:44px;padding:8px 22px;font-size:16px}
.tlink{font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;display:inline-flex;align-items:center;min-height:44px}

/* header */
.top{position:sticky;inset-block-start:0;z-index:50;background:var(--base);border-block-end:var(--rule)}
.top-in{display:flex;align-items:center;gap:clamp(16px,3vw,40px);min-height:72px;padding-inline:var(--pad);max-width:1600px;margin-inline:auto}
.top .logo{display:flex;align-items:center;min-height:44px;color:var(--navy)}
.top .logo .wm{width:133px}
.top nav{display:flex;gap:clamp(4px,1.6vw,28px);margin-inline-end:auto}
.top nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;font-weight:700;font-size:18px;text-decoration:none}
.top nav a:hover{text-decoration:underline;text-underline-offset:5px}
@media (max-width:719px){
  .top-in{min-height:64px;gap:10px}
  .top .logo .wm{width:104px;height:27px}
  .top nav{display:none}
  .top .btn{margin-inline-start:auto}
}

/* footer */
.foot{background:var(--navy);color:var(--base)}
.foot-in{max-width:1600px;margin-inline:auto;padding:clamp(40px,6vw,88px) var(--pad) clamp(28px,4vw,48px);display:grid;gap:clamp(28px,4vw,56px)}
.foot-claim{font-size:clamp(26px,4.2vw,52px);font-weight:800;line-height:1.15;text-wrap:balance;max-width:32ch}
.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.foot-row .wm{color:var(--base)}
.foot-links{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;font-weight:700;text-decoration:none}
.foot-links a:hover{text-decoration:underline;text-underline-offset:5px}
.foot :focus-visible{outline-color:var(--sky)}
.foot-note{font-size:16px;text-wrap:balance}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.btn{border:2px solid CanvasText}}