/* רועי חסון · עו"ד ונוטריון — "מהבדיקה ועד המפתח" */
@font-face{font-family:"Bona Nova";src:url(fonts/BonaNova-400-hebrew.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Bona Nova";src:url(fonts/BonaNova-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
@font-face{font-family:"Bona Nova";src:url(fonts/BonaNova-700-hebrew.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Bona Nova";src:url(fonts/BonaNova-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
@font-face{font-family:"Cousine";src:url(fonts/Cousine-400-hebrew.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0590-05FF,U+20AA}
@font-face{font-family:"Cousine";src:url(fonts/Cousine-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{
  --paper:#F2EEE6; --paper2:#E8E2D6; --ink:#16181B; --ink2:#3C3F44; --mute:#5F625F;
  --sea:#0F6464; --sea2:#0B4B4B; --brass:#9C7630; --line:rgba(22,24,27,.16);
  --serif:"Bona Nova",Georgia,serif; --mono:"Cousine",ui-monospace,monospace;
  --s-1:clamp(.84rem,.8rem + .15vw,.92rem); --s0:clamp(1.02rem,.97rem + .25vw,1.14rem);
  --s1:clamp(1.25rem,1.1rem + .6vw,1.6rem); --s2:clamp(1.6rem,1.3rem + 1.4vw,2.5rem);
  --s3:clamp(2.1rem,1.5rem + 2.8vw,4rem); --s4:clamp(2.6rem,1.6rem + 4.6vw,6rem);
  --wrap:min(1180px,100% - 2.6rem); --r:4px;
  --akx-loader-bg:#16181B;
  --a11y-accent:#0F6464; --a11y-bg:#16181B; --a11y-fg:#F2EEE6;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--s0)/1.7 var(--serif)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-weight:700;line-height:1.08;margin:0}
p{margin:0 0 1em}
.wrap{width:var(--wrap);margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:1rem;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:var(--r)}
.skip:focus{top:1rem}
:focus-visible{outline:3px solid var(--sea);outline-offset:3px}
.mono{font-family:var(--mono);font-size:var(--s-1)}
.kicker{font-family:var(--mono);font-size:var(--s-1);color:var(--sea);display:flex;gap:.6em;align-items:center;margin-bottom:1.1rem}
.kicker::before{content:"";width:28px;height:1px;background:currentColor}
.ico{width:1.25em;height:1.25em;fill:currentColor;flex:none}

/* header */
.hdr{position:sticky;top:0;z-index:60;background:rgba(242,238,230,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:1.4rem;height:68px}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.05;margin-inline-end:auto}
.brand b{font-size:1.32rem}
.brand span{font-family:var(--mono);font-size:.74rem;color:var(--mute)}
.nav{display:flex;gap:1.5rem}
.nav a{text-decoration:none;font-size:1rem;position:relative;padding-block:.3rem}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--sea);transform:scaleX(0);transform-origin:right;transition:transform .35s}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.icons{display:flex;gap:.5rem}
.ib{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;transition:transform .2s}
.ib:hover{transform:translateY(-2px)}
.ib--ph{background:var(--ink)} .ib--wa{background:#1F8A4C} .ib--wz{background:#1B7FB8}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;place-items:center}
.burger i{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline:0;height:1.5px;background:var(--ink);transition:transform .3s}
.burger i::before{top:-6px}.burger i::after{top:6px}
.menu-open .burger i{background:transparent}
.menu-open .burger i::before{transform:translateY(6px) rotate(45deg)}
.menu-open .burger i::after{transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset-inline:0;top:68px;z-index:59;background:var(--paper);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .45s var(--akx-ease,ease)}
.mnav ul{list-style:none;margin:0;padding:.6rem 1.3rem 0}
.mnav li a{display:flex;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:1.25rem}
.mnav li a span{font-family:var(--mono);font-size:.8rem;color:var(--mute)}
.mnav .icons{padding:1rem 1.3rem 1.3rem}
.scrim{position:fixed;inset:68px 0 0;z-index:58;background:rgba(22,24,27,.45);opacity:0;pointer-events:none;transition:opacity .3s}
.menu-open .mnav{max-height:80svh}
.menu-open .scrim{opacity:1;pointer-events:auto}
@media (max-width:900px){.nav,.hdr .icons{display:none}.burger{display:grid}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:1.02rem;border:1px solid var(--ink);transition:background .25s,color .25s}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:var(--sea);border-color:var(--sea)}
.btn--line:hover{background:var(--ink);color:var(--paper)}

/* ---------- HERO / signature: "הנכס בפוקוס" ---------- */
.lens{position:relative;height:250vh;background:var(--paper)}
.lens__stick{position:sticky;top:68px;height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;width:var(--wrap);margin-inline:auto;padding-block:clamp(1rem,3vh,2.5rem)}
.lens__copy h1{font-size:clamp(2.4rem,1.2rem + 3.3vw,4.6rem);letter-spacing:0}
.lens__copy h1 em{font-style:normal;color:var(--sea)}
.lens__sub{font-size:var(--s1);color:var(--ink2);margin-top:.8rem;max-width:34ch;line-height:1.5}
.lens__meta{display:flex;gap:1.6rem;margin-top:1.4rem;font-family:var(--mono);font-size:var(--s-1);color:var(--mute);flex-wrap:wrap}
.lens__meta b{display:block;font-family:var(--serif);font-size:var(--s2);color:var(--ink);line-height:1}
.frame{position:relative;height:100%;max-height:640px;min-height:0;display:flex;flex-direction:column;gap:.8rem}
.frame__img{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:var(--r);background:#cfd6d4}
.frame__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:47% 64%;transform:scale(calc(1 + var(--z,0) * 1.9));will-change:transform}
.frame__img::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 47% 64%,transparent calc(18% + (1 - var(--z,0)) * 60%),rgba(22,24,27,calc(var(--z,0) * .3)) calc(30% + (1 - var(--z,0)) * 60%));pointer-events:none}
.crop{position:absolute;left:50%;top:50%;width:calc(78% - var(--z,0) * 46%);aspect-ratio:1.25;translate:-50% -50%;pointer-events:none}
.crop i{position:absolute;width:22px;height:22px;border:2px solid #fff}
.crop i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.crop i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}
.crop i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.crop i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}
.frame__bar{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:var(--s-1);color:var(--mute)}
.frame__bar b{color:var(--sea);font-weight:400}
.checks{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line);color:var(--mute);transition:color .4s}
.checks li .mark{width:1.15rem;height:1.15rem;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s}
.checks li .mark::after{content:"";width:.32rem;height:.6rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity .3s}
.checks li .st{font-family:var(--mono);font-size:.78rem;opacity:0;transition:opacity .4s}
.checks li.ok{color:var(--ink)}
.checks li.ok .mark{background:var(--sea);border-color:var(--sea)}
.checks li.ok .mark::after{opacity:1}
.checks li.ok .st{opacity:1;color:var(--sea)}
.verdict{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.verdict.on{opacity:1;transform:none}
.stamp{font-family:var(--mono);font-size:.82rem;color:var(--brass);border:1.5px solid var(--brass);padding:.35rem .7rem;border-radius:3px;transform:rotate(-3deg)}
.lens__hint{font-family:var(--mono);font-size:.78rem;color:var(--mute);margin-top:1rem}
@media (max-width:900px){
  .lens{height:220vh}
  .lens__stick{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;padding-block:.9rem 96px}
  .lens__copy{display:contents}
  .lens__copy .kicker{order:1;margin:0}
  .lens__copy h1{order:2}
  .frame{order:3;flex:1;min-height:0}
  .checks{order:4}
  .verdict{order:5}
  .lens__copy h1{font-size:clamp(2.1rem,9.5vw,3rem)}
  .lens__sub,.lens__meta,.lens__hint{display:none}
  .frame{max-height:none}
  .checks{margin-top:0}
  .checks li{padding:.32rem 0;font-size:.96rem}
  .checks li:not(.cur){display:none}
  .checks li.cur{display:grid}
  .verdict{margin-top:0;justify-content:flex-start;gap:.7rem}
  .verdict .stamp{font-size:.74rem}
  .verdict .btn{padding:.65rem 1.1rem}
}
.lens__mob{display:none}

/* sections */
.sec{padding-block:clamp(4.5rem,10vw,8.5rem)}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec--ink .kicker{color:#7FC4BF}
.sec--sand{background:var(--paper2)}
.h2{font-size:var(--s3);max-width:18ch}
.lead{font-size:var(--s1);color:var(--ink2);max-width:42ch}
.sec--ink .lead{color:#C9C6BE}

/* about */
.about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.about__ph{position:sticky;top:100px}
.about__ph img{border-radius:var(--r);aspect-ratio:3/4;object-fit:cover;object-position:50% 18%;width:100%}
.about__cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--s-1);color:var(--mute);margin-top:.7rem}
.pull{font-size:var(--s2);line-height:1.25;border-inline-start:3px solid var(--sea);padding-inline-start:1.2rem;margin:2rem 0}
.nums{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:2.5rem}
.nums div{padding:1.2rem 0 0;border-inline-start:1px solid var(--line);padding-inline-start:1rem}
.nums div:first-child{border:0;padding-inline-start:0}
.nums b{display:block;font-size:var(--s3);line-height:1}
.nums span{font-family:var(--mono);font-size:var(--s-1);color:var(--mute)}
@media (max-width:900px){.about{grid-template-columns:1fr}.about__ph{position:static;max-width:420px}}

/* areas: the registry index */
.reg{margin-top:3rem;border-top:1px solid rgba(242,238,230,.25)}
.reg details{border-bottom:1px solid rgba(242,238,230,.25)}
.reg summary{list-style:none;display:grid;grid-template-columns:4.2rem 1fr auto;gap:1rem;align-items:baseline;padding:1.5rem 0;cursor:pointer}
.reg summary::-webkit-details-marker{display:none}
.reg summary .no{font-family:var(--mono);font-size:var(--s-1);color:#7FC4BF}
.reg summary h3{font-size:var(--s2);transition:transform .35s var(--akx-ease,ease)}
.reg summary:hover h3{transform:translateX(-8px)}
.reg summary .pl{width:32px;height:32px;border:1px solid rgba(242,238,230,.4);border-radius:50%;position:relative;flex:none}
.reg summary .pl::before,.reg summary .pl::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;translate:-50% -50%;transition:transform .3s}
.reg summary .pl::after{transform:rotate(90deg)}
.reg details[open] .pl::after{transform:rotate(0)}
.reg__body{display:grid;grid-template-columns:4.2rem 1fr 1fr;gap:1rem 2.5rem;padding-bottom:2rem}
.reg__body p{grid-column:2;color:#C9C6BE;max-width:46ch}
.reg__body ul{grid-column:3;margin:0;padding:0;list-style:none;columns:1}
.reg__body li{padding:.35rem 0;border-bottom:1px dashed rgba(242,238,230,.18);font-size:.98rem}
.reg__body a{color:#7FC4BF}
@media (max-width:760px){.reg summary{grid-template-columns:2.6rem 1fr auto}.reg__body{grid-template-columns:1fr}.reg__body p,.reg__body ul{grid-column:1}}

/* buyer / seller switch */
.sw{display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:4px;margin:2rem 0 2.4rem;position:relative}
.sw button{position:relative;z-index:1;border:0;background:none;font:700 1.05rem var(--serif);padding:.65rem 1.5rem;border-radius:999px;cursor:pointer;color:var(--ink);transition:color .3s}
.sw button[aria-selected=true]{color:var(--paper)}
.sw::before{content:"";position:absolute;top:4px;bottom:4px;inset-inline-start:4px;width:calc(50% - 4px);background:var(--ink);border-radius:999px;transition:transform .4s var(--akx-ease,ease)}
.sw[data-v=sell]::before{transform:translateX(-100%)}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cards4 article{background:var(--paper);padding:1.6rem 1.4rem 1.8rem}
.cards4 .mono{color:var(--sea)}
.cards4 h3{font-size:var(--s1);margin:.7rem 0 .6rem}
.cards4 p{font-size:.98rem;color:var(--ink2);margin:0}
.panel[hidden]{display:none}
.panel:not([hidden]) article{animation:rise .55s var(--akx-ease,ease) both}
.panel article:nth-child(2){animation-delay:.07s}.panel article:nth-child(3){animation-delay:.14s}.panel article:nth-child(4){animation-delay:.21s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@media (max-width:980px){.cards4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards4{grid-template-columns:1fr}}

/* route: one thin row */
.route{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;counter-reset:r}
.route li{list-style:none;position:relative;padding-top:1.6rem;padding-inline-end:1rem}
.route li::before{content:"";position:absolute;top:.45rem;inset-inline:0;height:1px;background:var(--line)}
.route li::after{content:"";position:absolute;top:0;inset-inline-start:0;width:.9rem;height:.9rem;border-radius:50%;background:var(--paper);border:1.5px solid var(--sea)}
.route li:last-child::after{background:var(--sea)}
.route b{display:block;font-size:var(--s1)}
.route span{font-size:.95rem;color:var(--mute)}
.route{padding:0;margin-bottom:0}
@media (max-width:760px){.route{grid-template-columns:1fr 1fr;gap:1.8rem 0}}

/* projects */
.proj{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem);margin-top:3rem}
.proj article{border-top:2px solid var(--ink);padding-top:1.4rem}
.proj .big{font-size:var(--s4);line-height:.95;color:var(--sea);display:flex;align-items:baseline;gap:.6rem}
.proj .big small{font-size:var(--s0);color:var(--ink2);font-family:var(--mono)}
.proj h3{font-size:var(--s2);margin:1.1rem 0 .7rem}
.proj p{color:var(--ink2)}
.proj .tagline{font-family:var(--mono);font-size:var(--s-1);color:var(--mute)}
@media (max-width:760px){.proj{grid-template-columns:1fr}}

/* area marquee */
.towns{border-block:1px solid var(--line);padding:1.3rem 0;margin-top:2.6rem;overflow:hidden;white-space:nowrap}
.towns span{font-size:var(--s2);padding-inline:1.4rem}
.towns span:nth-child(even){color:var(--sea)}
.towns span::after{content:"·";padding-inline-start:2.8rem;color:var(--mute)}

/* notary strip */
.nstrip{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}
.nlist{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;padding:0;list-style:none}
.nlist li{border:1px solid rgba(242,238,230,.35);border-radius:999px;padding:.4rem .95rem;font-size:.95rem}
@media (max-width:760px){.nstrip{grid-template-columns:1fr}}

/* contact block */
.cgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);margin-top:2.6rem}
.office{border-top:1px solid var(--line);padding:1.2rem 0}
.office h3{font-size:var(--s1)}
.office p{margin:.3rem 0 .8rem;color:var(--ink2)}
.office .row{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;text-decoration:none;font-size:.95rem}
.chip:hover{border-color:var(--sea);color:var(--sea)}
.hours{width:100%;border-collapse:collapse;font-size:.98rem}
.hours th,.hours td{padding:.55rem 0;border-bottom:1px solid var(--line);text-align:start;font-weight:400}
.hours td{text-align:end;font-family:var(--mono);font-size:.9rem}
.hours tr.today th,.hours tr.today td{color:var(--sea);font-weight:700}
.open-now{font-family:var(--mono);font-size:var(--s-1);margin-top:.8rem;color:var(--mute)}
@media (max-width:860px){.cgrid{grid-template-columns:1fr}}

/* form */
.form{display:grid;gap:1rem;margin-top:1.5rem}
.form label{display:grid;gap:.35rem;font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;padding:.8rem .9rem;border:1px solid var(--line);background:#fff;border-radius:var(--r);color:var(--ink)}
.form textarea{min-height:110px;resize:vertical}

/* faq */
.faq{margin-top:2.4rem;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 0;font-size:var(--s1);font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--sea);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding-bottom:1.4rem;color:var(--ink2);max-width:70ch}
.faq .a ul{margin:.3rem 0 0;padding-inline-start:1.2rem}

/* page head */
.phead{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.phead h1{font-size:var(--s4)}
.crumbs{display:flex;gap:.5rem;list-style:none;padding:0;margin:0 0 1.2rem;font-family:var(--mono);font-size:var(--s-1);color:var(--mute)}
.crumbs li+li::before{content:"/";margin-inline-end:.5rem}
.crumbs a{text-decoration:none}

/* notary page */
.nserv{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.6rem}
.nserv article{background:var(--paper);padding:1.8rem 1.6rem}
.nserv h3{font-size:var(--s1);margin:.5rem 0 .6rem}
.nserv p{margin:0;color:var(--ink2);font-size:.99rem}
.nserv .mono{color:var(--sea)}
@media (max-width:760px){.nserv{grid-template-columns:1fr}}

/* closing CTA */
.close{text-align:center}
.close .h2{margin-inline:auto;max-width:16ch}
.close .lead{margin:1.2rem auto 2rem}
.close .row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}

/* footer */
.ftr{background:var(--ink);color:#CFCBC2;padding:4rem 0 6rem;font-size:.96rem}
.ftr__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem}
.ftr h4{font:400 .78rem var(--mono);color:#7FC4BF;margin:0 0 .9rem}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{padding:.2rem 0}
.ftr a{text-decoration:none}
.ftr a:hover{color:#fff}
.ftr__logo{width:150px;margin-bottom:1rem;border-radius:3px}
.soc{display:flex;gap:.5rem;margin-top:1rem}
.soc a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(242,238,230,.3);display:grid;place-items:center}
.soc a:hover{background:#F2EEE6;color:var(--ink)}
.ftr__note{border-top:1px solid rgba(242,238,230,.15);margin-top:3rem;padding-top:1.4rem;font-size:.84rem;color:#9C998F;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width:860px){.ftr__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr__grid{grid-template-columns:1fr}}

/* floating contact (left; a11y sits right) */
.fab{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;gap:.6rem}
.fab a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.fab .wa{background:#1F8A4C}.fab .wz{background:#1B7FB8;width:46px;height:46px;margin-inline:auto}
.fab .ico{width:26px;height:26px}

/* loader */
.ld{display:grid;justify-items:center;gap:1rem;color:#F2EEE6}
.ld__name{font-family:var(--serif);font-size:clamp(2rem,6vw,3.6rem);font-weight:700}
.ld__line{width:min(260px,60vw);height:1px;background:rgba(242,238,230,.2);position:relative;overflow:hidden}
.ld__line::after{content:"";position:absolute;inset:0;background:#7FC4BF;transform-origin:right;animation:ldl 1.7s cubic-bezier(.6,0,.2,1) forwards}
@keyframes ldl{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ld__k{font-family:var(--mono);font-size:.8rem;color:#9C998F}

/* legal */
.legal{padding-block:3rem 5rem}
.prose{max-width:72ch}
.prose h2{font-size:var(--s1);margin:2rem 0 .6rem}
.prose ul{padding-inline-start:1.2rem}

/* motion off */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
html.a11y-no-motion .frame__img img{transform:scale(1.9)!important}