/* © 2026 עמרם אברמוביץ׳ / עולם החסד · olamhachesed1@gmail.com */
:root{--navy:#1B2B55;--navy-deep:#111A36;--gold:#D4A24C;--gold-light:#F0C270;--cream:#FBF6EA;--charcoal:#1E1E24;--coral:#E8734A}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh}
img,svg{display:block;max-width:100%}
a{color:inherit}
ul{list-style:none;margin:0;padding:0}
h1,h2,p{margin:0}
[hidden]{display:none!important}
.lnk{display:flex;align-items:center;gap:.85rem;text-decoration:none;-webkit-tap-highlight-color:transparent}
.lnk__icon{flex:none;width:1.5rem;height:1.5rem}
.lnk__icon svg{width:100%;height:100%}
.lnk__text{flex:1;display:flex;flex-direction:column;min-width:0}
.lnk__label{font-weight:700}
.lnk__sub{font-size:.875rem;opacity:.9;overflow-wrap:break-word;text-wrap:pretty}
.lnk__sub[dir=ltr]{unicode-bidi:isolate;text-align:left;overflow-wrap:normal;word-break:keep-all;white-space:nowrap}
[dir=rtl] .lnk__sub[dir=ltr]{text-align:right}
.lnk__arrow{flex:none;width:1.1rem;height:1.1rem;opacity:.75}
[dir=ltr] .lnk__arrow{transform:scaleX(-1)}
:focus{outline:none}
:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px;border-radius:.6rem;box-shadow:0 0 0 6px var(--navy-deep)}
.draft-tag{display:inline-block;margin-inline-start:.4em;padding:0 .45em;font:600 .7rem/1.6 'Heebo',sans-serif;letter-spacing:.02em;border:1px dashed currentColor;border-radius:.4em;opacity:.8;vertical-align:middle}
.lang-toggle{font:600 .9rem 'Rubik','Heebo',sans-serif;cursor:pointer;min-height:44px;min-width:44px;padding:.4rem .9rem;border-radius:999px}
.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}
.noscript-links{padding:1rem;font-size:1.1rem}
.noscript-links a{display:block;padding:.6rem 0}
.footer a{display:inline-block;padding:12px 6px;min-height:44px;line-height:20px;text-underline-offset:3px}  /* tap target >=44px */
.footer .sep{opacity:.6;margin:0 .35em}
.footer .nw{white-space:nowrap}
.footer p{line-height:1.6;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.1em}
.footer p + p{margin-top:.15rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Mockup A: classic navy, gold double frame, serif headline */
body{background:var(--navy-deep);color:var(--cream);
  background-image:radial-gradient(ellipse at 50% -10%,rgba(240,194,112,.18),transparent 55%),
  linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);background-attachment:fixed}
.page{max-width:30rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem 1.5rem}
.topbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}
.lang-toggle{background:transparent;color:var(--gold-light);border:1.5px solid var(--gold)}
.lang-toggle:hover{background:rgba(212,162,76,.15)}
.frame{position:relative;border:2px solid var(--gold);border-radius:1.25rem;padding:1.75rem 1.25rem 1.5rem;
  background:rgba(17,26,54,.55);box-shadow:inset 0 0 0 6px var(--navy-deep),inset 0 0 0 7px rgba(212,162,76,.55),0 18px 50px rgba(0,0,0,.35)}
.head{text-align:center}
.logo{width:7.5rem;height:7.5rem;margin:0 auto .75rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.name{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:2.4rem;line-height:1.1;color:var(--gold-light)}
.name-alt{display:block;font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:.35rem}
.ornament{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--gold);margin:.8rem 0 .6rem;font-size:.9rem}
.ornament span{height:1px;width:3.5rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.tagline{font-size:1.05rem;color:var(--cream)}
.links{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}
.grp{display:flex;flex-direction:column;gap:.7rem}
.sec__title{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:1rem;color:var(--gold);text-align:center;margin-bottom:.6rem;letter-spacing:.03em}
.lnk{min-height:3.5rem;padding:.75rem 1rem;border-radius:.9rem;border:1.5px solid rgba(212,162,76,.7);color:var(--cream);background:rgba(27,43,85,.6);transition:background .15s,transform .15s,border-color .15s}
.lnk:hover{background:rgba(212,162,76,.14);border-color:var(--gold-light)}
.lnk:active{transform:scale(.985)}
.lnk__icon{color:var(--gold-light)}
.lnk__label{font-family:'Rubik','Heebo',sans-serif;font-weight:500;font-size:1.08rem}
.lnk--primary{min-height:4.75rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy-deep);border:none;box-shadow:0 8px 24px rgba(212,162,76,.3)}
.lnk--primary:hover{background:linear-gradient(135deg,#F6CF86,var(--gold-light))}
.lnk--primary .lnk__icon{color:var(--navy);width:2rem;height:2rem}
.lnk--primary .lnk__label{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:1.45rem;line-height:1.2}
.lnk--primary .lnk__sub{color:var(--navy-deep);opacity:1;font-weight:500}
.lnk--primary .lnk__arrow{opacity:1}
.lnk--contact .lnk__sub{color:var(--cream);opacity:.85}
.draft-tag{color:var(--gold-light)}
.footer{text-align:center;font-size:.85rem;color:var(--cream);opacity:.92;padding:1.25rem .5rem 0}
.footer a{color:var(--gold-light)}
/* very narrow phones (320px): keep the e-mail on one line */
@media (max-width:359px){.page{padding-inline:.6rem}.frame{padding-inline:.8rem}.lnk{padding-inline:.8rem;gap:.7rem}.lnk--contact .lnk__sub{font-size:.8rem}}
@media (min-width:48rem){.page{padding-top:2.5rem}.frame{padding:2.25rem 2rem 2rem}}