:root{
  color-scheme:light;
  --paper:#FBF8F2; --bone:#F3EFE6; --card:#FFFDF9;
  --ink:#17150F; --ink2:#4E483C; --ink3:#8C8474;
  --rule:#E0D9CA; --rule2:#CFC5B1;
  --clay:#1D4EE8; --clay2:#1740C2;
  --srf:"Noto Serif Georgian",Georgia,serif;
  --sns:"Noto Sans Georgian",system-ui,-apple-system,sans-serif;
  --lat:"Cormorant Garamond",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{background:var(--paper)}
body{margin:0;color:var(--ink);font-family:var(--sns);font-size:17px;line-height:1.75;
 -webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
a{color:inherit}
.w{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px}
.wide{max-width:1180px}
.lb{font-family:var(--sns);font-size:11px;font-weight:600;letter-spacing:.24em;
 text-transform:uppercase;color:var(--ink3)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:var(--paper);
 border-bottom:1px solid var(--rule)}
.nav .w{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.mark img{height:24px;width:auto;display:block}
.mark b{font-family:var(--srf);font-weight:600;font-size:19px;letter-spacing:-.015em}
.ntel{font-family:var(--srf);font-size:16px;font-weight:600;text-decoration:none;
 border-bottom:1px solid var(--rule2);padding-bottom:2px;white-space:nowrap;
 transition:color .25s,border-color .25s}
.ntel:hover{color:var(--clay);border-color:var(--clay)}
@media(max-width:560px){.nav .w{height:60px;gap:14px}.mark{gap:9px}.mark img{height:22px}
 .mark b{font-size:17px}.ntel{font-size:15px}}

/* article */
article{padding-top:clamp(40px,6vw,74px);padding-bottom:20px}
.crumb{font-size:14px;color:var(--ink3);margin-bottom:26px}
.crumb a{text-decoration:none;border-bottom:1px solid var(--rule2);padding-bottom:1px}
.crumb a:hover{color:var(--clay);border-color:var(--clay)}
h1{margin:0;font-family:var(--srf);font-weight:600;font-size:clamp(30px,5vw,50px);
 line-height:1.1;letter-spacing:-.032em;text-wrap:balance}
.meta{margin-top:20px;padding-bottom:26px;border-bottom:1px solid var(--rule);
 display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--ink3)}
.lead{margin:32px 0 0;font-size:clamp(18px,2.2vw,21px);line-height:1.62;color:var(--ink2);
 font-family:var(--srf);font-weight:400}
article h2{margin:clamp(40px,5vw,58px) 0 0;font-family:var(--srf);font-weight:600;
 font-size:clamp(23px,3.2vw,31px);line-height:1.22;letter-spacing:-.026em;text-wrap:balance}
article h3{margin:34px 0 0;font-family:var(--srf);font-weight:600;font-size:20px;
 letter-spacing:-.02em}
article p{margin:18px 0 0;color:var(--ink2)}
article p strong,article li strong{color:var(--ink);font-weight:600}
article ul,article ol{margin:20px 0 0;padding-left:22px;color:var(--ink2)}
article li{margin-top:10px}
article a{color:var(--clay);text-decoration:none;border-bottom:1px solid rgba(29,78,232,.32)}
article a:hover{border-color:var(--clay)}

/* table */
.tbl{margin-top:28px;overflow-x:auto;border:1px solid var(--rule);border-radius:4px;background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:440px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--rule)}
th{font-family:var(--sns);font-size:12.5px;font-weight:600;letter-spacing:.1em;
 text-transform:uppercase;color:var(--ink3);background:var(--bone)}
tr:last-child td{border-bottom:0}
td strong{font-family:var(--srf);font-weight:600}

/* callout */
.note{margin-top:30px;padding:24px 26px;background:var(--card);border:1px solid var(--rule);
 border-left:3px solid var(--clay);border-radius:0 4px 4px 0}
.note b{display:block;font-family:var(--srf);font-weight:600;font-size:17.5px;margin-bottom:8px}
.note p{margin:0;font-size:16px}
.note p+p{margin-top:12px}

/* cta */
.cta{margin:clamp(48px,6vw,72px) 0 0;padding-top:clamp(34px,4vw,46px);border-top:1px solid var(--rule)}
.cta h2{margin:0;font-size:clamp(22px,3vw,28px)}
.cta p{margin-top:14px}
.cta .row{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:11px;text-decoration:none;background:var(--ink);
 color:var(--paper);font-size:15px;font-weight:600;padding:15px 28px;border-radius:2px;
 transition:background .28s;border-bottom:0}
.btn:hover{background:var(--clay);border-bottom:0}
.tel-big{font-family:var(--srf);font-size:26px;font-weight:600;letter-spacing:-.02em;
 text-decoration:none;border-bottom:0}
.tel-big:hover{color:var(--clay);border-bottom:0}

/* more */
.more{margin-top:clamp(46px,6vw,70px);padding-top:clamp(30px,4vw,42px);border-top:1px solid var(--rule)}
.more h2{margin:0 0 6px;font-size:20px}
.more ul{list-style:none;padding:0;margin:14px 0 0}
.more li{margin:0;border-bottom:1px solid var(--rule)}
.more li:last-child{border-bottom:0}
.more a{display:block;padding:15px 0;text-decoration:none;border-bottom:0;color:var(--ink);
 font-family:var(--srf);font-weight:600;font-size:17.5px;letter-spacing:-.015em;
 transition:color .2s}
.more a:hover{color:var(--clay);border-bottom:0}

/* blog index */
.idx{padding-top:clamp(40px,6vw,74px)}
.idx h1{max-width:18ch}
.idx .sub{margin-top:20px;color:var(--ink2);font-size:18px;max-width:52ch}
.list{margin-top:clamp(36px,4.6vw,54px);border-top:1px solid var(--rule)}
.post{display:block;text-decoration:none;padding:clamp(24px,3vw,32px) 0;
 border-bottom:1px solid var(--rule);transition:padding-left .3s cubic-bezier(.2,.8,.3,1)}
.post:hover{padding-left:10px}
.post .k{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.post h2{margin:11px 0 0;font-family:var(--srf);font-weight:600;
 font-size:clamp(21px,2.8vw,27px);letter-spacing:-.024em;line-height:1.24}
.post:hover h2{color:var(--clay)}
.post p{margin:11px 0 0;color:var(--ink2);font-size:16px;max-width:62ch}

footer{border-top:1px solid var(--rule);margin-top:clamp(48px,6vw,80px);padding-block:40px 46px}
footer .w{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
 color:var(--ink3);font-size:14.5px}
footer a{text-decoration:none;border-bottom:0}
footer a:hover{color:var(--clay)}
@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}html{scroll-behavior:auto}}